:root{--paper:#F5F2EC;--stone:#E1DDD5;--ink:#292A27;--muted:#64615C;--brown:#8A6748;--line:#C9C3B9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brown);outline-offset:6px}h1,h2,h3,p,figure{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(46px,5.3vw,80px);letter-spacing:-.045em}h2{font-size:clamp(36px,3.6vw,56px);letter-spacing:-.035em}h3{font-size:27px;line-height:1.25}em{font-style:normal;color:inherit}p{max-width:620px}img{display:block;width:100%;height:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.17em;font-weight:600;margin-bottom:25px}.lead{font-size:22px;line-height:1.5}.section{padding:105px max(6vw,24px)}.split,.custom,.planning,.faq{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.split>div>p:not(.lead){color:var(--muted)}.header{height:108px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{width:137px;height:91px;flex-shrink:0;overflow:hidden}.brand img{height:100%;object-fit:contain}.header nav{display:flex;gap:28px;align-items:center}.header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:15px 25px;font-size:14px;line-height:1.4;transition:background .2s}.button:hover{background:#44443F}.button.small{padding:14px 19px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.menu-toggle{display:none}.hero{padding:64px 4vw 0}.hero-copy{padding:0 2vw 55px;display:grid;grid-template-columns:1.4fr 1fr;gap:0 8vw}.hero-copy .eyebrow{grid-column:1/-1;margin-bottom:18px}.hero-copy h1{grid-row:2/4}.hero-copy>p:not(.eyebrow){align-self:center;font-size:18px;max-width:360px}.actions{display:flex;align-items:center;gap:28px;margin-top:25px}.hero-image{height:470px;position:relative;background:var(--stone);overflow:hidden}.hero-image img{height:100%;object-fit:cover;object-position:center 57%}.hero-image figcaption{position:absolute;bottom:0;left:0;background:rgba(245,242,236,.95);padding:8px 15px;font-size:12px;color:#55524D}.hero-foot{display:flex;justify-content:space-between;padding:18px 2vw;font-size:12px;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line)}.custom{padding-top:95px;padding-bottom:95px}.inline-facts{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.build{background:var(--stone)}.section-heading{text-align:center}.section-heading p:not(.eyebrow){margin:20px auto 0}.cabinet-stage{margin-top:24px;border-top:1px solid #B7AEA0;border-bottom:1px solid #B7AEA0;color:#55524D;background:#E1DDD5}.stage-heading,.stage-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:24px 28px;letter-spacing:.04em}.stage-heading{text-transform:uppercase}.cabinet-drawing{width:100%;height:auto;display:block;max-height:560px}.stage-bottom{align-items:end}.build-facts{display:grid;grid-template-columns:repeat(5,1fr);margin-top:32px;gap:25px}.build-facts h3{font-size:24px;margin-bottom:12px}.build-facts p{font-size:14px;color:#64615C}.development-note{font-size:12px;margin:35px auto 0;text-align:center;color:var(--muted)}.philosophy{background:var(--ink);color:var(--paper)}.philosophy em{color:#B7AEA0}.philosophy .split>div>p:not(.lead){color:#DED9D0}.spec-list{margin:35px 0 0}.spec-list>div{border-top:1px solid #625F59;padding:17px 0}.spec-list dt{font-family:var(--serif);font-size:25px}.spec-list dd{margin:4px 0 0;font-size:14px;color:#D2CCC2}.process-pair{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:55px}.process-pair>div{border-top:1px solid var(--line);padding-top:28px}.process-pair .eyebrow{display:block;margin-bottom:18px;color:var(--muted)}.process-pair p{margin-top:16px;color:var(--muted)}.doors{background:#D8D8D5}.door-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;margin-top:40px}.door-visual{background:#E1DDD5;padding:10px 35px 25px;color:#55524D}.door-visual svg{display:block;width:100%;max-height:470px}.caption{display:block;text-align:center;font-size:12px}.tabs{display:flex;gap:35px;border-bottom:1px solid #B7AEA0;margin-bottom:30px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 0;color:var(--muted);font-size:17px}.tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}#door-panel h3{margin-bottom:20px}#door-panel p{color:var(--muted)}#door-panel ul{padding-left:20px}#door-panel li{padding:8px 0}.finish-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;gap:30px}.finish-steps>div{border-top:3px solid #B7AEA0;padding-top:24px}.finish-steps h3{font-size:24px;margin-bottom:14px}.finish-steps p{font-size:14px;color:var(--muted)}.compare{background:#E1DDD5}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:48px}.comparison>div{border-top:1px solid #B7AEA0;padding-top:25px}.comparison p{margin-top:16px}.compare-line{border-top:1px solid #B7AEA0;padding-top:20px;margin-top:30px;font-size:13px;max-width:none;display:flex;flex-wrap:wrap;gap:12px 24px}.compare-line span{color:#64615C}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top>p{color:var(--muted);font-size:15px}.application-list{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.application{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.application h3{font-size:32px}.application p{font-size:13px;color:var(--muted);text-align:right;max-width:180px}.planning{background:#E1DDD5}.planning .lead{margin-top:30px}.planning .note{font-size:13px;color:#64615C;border-top:1px solid #B7AEA0;padding-top:20px}.planning .text-link{margin-top:28px}.journey ol{margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px 40px;list-style:none;counter-reset:journey}.journey li{counter-increment:journey;border-top:1px solid var(--line);padding:25px 0}.journey li:before{content:counter(journey,decimal-leading-zero);font-size:13px;color:var(--brown);display:block;margin-bottom:20px}.journey li h3{font-size:25px;margin-bottom:15px}.journey li p{font-size:15px;color:var(--muted)}.trade{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:40px}.trade h3{font-size:27px}.trade p{font-size:14px}.faq{background:#E1DDD5}.faq details{border-top:1px solid #B7AEA0;padding:20px 0}.faq details:last-child{border-bottom:1px solid #B7AEA0}.faq summary{cursor:pointer;list-style:none;padding-right:35px;position:relative;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:22px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;color:#64615C;padding:18px 25px 0 0}.closing{text-align:center;background:var(--ink);color:var(--paper);padding-top:100px;padding-bottom:100px}.closing h2{font-size:clamp(40px,4.7vw,72px)}.closing>p:not(.eyebrow){margin:30px auto}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.light:hover{background:#E1DDD5}#project-details{max-width:600px;margin:35px auto 0;border-top:1px solid #79746C;padding-top:30px}#project-details p{font-size:15px;margin-top:15px}footer{padding:60px 6vw 25px;display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:40px;font-size:14px}.footer-brand span{display:block}.footer-brand span:first-child{font-size:39px;letter-spacing:.14em;line-height:1.2}.footer-brand span:last-child{font-size:11px;letter-spacing:.4em;color:var(--brown)}footer>div>a{display:block;margin-bottom:8px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);padding:15px;z-index:10}.skip:focus{top:10px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-image{height:580px}}@media(max-width:1100px){.header nav{gap:16px}.header nav a{font-size:11px}.hero-copy{gap:0 40px}.actions{gap:18px;flex-wrap:wrap}.build-facts{gap:18px}.trade{grid-template-columns:1fr 1fr}.trade a{justify-self:start}.hero-image{height:390px}}@media(max-width:800px){html{scroll-padding-top:20px}.section{padding:68px 25px}.header{height:90px;padding:0 25px;position:relative}.brand{width:116px;height:78px}.menu-toggle{display:block;border:0;background:none;color:var(--ink);font-size:14px;padding:12px 0}.header nav{display:none;position:absolute;top:89px;left:0;right:0;padding:24px;background:var(--paper);z-index:5;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:14px;padding:12px}.header nav .button{margin-top:10px}.hero{padding:45px 20px 0}.hero-copy{display:block;padding:0 5px 35px}.hero-copy>p:not(.eyebrow){margin-top:24px;max-width:440px}.hero h1{font-size:clamp(44px,8vw,68px)}.hero-image{height:420px}.hero-image figcaption{font-size:10px;line-height:1.5}.hero-foot{font-size:10px;gap:20px}.split,.custom,.planning,.faq,.door-layout{grid-template-columns:1fr;gap:35px}.lead{font-size:20px}.build .section-heading h2{font-size:37px}.stage-heading,.stage-bottom{padding:20px 12px;font-size:10px}.cabinet-drawing{min-height:270px}.build-facts{grid-template-columns:1fr 1fr;gap:25px}.build-facts>div:last-child{grid-column:1/-1}.build-facts p{font-size:14px}.process-pair{grid-template-columns:1fr;gap:30px}.door-layout{margin-top:30px}.door-visual svg{max-height:390px}.finish-steps{grid-template-columns:1fr 1fr;gap:30px}.comparison{gap:30px}.comparison h3{font-size:24px}.comparison p{font-size:15px}.section-top{display:block}.section-top>p{margin-top:25px}.application-list{grid-template-columns:1fr}.application h3{font-size:30px}.journey ol{grid-template-columns:1fr 1fr;gap:15px 25px}.trade{grid-template-columns:1fr;gap:20px}.closing h2{font-size:40px}.closing>p:not(.eyebrow){font-size:16px}footer{grid-template-columns:1fr 1fr;padding:45px 25px 25px;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}}@media(max-width:400px){.hero-image{height:340px}.actions{gap:20px}.button{padding:14px 20px}.text-link{font-size:13px}.hero h1{font-size:42px}.hero-foot span:last-child{display:none}.comparison,.finish-steps,.journey ol{grid-template-columns:1fr}.application p{max-width:130px}.stage-heading span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:800px){.cabinet-drawing g:last-child{display:none}.cabinet-drawing{min-height:0;max-height:400px}}

/* Editorial application entries accept verified photography without changing the section hierarchy. */
.application{display:block;padding:28px 0 32px}
.application-copy{display:flex;justify-content:space-between;align-items:baseline;gap:25px}
.application h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.025em}
.application p{font-size:14px;max-width:210px}
.application:first-child{grid-column:1/-1;border-top:2px solid var(--ink);padding:32px 0 38px}
.application:first-child h3{font-size:clamp(40px,4.3vw,64px)}
.application-media{margin:0 0 25px;aspect-ratio:3/2;overflow:hidden}
.application-media img{height:100%;object-fit:cover}
.application:first-child .application-media{aspect-ratio:16/9}
@media(max-width:800px){.application:first-child{padding:25px 0 30px}.application-copy{display:block}.application p{text-align:left;max-width:none;margin-top:10px}.application-list{margin-top:32px}.build .stage-heading{padding-top:16px;padding-bottom:10px}}

