/* Homepage expansion. Keep shared product and contact pages unchanged. */
.home-page .section{max-width:1360px;padding:88px 40px}
.home-page .home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:38px}
.home-page .home-section-head h2{font-size:clamp(32px,3.6vw,51px);line-height:1.13;margin:12px 0 0;letter-spacing:-.025em}
.home-page .home-section-head>p{max-width:365px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.home-page .home-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;color:#557181;line-height:1.6}
.home-page .home-hero-intro{max-width:470px;font-size:18px;line-height:1.65;margin:24px 0 32px}
.home-page .hero-copy h1{font-size:clamp(38px,4.6vw,68px);line-height:1.12;letter-spacing:-.025em}
.home-page .hero-actions .pill:first-child{background:#fff;color:#007db8}
/* Keep the product banner copy in the images' left-hand negative space. */
@media(min-width:761px){
 .home-page :is(.home-slide-roller,.home-slide-corner,.home-slide-black-frame) .hero-copy{left:6.5%;width:39%;max-width:650px}
 .home-page :is(.home-slide-roller,.home-slide-corner,.home-slide-black-frame) .hero-copy h2{font-size:clamp(34px,3.5vw,60px)}
}
.home-page :is(.home-slide-roller,.home-slide-corner,.home-slide-black-frame):after{background:linear-gradient(90deg,rgba(16,18,20,.68),rgba(16,18,20,.52) 40%,rgba(16,18,20,.08) 62%,rgba(16,18,20,.02))}
@media(max-width:760px){
 .home-page :is(.home-slide-roller,.home-slide-corner,.home-slide-black-frame):after{background:linear-gradient(90deg,rgba(16,18,20,.78),rgba(16,18,20,.42))}
}
.home-page #products .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.home-page #products .photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f7f8;border-radius:12px;transition:transform .3s}
.home-page #products h3{font-size:18px;line-height:1.35;margin:18px 0 8px}
.home-card-link{display:flex;justify-content:space-between;color:#626b73;font-size:12px;line-height:1.5}
.home-page .product a{display:block}
.home-page .product a:hover .photo{transform:translateY(-4px)}
.home-interiors{background:#f0f6f9}
.home-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.home-feature{min-width:0}
.home-feature a{display:block}
.home-feature-media{overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#e4eaed}
.home-feature-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s}
.home-feature a:hover .home-feature-media img{transform:scale(1.018)}
.home-feature-copy{padding:25px 0 0}
.home-page .home-feature h3{font-size:32px;margin:7px 0 10px;font-weight:500;letter-spacing:-.02em}
.home-feature p{font-size:15px;color:var(--muted);margin:0 0 20px;line-height:1.6}
.home-text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:600;color:#007db8;padding:8px 0;border-bottom:1px solid #007db850}
.home-text-link:hover{border-bottom-color:currentColor}
.home-image-note{font-size:11px;color:#626b73;margin:24px 0 0;line-height:1.65}
.home-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-detail-image{aspect-ratio:1.16;overflow:hidden;border-radius:12px;margin-bottom:24px;background:#edf2f4}
.home-detail-image img{display:block;width:100%;height:100%;object-fit:cover}
.home-detail-frame img{object-position:45% 50%}
.home-detail-hinge img{object-position:15% 30%;width:145%;max-width:none}
.home-page .home-detail-grid h3{font-size:23px;line-height:1.35;margin:8px 0 12px;font-weight:500}
.home-detail-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.home-options{background:#edf5fa;border-top:1px solid #deebf2;border-bottom:1px solid #deebf2}
.home-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.home-option-grid article{border-top:1px solid #acc9d9;padding-top:22px;display:flex;flex-direction:column}
.home-option-number{font-size:36px;font-weight:400;color:#84a7bb;line-height:1.2}
.home-page .home-option-grid h3{font-size:21px;margin:22px 0 12px;font-weight:500}
.home-option-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 20px}
.home-option-grid a{font-size:12px;color:#006c9e;margin-top:auto;line-height:1.6}
.home-option-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:42px}
.home-option-footer p{max-width:490px;font-size:12px;color:var(--muted);line-height:1.7}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;flex-shrink:0;padding:17px 23px;background:#007db8;color:white;border-radius:4px;font-size:13px}
.home-button:hover{background:#006697}
.home-page .home-manufacturing{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px}
.home-factory-figure{margin:0;min-width:0}
.home-factory-figure img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:24% 50%;border-radius:12px}
.home-factory-figure figcaption{margin-top:12px;font-size:11px;color:var(--muted)}
.home-page .home-factory-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.16;margin:14px 0 24px;letter-spacing:-.025em}
.home-factory-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.home-factory-copy dl{margin:28px 0}
.home-factory-copy dl div{padding:14px 0;border-top:1px solid #dce6ec}
.home-factory-copy dt{font-size:13px;font-weight:600;color:#315266}
.home-factory-copy dd{font-size:13px;margin:6px 0 0;color:var(--muted);line-height:1.6}
.home-page .resource-section{border-top:1px solid #e3ebef}
.home-page .resource-heading h2{font-size:clamp(32px,3.6vw,51px);letter-spacing:-.025em}
.home-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;margin-top:64px;padding-top:56px;border-top:1px solid #dce6ec}
.home-page .home-faq h3{font-size:28px;margin:12px 0 18px;font-weight:500}
.home-faq>div>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:310px}
.home-faq details{border-bottom:1px solid #dce6ec}
.home-faq summary{position:relative;list-style:none;padding:22px 34px 22px 0;font-size:15px;line-height:1.5;cursor:pointer;color:#315266}
.home-faq summary::-webkit-details-marker{display:none}
.home-faq summary:after{content:'+';position:absolute;right:4px;top:20px;font-size:22px;color:#007db8}
.home-faq details[open] summary:after{content:'−'}
.home-faq details p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;padding:0 26px 24px 0}
.home-page :is(#interior-doors,#product-details,#custom-options){scroll-margin-top:180px}
.home-page :is(.home-feature a,.home-option-grid a,.home-button,.home-text-link,summary):focus-visible{outline:3px solid #007db8;outline-offset:5px}
@media(max-width:1000px){
 .home-page .section{padding:65px 28px}
 .home-page #products .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .home-page .home-manufacturing{gap:36px}
 .home-page .home-section-head{gap:30px}
 .home-faq{gap:35px}
}
@media(max-width:760px){
 .home-page .section{padding:52px 20px}
 .home-page .home-section-head{display:block;margin-bottom:28px}
 .home-page .home-section-head>p{max-width:520px;margin-top:20px;font-size:14px}
 .home-page .home-section-head>.home-text-link{margin-top:20px}
 .home-feature-grid{grid-template-columns:1fr;gap:38px}
 .home-feature-copy{padding-top:20px}
 .home-page .home-feature h3{font-size:28px}
 .home-detail-grid{grid-template-columns:1fr;gap:34px}
 .home-detail-image{aspect-ratio:1.5;margin-bottom:20px}
 .home-page #products .grid{gap:26px 15px}
 .home-page #products h3{font-size:16px;margin:13px 0 8px}
 .home-card-link{font-size:11px;gap:5px}
 .home-page .home-option-grid h3{font-size:19px}
 .home-option-footer{display:block;margin-top:30px}
 .home-button{margin-top:12px}
 .home-page .home-manufacturing{grid-template-columns:1fr;gap:30px}
 .home-factory-figure img{aspect-ratio:1.35}
 .home-faq{grid-template-columns:1fr;gap:14px;margin-top:44px;padding-top:36px}
 .home-faq>div>p{max-width:none}
 .home-page .home-hero-intro{font-size:15px;margin:20px 0 26px}
}
@media(max-width:380px){
 .home-option-grid{grid-template-columns:1fr;gap:24px}
 .home-page .hero-actions{flex-wrap:wrap;gap:10px}
 .home-page .hero-actions .pill{min-width:0;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){
 .home-feature-media img,.home-page #products .photo{transition:none}
 .home-feature a:hover .home-feature-media img,.home-page .product a:hover .photo{transform:none}
}

@media(min-width:761px){
 .home-page .home-slide-corner .hero-copy{width:36%}
 .home-page .home-slide-corner .hero-copy h2{font-size:clamp(32px,3.1vw,56px)}
}