/* Collection and product presentation */
/* Shared interaction states: pointer, keyboard and touch. */
.button,.card-actions button,.remove,.text-link,.card-actions>a,.menu,.cart-link,#top{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.button{border-radius:5px;box-shadow:0 0 0 transparent}
.button:hover,.button:focus-visible{background:#356672;border-color:#356672;color:#fff;box-shadow:0 7px 18px #203c4324;transform:translateY(-2px)}
.button.secondary:hover,.button.secondary:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.button:active,.card-actions button:active,#top:active{transform:translateY(0);box-shadow:none}
.button:disabled,.card-actions button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.text-link,.card-actions>a{position:relative;display:inline-flex;align-items:center;gap:8px}
.text-link{border-bottom-color:#a9bcc1}
.text-link:after,.card-actions>a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.text-link:hover,.text-link:focus-visible,.card-actions>a:hover,.card-actions>a:focus-visible{color:#356c7b}
.text-link:hover:after,.text-link:focus-visible:after,.card-actions>a:hover:after,.card-actions>a:focus-visible:after{transform:scaleX(1)}
.text-link>span,.card-actions>a>span,.button>span{display:inline-block;transition:transform .24s ease}
.text-link:hover>span,.card-actions>a:hover>span,.button:hover>span{transform:translate(2px,-2px)}
.about-band .text-link:hover,.about-band .text-link:focus-visible{color:#fff}
.card-actions button:hover,.card-actions button:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 5px 12px #203c4324;transform:translateY(-2px)}
.card-actions button.in-cart:hover,.card-actions button.in-cart:focus-visible{background:#456772;border-color:#456772;color:#fff}
.remove:hover,.remove:focus-visible{background:#f2e9e8;color:#843c36;border-radius:4px;text-decoration:none}
.menu:hover,.menu:focus-visible{background:#edf3f5;border-radius:4px;color:#294e5a}
.cart-link{border-radius:5px;padding-right:16px}
.cart-link:hover,.cart-link:focus-visible{background:#eaf1f3;color:#356672}
.cart-state{display:grid;place-items:center;top:1px;right:1px;min-width:19px;width:auto;height:19px;padding:0 4px;border:2px solid #fff;border-radius:20px;background:var(--ink);color:white;font-size:10px;font-weight:700;line-height:1}
#top:hover,#top:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 5px 14px #203c4330;transform:translateY(-3px)}
footer a:not(.brand):hover,footer a:not(.brand):focus-visible{color:#225b6d;text-decoration:underline;text-underline-offset:4px}
.product-image:focus-visible .image-open{background:var(--ink);color:#fff;transform:translate(2px,-2px)}
.material-tile:focus-visible .tile-arrow{background:#fff;color:var(--ink)}
.policy{max-width:1020px}
.policy>section{padding-bottom:28px;border-bottom:1px solid #e3eaec;margin-bottom:32px}
.policy>section>p{line-height:1.85;margin-bottom:0}
.policy h2{font-size:1.65rem;letter-spacing:-.025em}
.policy-intro{border-bottom:1px solid var(--line)}
.page-intro>h1{font-size:clamp(2.25rem,4vw,4rem);line-height:1.08}
.about-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#54757d}
.about-hero p{max-width:600px;font-size:16px}
.about-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px;align-items:center;padding-top:78px;padding-bottom:88px}
.about-image-wrap{position:relative;max-width:620px}
.about-image-wrap .editorial-image{aspect-ratio:1.2;max-height:520px;border-radius:14px;object-fit:cover;object-position:center}
.image-caption{position:absolute;bottom:18px;left:18px;padding:8px 12px;background:#ffffffdc;font-size:10px;letter-spacing:.13em;color:var(--ink);border-radius:3px}
.about-copy{max-width:500px}.about-copy h2{font-size:clamp(2rem,3.4vw,3.25rem)}.about-copy p{font-size:15px}.about-copy .button{margin-top:12px}
.about-values{padding:70px max(5%,calc((100vw - 1296px)/2));background:var(--ink);color:white}.about-values .eyebrow{color:#b6c9cd}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.values-grid article{border-top:1px solid #668087;padding-top:18px}.value-number{font:600 12px Arial;letter-spacing:.12em;color:#b6c9cd}.values-grid h3{margin:28px 0 12px;font-size:1.45rem}.values-grid p{color:#c4d2d6;font-size:14px;line-height:1.75}
.about-guidance{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-guidance h2{font-size:clamp(2rem,3.4vw,3.25rem)}.about-guidance>div:last-child{max-width:540px}.about-guidance p{font-size:15px}
@media(max-width:720px){.page-intro>h1{font-size:2.55rem}.about-intro{grid-template-columns:1fr;gap:34px;padding-top:52px;padding-bottom:58px}.about-image-wrap{max-width:none}.about-image-wrap .editorial-image{max-height:330px}.about-copy{max-width:none}.about-values{padding:55px 6%}.values-grid{grid-template-columns:1fr;gap:28px}.values-grid h3{margin-top:16px}.about-guidance{grid-template-columns:1fr;gap:16px}}
.cart-row .remove{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.cart-row .remove:hover,.cart-row .remove:focus-visible{transform:translateY(-1px)}
nav a:after{width:30px;right:auto}
nav a{width:max-content;flex:0 0 auto;padding-left:12px;padding-right:12px}
nav a:after{left:12px;width:30px}
@media(max-width:720px){nav.open{align-items:flex-start}nav a{width:max-content;flex:0 0 auto;padding-left:12px;padding-right:12px}nav a:after{left:12px;width:26px;right:auto}.cart-row{grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center}.cart-row .remove{grid-column:auto;justify-self:end;padding:7px 9px;white-space:nowrap}}
/* New header interaction: a soft glass capsule with a centered active mark. */
nav a{isolation:isolate;z-index:0;border-radius:999px;transition:color .24s ease,transform .24s ease}
nav a:before{content:'';position:absolute;z-index:-1;inset:3px 0;background:linear-gradient(135deg,#edf5f6,#dcebed);border:1px solid #c8dde0;border-radius:999px;opacity:0;transform:scale(.72);transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
nav a:hover,nav a:focus-visible,nav a[aria-current]{color:#214e5b;transform:translateY(-1px)}
nav a:hover:before,nav a:focus-visible:before,nav a[aria-current]:before{opacity:1;transform:scale(1)}
nav a:after{left:50%;bottom:0;width:6px;height:6px;border:0;border-radius:50%;background:#2a6878;transform:translateX(-50%) scale(0);transform-origin:center;transition:transform .24s ease}
nav a:hover:after,nav a:focus-visible:after,nav a[aria-current]:after{transform:translateX(-50%) scale(1)}
@media(max-width:720px){nav a:after{left:50%;width:6px}}
/* Final header hover: no dots, just a refined glass highlight and lift. */
nav a:after,nav a:hover:after,nav a:focus-visible:after,nav a[aria-current]:after{display:none}
nav a:hover,nav a:focus-visible,nav a[aria-current]{box-shadow:0 7px 16px #2f65751c}
.material-section{padding-top:92px;padding-bottom:96px}
.material-section .section-heading{align-items:center;margin-bottom:42px}
.material-section h2{font-size:clamp(2.4rem,3.8vw,3.9rem);letter-spacing:-.055em}
.collection-intro{max-width:350px}
.collection-intro p{font-size:15px;margin-bottom:18px}
.material-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:270px 270px;gap:20px}
.material-tile{position:relative;overflow:hidden;background:#e7ecee;border-radius:12px;isolation:isolate}
.material-feature{grid-row:1/3}
.material-tile img{height:100%;object-fit:cover;transition:transform .7s ease;object-position:center 40%}
.material-tile:hover img{transform:scale(1.045)}
.material-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(11,29,35,.85));z-index:0}
.material-caption{position:absolute;inset:auto 24px 22px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:15px;color:white}
.material-caption h3{font-size:1.55rem;margin:0;letter-spacing:-.025em}
.material-caption p{display:none;color:#e0e9eb;font-size:14px;margin:15px 0 0;max-width:260px}
.material-feature .material-caption{inset:auto 30px 30px}
.material-feature h3{font-size:2.7rem}
.material-feature p{display:block}
.tile-arrow{flex-shrink:0;display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff70;border-radius:50%;font-size:21px;transition:background .25s,color .25s}
.material-tile:hover .tile-arrow{background:white;color:var(--ink)}
.catalogue-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:64px;padding-bottom:60px;background:#e8eff1}
.catalogue-intro h1{margin:0;font-size:clamp(3.1rem,5.2vw,5.5rem)}
.catalogue-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#54757d}
.catalogue-intro>p{max-width:365px;font-size:16px;padding-bottom:8px}
.catalogue-navigation{border-bottom:1px solid var(--line);background:white;padding:23px 5%}
.catalogue-navigation .category-links{max-width:1296px;margin:0 auto;gap:12px}
.catalogue-navigation a{display:flex;align-items:center;gap:22px;border:1px solid #c9d5d9;border-radius:30px;padding:10px 19px;transition:background .2s,color .2s}
.catalogue-navigation a:hover,.catalogue-navigation a:focus-visible{background:var(--ink);color:white;border-color:var(--ink)}
.catalogue-section{padding-top:65px;padding-bottom:65px}
.catalogue-section+.catalogue-section{border-top:1px solid var(--line)}
.catalogue-section .section-heading{align-items:end;margin-bottom:30px}
.catalogue-section .section-heading>p{max-width:340px;font-size:15px;margin:0}
.catalogue-section .eyebrow{font-size:10px;color:#6b858c}
.product-grid{gap:28px}
.product-card{border:0;background:#fff;border-radius:13px;overflow:hidden;box-shadow:none;display:flex;flex-direction:column}
.product-card:hover{box-shadow:none;transform:translateY(-3px)}
.product-image{position:relative;border-radius:12px;background:#e7edef}
.product-image img{height:auto;aspect-ratio:1.12;object-position:center 44%}
.product-tag{position:absolute;top:17px;left:17px;padding:5px 11px;background:#ffffffeb;color:#29454e;font-size:11px;border:1px solid #ffffff90;border-radius:4px}
.image-open{position:absolute;right:15px;bottom:15px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:white;font-size:20px;color:var(--ink);transition:transform .25s}
.product-image:hover .image-open{transform:rotate(45deg)}
.card-info{padding:22px 2px 4px;display:flex;flex-direction:column;flex:1}
.card-info h3{font-size:1.38rem;line-height:1.25;margin-bottom:12px;letter-spacing:-.025em}
.product-finish{font-size:11px;color:#647a80;display:flex;align-items:center;gap:10px;margin-bottom:15px}
.product-finish strong{font-weight:400;color:var(--ink);padding:3px 8px;background:#edf2f3;border-radius:4px;font-size:11px}
.card-info>p{font-size:14px;min-height:0;line-height:1.65;margin-bottom:20px}
.card-actions{margin-top:auto;flex-wrap:nowrap;flex-direction:row;align-items:center;border-color:#dce4e7;padding-top:16px;font-size:13px}
.card-actions>a{padding:9px 0;font-weight:500}
.card-actions button{border:1px solid #b5c7cc;border-radius:5px;background:#f6f9fa;padding:9px 15px;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}
.card-actions button:hover{background:var(--ink);color:white}
.product-detail{gap:60px}
.detail-image{height:auto;border-radius:16px}
.product-detail>div{padding:5px 0}
.product-detail fieldset{background:#f3f6f7;border-radius:8px;padding:16px 18px;margin-bottom:22px}
.product-detail legend{padding-top:12px}
.product-detail .color-choice{background:white;border-radius:5px;padding:8px 12px}
.product-detail select,.product-detail input{border-radius:5px}
.product-detail .actions .button{border-radius:5px;flex:1;justify-content:center}
.product-detail dl{padding:8px 20px;background:#f3f6f7;border-radius:8px}
.product-detail dl>div:first-child{border-top:0}
@media(max-width:1000px){.material-grid{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:230px 230px;gap:15px}.material-caption{inset:auto 18px 18px}.material-caption h3{font-size:1.3rem}.material-feature h3{font-size:2.2rem}.material-feature .material-caption{inset:auto 22px 24px}.tile-arrow{width:30px;height:30px;font-size:18px}.product-grid{gap:22px}.card-actions{gap:8px}.card-actions button{padding:8px 10px}.product-detail{gap:32px}}
@media(max-width:720px){.material-section{padding-top:56px;padding-bottom:56px}.material-section .section-heading{align-items:start;gap:20px;margin-bottom:27px}.material-section h2{font-size:2.7rem}.collection-intro{max-width:440px}.material-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 230px 230px;gap:14px}.material-feature{grid-column:1/3;grid-row:1}.material-feature img{object-position:center 48%}.material-feature .material-caption{inset:auto 24px 24px}.material-feature h3{font-size:2.2rem}.material-feature p{max-width:230px}.material-caption{inset:auto 16px 17px;gap:8px}.material-caption h3{font-size:1.25rem}.tile-arrow{width:28px;height:28px;font-size:16px}.catalogue-intro{flex-direction:column;align-items:start;gap:25px;padding-top:45px;padding-bottom:38px}.catalogue-intro h1{font-size:3.2rem}.catalogue-intro>p{max-width:440px;padding:0}.catalogue-navigation{padding:20px 6%}.catalogue-navigation .category-links{flex-direction:row;gap:8px}.catalogue-navigation a{font-size:12px;padding:8px 12px;gap:10px}.catalogue-section{padding-top:45px;padding-bottom:45px}.catalogue-section .section-heading{align-items:start;gap:15px}.product-grid{gap:30px 18px}.card-info h3{font-size:1.2rem}.card-info{padding-top:17px}.product-image img{aspect-ratio:1}.product-tag{font-size:10px;top:10px;left:10px;padding:4px 7px}.product-finish{flex-wrap:wrap;gap:5px}.card-actions{flex-wrap:wrap;align-items:center}.card-info p{font-size:13px}.image-open{width:30px;height:30px;bottom:10px;right:10px}.product-detail .actions{gap:12px}.product-detail .actions .button{padding:14px 15px;min-width:130px}.detail-image{border-radius:12px}}
@media(max-width:400px){.material-grid{grid-template-rows:310px 205px 205px;gap:12px}.material-caption{inset:auto 12px 14px}.material-caption h3{font-size:1.08rem}.tile-arrow{width:25px;height:25px;font-size:15px}.product-grid{grid-template-columns:1fr;gap:32px}.product-image img{aspect-ratio:1.16}.card-info h3{font-size:1.4rem}.card-actions{flex-wrap:nowrap}.product-finish{gap:10px}}

.logo-brand{display:flex;align-items:center;width:220px;height:58px}.logo-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.footer-grid .logo-brand{width:250px;height:76px;margin-bottom:20px}.footer-grid .logo-brand img{object-position:left center}@media(max-width:720px){.logo-brand{width:165px;height:48px}.footer-grid .logo-brand{width:210px;height:64px}}

.logo-brand{display:flex;align-items:center;width:220px;height:58px}.logo-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.footer-grid .logo-brand{width:250px;height:76px;margin-bottom:20px}.footer-grid .logo-brand img{object-position:left center}@media(max-width:720px){.logo-brand{width:165px;height:48px}.footer-grid .logo-brand{width:210px;height:64px}}

.logo-brand{display:flex;align-items:center;width:220px;height:58px}.logo-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.footer-grid .logo-brand{width:250px;height:76px;margin-bottom:20px}.footer-grid .logo-brand img{object-position:left center}@media(max-width:720px){.logo-brand{width:165px;height:48px}.footer-grid .logo-brand{width:210px;height:64px}}

/* Final square navigation hover treatment. */
nav a{border-radius:6px}
nav a:before{inset:2px 0;border-radius:6px;background:linear-gradient(100deg,#edf5f6,#dcebed);border-color:#c8dde0}
nav a:hover,nav a:focus-visible,nav a[aria-current]{box-shadow:inset 0 -2px 0 #2a6878,0 6px 14px #2f657514;transform:translateY(-1px)}