/* Crisp white + charcoal visual direction. Warmth comes from material imagery, not page surfaces. */
body{background:#fff}
.header,.hero-image,.build,.doors,.compare,.planning,.faq,.cabinet-stage,.door-visual{background:#fff}
.custom,.build,.precision,.doors,.finish,.compare,.applications,.planning,.journey,.faq{border-bottom:1px solid #B8B8B8}
.build,.doors,.compare,.planning,.faq{border-top:1px solid #B8B8B8}
.cabinet-stage,.door-visual{border-color:#B8B8B8}
.door-visual{border-top:1px solid #B8B8B8;border-bottom:1px solid #B8B8B8}
.hero-image figcaption{background:rgba(255,255,255,.96)}
.button,.button.light{color:#fff}
.button.light{background:#fff;color:#292A27;border-color:#fff}
.philosophy,.closing{color:#fff}
.philosophy .split>div>p:not(.lead),.spec-list dd{color:#E5E5E5}
.hero-image{isolation:isolate}
.hero-image img{object-position:center 52%;transform:scale(1);transform-origin:50% 52%;will-change:transform;animation:lark-hero-settle 12s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes lark-hero-settle{to{transform:scale(1.04) translateX(-.35%)}}
@media(max-width:800px){.hero-image img{object-position:58% 52%;transform-origin:58% 52%}}
@media(prefers-reduced-motion:reduce){.hero-image img{animation:none;transform:none;will-change:auto}}

/* Scroll-led cabinet construction study */
.cabinet-experience{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.55fr);gap:5vw;margin-top:48px;align-items:start;border-top:1px solid #B8B8B8;border-bottom:1px solid #B8B8B8}
.cabinet-viewport{position:sticky;top:105px;min-height:620px;background:#fff;border-right:1px solid #B8B8B8;overflow:hidden}
.cabinet-viewport canvas{display:block;width:100%;height:620px;opacity:0}
.cabinet-ready canvas{opacity:1}.cabinet-static{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:15px;color:#64615C;font-size:12px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.cabinet-static strong{font:400 20px/1.25 var(--serif);letter-spacing:0;text-transform:none;color:#292A27}.cabinet-ready .cabinet-static{display:none}
.cabinet-meta{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:20px 24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64615C;pointer-events:none}
.cabinet-controls{display:none}.cabinet-story{padding:0 0 0 1px}.cabinet-story article{min-height:54vh;display:flex;flex-direction:column;justify-content:center;padding:35px 0 35px 4px;opacity:.38;transition:opacity .35s ease}.cabinet-story article+article{border-top:1px solid #D2D2D2}.cabinet-story article.is-active{opacity:1}.cabinet-story h3{font-size:clamp(28px,2.5vw,39px);max-width:360px}.cabinet-story p:not(.eyebrow){margin-top:17px;color:#64615C;font-size:15px;max-width:360px}.cabinet-fallback .cabinet-static{display:grid}.cabinet-fallback canvas{display:none}
@media(max-width:800px){.cabinet-experience{display:block;margin-top:35px}.cabinet-viewport{position:relative;top:auto;min-height:420px;border-right:0;border-bottom:1px solid #B8B8B8}.cabinet-viewport canvas{height:420px}.cabinet-meta{padding:15px 16px;font-size:10px}.cabinet-static strong{font-size:17px}.cabinet-controls{position:absolute;z-index:2;display:flex;left:16px;right:16px;bottom:16px;gap:0;border:1px solid #B8B8B8;background:#fff}.cabinet-controls button{flex:1;background:#fff;border:0;border-right:1px solid #B8B8B8;padding:10px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cabinet-controls button:last-child{border-right:0}.cabinet-story{padding:0}.cabinet-story article{display:none;min-height:0;padding:30px 0}.cabinet-story article.is-active{display:block}.cabinet-story article+article{border-top:0}.cabinet-story h3{font-size:31px}.cabinet-story p:not(.eyebrow){font-size:15px}.cabinet-viewport+.cabinet-story{border-bottom:1px solid #B8B8B8;padding:0 0 0 0}}
@media(prefers-reduced-motion:reduce){.cabinet-story article{transition:none}}

/* Homepage consolidation: scoped to supporting sections; approved hero/cabinet/CTA unchanged. */
.support-section{padding-top:64px;padding-bottom:64px}
.support-section h2{font-size:clamp(32px,3vw,44px)}
.support-section .eyebrow{margin-bottom:20px}
.custom.support-section{align-items:start}
.philosophy.support-section .split{align-items:center}
.philosophy.support-section h2{font-size:clamp(38px,3.6vw,52px)}
.materials-preview{background:#fff;border-bottom:1px solid #B8B8B8;padding-top:76px;padding-bottom:72px}
.materials-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end}
.materials-intro>p{color:var(--muted);max-width:400px}
.materials-placeholder{margin-top:36px;border-top:1px solid #B8B8B8;border-bottom:1px solid #B8B8B8;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding:30px 0}
.front-outline{width:170px;height:235px;justify-self:center;display:grid;grid-template-rows:48px 1fr;gap:6px}
.front-outline-drawer,.front-outline-door{border:1px solid #B8B8B8}
.materials-placeholder h3{margin-bottom:12px}
.materials-placeholder p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}
.materials-placeholder .eyebrow{font-size:10px;margin-bottom:15px}
.selection-sequence{border-top:1px solid #B8B8B8;padding-top:14px}
.applications.support-section{display:grid;grid-template-columns:1fr 1.3fr;gap:6vw;align-items:start}
.capability-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.capability-list li{border-top:1px solid #B8B8B8;padding:16px 0;font:400 23px/1.3 var(--serif)}
.planning.support-section .lead{margin-top:0}
.journey.support-section ol{margin-top:34px;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.journey.support-section li{padding:18px 0 0}
.journey.support-section li:before{margin-bottom:12px}
.journey.support-section li h3{font-size:23px;margin-bottom:10px}
.journey.support-section li p{font-size:14px;line-height:1.55}
.trade-section{border-bottom:1px solid #B8B8B8}
.trade-section.support-section{padding-top:38px;padding-bottom:38px}
.trade-section .trade{margin:0;padding:0;border:0}
.faq.support-section{border-top:0}
@media(max-width:800px){
.support-section{padding-top:44px;padding-bottom:44px}
.support-section h2{font-size:32px}
.support-section .split,.custom.support-section,.planning.support-section,.faq.support-section{gap:24px}
.philosophy.support-section h2{font-size:37px}
.materials-preview{padding-top:52px;padding-bottom:48px}
.materials-intro{grid-template-columns:1fr;gap:20px}
.materials-intro h2{font-size:38px}
.materials-placeholder{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px 0;margin-top:26px}
.front-outline{width:100px;height:160px;grid-template-rows:32px 1fr}
.materials-placeholder h3{font-size:23px}
.materials-placeholder p:not(.eyebrow){font-size:13px}
.materials-placeholder .selection-sequence{line-height:1.7}
.applications.support-section{grid-template-columns:1fr;gap:24px}
.capability-list{gap:0 20px}
.capability-list li{font-size:21px;padding:14px 0}
.journey.support-section ol{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.journey.support-section li{padding-top:14px}
.journey.support-section li h3{font-size:23px}
.journey.support-section li:before{margin-bottom:8px}
.trade-section .trade{gap:16px}
.faq.support-section details{padding:17px 0}
}


/* Approved homepage consolidation: navigation and successful-study recap only. */
.header nav .mobile-secondary{display:none}
#cabinet-experience.cabinet-ready~.build-facts{display:none}
@media(max-width:800px){.header nav .mobile-secondary{display:block}}

/* White editorial FAQ; the closing CTA remains the distinct charcoal conclusion. */
.faq.support-section{background:#FFFFFF;color:#292A27;border-bottom:0;box-shadow:inset 0 1px 0 #B8B8B8}
.faq .eyebrow,.faq h2,.faq summary{color:#292A27}
.faq details,.faq details:last-child{border-color:#B8B8B8}
.faq details p{color:#64615C}
.faq summary::after{color:#64615C}
.faq .text-link{color:#292A27;border-bottom-color:currentColor}
.faq summary:focus-visible,.faq a:focus-visible{outline:2px solid #292A27;outline-offset:6px}
@media(hover:hover){.faq summary:hover,.faq summary:hover::after{color:#000000}}
