/* Residential UI refinement. Scope excludes the shared homepage header/footer. */
#top{--ink:#203b37;--muted:#65716b;--blue:#2d5148;--navy:#213d36;--gold:#af824c;--sand:#f2efe8;--line:#dddcd3;--paper:#faf9f6;background:var(--paper);color:var(--ink)}
#top .shell{width:min(1220px,calc(100% - 80px))}
#top .section{padding-block:88px}
#top .white{background:#fff}
#top .sand{background:#f2efe8}
#top h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
#top h3{letter-spacing:-.02em;text-wrap:balance}
#top p{line-height:1.75}
#top .kicker,#top .num{font-size:10px;letter-spacing:.17em;color:#946d3f}
#top .split-heading{grid-template-columns:1.1fr 1fr;gap:72px;align-items:start;margin-bottom:36px}
#top .split-heading>p{padding-top:26px;font-size:14px;max-width:490px}
#top .btn{min-height:48px;padding:14px 23px;border-radius:5px;font-size:11px;letter-spacing:.045em;transition:background .18s,box-shadow .18s,transform .18s}
#top .btn:hover{box-shadow:0 5px 16px #102d3d18;transform:translateY(-1px)}
#top .btn.gold{background:#bf965d;border-color:#bf965d;color:#172f29}
#top .text-link,#top .family-actions a,#top .profile-grid a{font-size:12px;text-underline-offset:5px}
#top .text-link:hover,#top .family-actions a:hover{text-decoration:underline;color:#203b37}
#top>.hero{min-height:640px;background:#23342e}
#top>.hero:after{background:linear-gradient(90deg,#172b26f5 0%,#172b26e3 29%,#172b2694 48%,#172b2612 72%,transparent)}
#top>.hero .hero-copy{width:54%;max-width:665px;padding-block:70px}
#top>.hero h1{font-size:clamp(42px,4.1vw,60px);line-height:1.065;letter-spacing:-.035em;text-wrap:balance;margin:20px 0 24px}
#top>.hero .kicker{color:#d5b17f;font-size:10px;letter-spacing:.16em}
#top>.hero p{font-size:15px;max-width:530px;color:#d9e0da;line-height:1.8}
#top>.hero .actions{gap:12px;margin-top:28px}
#top>.hero .btn.light{border-color:#ffffff66;background:#ffffff08}
#top>.hero .trust{border-top:1px solid #ffffff29;padding-top:23px;margin-top:29px;gap:12px 24px;font-size:10px;font-weight:500;color:#e1e7e2}
#top>.section-jump{background:#fcfbf8;border-bottom:1px solid #dcded7}
#top>.section-jump .shell{flex-wrap:nowrap;overflow-x:auto;gap:24px;padding-block:17px;scrollbar-width:thin;scrollbar-color:#d6c7b1 transparent}
#top>.section-jump a{white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600;color:#52635b;padding:6px 0}
#top>.section-jump a:hover{color:#946d3f}
#top .intro-compact{padding-block:45px;background:#f2efe8}
#top .intro-compact h2{font-size:30px;max-width:510px}
#top .intro-compact .lead{font-size:14px;margin-top:0}
#top .intro-roles{border-top:1px solid #dad8cf;padding-top:13px;font-size:11px}
#top #collections>.shell>.v5-figure{border-radius:10px 10px 0 0;overflow:hidden;border:1px solid #e4e0d6;border-bottom:0;margin:0}
#top #collections .v5-grid.three{gap:0;border:1px solid #e0ddd4;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}
#top #collections .v5-grid>article{background:#faf9f5;border:0;border-right:1px solid #e0ddd4;padding:30px;display:flex;flex-direction:column}
#top #collections .v5-grid>article:last-child{border-right:0}
#top #collections .v5-grid>article:nth-child(2){background:#edf1eb;box-shadow:inset 0 3px #667c60}
#top #collections h3{font-size:26px;margin-block:13px}
#top #collections dl{margin:0 0 20px}
#top #collections .v5-grid p,#top #collections dd{font-size:13px}
#top #collections .text-link{margin-top:auto}
#top .v5-links{gap:15px 24px;margin-top:28px}
#top #products{background:#f5f3ee}
#top .family-guides{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
#top .family-guide{grid-column:span 2;border:1px solid #e0dfd7;border-radius:9px;overflow:hidden;box-shadow:0 4px 20px #283c3205}
#top .family-guide:nth-child(4){grid-column:2/span 2}
#top .family-guide>img{max-height:330px;background:#eeebe4;object-fit:contain}
#top .family-guide>div{padding:25px}
#top .family-guide h3{font-size:25px}
#top .family-guide p,#top .family-guide dd{font-size:13px;line-height:1.7}
#top .family-actions{gap:10px;justify-content:space-between}
#top .family-guide:hover{border-color:#b9c2b5}
#top #specifications{background:#fff}
#top .v5-table-wrap,#top .schedule-wrap{border:1px solid #dcded5;border-radius:9px;box-shadow:0 6px 22px #23382e05;scrollbar-width:thin;scrollbar-color:#bab9ae transparent}
#top .v5-table caption,#top .schedule-wrap caption{font-size:12px;background:#f0f1eb;padding:18px 22px;font-weight:600;color:#3d5145}
#top .v5-table thead,#top .schedule-wrap thead{background:#2a463b;color:#fff}
#top .v5-table td,#top .v5-table th,#top .schedule-wrap td,#top .schedule-wrap th{padding:19px 22px;font-size:13px;line-height:1.7;border-color:#e5e6de}
#top .v5-table tbody tr:nth-child(even),#top .schedule-wrap tbody tr:nth-child(even){background:#fafaf7}
#top .v5-table tbody th{color:#2c483c}
#top .illustration-note{text-align:left;max-width:850px;font-size:12px;line-height:1.75}
#top .v5-size-block{padding:30px;background:#fff;border:1px solid #e3e0d7;border-radius:10px;margin:35px 0 45px}
#top .v5-size-block>h3{font-size:27px;margin:0 0 12px}
#top .v5-size-block>p{font-size:13px;margin-bottom:25px}
#top .v5-size-block .v5-figure{overflow:hidden;border-radius:6px}
#top .v5-size-block .v5-table-wrap{margin-bottom:0}
#top .elevation{border-radius:8px;padding:15px}
#top .fit-notes article>span{display:grid;place-items:center;border:1px solid #d2c5af;border-radius:5px;width:38px;height:34px;padding:0;margin-top:3px;font-size:11px}
#top .fit-notes p{font-size:13px}
#top .layout-options{gap:24px}
#top .layout-options img,#top .lighting-image{border-radius:7px}
#top .layout-options p{font-size:13px}
#top .room-guides{gap:28px}
#top .room-guide{border:1px solid #e0e2da;border-radius:9px;overflow:hidden;background:#fff}
#top .room-guide-body{padding:25px 24px 14px}
#top .room-guide h3{font-size:25px}
#top .room-guide-body>p{font-size:13px}
#top .room-experience{padding:17px;background:#f3f3ec;border-left:2px solid #b3a17d;border-radius:0 5px 5px 0}
#top .room-experience h4{font-size:21px;margin:9px 0}
#top .room-experience p{font-size:12px;line-height:1.8}
#top .room-experience>span{font-size:9px;letter-spacing:.1em}
#top .editorial-detail summary{font-size:13px;line-height:1.6;padding-block:18px}
#top .editorial-detail summary:after{right:2px}
#top #project-profiles{background:#f6f5f0}
#top .profile-grid{gap:24px}
#top .profile-grid article{padding:28px;background:#fff;border:1px solid #e0e2d9;border-radius:8px}
#top .profile-grid h3{font-size:26px}
#top .profile-grid p{font-size:13px}
#top #installation .v5-grid.two:first-of-type{align-items:start}
#top #installation .v5-figure{padding:12px;border:1px solid #e1dfd6;background:#f5f1e9;border-radius:10px}
#top .v5-install-notes{padding:20px 12px}
#top .v5-install-notes h3{font-size:27px}
#top .v5-install-notes li{font-size:13px;line-height:1.8}
#top .v5-install-paths>article{padding:25px;border:1px solid #dce0d5;background:#f8f9f4;border-radius:8px}
#top .design-band{background:#213d36}
#top .design-grid{border-color:#ffffff26;border-radius:8px;overflow:hidden}
#top .design-grid article{background:#213d36;padding:30px}
#top .design-band .kicker,#top .design-band .num{color:#d3b582}
#top .storage-grid{gap:65px}
#top .storage-grid>figure{border-radius:10px;overflow:hidden}
#top #lighting{background:#f5f3ee}
#top .light-options>article{background:#fff;border:1px solid #e0dfd7;border-radius:9px;padding:14px 14px 24px}
#top .light-options h3,#top .light-options p,#top .light-options small{margin-left:10px;margin-right:10px}
#top .light-options p{font-size:13px}
#top .light-options h3{font-size:24px}
#top #budget-review{background:#fff}
#top .quote-scope{background:#eef1e8;border:1px solid #dce1d3;border-radius:9px;padding:30px}
#top .quote-scope h3{font-size:27px}
#top .quote-scope li{font-size:13px}
#top .document-band{border-radius:7px}
#top #project-evidence{background:#edf0e8}
#top #project-evidence .v5-grid>article{padding:25px;border:1px solid #d8ddd0;border-radius:8px;background:#ffffffa8}
#top #project-evidence h3{font-size:25px}
#top #project-evidence p{font-size:13px}
#top .project-stages{gap:0;border:1px solid #dbe0d5;border-radius:8px;background:#f4f6ef;padding:0;overflow:hidden}
#top .project-stages li{padding:20px 24px;border-right:1px solid #dbe0d5;font-weight:600}
#top .project-stages li:last-child{border:0}
#top .aftercare-grid{background:#f2f1e9;border-radius:9px}
#top #residential-faq{background:#f7f6f2}
#top .faq details{background:transparent}
#top .faq summary{padding:22px 18px;font-size:14px;line-height:1.5}
#top .faq p{font-size:14px;line-height:1.8}
#top .rfq{background:#213d36;padding-block:85px}
#top .rfq h2{font-size:clamp(34px,3.5vw,48px)}
#top .rfq .kicker{color:#d3b582}
#top .rfq-grid{grid-template-columns:.9fr 1.1fr;gap:64px}
#top .form{padding:35px;border-radius:10px;box-shadow:0 18px 48px #071f2533}
#top .form .kicker{color:#946d3f}
#top .field{background:#fafbf8;border:1px solid #dce0d5;border-radius:5px;padding:13px;min-height:47px}
#top .field:focus{outline:2px solid #82937a;outline-offset:2px;background:#fff}
#top .brief-example{border-radius:0 6px 6px 0}
#top a:focus-visible,#top summary:focus-visible,#top button:focus-visible{outline:3px solid #b58b53;outline-offset:4px}
@media(min-width:961px){#top .family-guide:hover{box-shadow:0 10px 28px #253a3010}}
@media(max-width:1100px){#top .shell{width:calc(100% - 48px)}#top .split-heading{gap:35px}#top .rfq-grid{gap:30px}#top #collections .v5-grid>article{padding:23px}}
@media(max-width:960px){#top .section{padding-block:65px}#top>.hero{min-height:0}#top>.hero>img{height:340px}#top>.hero:after{background:linear-gradient(180deg,transparent 240px,#23342e 340px)}#top>.hero .hero-copy{width:100%;max-width:none;padding:365px 0 45px}#top>.hero h1{max-width:680px;font-size:46px}#top>.hero p{max-width:630px}#top .family-guides{grid-template-columns:repeat(2,minmax(0,1fr))}#top .family-guide,#top .family-guide:nth-child(4){grid-column:auto}#top #collections .v5-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}#top #collections h3{font-size:23px}#top .storage-grid{gap:30px}}
@media(max-width:700px){#top .shell,#top .editorial .shell{width:calc(100% - 36px)}#top .section{padding-block:52px}#top .split-heading{grid-template-columns:1fr;gap:15px;margin-bottom:28px}#top .split-heading>p{padding-top:0;max-width:none}#top .intro-compact{padding-block:35px}#top .intro-compact h2{font-size:29px}#top #collections .v5-grid.three{grid-template-columns:1fr}#top #collections .v5-grid>article{border-right:0;border-bottom:1px solid #deded5;padding:25px}#top #collections .v5-grid>article:last-child{border-bottom:0}#top #collections dl{display:grid;grid-template-columns:100px 1fr;gap:13px 16px}#top #collections dt,#top #collections dd{margin:0}#top #collections h3{font-size:27px}#top .v5-size-block{padding:19px;margin:28px 0 35px}#top .v5-table td,#top .v5-table th{padding:15px}#top .v5-table-wrap:after,#top .schedule-wrap:after{content:'Scroll horizontally to compare →';position:sticky;left:0;display:block;width:calc(100vw - 80px);padding:12px 16px;color:#63715e;font-size:11px;background:#f3f4ed}#top .fit-grid,#top .storage-grid,#top .budget-grid,#top .aftercare-grid,#top .rfq-grid{grid-template-columns:1fr}#top .profile-grid{grid-template-columns:1fr}#top .room-guide-body{padding:23px 21px 12px}#top .rfq{padding-block:55px}#top .form{padding:25px 21px}#top .rfq-grid{gap:28px}#top .form-heading h3{font-size:26px}#top .family-guide>img{max-height:360px}#top .project-stages li{border-right:0;border-bottom:1px solid #dbe0d5;padding:16px 20px}}
@media(max-width:620px){#top>.hero>img{height:255px}#top>.hero:after{background:linear-gradient(180deg,transparent 185px,#23342e 255px)}#top>.hero .hero-copy{padding:280px 0 35px}#top>.hero h1{font-size:36px;line-height:1.1;margin-block:16px 20px}#top>.hero p{font-size:14px;line-height:1.75}#top>.hero .kicker{font-size:9px;letter-spacing:.12em}#top>.hero .actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}#top>.hero .trust{gap:10px 16px;font-size:10px}#top .family-guides{grid-template-columns:1fr}#top .family-guide>div{padding:23px}#top .family-guide>img{max-height:none}#top .light-options{gap:20px}#top .v5-links .btn{width:100%}#top .faq summary{padding-inline:4px}#top .faq p{padding:0 15px 22px 28px}#top .section-jump .shell{gap:22px;padding-block:12px}#top .aftercare-grid{padding:23px}}
@media(prefers-reduced-motion:reduce){#top .btn{transition:none}#top .btn:hover{transform:none}}
