@font-face{font-family:Lora;src:url('assets/brand/Lora-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/brand/Manrope-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/brand/Manrope-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{--deep-brown:#381E1D;--sand:#F7E7CE;--clay:#795640;--button-sand:#F5DEB3;--peach:#EDC9AF;--merlot:var(--deep-brown);--soft-black:var(--deep-brown);--ivory:var(--sand)}
:root,[data-theme=dark]{--bg:var(--deep-brown);--text:var(--sand);--heading:var(--sand);--accent:var(--peach);--hover:var(--button-sand);--surface:color-mix(in srgb,var(--deep-brown) 95%,var(--sand));--muted:color-mix(in srgb,var(--sand) 82%,var(--deep-brown));--line:color-mix(in srgb,var(--peach) 30%,transparent);--overlay:color-mix(in srgb,var(--deep-brown) 94%,transparent);--button-bg:var(--button-sand);--button-text:var(--deep-brown);--button-hover:color-mix(in srgb,var(--button-sand) 88%,var(--sand));--button-pressed:color-mix(in srgb,var(--button-sand) 90%,var(--clay));--card-bg:var(--clay);--card-text:var(--sand);--texture:url('assets/design/concrete-dark-r54.webp');--ink:var(--bg);--paper:var(--text);--coal:var(--surface);--ember:var(--accent);color-scheme:dark}
[data-theme=light]{--bg:var(--sand);--text:var(--deep-brown);--heading:var(--clay);--accent:var(--clay);--hover:var(--deep-brown);--surface:color-mix(in srgb,var(--sand) 94%,var(--clay));--muted:color-mix(in srgb,var(--deep-brown) 82%,var(--sand));--line:color-mix(in srgb,var(--clay) 27%,transparent);--overlay:color-mix(in srgb,var(--sand) 94%,transparent);--button-bg:var(--clay);--button-text:var(--sand);--button-hover:color-mix(in srgb,var(--clay) 89%,var(--deep-brown));--button-pressed:color-mix(in srgb,var(--clay) 78%,var(--deep-brown));--card-bg:var(--deep-brown);--card-text:var(--sand);--texture:url('assets/design/concrete-light-r54.webp');color-scheme:light}
html,body{background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-weight:400;font-synthesis:none}
button,a,label,.eyebrow,.smallcaps,.meta,.btn,.text-link,strong{font-weight:500}
:focus-visible{outline:2px solid var(--text);outline-offset:5px}
::selection{background:var(--text);color:var(--bg)}
h1,h2,h3,.display,.bridge-type,.footer-script,.menu-popover-link,.collection-compare-card strong{font-family:Lora,Georgia,serif!important;font-weight:500!important;font-style:normal;letter-spacing:-.025em;line-height:1.14}
h1 em,h2 em,.footer-script em{font-style:normal;font-weight:500;color:inherit}
.display{font-size:clamp(2rem,4.3vw,4.4rem);line-height:1.14;letter-spacing:-.025em}
.hero h1{font-size:clamp(2.65rem,5.2vw,5.5rem);line-height:1.12;max-width:850px;letter-spacing:-.025em}
.hero h1 em{color:inherit}.hero-content{padding-top:9rem}.hero .lead{max-width:510px;color:var(--text)}
.hero-content h1 span,.reveal-cta span{transform:none}
.hero,.intro-section,.story-bridge,.showcase,.material-section,.compare-section,.cta-section,.footer,.collection-index,.product-editorial,.gallery-section,.quote-band,.page-hero,.product-hero,.form-layout,.contact-grid,.brand-section,.lost-page,.home-interval{background:var(--bg);color:var(--text)}
.home-seam{background:var(--bg)}.home-seam:before,.home-seam:after{background:var(--line)}
.hero-media:after{background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 65%,transparent) 42%,transparent 80%)}
.page-hero:before,.page-hero:after,.product-hero--scene:before{background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 40%,transparent) 75%)}
.page-hero{min-height:480px}.page-hero h1{font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:1.14;max-width:800px}
.page-hero-summary,.intro-copy p,.bridge-description,.product-editorial-copy p,.brand-block p,.form-side p,.contact-block p,.cta-section p:not(.eyebrow){color:var(--text);font-weight:400;line-height:1.75}
.intro-grid h2,.material-copy h2,.showcase-heading h2,.compare-heading h2,.story-bridge .bridge-type,.product-editorial-copy h2,.product-rectangle~#detay .product-editorial-copy h2,.contact-form-layout .form-side h2{font-size:clamp(2rem,4.2vw,4.2rem);line-height:1.15}
.cta-section h2{font-size:clamp(2rem,4.6vw,4.7rem);line-height:1.15;max-width:950px}
.cta-section p:not(.eyebrow){max-width:580px}
.eyebrow,.collection-compare-number,.collection-compare-facts small,.smallcaps,.muted{color:var(--text)}
.eyebrow:before{color:var(--accent)}.bridge-notes{color:var(--muted);border-color:var(--line)}
.site-header,.site-header.compact{background:var(--overlay);color:var(--text);backdrop-filter:none;border-color:var(--line)}
.logo-wrap img{width:240px;height:auto;max-height:none;object-fit:contain}.logo-wrap .logo-light{display:none}
[data-theme=light] .logo-wrap .logo-light{display:block}[data-theme=light] .logo-wrap .logo-dark{display:none}
.logo-wrap::after{display:none}.logo-wrap::before{background:linear-gradient(105deg,transparent 35%,var(--accent) 48%,var(--text) 50%,transparent 65%);background-size:300% 100%}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:0 .8rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:50px;font-size:.72rem}
.theme-toggle>span:first-child{font-size:1.2rem}.menu-trigger{color:var(--text);background:var(--bg);border-color:var(--line)}
[data-theme=light] .menu-trigger img,[data-theme=light] .menu-popover-top img{content:url('assets/brand/symbol-light.svg')}
.header-marker,.header-marker-label,.header-marker-index{color:var(--text)}.header-marker-rule{background:var(--line)}.header-marker-rule i{background:var(--accent)}
.btn,.btn.dark,.btn.solid,.header-cta{color:var(--text);border-color:var(--accent);background:var(--bg);font-weight:500}
.btn.solid{background:var(--text);color:var(--bg);border-color:var(--text)}
.btn:before,.header-cta:before{background:var(--accent)}.btn:hover,.btn:focus-visible,.header-cta:hover{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent);color:var(--bg)}
.btn:hover:before{background:var(--text)}.text-link,.text-link:hover{color:var(--text)}
.menu-popover{background:var(--bg);color:var(--text);border-color:var(--accent)}
.menu-popover-link,.menu-popover-link:hover,.menu-sub-link,.menu-sub-link:hover,.menu-collection-overview{color:var(--text);border-color:var(--line)}
.menu-popover-link{font-size:1.65rem;min-height:52px}.menu-sub-link{font-size:.84rem;min-height:38px}
.menu-popover-top{border-color:var(--line)}.menu-popover-close{color:var(--text);background:var(--bg);border-color:var(--line)}
.menu-collection-overview{background:var(--surface)}.menu-sub-link[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}
.footer{border-top:1px solid var(--line)}.footer-main,.footer-bottom,.footer-main p,.footer-main a,.footer-script,.footer-script em{color:var(--text);border-color:var(--line)}
.footer-symbol{background:var(--text)}.footer-models{display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-width:320px}.footer-script{font-size:clamp(1.15rem,2.2vw,1.8rem);line-height:1.5}
.showcase-heading{display:block}.collection-intro{max-width:640px;font-size:.94rem;line-height:1.7;margin:1.6rem 0 0;color:var(--text)}
.showcase-cards,.collection-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border:0}
.collection-compare-card,.collection-compare-card:last-child{display:flex;flex-direction:column;background:var(--bg);color:var(--text);padding:1rem;border:1px solid var(--line);overflow:hidden}
.collection-compare-visual{display:block;position:relative;aspect-ratio:3/2;background:var(--surface);overflow:hidden;margin:0 0 1.3rem}
.collection-compare-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none!important}
.collection-compare-visual .collection-scene{opacity:0}.collection-compare-card:hover .collection-scene,.collection-compare-card:focus-visible .collection-scene{opacity:1}
.collection-compare-card strong{font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.2}
.collection-compare-number{font-size:.65rem;letter-spacing:.08em;margin-bottom:.6rem}
.card-description{display:block;font-size:.85rem;line-height:1.7;margin:1rem 0 1.4rem;color:var(--text)}
.collection-compare-action{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--text)}.collection-compare-action b{color:var(--accent)}
.collection-index-intro,.collection-index-intro p,.collection-image-note{color:var(--text)}.collection-image-note{font-size:.78rem;line-height:1.6;margin:1.3rem 0}
.product-hero--scene h1,.product-hero--scene.product-rectangle h1{font-size:clamp(2.6rem,4.8vw,5rem);line-height:1.15;letter-spacing:-.025em;max-width:740px;text-shadow:none}
.product-hero--scene .product-hero-content>p:not(.eyebrow){color:var(--text);text-shadow:none}
.product-detail-visual{margin:0}.product-detail-visual img{width:100%;height:auto;object-fit:contain;aspect-ratio:3/2}.product-detail-visual figcaption{font-size:.75rem;line-height:1.6;padding:.8rem 0;color:var(--text)}
.product-editorial-copy .btn{white-space:normal;font-size:.72rem;line-height:1.4;text-align:center;padding:.9rem 1.2rem}
.gallery-tabs{flex-wrap:wrap}.gallery-tabs button{color:var(--text);border-color:var(--line);font-weight:500}.gallery-tabs button[aria-selected=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.gallery-stage{background:var(--surface);aspect-ratio:3/2;max-height:none;height:auto}.gallery-stage img{width:100%;height:100%;object-fit:contain}.gallery-caption{color:var(--text)}
.lightbox{background:var(--bg);color:var(--text)}.lightbox button,.zoom{background:var(--bg);color:var(--text);border:1px solid var(--line)}
.related-products{padding-block:3rem 5rem}.related-products .collection-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.related-products h2{margin-bottom:2rem}
.scene-description{color:var(--text);font-size:.85rem;line-height:1.6;max-width:360px}.scene-pills button{color:var(--text);border-color:var(--line)}.scene-pills button[aria-pressed=true]{color:var(--bg);background:var(--text)}
.compare-meta{color:var(--text)}.compare-label{color:var(--ivory);background:color-mix(in srgb,var(--merlot) 85.10%,transparent);padding:.4rem .6rem;border-radius:.2rem}.comparison img{object-fit:contain}
.form-card{background:var(--surface);color:var(--text)}.form-card h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}
.field input,.field select,.field textarea{background:var(--bg);color:var(--text);border-color:var(--line)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
.field label,.form-note,.review dd,.review dt,.status,.contact-block a,.contact-block h2{color:var(--text)}.review dl,.review dt,.review dd{border-color:var(--line)}
.form-note{line-height:1.7}.error{color:var(--text);font-weight:500}.error:not(:empty)::before{content:'! ';color:var(--accent)}
.contact-block,.contact-form-layout{border-color:var(--line)}.contact-block h2{font-size:clamp(1.5rem,2.5vw,2.5rem)}
.faq-section{padding-block:2rem 5rem;max-width:1050px}.faq-section details{border-bottom:1px solid var(--line);padding:1.3rem 0}.faq-section summary{cursor:pointer;font-weight:500;line-height:1.6}.faq-section p,.custom-copy p{line-height:1.8;max-width:720px}
.cookie-notice{background:var(--bg);color:var(--text);border-color:var(--accent)}.cookie-intro p,.cookie-detail,.cookie-actions button{color:var(--text)}.cookie-actions button{background:var(--surface);border-color:var(--line)}
.lost-copy h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:1.15}.lost-copy h1 em,.lost-kicker,.lost-copy>p:not(.lost-kicker),.lost-secondary{color:var(--text)}.lost-number{font-family:Lora,serif;font-weight:500;background:linear-gradient(var(--text),var(--accent));background-clip:text}.back-to-top{background:var(--bg);color:var(--text);border-color:var(--accent)}
@media(max-width:1000px){.showcase-cards,.collection-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.header-cta{display:none}.product-hero--scene .product-hero-media{background:var(--surface)}.product-hero--scene .product-hero-media img{object-fit:contain}.product-hero--scene .product-hero-content{padding-bottom:2.5rem}.page-hero{min-height:440px}.hero h1{max-width:700px}.header-left{display:none}}
@media(max-width:720px){
 .site-header{padding:.45rem .65rem;gap:.3rem;min-height:72px}.logo-wrap img{width:226px}.header-actions{gap:.35rem}.theme-toggle{width:38px;min-height:38px;padding:0}.theme-label{display:none}.menu-trigger{width:38px;height:38px;padding:0;justify-content:center}.menu-trigger-label{display:none}
 .hero h1{font-size:clamp(2.05rem,7.7vw,3.6rem);line-height:1.16;max-width:650px}.hero .lead{font-size:.89rem;max-width:410px}.hero-media:after{background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 72%,transparent))}
 .hero-content{padding-top:8rem;padding-bottom:4rem}.hero{min-height:88svh}.page-hero h1{font-size:clamp(2rem,7.5vw,3rem);line-height:1.17}.page-hero{min-height:450px;padding-top:7rem}.page-hero-summary{max-width:95%;font-size:.88rem}
 .intro-grid h2,.material-copy h2,.story-bridge .bridge-type,.showcase-heading h2,.compare-heading h2,.product-editorial-copy h2,.product-rectangle~#detay .product-editorial-copy h2,.contact-form-layout .form-side h2,.cta-section h2{font-size:clamp(1.8rem,7.3vw,3rem);line-height:1.18}
 .showcase-cards,.collection-compare,.related-products .collection-compare{grid-template-columns:1fr}.collection-compare-visual{aspect-ratio:3/2}.collection-compare-card strong{font-size:2rem}.showcase-heading{margin-bottom:2rem}
 .product-hero--scene h1,.product-hero--scene.product-rectangle h1{font-size:clamp(1.9rem,7.5vw,3.1rem);line-height:1.15}.product-hero--scene{padding-top:72px}.product-hero--scene:before{display:none}.product-hero--scene .product-hero-content{padding-top:1.5rem}.product-hero--scene .product-hero-media:has(img){aspect-ratio:3/2}.product-media-note{position:static;padding:.5rem 1rem;margin:0;max-width:none;color:var(--text);font-size:.72rem}
 .form-card{padding:1.25rem}.form-card h2{font-size:1.75rem}.form-actions{gap:.6rem}.form-actions>*{font-size:.65rem}.gallery-tabs button{font-size:.74rem;padding:.65rem}.zoom{font-size:.65rem}.compare-heading{flex-wrap:wrap}.scene-description{max-width:none}.footer-models{justify-content:center}.btn{letter-spacing:.07em}
}
@media(max-width:360px){.logo-wrap img{width:224px}.site-header{gap:0;padding:.3rem}.header-actions{gap:.2rem}.theme-toggle,.menu-trigger{width:34px;min-height:36px;height:36px}.container{width:calc(100% - 2rem)}.gallery-tabs{gap:.3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}#ambient-dust,#spark-canvas,#ember-cursor,.page-transition{display:none!important}.logo-wrap::before{display:none}}
/* Keep legacy layout rules, but give the approved theme/type system precedence. */
html[data-theme] .site-header .logo-wrap img{width:240px}
html[data-theme] :is(.page-hero-summary,.collection-index-intro p,.eyebrow,.hero-note,.product-media-note,.bridge-description,.bridge-notes,.form-note,.gallery-caption,.contact-block p,.footer-script,.footer-script em){color:var(--text)}
html[data-theme] :is(.eyebrow,.smallcaps,.btn,.text-link,.field label,.collection-compare-number,.menu-sub-link,.menu-trigger,.scene-pills button,.gallery-tabs button,.header-marker,.cookie-actions button){font-weight:500}
html[data-theme] :is(.page-hero-summary,.collection-index-intro p,.lead,.form-side p,.contact-block p,.brand-block p){font-weight:400}
html[data-theme] .header-cta.btn.solid{background:var(--text);color:var(--bg);border-color:var(--text)}
html[data-theme] .header-cta.btn.solid:before{background:var(--text)}
html[data-theme] .header-cta.btn.solid:hover{border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-theme] :is(.menu-popover-link[aria-current=page],.menu-popover-link:focus-visible,.menu-sub-link[aria-current=page],.menu-collection-overview:hover){color:var(--text)}
html[data-theme] .menu-popover-link[aria-current=page]{text-decoration:underline;text-underline-offset:.2em}
html[data-theme] .collection-compare-visual .collection-scene{inset:auto .6rem .6rem auto;width:28%;height:auto;aspect-ratio:3/2;border:2px solid var(--bg);opacity:1;object-fit:contain}
html[data-theme] .product-hero h1{text-transform:none;font-style:normal}
html[data-theme] .product-hero .text-link{color:var(--text)}
html[data-theme] :is(.product-media-note,.hero-note){padding:.35rem .55rem;border-radius:3px;background:var(--bg)}
html[data-theme] .home-seam-symbol{background:var(--accent)}
html[data-theme] .product-rectangle .product-hero-content:before{background:var(--accent)}
html[data-theme] #ember-cursor{background:var(--accent);box-shadow:0 0 9px var(--accent)}
@media(max-width:720px){
 html[data-theme] .site-header,html[data-theme] .site-header.compact{grid-template-columns:minmax(0,1fr) auto;padding:.45rem .65rem;min-height:82px}
 html[data-theme] .logo-wrap{grid-column:1;justify-self:start}
 html[data-theme] .header-actions{grid-column:2}
 html[data-theme] .site-header .logo-wrap img{width:226px}
 html[data-theme] .product-hero--scene{padding-top:82px}
}
@media(max-width:360px){
 html[data-theme] .site-header,html[data-theme] .site-header.compact{padding:.3rem;gap:0}
 html[data-theme] .site-header .logo-wrap img{width:224px}
}
html[data-theme] :is(.product-editorial-copy p,.brand-block p,.form-side p,.contact-block p,.footer-main .smallcaps,#lightbox-caption){color:var(--text)!important}
html[data-theme] :is(h1,h2,h3,.bridge-type,.bridge-type span){color:var(--text)!important}
html[data-theme] .story-bridge .bridge-type{white-space:normal}
html[data-theme] .page-transition{background:var(--bg)}
html[data-theme=light] .transition-wave img{content:url('assets/brand/symbol-light.svg')}
html[data-theme] .intro-section:after{background:linear-gradient(90deg,var(--overlay) 0%,color-mix(in srgb,var(--bg) 80%,transparent) 45%,transparent 90%)}
html[data-theme] .material-section:after{background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 82%,transparent) 45%,var(--overlay))}
html[data-theme] :is(.intro-content>p,.intro-content .text-link,.material-copy p){color:var(--text)!important}
html[data-theme] .cta-section{background:linear-gradient(90deg,var(--overlay),var(--overlay)),url('assets/web/pergola-night-1600.webp') center/cover}
html[data-theme] .material-light{background:radial-gradient(ellipse at 35% 55%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%)}
html[data-theme] .material-light:after{background:linear-gradient(transparent,var(--accent),transparent);box-shadow:0 0 26px color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-theme] .collection-compare-card:hover,html[data-theme] .collection-compare-card:focus-visible{background:var(--surface)}
html[data-theme] .quote-band p{font:500 clamp(1.8rem,4.5vw,4.5rem)/1.2 Lora,Georgia,serif;color:var(--text);letter-spacing:-.025em}
html[data-theme] .compare-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 2rem}
html[data-theme] .scene-description{grid-column:1/-1;max-width:650px;margin:0}
html[data-theme] .comparison{aspect-ratio:16/9;background:var(--surface)}
html[data-theme] .compare-meta a{color:var(--text)}
@media(max-width:900px){
 html[data-theme] .hero{min-height:0}
 html[data-theme] .hero-content{padding-top:2rem;padding-bottom:5rem}
 html[data-theme] .hero-media:after{background:linear-gradient(0deg,var(--bg),transparent 28%)}
 html[data-theme] .hero-media{aspect-ratio:16/9}
 html[data-theme] .hero-media video{object-fit:contain}
}
@media(max-width:720px){
 html[data-theme] .compare-heading{grid-template-columns:1fr}
 html[data-theme] .scene-pills{margin:0}
 html[data-theme] .scene-description{grid-column:1}
}