@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c2926;--paper:#fafbf9;--line:#dce0da;--muted:#5b655f;--accent:#d9e76b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:5px}header{max-width:1600px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-1.1px;font-weight:800;line-height:1.15}.logo span{font-weight:400}.logo i{display:block;font-style:normal;letter-spacing:2.5px;font-size:10px;margin-top:7px;font-weight:600}nav{display:flex;gap:32px;align-items:center}nav>a{font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 24px;background:var(--ink);color:white;border:1px solid var(--ink);font-weight:600;cursor:pointer;transition:background .2s}.button:hover{background:#354a42}.button span{font-size:23px;font-weight:400;line-height:1}.button.small{padding:12px 18px;font-size:14px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:43% 57%;padding:22px 5% 45px;align-items:stretch}.hero-copy{padding:37px 35px 30px 0}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-3.7px;line-height:1.04}h1{font-size:clamp(48px,5.2vw,84px);margin-bottom:25px}h1 em{font-family:inherit;font-weight:400}p.intro{max-width:370px;color:var(--muted);font-size:18px;margin-bottom:28px}.hero-note{font-size:12px;margin:22px 0 0;color:var(--muted)}figure{margin:0}.hero-image{position:relative;min-height:600px;overflow:hidden;background:#e6e7e2}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:53% center}.hero-image figcaption{position:absolute;bottom:12px;left:15px;right:15px;color:white;font-size:10px;letter-spacing:1px;text-shadow:0 1px 4px #000;background:#1c2926b0;padding:6px 9px;width:fit-content}.image-tag{position:absolute;bottom:65px;left:28px;background:#fafbf9ed;padding:18px 23px;font-size:19px;line-height:1.35}.spec-bar{border-block:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 5%;gap:18px}.spec-bar p{margin:0;font-size:14px}.spec-bar b{font-size:12px;color:#747c70;margin-right:17px}.section{padding:95px 5%;max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9%}h2{font-size:clamp(38px,4vw,61px);line-height:1.1;margin-bottom:25px;letter-spacing:-2.5px}.section-heading>p:last-child,.pricing>div>p:not(.eyebrow),.request>div>p:not(.eyebrow){max-width:430px;color:var(--muted)}.material-list article{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}.material-list article:first-child{padding-top:0}h3{font-size:19px;font-weight:600;margin-bottom:7px;letter-spacing:-.3px}.material-list p{font-size:14px;color:var(--muted);margin:0}.swatch{width:62px;height:76px;flex-shrink:0;border:1px solid #d0d2ca}.matte{background:#e8e9e3}.mirror{background:linear-gradient(130deg,#899797,#f5f7f5 46%,#b1bab7 50%,#dee4e0)}.wood{background:#ab8966}.number{margin-left:auto;align-self:flex-start;color:#81877e;font-size:12px}.small-note{font-size:12px!important;color:var(--muted);line-height:1.6;margin:17px 0 0!important}.pricing{background:#edf0e9}.size{border-top:1px solid #cbd2c5;margin-top:45px;padding-top:25px}.size>span{display:block;font-size:11px;letter-spacing:1.8px;margin-bottom:12px}.size strong{display:block;font-size:23px;font-weight:500}.size p{font-size:14px;color:var(--muted);margin-top:8px}.price-card{background:var(--ink);padding:38px 42px;color:white}.price-card .eyebrow{color:#c7d1c8}.price{font-size:66px;letter-spacing:-3px;line-height:1.1;margin-bottom:8px}.price>span{font-size:13px;letter-spacing:0;margin-left:12px;color:#cad1cc}.price-card>p:nth-child(3){color:#c7d1c8;font-size:14px}dl{margin:28px 0}dl div{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding:10px 0;font-size:14px}dd{margin:0}.button.light{background:var(--accent);color:var(--ink);width:100%;border-color:var(--accent)}.button.light:hover{background:#e9f593}.fineprint{font-size:12px;color:#c1cbc3;margin:18px 0 0}.request{padding-top:100px;padding-bottom:100px}.location{padding-top:26px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:500;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #c5cec5;background:transparent;border-radius:0;color:var(--ink);padding:12px;min-height:48px;font-size:16px}textarea{resize:vertical}.optional{font-size:12px;color:var(--muted);font-weight:400}form>.button{width:100%}#result{margin-top:26px;padding:23px;background:#edf0e9}#result textarea{background:white;margin-bottom:16px}.contact-link{font-size:14px;text-decoration:underline}#copy-status{font-size:14px;margin:12px 0}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:12px;margin:0}footer .logo{font-size:21px}@media(min-width:1600px){.spec-bar,footer{padding-inline:calc((100vw - 1440px)/2)}}@media(max-width:850px){header{padding:23px 5%}nav{gap:14px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:0}.hero-copy{padding:28px 0 35px}h1{font-size:62px;letter-spacing:-3px}h1 br:nth-child(2){display:none}.hero-image{min-height:470px}.hero-note{font-size:12px}.section{gap:45px;padding-block:65px}.spec-bar{flex-wrap:wrap;gap:13px}.spec-bar p{font-size:12px}.spec-bar b{margin-right:8px}.price-card{padding:28px}.section{grid-template-columns:1fr}footer{flex-wrap:wrap}.eyebrow{font-size:11px}.image-tag{font-size:17px}}@media(max-width:400px){h1{font-size:52px}.logo{font-size:21px}nav .button{gap:10px;padding:11px;font-size:12px}.hero-image{min-height:370px}.fields{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* NovaFrame multi-page collection */
:root{--ink:#171817;--paper:#fff;--line:#e0dfdb;--muted:#62625d;--accent:#b18a4e}body{background:var(--paper)}header{max-width:1600px;padding:18px 4%;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand{position:relative;display:block;overflow:hidden;flex:0 0 215px;width:215px;height:76px}.brand img{position:absolute;width:180%;max-width:none;height:auto;left:-49%;top:-120%}nav{gap:22px}nav a{font-size:14px;font-weight:500;white-space:nowrap}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--accent)}.header-phone{font-size:14px;white-space:nowrap}.menu-toggle{display:none}.button{background:var(--ink);border-color:var(--ink);font-size:15px;letter-spacing:0}.button:hover{background:#494335}.button.light{background:#d4b780;border-color:#d4b780;color:#171817}.button.light:hover{background:#e3cca5}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}img{max-width:100%}.home-hero{display:grid;grid-template-columns:40% 60%;max-width:1600px;margin:0 auto;padding:32px 4% 40px;align-items:stretch}.home-copy{padding:50px 25px 35px 0}.home-copy h1{font-size:clamp(48px,5.1vw,78px);letter-spacing:-3.5px}.home-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:30px}.home-hero figure{position:relative;min-height:550px}.home-hero figure img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:58% center}.home-hero figcaption{position:absolute;bottom:18px;left:18px;background:#ffffffe8;color:var(--ink);padding:9px 13px;font-size:11px;letter-spacing:1.5px}.spec-bar{padding-inline:4%}.intro-section{padding:85px 4% 36px;display:grid;grid-template-columns:1fr 1fr;gap:0 8%;max-width:1600px;margin:auto}.intro-section .eyebrow{grid-column:1/-1}.intro-section>p:last-child{max-width:440px;color:var(--muted);padding-top:8px;font-size:18px}.home-cards{padding:0 4% 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1600px;margin:auto}.design-card{display:block}.design-card img{width:100%;height:350px;object-fit:cover}.design-card>div{padding-top:18px}.design-card h3{font-size:23px}.design-card p{font-size:14px;color:var(--muted)}.home-system{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f3f3f0;padding:60px 7%;gap:9%;max-width:1600px;margin:auto}.home-system img{width:100%;max-height:450px;object-fit:contain}.home-system p:not(.eyebrow){color:var(--muted);max-width:420px}.home-system .button{margin-top:16px}.price-teaser{padding:75px 5%;display:flex;justify-content:space-between;align-items:center;gap:50px;max-width:1600px;margin:auto}.price-teaser h2{font-size:60px}.price-teaser h2 span{display:block;font:400 17px 'DM Sans',Arial,sans-serif;letter-spacing:0;margin-top:16px}.price-teaser p:last-child{max-width:600px;color:var(--muted);font-size:14px}.price-teaser .button{flex-shrink:0}.cta{background:var(--ink);color:white;padding:65px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:48px}.cta .eyebrow{color:#d4b780;margin-bottom:16px}.cta .button{border-color:#77786e;background:transparent}.cta .button:hover{background:#333}.page-heading{padding:70px 5% 55px;max-width:1600px;margin:auto}.page-heading h1{font-size:clamp(42px,5.5vw,78px);max-width:1050px;letter-spacing:-3px}.lead{font-size:19px;max-width:710px;color:var(--muted);line-height:1.65;margin-bottom:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px;padding:0 5%;max-width:1600px;margin:auto}.gallery figure img{width:100%;height:450px;object-fit:cover}.gallery figure:nth-child(3n) img{object-position:center}.gallery figcaption{padding-top:18px}.gallery h3{font-size:23px}.gallery p{color:var(--muted);font-size:15px;margin:0}.collection-note{padding:35px 5% 65px;margin:auto;max-width:1600px;font-size:13px;color:var(--muted)}.material-feature{max-width:1500px;margin:auto;padding:30px 5% 60px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.material-feature>img{width:100%;max-height:430px;object-fit:contain;background:#f4f4f3}.material-feature p{color:var(--muted);max-width:500px}.material-feature h2{font-size:45px}.panel-section{background:#f2f2ef;padding:65px 5%}.panel-section h2{max-width:780px}.text-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.text-grid article{border-top:1px solid #c9c9c2;padding-top:22px}.text-grid p{color:var(--muted);font-size:16px}.system-overview{display:grid;grid-template-columns:1fr 1fr;padding:0 5% 75px;gap:8%;align-items:center;max-width:1600px;margin:auto}.system-overview img{display:block;width:100%;max-height:650px;object-fit:contain}.system-overview figcaption{font-size:12px;color:var(--muted);text-align:center}.system-overview p:not(.eyebrow){color:var(--muted)}.spec-list{list-style:none;padding:0;margin:25px 0 35px}.spec-list li{border-bottom:1px solid var(--line);padding:12px 0;font-size:15px}.components{background:#f5f5f3;padding:65px 5%}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}.component-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:white}.component-grid figcaption{font-size:15px;padding-top:12px}.brochure{padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.brochure>img{max-height:500px;width:100%;object-fit:contain}.brochure p:not(.eyebrow){color:var(--muted)}.brochure .button{margin-top:18px}.pricing{background:#f3f3f0}.pricing>.price-card>p{color:white}.pricing-notes{padding:60px 5%}.contact-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:10%;max-width:1500px;padding:10px 5% 85px;margin:auto}.contact-details>a{display:block;font-size:clamp(19px,2.4vw,30px);margin-bottom:16px;letter-spacing:-.5px}.contact-details>p:not(.eyebrow){margin-top:28px;color:var(--muted)}.contact-layout form{padding:32px;background:#f4f4f1}.contact-layout form h2{font-size:35px;letter-spacing:-1px}.result-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-button{background:white;border:1px solid #777;padding:12px 16px;cursor:pointer;color:var(--ink)}#result{background:#e8e8e2;padding:20px}#result textarea{font-size:14px}footer{align-items:flex-start;padding:48px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;background:white}.footer-brand{font-size:22px;letter-spacing:3px}footer p{font-size:13px!important;color:var(--muted);margin-top:15px!important}footer>div:last-child>a{display:block;font-size:16px;margin-bottom:12px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-links>a{font-size:14px}.small-note{font-size:13px!important}@media(max-width:1180px){.header-phone{display:none}nav{gap:18px}header{justify-content:space-between}.home-copy h1{font-size:58px}.home-hero figure{min-height:510px}}@media(max-width:850px){header{min-height:95px;position:relative;flex-wrap:wrap;gap:8px}.brand{width:190px;flex-basis:190px;height:67px}.menu-toggle{display:flex;gap:25px;align-items:center;background:white;border:1px solid #d4d4cb;padding:12px 15px;font-size:15px;cursor:pointer}header nav{display:none;width:100%;flex-basis:100%;padding:14px 0 20px;flex-wrap:wrap;gap:20px}header nav.open{display:flex}nav>a:not(.button){display:block}.home-hero{grid-template-columns:1fr}.home-copy{padding:25px 0 35px}.home-copy h1{font-size:60px}.home-hero figure{min-height:480px}.intro-section{padding-top:55px}.home-cards{gap:16px}.design-card img{height:260px}.design-card h3{font-size:19px}.home-system{gap:6%;padding-inline:5%}.home-system h2{font-size:38px}.price-teaser{gap:25px}.cta h2{font-size:37px}.page-heading{padding-top:45px}.gallery figure img{height:340px}.material-feature{gap:6%}.material-feature h2{font-size:35px}.component-grid{grid-template-columns:repeat(3,1fr)}.contact-layout{gap:5%;grid-template-columns:1fr 1.3fr}.contact-layout form{padding:23px}.contact-details>a{font-size:20px}.contact-layout .fields{grid-template-columns:1fr;gap:0}.text-grid{gap:22px}footer{grid-template-columns:1fr 1fr}footer>div:last-child{grid-column:1/-1}}@media(max-width:580px){.home-copy h1{font-size:56px;letter-spacing:-3px}.home-hero figure{min-height:340px}.home-hero figure img{object-position:center}.home-copy>p:not(.eyebrow){font-size:16px}.intro-section{grid-template-columns:1fr;gap:0}.intro-section>p:last-child{font-size:16px}.home-cards{grid-template-columns:1fr;padding-bottom:45px}.design-card img{height:auto;max-height:400px;object-fit:cover;aspect-ratio:1.15}.home-system,.system-overview,.material-feature,.brochure,.contact-layout{grid-template-columns:1fr;gap:30px}.home-system{padding-block:35px}.home-system img{max-height:300px}.price-teaser,.cta{display:block;padding-block:45px}.price-teaser .button,.cta .button{margin-top:20px}.price-teaser h2{font-size:53px}.page-heading h1{font-size:45px;letter-spacing:-2px}.lead{font-size:17px}.gallery{grid-template-columns:1fr;gap:30px}.gallery figure img{height:auto;max-height:520px;object-fit:cover}.gallery figure:nth-child(2) img,.gallery figure:nth-child(5) img{aspect-ratio:1;object-fit:contain;background:#f4f4f1}.text-grid{grid-template-columns:1fr;gap:15px}.component-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.components,.panel-section{padding-block:45px}.material-feature{padding-bottom:45px}.system-overview{padding-bottom:45px}.system-overview img{max-height:500px}.brochure{padding-block:45px}.contact-layout form{padding:22px 17px}.contact-details{padding-bottom:10px}.contact-details>a{font-size:25px}.contact-layout .fields{grid-template-columns:1fr 1fr;gap:12px}.contact-layout .fields:first-of-type{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}.footer-links{max-width:350px}footer>div:last-child{grid-column:auto}h2{letter-spacing:-1.8px}.spec-bar{display:block}.spec-bar p{padding:6px 0;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Horizontal brand: NF mark and name, without tagline. */
header .brand-inline{display:flex;align-items:center;gap:14px;width:230px;flex:0 0 230px;height:48px;overflow:visible;position:relative}
header .brand-inline .brand-mark{display:block;position:relative;overflow:hidden;width:47px;height:42px;flex:0 0 47px}
header .brand-inline .brand-mark img{position:absolute;width:320px;height:auto;max-width:none;left:-87px;top:-73px}
header .brand-inline .brand-name{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:500;letter-spacing:2px;white-space:nowrap;line-height:1.3}
@media(max-width:400px){header .brand-inline{width:208px;flex-basis:208px;gap:10px}header .brand-inline .brand-name{font-size:18px;letter-spacing:1.5px}}

/* Reference composition with the supplied gold-on-black icon. */
header .brand-reference{order:3;display:grid;grid-template-columns:64px 1px 135px;grid-template-rows:64px 15px;column-gap:17px;row-gap:10px;flex:0 0 234px;width:234px;height:89px;overflow:visible;align-items:center}
header .brand-reference .brand-symbol{display:block;width:64px;height:64px}
header .brand-reference .brand-symbol img{position:static;display:block;width:64px;height:64px;max-width:100%;object-fit:contain}
header .brand-divider{height:58px;width:1px;background:#bd965f}
header .brand-wordmark{display:flex;flex-direction:column;gap:7px;font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:1;font-weight:400;letter-spacing:9px}
header .brand-wordmark>span{display:block}header .brand-wordmark>span:last-child{font-size:22px;letter-spacing:5.5px}
header .brand-tagline{grid-column:1/-1;font-size:10px;letter-spacing:2.9px;line-height:1.4;color:#a57d46;white-space:nowrap;font-weight:500}
header nav{order:1}header .header-phone{order:2}header .menu-toggle{order:0}
@media(max-width:850px){header .brand-reference{margin-left:auto}header nav{order:4}header{padding-block:14px}}
@media(max-width:370px){header .brand-reference{grid-template-columns:54px 1px 117px;grid-template-rows:54px 15px;column-gap:12px;width:196px;flex-basis:196px;height:79px}header .brand-reference .brand-symbol,header .brand-reference .brand-symbol img{width:54px;height:54px}header .brand-divider{height:50px}header .brand-wordmark{font-size:22px;letter-spacing:8px}header .brand-wordmark>span:last-child{font-size:19px;letter-spacing:5px}header .brand-tagline{font-size:9px;letter-spacing:2px}}
/* Keep the brand flush right at every viewport width. */
header .brand-reference{margin-left:auto;margin-right:0;justify-self:end}
@media(min-width:851px){header nav{margin-right:0}header .header-phone{margin-left:auto}}
@media(max-width:850px){header{display:grid;grid-template-columns:auto 1fr;align-items:center}header .menu-toggle{grid-column:1;grid-row:1;justify-self:start}header .brand-reference{grid-column:2;grid-row:1;justify-self:end;margin-left:auto}header nav{grid-column:1/-1;grid-row:2}}
/* Refined left-aligned brand lockup and balanced navigation. */
header{padding:20px 5%;min-height:112px;gap:32px}
header .brand-reference{order:0;margin:0 auto 0 0;justify-self:start;grid-template-columns:58px 1px 124px;grid-template-rows:58px 14px;column-gap:15px;row-gap:9px;flex:0 0 213px;width:213px;height:81px}
header .brand-reference .brand-symbol,header .brand-reference .brand-symbol img{width:58px;height:58px}
header .brand-reference .brand-symbol{border-radius:3px;overflow:hidden}
header .brand-divider{height:43px;background:#b59562}
header .brand-wordmark{font-size:23px;font-weight:400;letter-spacing:8px;gap:8px;color:#20211f}
header .brand-wordmark>span:last-child{font-size:20px;letter-spacing:5px}
header .brand-tagline{font-size:9px;letter-spacing:2.6px;color:#977b51;line-height:1.5}
header nav{order:1;gap:24px;margin-left:auto;margin-right:0}
header nav a{font-size:13px;letter-spacing:.2px;padding-block:9px;transition:color .2s}
header nav a:hover{color:#977b51}
header nav a[aria-current=page]{text-decoration-thickness:1px;text-underline-offset:10px}
header .header-phone{order:2;margin-left:0;font-size:13px;border-left:1px solid var(--line);padding-left:25px}
header .menu-toggle{order:2}
@media(max-width:1180px){header{gap:24px}header nav{gap:20px}}
@media(max-width:850px){header{display:grid;grid-template-columns:1fr auto;padding:16px 5%;gap:8px 20px;min-height:105px}header .brand-reference{grid-column:1;grid-row:1;justify-self:start;margin:0}header .menu-toggle{grid-column:2;grid-row:1;justify-self:end;border:0;border-radius:3px;background:#f3f3ef;padding:13px 15px;gap:15px;font-size:14px}header nav{grid-column:1/-1;grid-row:2;margin:0;padding:17px 0 10px;gap:16px 25px}header nav a{font-size:14px}}
@media(max-width:370px){header{gap:8px 12px;padding-inline:4%}header .brand-reference{grid-template-columns:50px 1px 111px;grid-template-rows:50px 14px;column-gap:12px;row-gap:8px;width:186px;flex-basis:186px;height:72px}header .brand-reference .brand-symbol,header .brand-reference .brand-symbol img{width:50px;height:50px}header .brand-divider{height:38px}header .brand-wordmark{font-size:21px;letter-spacing:7px;gap:7px}header .brand-wordmark>span:last-child{font-size:18px;letter-spacing:4.5px}header .brand-tagline{font-size:8px;letter-spacing:2.3px}header .menu-toggle{padding:12px;gap:10px}}

/* Selected NovaFrame wordmark, using the supplied artwork unchanged. */
header .brand-uploaded{display:block;position:relative;overflow:hidden;order:0;flex:0 0 224px;width:224px;height:84px;margin:0 auto 0 0;justify-self:start}
header .brand-uploaded img{position:absolute;display:block;max-width:none;width:122.6%;height:auto;left:-10.3%;top:-39%}
@media(max-width:850px){header .brand-uploaded{grid-column:1;grid-row:1;margin:0;justify-self:start}}
@media(max-width:370px){header .brand-uploaded{width:196px;flex-basis:196px;height:73.5px}}

/* Icon-only navigation and return to top. */
header .menu-toggle{width:46px;height:46px;padding:12px;align-items:center;justify-content:center}
.back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #b89b6c;border-radius:50%;background:#1b2521;color:#e0c28e;box-shadow:0 3px 12px #0002;cursor:pointer;transition:background .2s,transform .2s}
.back-to-top:hover{background:#35463d;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:2px solid #b18a4e;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Reference homepage and fullscreen navigation. */
header{max-width:1260px;margin:0 auto;padding:26px 0 23px;width:89.2%;display:flex;justify-content:space-between;align-items:flex-start;min-height:0;border-bottom:1px solid #a9adaf;gap:20px}
header .brand-uploaded{margin:0;width:190px;flex:0 0 190px;height:71.25px}
header .menu-toggle{display:flex;order:2;margin-left:auto;align-self:flex-start;margin-top:0;width:46px;height:46px;padding:6px;border:0;background:transparent;border-radius:0;color:#141714}
header .menu-toggle svg{width:34px;height:34px;stroke-width:1.8}
header .header-phone{display:none}
.reference-home{max-width:1260px;width:89.2%;margin:0 auto;padding:52px 0 78px}
.reference-home h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4.45vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.16;margin:0 0 34px}
.reference-home h1 span{display:block}
.reference-description{font-family:Manrope,Arial,sans-serif;font-size:clamp(16px,2vw,24px);line-height:1.4;letter-spacing:-.035em;color:#898d96;margin:0 0 36px;max-width:1100px}
.reference-door{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;background:#f7f7f5}
.reference-home-page footer{display:none}
#site-menu{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:80px 25px 110px;border:0;background:#fff;color:#111;overflow:auto}
#site-menu::backdrop{background:white}
#site-menu[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.menu-close{position:absolute;top:calc(26px + env(safe-area-inset-top));right:5.4%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;background:none;border:0;color:#111;cursor:pointer}
#site-menu .overlay-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,7vh,80px);padding:0;margin:0}
#site-menu .overlay-links a{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,3.2vw,38px);font-weight:400;letter-spacing:.13em;line-height:1.3;padding:8px;text-align:center;text-decoration:none}
#site-menu .overlay-links a[aria-current=page]{color:#a79789}
#site-menu .overlay-links a:hover{color:#a79789}
.overlay-contact{margin-top:clamp(32px,7vh,75px);padding:12px;font-size:13px;letter-spacing:.2em;color:#62625d}
.back-to-top,.menu-top{position:fixed;right:5.4%;bottom:calc(24px + env(safe-area-inset-bottom));width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #858585;border-radius:50%;background:#ffffffed;color:#171817;box-shadow:none;cursor:pointer;z-index:30}
.back-to-top:hover,.menu-top:hover{background:#f0f0ec;color:#171817}
@media(max-width:600px){header{padding-top:25px;padding-bottom:20px}header .brand-uploaded{width:162px;flex-basis:162px;height:60.75px}header .menu-toggle{width:38px;height:38px;padding:3px}.reference-home{padding-top:31px;padding-bottom:70px}.reference-home h1{font-size:clamp(27px,7.6vw,46px);margin-bottom:25px;letter-spacing:-.06em}.reference-description{font-size:clamp(14px,3.55vw,21px);line-height:1.37;margin-bottom:26px}.reference-door{max-height:none}#site-menu .overlay-links{gap:clamp(30px,7.5vh,65px)}#site-menu .overlay-links a{font-size:26px}}
@media(max-height:500px){#site-menu{padding:70px 20px 65px;justify-content:flex-start}#site-menu .overlay-links{gap:12px}#site-menu .overlay-links a{font-size:20px}.overlay-contact{margin-top:12px}}

/* Scrollable homepage overview and compact menu. */
.reference-home{padding-bottom:55px}
.home-info{max-width:1260px;width:89.2%;margin:auto;padding:60px 0}
.home-info .info-intro{max-width:840px;font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:36px}
.home-info h2,.home-door-details h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}
.home-info .text-grid{margin-top:30px}.home-info>.button{margin-top:20px}
.home-door-details{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:60px 5.4%;background:#f5f5f2}
.home-door-details>img{display:block;width:100%;max-height:450px;object-fit:contain}
.home-door-details p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:17px}
.home-door-details .button{margin-top:18px}.home-components>img{max-height:540px}
.reference-home-page footer{display:grid}
#site-menu .overlay-links{gap:clamp(16px,3.5vh,32px)}
#site-menu .overlay-links a{font-size:clamp(23px,2.6vw,30px);letter-spacing:.11em;padding:6px}
.menu-socials{display:flex;justify-content:center;align-items:center;gap:64px;margin-top:34px;color:#20211f}
.menu-socials>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px}
#site-menu .overlay-contact{margin-top:18px;font-size:12px}
@media(max-width:600px){.home-info{padding:40px 0}.home-info .info-intro{font-size:16px;margin-bottom:26px}.home-door-details{grid-template-columns:1fr;gap:25px;padding-block:40px}.home-door-details>img{max-height:320px}.home-components>img{max-height:420px}.home-door-details p:not(.eyebrow){font-size:16px}.reference-home{padding-bottom:30px}#site-menu .overlay-links{gap:22px}#site-menu .overlay-links a{font-size:25px}}
@media(max-height:550px){#site-menu .overlay-links{gap:8px}#site-menu .overlay-links a{font-size:20px}.menu-socials{margin-top:15px}#site-menu .overlay-contact{margin-top:8px}}

/* Use the same supplied brand artwork in header and footer. */
footer .brand-uploaded{display:block;position:relative;overflow:hidden;width:190px;height:71.25px}
footer .brand-uploaded img{position:absolute;display:block;max-width:none;width:122.6%;height:auto;left:-10.3%;top:-39%}
@media(max-width:600px){footer .brand-uploaded{width:162px;height:60.75px}}

/* Consistent typography and supplied inline wordmark. */
.inline-wordmark{display:inline-block;width:7.42em;height:1em;vertical-align:-.08em;background-image:url("/assets/novaframe-sharp.svg");background-repeat:no-repeat;background-size:9.142em auto;background-position:-.807em -1.077em}
.reference-door-frame{position:relative;overflow:hidden;aspect-ratio:.9;background:#f7f7f5;max-width:1000px;margin-inline:auto}
.reference-door-frame .reference-door{position:absolute;display:block;width:117%;max-width:none;height:auto;max-height:none;left:-9.5%;top:-11%;object-fit:initial}

/* Shared typography across every route, matching the homepage. */
:root{--site-font:Manrope,Arial,sans-serif}
body,h1,h2,h3,h4,button,input,select,textarea{font-family:var(--site-font)}
.page-heading h1{font-weight:500;letter-spacing:-.055em;line-height:1.16}
main h2{font-weight:500;letter-spacing:-.04em;line-height:1.16}
main p,main li{letter-spacing:-.035em}
@media(max-width:600px){.page-heading h1{letter-spacing:-.06em}}

/* Lift the menu content together while keeping corner controls fixed. */
@media(min-height:600px){#site-menu .overlay-links,#site-menu .menu-socials,#site-menu .overlay-contact{transform:translateY(clamp(-90px,-9dvh,-48px))}}

/* Match the supplied wordmark paper to the white header. */
header .brand-uploaded{background:transparent}
header .brand-uploaded img{filter:none;mix-blend-mode:normal}

/* Dark menu matching the supplied reference. */
#site-menu{background:#252524;color:#fff;padding:clamp(96px,13dvh,150px) 25px 100px}
#site-menu::backdrop{background:#252524}
#site-menu[open]{justify-content:flex-start}
#site-menu .overlay-links,#site-menu .menu-socials{transform:none;flex-shrink:0}
#site-menu .overlay-links{gap:clamp(28px,5dvh,48px)}
#site-menu .overlay-links a{color:#fff;font-family:var(--site-font);font-weight:400;font-size:clamp(24px,2.6vw,30px);letter-spacing:0;line-height:1.3;padding:6px}
#site-menu .overlay-links a[aria-current=page],#site-menu .overlay-links a:hover{color:#aa9b87}
#site-menu .menu-socials{color:#fff;gap:40px;margin-top:clamp(48px,7dvh,76px)}
#site-menu .menu-close{color:#fff;top:calc(30px + env(safe-area-inset-top))}
#site-menu .menu-top{background:#252524;color:#fff;border-color:#93938f}
#site-menu .menu-top:hover{background:#343433}
@media(max-height:600px){#site-menu{padding-top:75px}#site-menu .overlay-links{gap:14px}#site-menu .overlay-links a{font-size:22px}#site-menu .menu-socials{margin-top:28px}}

/* Light menu, with the reference typography and layout retained. */
#site-menu,#site-menu::backdrop{background:#fff;color:var(--ink)}
#site-menu .overlay-links a,#site-menu .menu-socials,#site-menu .menu-close{color:var(--ink)}
#site-menu .overlay-links a[aria-current=page],#site-menu .overlay-links a:hover{color:#9b8568}
#site-menu .menu-top{background:#fff;color:var(--ink);border-color:#93938f}
#site-menu .menu-top:hover{background:#f3f3f0}
/* Supplied location artwork underneath the footer wordmark. */
.footer-location{position:relative;overflow:hidden;width:190px;aspect-ratio:1120/545;margin-top:27px}
.footer-location img{position:absolute;display:block;width:111.965%;max-width:none;height:auto;left:-6.25%;top:-65.69%}
@media(max-width:600px){.footer-location{width:162px;margin-top:24px}}

.composite-details{max-width:1400px;margin:auto;padding:60px 5.4%}.composite-details>.lead{max-width:950px}.composite-sheets{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 60px}.composite-sheets img{display:block;width:100%;height:auto}.composite-sheets figcaption,.acm-material-reference figcaption{font-size:14px;color:var(--muted);margin-top:12px}.composite-home>a>img{display:block;width:100%;max-height:540px;object-fit:contain}.gallery .new-door-design img{width:100%;height:440px;object-fit:contain;background:#fafaf8}.acm-material-reference{max-width:500px;margin-top:32px}.acm-photo-crop{position:relative;aspect-ratio:707/570;overflow:hidden}.acm-photo-crop img{position:absolute;display:block;width:100%;max-width:none;top:-44.6%;height:auto}@media(max-width:700px){.composite-sheets{grid-template-columns:1fr;gap:32px}.composite-details{padding-block:40px}.gallery .new-door-design img{height:auto;max-height:560px;object-fit:contain}}

/* Readable continuous panel story on the homepage. */
.panel-story{background:#f5f5f2;padding:64px 5.4%}.panel-story-intro,.panel-story-layers,.panel-story-note,.panel-story-finish{max-width:1260px;margin-inline:auto}.panel-story-intro{padding-bottom:40px}.panel-story-intro h2{font-size:clamp(34px,4.5vw,60px)}.panel-story-intro>p:last-child{max-width:780px;font-size:18px;color:var(--muted);line-height:1.6}.panel-story-layers article{display:grid;grid-template-columns:65px 1fr;gap:24px;padding:32px 0;border-top:1px solid #d7d7d1}.layer-number{font-size:25px;color:#947b58}.panel-story-layers .eyebrow{margin-bottom:10px}.panel-story-layers h3{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.035em}.panel-story-layers p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:17px;line-height:1.6}.panel-story-layers .layer-measure{color:var(--ink)!important;font-weight:600;margin-bottom:0}.layer-measure span{font-weight:400;margin-left:10px}.panel-story-note{font-size:14px;color:var(--muted);padding:16px 0 42px;border-top:1px solid #d7d7d1}.panel-story-finish{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:20px}.panel-story-finish>img{display:block;width:100%;height:auto}.panel-story-finish p{color:var(--muted)}.panel-benefits{margin:25px 0}.panel-benefits article{border-top:1px solid #d7d7d1;padding:16px 0}.panel-benefits h3{font-size:19px}.panel-benefits p{margin-bottom:0;font-size:16px}@media(max-width:700px){.panel-story{padding-block:40px}.panel-story-intro{padding-bottom:20px}.panel-story-layers article{grid-template-columns:32px 1fr;gap:14px;padding:26px 0}.layer-number{font-size:20px}.panel-story-layers p:not(.eyebrow),.panel-story-intro>p:last-child{font-size:16px}.panel-story-finish{grid-template-columns:1fr;gap:32px}.panel-story-note{padding-bottom:20px}}
/* Complete product story: one continuous, responsive homepage. */
.nf-section{padding:76px 5.4%;scroll-margin-top:30px}.nf-inner{max-width:1260px;margin:auto}.nf-section h2{font-size:clamp(34px,4.7vw,62px);max-width:950px;margin:0 0 32px}.nf-section h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:0 0 14px}.nf-section p,.nf-section li{font-size:17px;line-height:1.75;color:var(--muted)}.nf-section .nf-lead{font-size:clamp(19px,2vw,25px);max-width:1000px}.nf-shade{background:#f5f5f2}.nf-section figure{margin:0}.nf-section figure img{display:block;width:100%;height:auto}.nf-section>.nf-inner>figure{max-width:850px;margin:40px auto 0}.nf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;margin:35px 0}.nf-grid article{padding-top:24px;border-top:1px solid #d2d2cc}.nf-jumps{display:flex;flex-wrap:wrap;gap:14px 26px;border-top:1px solid #d2d2cc;padding-top:25px;margin-top:35px}.nf-jumps a{font-size:14px;text-underline-offset:5px}.nf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;margin:35px 0}.nf-layer{display:grid;grid-template-columns:35px 1fr;gap:14px;border-top:1px solid #d2d2cc;padding:22px 0}.nf-layer>span{color:#967f5b;font-size:20px}.nf-layer p{margin-bottom:0}.nf-layers-crop{position:relative;overflow:hidden;aspect-ratio:580/535;background:white}.nf-layers-crop img{position:absolute;width:181.9%!important;max-width:none;left:-40.5%;top:-68.6%}.nf-machine-crop{position:relative;overflow:hidden;aspect-ratio:1055/720;background:#fff}.nf-machine-crop img{position:absolute;top:-52.7%;width:100%;max-width:none}.nf-steps{padding-left:24px}.nf-steps li{padding-left:8px;margin:18px 0}.nf-steps strong{font-weight:600;color:var(--ink)}.nf-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.nf-photo-grid img{aspect-ratio:4/5;object-fit:cover}.nf-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.nf-components img{height:190px!important;object-fit:contain;background:#fff}.nf-components figcaption{font-size:14px;margin-top:12px}.nf-assembly{margin-top:70px}.nf-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}.nf-size-grid article{border-top:1px solid #ccc;padding:25px 0}.nf-size-grid strong{display:block;font-weight:400;font-size:65px;letter-spacing:-.05em;margin-bottom:10px}.nf-address{border-top:1px solid #ccc;padding-top:30px;color:var(--ink)!important}.nf-quote-intro{max-width:780px}#request-form{max-width:900px;margin-top:35px}#request-form .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}#request-form label{display:block;margin-bottom:20px;font-size:14px}#request-form input,#request-form select,#request-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:9px;font-size:16px;min-height:48px;border:1px solid #b9bab4;border-radius:0;background:#fff;color:var(--ink);padding:12px}#request-form fieldset{min-width:0;margin:25px 0;padding:24px;border:1px solid #b9bab4}#request-form legend{padding:0 10px;font-size:18px}#request-form .small-note,.nf-section .small-note{font-size:14px;line-height:1.6}#request-form #result{border-top:1px solid #ccc;margin-top:32px;padding-top:25px}#request-form [hidden]{display:none!important}.remove-opening{font-size:14px}.nf-section .eyebrow{font-size:12px;letter-spacing:.14em;color:var(--ink)}
@media(max-width:800px){.nf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-components{grid-template-columns:repeat(3,minmax(0,1fr))}.nf-split{grid-template-columns:1fr;gap:28px}.nf-split>figure{width:100%;max-width:700px;margin:auto}.nf-section{padding-block:48px}.nf-assembly{margin-top:45px}}
@media(max-width:520px){.nf-grid,.nf-size-grid{grid-template-columns:1fr;gap:8px}.nf-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.nf-components img{height:145px!important}.nf-section p,.nf-section li{font-size:16px}.nf-section h3{font-size:22px}.nf-photo-grid{gap:12px;grid-template-columns:1fr}.nf-photo-grid figure{max-width:430px;margin:auto;width:100%}.nf-photo-grid img{aspect-ratio:auto;max-height:530px;object-fit:contain}.nf-size-grid strong{font-size:54px}.nf-section h2{margin-bottom:25px}#request-form fieldset{padding:18px 14px}.nf-jumps{gap:16px 20px}}
/* Let the component photos share the section surface without white side bars. */
#components,.components{background:#f5f5f2}
.nf-components,.component-grid{isolation:isolate}
.nf-components figure,.component-grid figure{background:transparent}
.nf-components img,.component-grid img{background:transparent;mix-blend-mode:darken}

/* Transparent product cutouts reveal one continuous page background. */
#components,.components{background:#fff}
.nf-components img,.component-grid img{background:transparent;mix-blend-mode:normal;object-fit:contain}

/* Updated San Diego illustrations, preserving the location wordmark. */
.footer-location>img{clip-path:inset(0 0 56% 0)}
.footer-location .location-tiles{position:absolute;left:0;right:0;top:36%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%;background:#fff}
.footer-location .location-tiles img{position:static;width:100%;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain}