:root{--ink:#20282d;--paper:#f4f2ed;--blue:#235d83;--line:#cccfcf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #448cb9;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:0}.preview{background:#203a4a;color:white;padding:8px 4%;font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between}.preview span{letter-spacing:.4px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.5;letter-spacing:1.3px}.brand img{width:68px;height:56px;object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:13px}.navcta{border-bottom:1px solid;padding:10px 0}.hero{display:grid;grid-template-columns:45% 55%;min-height:650px}.hero-copy{padding:60px 9% 25px;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7;font-weight:bold}h1{font-size:clamp(46px,5.5vw,88px);line-height:1.03;font-weight:400;letter-spacing:-4px;margin:30px 0 22px}em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.intro{font-size:16px;line-height:1.8;max-width:340px;color:#54606a}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--blue);color:white;padding:18px 23px;border:0;cursor:pointer;font-size:13px;width:fit-content;margin-top:20px}.hero-foot{margin-top:auto;padding-top:50px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px}.hero-photo{margin:0;position:relative;min-width:0;background:#d0cbc4;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:40% center}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, #14212bd9);color:white;padding:70px 35px 28px;display:flex;justify-content:space-between;align-items:end;gap:15px;font-size:13px}.hero-photo figcaption span{font-size:9px;letter-spacing:1.5px}.collection{padding:80px 5%}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:38px}h2{font-size:clamp(32px,3.3vw,52px);font-weight:400;line-height:1.13;letter-spacing:-1.5px;margin:15px 0}.section-heading>p{font-size:13px;line-height:1.8;color:#58636b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo{height:300px;background:#dddcd7;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.card:hover img{transform:scale(1.025)}.card-label{display:flex;justify-content:space-between;margin-top:22px;font-size:10px;letter-spacing:1.4px;color:#516574}h3{font-size:26px;font-weight:400;margin:15px 0}.card p{font-size:14px;line-height:1.6;color:#56616a}.approach{background:#222c32;color:#eee;padding:75px 7%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.approach em{color:#9bc0d7}.approach p:not(.eyebrow){max-width:580px;line-height:1.9;color:#bec7cc}.contact{padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact p{line-height:1.8;color:#53616a}.contact-panel{border:1px solid var(--line);padding:28px}.contact-panel h3{margin-top:0}.contact-panel label{display:block;font-size:12px;margin:20px 0 8px}select{width:100%;padding:13px;background:white;border:1px solid #abb1b4}footer{padding:30px 5% 95px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px}.guide-launch{position:fixed;right:25px;bottom:22px;background:#203a4a;color:white;border:1px solid #98bbcf;padding:16px 22px;border-radius:30px;box-shadow:0 5px 25px #18273335;cursor:pointer;z-index:5}#guide{position:fixed;right:24px;bottom:84px;width:350px;max-width:calc(100vw - 30px);max-height:75vh;overflow:auto;background:#fff;padding:23px;box-shadow:0 12px 60px #17263040;border:1px solid #c9d5dc;z-index:6}.guide-head{display:flex;justify-content:space-between;align-items:start}.guide-head small{display:block;font-size:9px;letter-spacing:1px;margin-top:7px;color:#647786}.guide-head button{font-size:26px;background:none;border:0;cursor:pointer}.guide-options{display:grid;gap:8px}.guide-options button{background:#f0f4f6;border:1px solid #c7d4dd;padding:12px;text-align:left;cursor:pointer}#guide-answer{font-size:13px;line-height:1.7;margin-top:18px}#guide-answer a{color:var(--blue);text-decoration:underline}.product-main{max-width:1250px;margin:auto;padding:55px 5%}.product-main h1{margin-top:20px}.product-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;margin:35px 0}.product-layout img{width:100%;max-height:600px;object-fit:contain;background:#deded8}.product-layout p{line-height:1.9}.back{font-size:12px;color:var(--blue)}@media(max-width:760px){header{padding:15px 5%}nav{gap:15px}nav>a:not(.navcta){display:none}.brand span{font-size:9px}.brand img{width:50px}.preview{font-size:8px;letter-spacing:.8px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 7%}.hero h1{font-size:59px;letter-spacing:-2.5px}.hero-foot{padding-top:35px}.hero-photo{min-height:420px}.hero-photo>img{position:relative;height:420px;object-fit:cover;object-position:35% center}.hero-photo figcaption{padding:55px 20px 22px}.hero-photo figcaption span{max-width:100px}.collection{padding:50px 6%}.section-heading{display:block}.cards{grid-template-columns:1fr;gap:36px}.photo{height:330px}.approach,.contact,.product-layout{grid-template-columns:1fr;gap:22px}.contact{padding:50px 6%}.approach{padding:45px 7%}footer{flex-direction:column}.guide-launch{right:15px}.product-main h1{font-size:46px;letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Focused homepage clarity and small-screen refinement. */
.hero h1{font-size:clamp(40px,4.1vw,66px);letter-spacing:-2px;line-height:1.08}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.secondary-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;padding:15px 0}.faq{padding:60px 8%;max-width:1100px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:18px;line-height:1.5}.faq summary:focus-visible{outline:3px solid #448cb9;outline-offset:5px}.faq p{line-height:1.8;max-width:750px}.contact-panel{scroll-margin-top:20px}
@media(max-width:760px){.hero-copy{padding:25px 7%}.hero h1{font-size:clamp(34px,8.5vw,49px);margin:16px 0 10px;letter-spacing:-1.4px}.hero .intro{font-size:15px;line-height:1.6;margin:8px 0}.hero-actions{gap:8px}.hero-actions .button{margin-top:10px;padding:16px;gap:12px}.hero-foot{display:none}.hero-photo,.hero-photo>img{height:340px;min-height:340px}.faq{padding:40px 6%}.guide-launch{position:static;display:block;margin:0 15px 15px auto;max-width:calc(100% - 30px)}footer{padding-bottom:35px}}

.product-layout img{height:auto}
/* Legibility pass informed by the local static design review. */
.eyebrow,.card-label,.hero-foot,.hero-photo figcaption span,.guide-head small,footer{font-size:12px}
.brand span{font-size:12px;letter-spacing:1px}
h1,h2,.hero h1,.product-main h1{letter-spacing:-.025em}
@media(max-width:760px){header{flex-wrap:wrap;gap:12px}nav{margin-left:auto}.brand span{font-size:11px}.preview{font-size:10px;flex-wrap:wrap;gap:5px}.hero-photo figcaption span{max-width:150px}.hero h1{letter-spacing:-.025em}}

@media(min-width:761px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.cards>.card{grid-column:span 2}.cards>.card:nth-child(4),.cards>.card:nth-child(5){grid-column:span 3}}
.styled-note{display:block;font-size:11px;line-height:1.5;color:#596970;margin-top:10px}.product-photo{margin:0}.product-photo img{width:100%}.product-photo figcaption{font-size:12px;line-height:1.5;color:#596970;margin-top:10px}

/* Six collections: two rows of three on desktop. */
@media(min-width:761px){.cards>.card:nth-child(n){grid-column:span 2}}

/* Consistent collection thumbnails; full photos remain available in galleries. */
.cards .photo { height: auto; aspect-ratio: 4 / 3; }
.cards .photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Blend the original ACC logo white backdrop into the warm page background. */
.brand img { mix-blend-mode: multiply; }