:root{--ink:#111413;--panel:#191d1b;--paper:#f4f0e8;--bronze:#b3966a;--muted:#bfc3bf;--line:#363b36;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:126px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(52px,5.7vw,86px);font-weight:600}h2{font-size:clamp(36px,4vw,60px);font-weight:500}h3{font-size:24px;font-weight:500}p{max-width:65ch}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;line-height:1.5;font-weight:500}.accent{color:var(--bronze)}.muted{color:var(--muted)}.rule{border-top:1px solid var(--line)}.skip{position:fixed;left:12px;top:-90px;background:var(--paper);color:var(--ink);padding:12px;z-index:100}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.preview-bar{min-height:34px;padding:6px 24px;display:flex;justify-content:center;align-items:center;gap:18px;background:#262d27;color:#e9e4dc;font-size:11px;position:relative;z-index:15;flex-wrap:wrap}.preview-bar a{opacity:.72}.preview-bar a[aria-current],.preview-bar a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.preview-bar .preview-label{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#c9b58f}.site-header{background:var(--ink);position:relative;z-index:12}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px}.brand img{width:158px;height:auto;filter:brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(249%) hue-rotate(350deg) brightness(102%) contrast(92%)}.nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav a[aria-current=page]{color:#dfc397;border-bottom:1px solid var(--bronze);padding-bottom:6px}.nav a:hover{color:#dfc397}.menu{display:none;color:var(--paper);border:1px solid #646c63;background:none;padding:9px 15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:14px 23px;background:var(--paper);color:var(--ink);border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.3}.button:hover{background:#ddc7a4;color:#111413}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#343c32}.button.outline{background:transparent;color:inherit;border-color:#73776a}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 0;border-bottom:1px solid var(--bronze);font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:36px}.section-head .eyebrow{margin-bottom:18px}.section-head>p{max-width:330px;font-size:14px;color:var(--muted)}.section{padding-block:86px}.section-copy{font-size:16px;color:var(--muted);margin-top:22px;max-width:500px}.image-note{font-size:10px;letter-spacing:.035em;line-height:1.5;color:var(--muted);padding-top:10px}.photo-caption{position:absolute;left:20px;bottom:16px;padding:6px 9px;background:rgba(17,20,19,.8);color:#f4f0e8;font-size:10px;letter-spacing:.04em;z-index:2}
.inquiry{background:var(--paper);color:var(--ink);padding:30px;box-shadow:0 14px 45px #0002}.inquiry .eyebrow{color:#67583d;margin-bottom:12px}.inquiry h2{font-size:28px;line-height:1.1;letter-spacing:-.035em}.inquiry .form-intro{font-size:12px;color:#60645c;margin:10px 0 19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.field label{font-size:11px;font-weight:600;display:block;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;border:1px solid #c8c5bb;background:#fff6;color:var(--ink);border-radius:0;min-height:42px;padding:9px 10px;font-size:14px}.field textarea{resize:vertical;min-height:78px}.field input:focus,.field textarea:focus{outline:1px solid #665737;border-color:#665737}.field.full{grid-column:1/-1}.form-note{font-size:10px;color:#676b62;line-height:1.5;margin:9px 0}.form-details{margin:13px 0 8px;border-top:1px solid #d3d0c7;padding-top:10px}.form-details summary{font-size:11px;cursor:pointer}.form-details .field{margin-top:12px}.privacy{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.4;margin:15px 0}.privacy input{accent-color:var(--ink);flex-shrink:0;margin:2px 0 0;width:14px;height:14px}.privacy a{text-decoration:underline}.inquiry .submit{width:100%;min-height:47px;font-size:12px;gap:10px}.form-status{font-size:12px;line-height:1.5;margin-top:12px}.form-status:empty{display:none}.form-status.error{color:#973b30}.form-status.success{color:#2b5d39}.form-status.preview{background:#e5decc;padding:12px}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.direct-links{display:flex;gap:18px;margin-top:15px;align-items:center;font-size:11px;flex-wrap:wrap}.direct-links a{border-bottom:1px solid #969181;padding-bottom:2px}.preview-notice{font-size:9px;margin:11px 0 0;color:#6d6d62}.selected-style{background:#e5dfd0;padding:8px 10px;font-size:11px;margin-bottom:15px}.selected-style strong{font-weight:600}
.a-hero{position:relative;isolation:isolate;min-height:730px;overflow:hidden;display:flex;align-items:center}.a-hero>.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.a-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,9,.89),rgba(8,12,9,.32) 54%,rgba(8,12,9,.18)),linear-gradient(0deg,rgba(8,12,9,.4),transparent 60%)}.a-hero-grid{display:grid;grid-template-columns:1fr 370px;align-items:center;gap:8vw;padding-block:48px}.a-copy{padding-bottom:20px;max-width:700px}.a-copy h1{margin:24px 0;font-size:clamp(54px,5.6vw,86px)}.a-copy .intro{font-size:17px;max-width:475px;color:#e2e1d8;line-height:1.6}.hero-tags{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:10px;letter-spacing:.06em;margin-top:34px}.hero-tags span{display:flex;gap:8px;align-items:center}.hero-tags span:before{content:"";width:5px;height:5px;background:var(--bronze);display:block}.a-copy .image-note{margin-top:38px;color:#c5c9c0}.belief-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:31px;border-bottom:1px solid var(--line)}.belief-strip p{font-size:12px;color:#bfc3bf}.belief-strip strong{display:block;color:var(--paper);font-size:15px;margin-bottom:5px;font-weight:400}.inspiration-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.inspiration-pair figure:last-child{padding-top:70px}.plan-image{position:relative;overflow:hidden}.plan-image img{width:100%;height:100%;object-fit:cover}.inspiration-pair .plan-image{aspect-ratio:1.42}.inspiration-pair h3{margin:21px 0 10px}.inspiration-pair p{font-size:13px;color:var(--muted)}.storage-story{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;background:var(--panel)}.storage-story .plan-image{aspect-ratio:1.33}.storage-story .section-copy{font-size:15px}.number-list{margin-top:28px;display:grid;gap:17px}.number-list p{font-size:13px;border-top:1px solid #454b40;padding-top:15px}.number-list span{color:var(--bronze);font-size:11px;display:inline-block;margin-right:18px}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-card .image-open{display:block;width:100%;border:0;background:none;color:inherit;padding:0;text-align:left;position:relative;overflow:hidden}.reference-card .photo{width:100%;height:340px;object-fit:cover;object-position:50% 60%;transition:transform .3s}.reference-card .image-open:hover .photo{transform:scale(1.025)}.zoom-icon{position:absolute;bottom:14px;right:14px;width:32px;height:32px;background:#111413cc;color:white;border:1px solid #eee5;display:grid;place-items:center;font-size:18px;z-index:3}.reference-card h3{font-size:20px;margin:19px 0 8px;letter-spacing:-.025em}.reference-card>p{font-size:12px;color:var(--muted)}.crop-window{display:block;position:relative;overflow:hidden;width:100%;background:#232820}.crop-window>img{position:absolute;max-width:none;object-fit:fill}.crop-frame{aspect-ratio:848/850}.reference-card .crop-frame{height:340px;aspect-ratio:auto}.reference-card .crop-frame img{width:112.971698%;height:112.235294%;left:-9.433962%;top:-4.705882%;object-fit:fill}.detail-row{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;margin-top:34px;align-items:center}.detail-row .detail-panel{height:300px;overflow:hidden;position:relative;background:#232820}.detail-panel .crop-window{height:100%;width:auto;margin:auto}.detail-row .detail-copy{padding-left:18px}.detail-row h3{font-size:28px;margin:14px 0}.detail-row p{font-size:13px;color:var(--muted)}.detail-label{position:absolute;bottom:12px;left:12px;color:white;background:#111c;padding:5px 8px;font-size:10px;z-index:2}.final-cta{padding:70px 0;background:var(--paper);color:var(--ink)}.final-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.final-cta h2{font-size:clamp(38px,4vw,60px);max-width:730px}.final-cta p{font-size:14px;margin-top:16px;color:#555d51}.site-footer{padding:30px 0 80px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}.site-footer>div{display:flex;gap:20px;flex-wrap:wrap}.mobile-cta{display:none}.lightbox{border:0;background:#10130ff5;color:var(--paper);padding:36px;max-width:95vw;max-height:95vh;width:min(940px,95vw)}.lightbox::backdrop{background:#000c}.lightbox .lightbox-close{position:absolute;right:14px;top:8px;z-index:3;background:#111c;color:white;border:1px solid #aaa;padding:7px 12px;font-size:13px}.lightbox .view{max-height:78vh;overflow:auto;display:flex;justify-content:center}.lightbox .view>img{max-height:76vh;width:auto;object-fit:contain}.lightbox .view>.crop-window{max-width:70vh}.lightbox figcaption{margin-top:14px;font-size:12px}
.variant-b{background:var(--paper);color:var(--ink)}.variant-b .muted,.variant-b .section-copy,.variant-b .section-head>p,.variant-b .reference-card>p,.variant-b .detail-row p,.variant-b .image-note{color:#60665b}.variant-b .line-link{color:#343c32}.b-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding-block:48px 34px}.b-intro h1{font-size:clamp(48px,5.5vw,82px);font-weight:400}.b-intro .eyebrow{margin-bottom:17px;color:#776140}.b-intro .intro{font-size:15px;max-width:470px;color:#5e645b;padding-bottom:6px}.b-stage{display:grid;grid-template-columns:1fr 370px;gap:28px;align-items:stretch}.b-stage>.plan-image{min-height:568px}.b-stage .inquiry{border:1px solid #d1cbbd;box-shadow:none;background:#ece6da;padding:28px}.b-stage .photo-caption{left:20px}.b-proof{display:flex;justify-content:space-between;gap:25px;padding:28px 0 35px;border-bottom:1px solid #d0caba;font-size:11px;letter-spacing:.04em;color:#535b4e}.b-proof strong{font-weight:500;color:#1b211a}.b-editorial{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.b-editorial .plan-image{aspect-ratio:1.4}.b-detail-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #cdc8ba;padding-top:35px;margin-top:45px}.b-detail-strip h3{font-size:22px;margin-bottom:12px}.b-detail-strip p{font-size:14px;color:#62695e}.variant-b .references{background:#e8e1d4}.variant-b .final-cta{background:var(--ink);color:var(--paper)}.variant-b .final-cta p{color:var(--muted)}.variant-b .final-cta .button{background:var(--paper);color:var(--ink)}.variant-b .site-footer{color:#656a5f}.variant-b .detail-row{grid-template-columns:1fr 1fr 1fr}.variant-b .detail-panel{height:360px}.variant-b .number-list p{border-color:#ccc5b5}
.c-intro{text-align:center;padding-block:42px 30px}.c-intro .eyebrow{color:var(--bronze);margin-bottom:15px}.c-intro h1{font-size:clamp(50px,5vw,76px)}.c-intro .intro{margin:20px auto 0;font-size:14px;color:var(--muted);max-width:720px}.c-stage{display:grid;grid-template-columns:1fr 370px;gap:24px;align-items:stretch}.style-view{position:relative;display:flex;flex-direction:column;min-width:0;background:#232821}.style-view .plan-image{flex:1;min-height:440px}.style-view .plan-image img{position:absolute;inset:0}.style-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.style-controls>p{font-size:11px;max-width:140px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{display:flex;align-items:center;gap:8px;padding:9px 11px;background:none;border:1px solid #666d60;color:#ddd;font-size:11px;min-height:42px}.swatch i{display:block;width:14px;height:14px;border-radius:50%;background:var(--swatch);border:1px solid #fff5}.swatch[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.c-stage .inquiry{padding:27px}.c-stage .inquiry h2{font-size:25px}.style-description{font-size:12px;min-height:24px;margin-top:14px;color:#c1c6bc}.c-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.c-steps{display:grid;gap:28px}.c-steps article{display:grid;grid-template-columns:36px 1fr;gap:16px;border-top:1px solid var(--line);padding-top:22px}.c-steps .num{font-size:13px;color:var(--bronze)}.c-steps h3{margin-bottom:10px;font-size:23px}.c-steps p{font-size:14px;color:var(--muted)}.variant-c .references{background:var(--panel)}
.comparison{background:var(--ink)}.comparison-head{padding:65px 0 42px}.comparison-head h1{font-size:clamp(43px,5vw,75px);max-width:900px;margin:18px 0 24px}.comparison-head p{color:#bfc3bf;font-size:15px;max-width:700px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:70px}.variant-tile{border:1px solid #3b4138;display:flex;flex-direction:column;background:#191d1b}.variant-tile .tile-image{position:relative;aspect-ratio:1.2;overflow:hidden}.variant-tile .tile-image img{width:100%;height:100%;object-fit:cover}.variant-tile .tile-number{position:absolute;top:15px;left:15px;display:grid;place-items:center;width:36px;height:36px;background:#111413;color:white;font-size:13px}.tile-copy{padding:25px;display:flex;flex-direction:column;flex:1}.tile-copy .eyebrow{color:var(--bronze);margin-bottom:14px}.tile-copy h2{font-size:32px;margin-bottom:14px}.tile-copy p{font-size:13px;color:#bfc3bf;margin-bottom:22px}.tile-copy .button{margin-top:auto;align-self:flex-start}.comparison-note{background:var(--paper);color:var(--ink);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:70px}.comparison-note h2{font-size:28px;margin-bottom:10px}.comparison-note p{font-size:13px;color:#5e6458}.comparison-note a{white-space:nowrap}.comparison .site-header .nav{gap:20px}
@media(min-width:1700px){.a-hero{min-height:820px}.a-hero-grid{grid-template-columns:1fr 400px}.inquiry{padding:34px}.reference-card .photo,.reference-card .crop-frame{height:400px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:17px;font-size:11px}.brand img{width:140px}.header-inner{gap:16px}.a-hero-grid{grid-template-columns:1fr 340px;gap:30px}.a-copy h1{font-size:59px}.a-copy .intro{font-size:15px}.inquiry{padding:24px}.b-stage,.c-stage{grid-template-columns:1fr 340px}.b-intro{gap:35px}.b-intro h1{font-size:60px}.c-intro{padding-top:35px}.b-stage>.plan-image{min-height:590px}.style-controls{flex-direction:column;align-items:flex-start}.style-controls>p{max-width:none}.style-view .plan-image{min-height:450px}.section{padding-block:64px}.storage-story,.b-editorial,.c-story{gap:35px}.reference-card .photo,.reference-card .crop-frame{height:290px}.detail-row{gap:16px}.detail-row .detail-copy{padding-left:0}.comparison-grid{gap:17px}.tile-copy{padding:21px}.tile-copy h2{font-size:27px}}
@media(max-width:820px){.menu{display:block}.header-inner{min-height:80px;flex-wrap:wrap;padding-block:15px}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:14px}.nav.open{display:flex}.nav a{padding:12px 0}.nav a[aria-current=page]{padding-bottom:12px;border:0}.nav .button{margin-top:10px}.a-hero-grid{gap:25px;grid-template-columns:1fr 330px}.a-copy h1{font-size:48px}.a-copy .intro{font-size:14px}.hero-tags{gap:12px;font-size:9px}.a-hero{min-height:700px}.inspiration-pair{gap:20px}.storage-story{grid-template-columns:1fr}.b-intro{grid-template-columns:1fr;gap:22px;padding-block:36px 28px}.b-intro h1{font-size:57px}.b-intro .intro{max-width:600px}.b-stage,.c-stage{grid-template-columns:1fr 320px;gap:18px}.b-stage .inquiry,.c-stage .inquiry{padding:23px}.b-stage>.plan-image{min-height:600px}.c-intro h1{font-size:55px}.style-view .plan-image{min-height:420px}.swatch{padding:8px;font-size:10px}.c-story,.b-editorial{grid-template-columns:1fr;gap:30px}.reference-grid{gap:16px}.reference-card .photo,.reference-card .crop-frame{height:250px}.reference-card h3{font-size:18px}.detail-row{grid-template-columns:1fr 1fr}.detail-row .detail-copy{grid-column:1/-1;padding:12px 0}.detail-row .detail-panel{height:280px}.variant-b .detail-row{grid-template-columns:1fr 1fr}.final-cta .wrap{align-items:flex-start;flex-direction:column;gap:26px}.comparison-grid{grid-template-columns:1fr}.variant-tile{display:grid;grid-template-columns:1fr 1fr}.comparison-note{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.preview-bar{gap:9px;padding:8px 12px;font-size:10px;min-height:36px}.preview-bar .preview-label{display:none}.site-header .brand img{width:134px}.header-inner{min-height:73px;padding-block:12px}.a-hero{min-height:0;display:block}.a-hero>.hero-image{height:465px;object-position:44% 50%}.a-hero:after{height:465px;bottom:auto;background:linear-gradient(90deg,#081009b8,#08100930),linear-gradient(0deg,var(--ink),transparent 70%)}.a-hero-grid{display:flex;flex-direction:column;gap:0;padding-block:48px 0}.a-copy{width:100%;min-height:358px;padding-bottom:30px}.a-copy h1{font-size:clamp(46px,11vw,67px);margin:18px 0}.a-copy .intro{font-size:14px;max-width:390px}.hero-tags{margin-top:23px;gap:9px 15px}.a-copy .image-note{margin-top:21px}.inquiry{width:100%;padding:25px 22px;box-shadow:none}.inquiry h2{font-size:26px}.form-grid{gap:13px 12px}.field input,.field textarea,.field select{font-size:16px;min-height:44px}.privacy{font-size:11px}.form-note{font-size:11px}.preview-notice{font-size:10px}.belief-strip{grid-template-columns:1fr;gap:18px;padding-block:27px}.belief-strip p{font-size:12px}.belief-strip strong{font-size:15px}.section{padding-block:48px}.section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.section-head h2{font-size:38px}.section-head>p{max-width:440px}.section-head .eyebrow{margin-bottom:12px}.inspiration-pair{grid-template-columns:1fr;gap:30px}.inspiration-pair figure:last-child{padding-top:0}.inspiration-pair .plan-image{aspect-ratio:1.4}.storage-story{gap:27px}.reference-grid{grid-template-columns:1fr;gap:32px}.reference-card .photo{height:auto;aspect-ratio:1/1;object-position:50% 65%}.reference-card .crop-frame{height:auto;aspect-ratio:848/850}.reference-card h3{font-size:22px;margin-top:17px}.reference-card>p{font-size:13px}.detail-row{gap:14px;margin-top:32px}.detail-row .detail-panel{height:260px}.detail-row .detail-copy{grid-column:1/-1}.final-cta{padding-block:45px}.final-cta h2{font-size:39px}.final-cta .button{width:100%}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:94px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;padding:9px 18px max(9px,env(safe-area-inset-bottom));background:#111413f5;border-top:1px solid #626858;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:11}.mobile-cta span{font-size:11px;color:#dbdfd7}.mobile-cta .button{min-height:40px;padding:10px 18px;font-size:11px}.lightbox{padding:45px 16px 20px;max-width:96vw;width:96vw}.lightbox .view>.crop-window{max-width:100%}.b-intro{padding-top:30px;gap:20px}.b-intro h1{font-size:clamp(44px,10vw,61px)}.b-intro .intro{font-size:14px}.b-stage,.c-stage{grid-template-columns:1fr}.b-stage>.plan-image{min-height:0;aspect-ratio:1.3}.b-stage .inquiry{padding:25px 22px}.b-proof{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;padding:24px 0;font-size:10px}.b-editorial{gap:26px}.b-detail-strip{grid-template-columns:1fr;gap:26px;margin-top:28px;padding-top:28px}.variant-b .detail-panel{height:270px}.c-intro{text-align:left;padding-block:30px 25px}.c-intro h1{font-size:54px}.c-intro .intro{font-size:14px;margin-top:17px}.style-view .plan-image{min-height:0;aspect-ratio:1.45;flex:auto}.style-view .plan-image img{height:100%;object-fit:cover}.style-controls{padding:16px;gap:12px}.swatches{gap:7px}.swatch{padding:9px 10px;font-size:11px}.style-description{font-size:11px;margin-top:10px}.c-stage .inquiry{padding:25px 22px;margin-top:10px}.c-story{gap:30px}.c-steps{gap:23px}.comparison-head{padding-block:35px}.comparison-head h1{font-size:47px}.comparison-grid{padding-bottom:40px}.variant-tile{display:flex}.variant-tile .tile-image{aspect-ratio:1.5}.tile-copy{padding:25px}.tile-copy h2{font-size:31px}.comparison-note{padding:25px;margin-bottom:35px}.comparison-note .button{white-space:normal;width:100%}.comparison .site-footer{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Preserve the original geometry inside every selected photo window. */
.reference-card .photo{height:auto;aspect-ratio:848/850;object-fit:cover}
.reference-card .crop-frame{height:auto;aspect-ratio:848/850}
.detail-panel{display:flex;justify-content:center}
.detail-panel .crop-window{flex:0 0 auto;display:inline-block}
.c-intro>.eyebrow{margin-inline:auto}
.detail-row .detail-panel{height:auto!important;aspect-ratio:4/3}
.detail-panel .crop-window{width:100%;height:100%;margin:0}
.site-header{color:var(--paper)}
.site-footer button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.plan-zoom{display:block;border:0;padding:0;text-align:left;cursor:zoom-in;background:var(--panel);color:var(--paper);width:100%}
.layout-controls{padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.layout-controls>div{display:flex;gap:8px;flex-wrap:wrap}
.control-label{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#bdc3b6}
.layout-controls button{min-height:42px;padding:9px 15px;font-size:12px;color:var(--paper);background:none;border:1px solid #666d60}
.layout-controls button[aria-pressed=true]{color:var(--ink);background:var(--paper);border-color:var(--paper)}
.feature-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.feature-grid article{border-top:1px solid #635e4d;padding-top:18px}
.feature-grid h3{font-size:22px;margin:18px 0 12px;line-height:1.15}
.feature-grid p{font-size:13px;color:var(--muted)}
.feature-num{font-size:11px;letter-spacing:.08em;color:var(--bronze)}
.feature-image{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1/1;border:0;padding:0;background:var(--panel);cursor:zoom-in}
.feature-image img{width:100%;height:100%;object-fit:cover}.feature-credit{display:block;min-height:32px;margin:10px 0 14px;font-size:9px;color:var(--muted)}.variant-b .feature-credit{color:#60665b}
.feature-end{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px}
.feature-end p{font-size:11px;color:var(--muted)}
.variant-b .feature-section{border-color:#c8c1b1}.variant-b .feature-grid p,.variant-b .feature-end p{color:#60665b}
@media(max-width:1100px){.layout-controls{align-items:flex-start;flex-direction:column;gap:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:620px){.layout-controls{padding:16px 16px 0}.feature-grid{gap:28px 18px}.feature-grid h3{font-size:21px}.feature-end{align-items:flex-start;flex-direction:column;gap:12px}.c-intro h1{font-size:clamp(42px,12vw,54px)}.swatch{padding:9px 8px;font-size:10px}}

/* V02: gezielte Weiterentwicklung von Kino & Kontrast. */
html{scroll-padding-top:24px;scroll-behavior:auto}.eyebrow{font-size:11px}.nav{font-size:14px}.preview-bar{font-size:12px}.preview-bar a{opacity:1}.preview-bar span{color:#e9e4dc}.a-copy .intro{font-size:18px;line-height:1.6}.a-copy h1{font-size:clamp(54px,5.6vw,86px)}
.a-hero{min-height:790px}.a-hero-grid{gap:6vw;grid-template-columns:minmax(0,1fr) 410px;padding-block:46px}.a-copy{min-width:0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;align-items:center}.hero-actions .line-link{color:var(--paper);background:#111b;border:0;border-bottom:1px solid var(--bronze);font-size:14px}.hero-tags{font-size:12px;gap:10px 18px;margin-top:25px}.a-copy .image-note{font-size:12px;margin-top:24px}.a-hero:after{background:linear-gradient(90deg,#081009e8,#08100975 49%,#08100922)}
.inquiry{padding:28px}.inquiry .form-intro{font-size:14px;color:#4c5148}.inquiry h2{font-size:30px}.field label{font-size:13px}.field input,.field textarea{font-size:16px;min-height:46px;background:#fffc;border-color:#8a8c81}.form-note{font-size:12px;color:#53594d}.form-details summary{font-size:13px;padding:9px 0;min-height:44px}.privacy{font-size:12px;line-height:1.6;gap:10px}.privacy input{width:19px;height:19px;margin-top:2px}.inquiry .submit{font-size:14px;min-height:50px}.preview-notice{font-size:12px;line-height:1.5;color:#4b5047;margin-top:14px}.direct-links{font-size:13px;gap:8px 18px}.direct-links a{padding:8px 0}.form-status{font-size:14px}.inquiry :focus-visible{outline:3px solid #665132;outline-offset:3px}.button:disabled{cursor:wait;opacity:.65}
.belief-strip p{font-size:14px}.belief-strip strong{font-size:17px}.section-head>p,.inspiration-pair p,.reference-card>p,.section-copy,.storage-story .section-copy{font-size:16px}.section-head>p{max-width:390px}.image-note,.photo-caption{font-size:12px}.reference-card .reference-credit{font-size:12px;color:#d9c399;margin:16px 0 8px}.reference-card h3{margin-top:8px}.reference-card .photo{height:auto;aspect-ratio:1/1.12;object-fit:cover;object-position:center 66%}.reference-card .frame-photo{aspect-ratio:1/1.12;object-position:center}.reference-next{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.reference-next p{font-size:15px}.inspiration-pair .plan-image{aspect-ratio:3/2}.inspiration-pair .plan-image img{object-fit:contain}.number-list p{font-size:15px}.feature-grid article>p{font-size:15px}.feature-credit{font-size:12px;min-height:40px}.feature-image img{object-fit:contain!important}.feature-image{background:#222823}.feature-end p{font-size:14px}.line-link{font-size:15px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq h2{margin-top:18px}.faq-items details{border-top:1px solid var(--line)}.faq-items details:last-child{border-bottom:1px solid var(--line)}.faq-items summary{cursor:pointer;padding:22px 24px 22px 0;font-size:17px}.faq-items p{color:var(--muted);padding:0 0 24px;font-size:16px}.site-footer{font-size:13px}.site-footer a{display:inline-block;padding:8px 0}.lightbox{padding-top:64px}.lightbox .view>img{max-width:100%;max-height:72vh;object-fit:contain}.lightbox figcaption{font-size:14px}.lightbox-close{min-height:44px}.site-header .nav a{min-height:44px;display:flex;align-items:center}.skip{top:-150px}.mobile-cta{transition:transform .15s}.mobile-cta[hidden]{display:none!important}
@media(max-width:1100px){.a-hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:28px}.a-copy h1{font-size:60px}.a-copy .intro{font-size:17px}.nav{gap:16px;font-size:13px}}
@media(max-width:900px){.a-hero-grid{grid-template-columns:1fr;gap:30px;padding-block:40px}.a-copy{max-width:650px}.a-hero>.hero-image{height:580px;object-position:center}.a-hero:after{height:590px;bottom:auto;background:linear-gradient(90deg,#081009e8,#08100944),linear-gradient(0deg,var(--ink),transparent)}.a-copy .intro{max-width:490px}.a-hero .inquiry{max-width:620px;justify-self:center}.faq{grid-template-columns:1fr;gap:30px}.a-copy .hero-actions{margin-top:24px}}
@media(max-width:620px){.a-copy h1{font-size:clamp(44px,12.3vw,68px)}.a-copy{min-height:0;padding:0 0 24px}.a-hero-grid{padding-top:35px}.a-copy .intro{font-size:17px}.hero-actions{gap:12px}.hero-tags{font-size:11px}.a-copy .image-note{font-size:11px}.a-hero>.hero-image{height:490px;object-position:55% center}.a-hero:after{height:510px}.a-hero .inquiry{margin-top:0;padding:26px 22px}.form-grid{grid-template-columns:1fr}.form-details{margin-top:16px}.inquiry h2{font-size:29px}.belief-strip{gap:22px}.reference-card .photo{aspect-ratio:1/1.08}.reference-next{flex-direction:column;align-items:flex-start;gap:10px}.photo-caption{left:8px;bottom:8px;right:8px;font-size:10px;max-width:max-content}.site-footer{padding-bottom:120px}.mobile-cta>span{display:none}.mobile-cta .button{width:100%;min-height:46px}.mobile-cta{gap:0}.lightbox{padding:64px 14px 20px;max-height:95dvh}.feature-grid{gap:30px}.faq-items summary{font-size:16px}.preview-bar{font-size:11px;padding:8px 14px}.inspiration-pair .plan-image{aspect-ratio:3/2}}
.mobile-hero-preview{display:none}
@media(max-width:900px){.mobile-hero-preview{display:block;position:relative;width:100%;padding:0;border:0;margin-top:24px;background:var(--panel)}.mobile-hero-preview img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.a-copy .image-note{margin-top:20px}.a-hero>.hero-image{height:500px}}
@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.feature-image{aspect-ratio:4/3}.feature-credit{min-height:0}}
/* Navigation bleibt ohne JavaScript vollständig zugänglich. */
@media(max-width:820px){html:not(.js) .menu{display:none}html:not(.js) .nav{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Dustins Bild- und Stilkorrektur: wärmer, zurückhaltender, ohne doppelte Innenlebenkarten. */
:root{--warm-paper:#f3e8d5;--warm-bronze:#d2af7d;--warm-muted:#d7c6ac}
.a-hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:7vw}
.inquiry{background:linear-gradient(140deg,rgba(51,41,31,.92),rgba(30,29,25,.94));color:var(--warm-paper);border:1px solid #d1b38b55;border-radius:5px;padding:25px;box-shadow:0 16px 50px #0002;backdrop-filter:blur(8px)}
.inquiry .eyebrow{color:#d2af7d;font-size:10px;letter-spacing:.15em;margin-bottom:10px}.inquiry h2{font-size:26px;font-weight:400;line-height:1.15}.inquiry .form-intro{font-size:14px;color:var(--warm-muted);margin-bottom:19px}.field label{font-size:12px;color:var(--warm-paper);font-weight:500}.field input,.field textarea,.field select{background:#f4e5cc0b;color:var(--warm-paper);border:1px solid #aa9574;border-radius:3px;font-size:16px;min-height:44px}.field input::placeholder,.field textarea::placeholder{color:#c9bba6}.field input:focus,.field textarea:focus{outline:2px solid #e3bb81;outline-offset:2px;border-color:#e3bb81}.inquiry :focus-visible{outline-color:#e3bb81}.form-note,.preview-notice{color:var(--warm-muted);font-size:12px}.form-details{border-color:#d2b08055}.form-details summary{font-size:12px}.privacy{font-size:12px;color:#eee0cb}.privacy input{accent-color:#d2af7d}.inquiry .submit{background:#d2af7d;color:#221b14;border-color:#d2af7d;min-height:47px;font-size:13px;border-radius:3px}.inquiry .submit:hover{background:#e4c699}.direct-links{font-size:12px;gap:6px 17px}.direct-links a{border-color:#d2b08077}.inquiry .form-status.error{color:#ffc9b3}.inquiry .form-status.success{color:#c8e8ba}.inquiry .form-status.preview{background:#d2af7d1c;color:var(--warm-paper);border:1px solid #d2af7d66;border-radius:3px}.preview-notice{font-size:11px;line-height:1.5}.inquiry .form-details span{color:#d7c6ac}
.ambience-section{border-top:1px solid #9d805b55}.ambience-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ambience-image{display:block;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border:0;padding:0;background:#25231e;cursor:zoom-in}.ambience-image img{width:100%;height:100%;object-fit:cover}.ambience-credit{font-size:12px;color:#c8ae88;margin:13px 0 18px}.ambience-grid h3{font-size:28px;line-height:1.13;margin-bottom:15px}.ambience-grid article>p:last-child{color:var(--muted);font-size:16px;max-width:50ch}.ambience-end{margin-top:30px}
.final-cta{background:radial-gradient(ellipse at 15% 60%,#53412b66,transparent 70%),linear-gradient(110deg,#2d2921,#1c211c);color:var(--warm-paper);border-top:1px solid #bd986955;border-bottom:1px solid #bd986933;padding-block:65px}.final-cta .eyebrow{color:#d2af7d}.final-cta h2{font-size:clamp(35px,4vw,55px);font-weight:400}.final-cta p{color:var(--warm-muted);font-size:16px;max-width:510px}.final-cta .button.dark{background:#d2af7d;color:#221b14;border-radius:3px;white-space:nowrap}.final-cta .button.dark:hover{background:#e4c699}.final-cta a:focus-visible{outline-color:#f3e8d5}
@media(min-width:1700px){.a-hero-grid{grid-template-columns:minmax(0,1fr) 370px}.inquiry{padding:27px}}
@media(max-width:1100px){.a-hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:30px}}
@media(max-width:900px){.a-hero-grid{grid-template-columns:1fr}.a-hero .inquiry{width:100%;max-width:600px;background:linear-gradient(135deg,#30291f,#20231e);padding:27px}}
@media(max-width:620px){.a-hero .inquiry{padding:25px 22px}.inquiry h2{font-size:28px}.ambience-grid{grid-template-columns:1fr;gap:35px}.ambience-grid h3{font-size:27px}.ambience-credit{margin-bottom:13px}.final-cta{padding-block:45px}.final-cta h2{font-size:37px}.final-cta .button.dark{width:100%}}

.timber-image{background:#2a2720}.timber-image img{object-fit:contain}.timber-image .zoom-icon{top:14px;bottom:auto}.timber-story>p:not(.ambience-credit){color:var(--muted);font-size:16px;max-width:51ch}.timber-steps{list-style:none;padding:0;margin:21px 0 12px;display:flex;gap:14px 24px;flex-wrap:wrap;font-size:13px;color:#ead9bf}.timber-steps li{display:flex;align-items:center;gap:9px;white-space:nowrap}.timber-steps span{color:#c7a16b;font-size:11px;letter-spacing:.06em}.timber-example{font-size:14px;line-height:1.5;max-width:100%;gap:12px}
@media(max-width:620px){.timber-steps{gap:13px 18px}.timber-example{font-size:14px}}

/* V05: vorhandenes Referenzfoto vollständig zeigen; warmer, durchscheinender Kontaktbereich. */
.reference-card .photo.frame-photo{aspect-ratio:848/850;object-fit:contain;object-position:center}
.inquiry{background:linear-gradient(140deg,rgba(39,31,23,.46),rgba(23,24,20,.52));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);box-shadow:0 12px 35px #0002;text-shadow:0 1px 3px #0008}
.inquiry .field input,.inquiry .field textarea,.inquiry .field select{background:rgba(25,25,21,.48)}
.inquiry .form-intro,.inquiry .form-note,.inquiry .preview-notice,.inquiry .form-details span{color:#f0e1cb}
.inquiry .submit{text-shadow:none}
.direct-links{display:flex;flex-wrap:wrap;gap:3px 16px}
.direct-links a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){.a-hero .inquiry{background:linear-gradient(135deg,rgba(48,41,31,.46),rgba(32,35,30,.52))}}

/* V06 ergänzt echte Werkstattfotos; bestehende warme V05-Gestaltung bleibt bestehen. */
.light-section .ambience-grid{display:block}
.light-story{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,5vw,80px)}
.light-story-copy .ambience-credit{margin-top:0}
.light-story-copy>p:last-child{color:var(--muted);font-size:16px;max-width:46ch}
.workshop-section{background:var(--panel);border-top:1px solid #b3966a55;border-bottom:1px solid #b3966a33}
.workshop-intro{max-width:49ch;font-size:18px;color:var(--muted)}
.workshop-origin{font-size:12px;line-height:1.6;color:#d0b38b;margin-top:18px}
.workshop-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:24px;align-items:start}
.workshop-card{margin:0;min-width:0}
.workshop-photo{position:relative;display:block;border:0;padding:0;width:100%;aspect-ratio:3/4;background:#292a25;cursor:zoom-in;overflow:hidden}
.workshop-photo img{display:block;width:100%;height:100%;object-fit:contain}
.workshop-photo:focus-visible{outline:2px solid var(--warm-bronze);outline-offset:5px}
.workshop-photo .zoom-icon{background:#111413c9}
.workshop-card figcaption{display:flex;gap:15px;padding-top:21px}
.workshop-number{color:var(--warm-bronze);font-size:11px;letter-spacing:.08em;line-height:1.8;flex-shrink:0}
.workshop-card h3{font-size:clamp(20px,1.65vw,26px);line-height:1.17;margin:0 0 12px}
.workshop-card figcaption p{color:var(--muted);font-size:15px;line-height:1.65;margin:0;max-width:35ch}
.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:45px;padding-top:35px;border-top:1px solid var(--line)}
.workshop-footer>div:first-child{max-width:58ch}
.workshop-footer h3{font-size:25px;line-height:1.2;margin-bottom:13px}
.workshop-footer p{color:var(--muted);font-size:16px;margin:0}
.workshop-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex-shrink:0;max-width:100%}
.workshop-cta{background:var(--warm-bronze);border:1px solid var(--warm-bronze);color:#221b14;font-size:14px;border-radius:3px;gap:18px;white-space:normal;text-align:left;min-height:48px}
.workshop-cta:hover{background:#e4c699}
.workshop-actions .timber-example{font-size:12px}
@media(max-width:1100px){.workshop-footer{flex-direction:column;align-items:flex-start}.workshop-footer>div:first-child{max-width:65ch}}
@media(max-width:900px){.workshop-section .section-head{flex-direction:column;align-items:flex-start;gap:20px}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.workshop-card:last-child{grid-column:1/-1;width:100%;max-width:520px;justify-self:center}.workshop-card h3{font-size:25px}.workshop-intro{font-size:17px}}
@media(max-width:620px){.light-story{grid-template-columns:1fr;gap:22px}.light-story-copy .ambience-credit{margin-bottom:13px}.workshop-grid{grid-template-columns:1fr;gap:35px}.workshop-card:last-child{grid-column:auto;max-width:none}.workshop-card figcaption{padding-top:18px}.workshop-footer{margin-top:32px;padding-top:28px;gap:25px}.workshop-footer h3{font-size:26px}.workshop-actions{width:100%}.workshop-cta{width:100%;justify-content:space-between}.workshop-actions .timber-example{font-size:13px}.workshop-origin{font-size:12px}}

/* Einheitlicher transparenter Rahmenstil für die Aktionsschaltflächen. */
body.variant-a :is(.button,.button.dark,.line-link,.direct-links a,.menu,.lightbox-close),
body.variant-a input[type=file]::file-selector-button{
 background:transparent;color:var(--paper);border:1px solid #73776a;border-radius:0;
 min-height:48px;max-width:100%;padding:14px 23px;font:600 13px/1.3 Arial,Helvetica,sans-serif;
 white-space:normal;text-align:center;align-items:center;justify-content:center;gap:18px;
 text-shadow:none;box-shadow:none;
}
body.variant-a :is(.button,.button.dark,.line-link,.direct-links a,.menu,.lightbox-close):hover,
body.variant-a input[type=file]::file-selector-button:hover{
 background:transparent;color:var(--paper);border-color:var(--warm-bronze);
}
body.variant-a :is(.button,.button.dark,.line-link,.direct-links a,.menu,.lightbox-close):focus-visible{
 background:transparent;outline:2px solid var(--warm-bronze);outline-offset:4px;
}
.variant-a .direct-links{gap:10px;align-items:stretch}
.variant-a input[type=file]::file-selector-button{margin-right:12px;cursor:pointer}
.variant-a .zoom-icon{background:transparent;border-color:#73776a;text-shadow:0 1px 3px #000;box-shadow:0 0 0 1px #0003}

/* Einbau unter der vorhandenen Live-CSP. */
.kitchen-panel-section{background:var(--panel)}
.kitchen-heading-space{margin-top:20px}
.kitchen-final-heading-space{margin-top:16px}