/* FOLIE editorial luxury redesign — 2026-11-07 */
:root{--ink:#171716;--dark:#141413;--cream:#f5f3ef;--linen:#e9e6df;--line:#e4e1db;--muted:#71706b;--accent:#a08b6d;--gold:#c2ad90;--serif:'Bodoni Moda',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
html{scroll-padding-top:160px}
body{background:#fff;color:var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.announcement{height:42px;background:#0e0e0d;color:#f6f4ee;justify-content:center;gap:30px;font-size:10px;letter-spacing:.17em;padding:0 20px}
.announcement>span:first-child{display:none}
.announcement-middle{opacity:1}
.announcement a{font-weight:400;opacity:.78;text-decoration:none;border-bottom:1px solid #b2a89c;padding-bottom:2px}
.site-header{position:fixed;top:42px;left:0;right:0;z-index:60;background:transparent;backdrop-filter:none;border:0;color:#fff;transition:background .35s,color .35s,box-shadow .35s,top .35s}
.site-header.is-scrolled,.site-header:has(.main-nav.open){top:0;background:rgba(255,255,255,.98);color:#171716;box-shadow:0 5px 24px #0000000c;backdrop-filter:blur(14px)}
.header-inner{height:145px;max-width:100%;width:100%;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:83px 62px;column-gap:20px;row-gap:0;align-items:center}
.site-header .brand{grid-column:2;grid-row:1;align-items:center;justify-self:center;padding-top:17px}
.site-header .brand-word{font-family:var(--serif);font-weight:400;font-size:39px;letter-spacing:.27em;line-height:1;padding-left:.27em}
.brand-dot{color:inherit}
.site-header .brand-tag{font-size:7px;letter-spacing:.32em;font-weight:400;margin-top:7px;opacity:.84}
.site-header .main-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:clamp(19px,3vw,48px);align-items:center;align-self:center}
.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:500;transition:opacity .2s}
.main-nav a:hover{color:inherit;opacity:.58}
.header-actions{grid-column:3;grid-row:1;justify-self:end}
.nav-quote{padding:11px 15px;min-height:38px;color:inherit;border:1px solid currentColor;background:transparent;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;gap:14px}
.nav-quote:hover{color:var(--dark);background:white}
.site-header.is-scrolled .nav-quote:hover{background:var(--dark);color:white}
.hero{display:block;position:relative;min-height:clamp(730px,100svh,1040px);background:#12110f;overflow:hidden;color:white;max-height:none}
.hero-image{position:absolute;inset:0;min-height:0;max-height:none;z-index:0;background:#1c1b19}
.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:brightness(.75) saturate(.8);transform:scale(1.015)}
.hero-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,7,.93) 0%,rgba(8,8,7,.76) 29%,rgba(8,8,7,.24) 66%,rgba(8,8,7,.09) 100%)}
.hero-image::after{content:"";position:absolute;inset:65% 0 0;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.27))}
.hero-image-caption{z-index:2;left:auto;right:5vw;bottom:36px;display:block;color:#ece7de;letter-spacing:.17em;text-align:right}
.hero-image-caption span:last-child{display:none}
.hero-copy{z-index:2;position:relative;min-height:clamp(730px,100svh,1040px);background:none;padding:228px 6vw 95px;align-items:flex-start;display:flex}
.hero-copy-inner{max-width:1000px;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:450px}
.eyebrow{color:#d9c4a8;font-size:11px;letter-spacing:.23em;font-weight:500}
.eyebrow-line{width:28px;background:#ccb79a}
.hero h1{font-size:clamp(83px,9.1vw,154px);font-family:var(--serif);font-weight:400;letter-spacing:-.067em;line-height:1.015;max-width:950px;margin:28px 0 30px}
.hero h1 em{color:#e7dcd1;font-style:italic}
.hero p{color:#eee8e0;font-size:clamp(15px,1.13vw,19px);line-height:1.8;max-width:540px;margin:0 0 35px;font-weight:400}
.hero .button-dark{color:#141413;background:#f6f3ed;border:1px solid #f6f3ed}
.hero .button-dark:hover{background:transparent;color:white}
.hero .text-link{color:#fff;border-bottom:1px solid #ded2c4}
.hero .button,.hero .text-link{font-weight:500;letter-spacing:.16em;font-size:11px;text-transform:uppercase}
.hero-index{display:none}
.intro{width:100%;max-width:none;padding:102px 0 0}
.intro>.section-kicker,.intro>.section-top{max-width:1500px;padding-left:5.5vw;padding-right:5.5vw;margin-left:auto;margin-right:auto}
.section-kicker{font-size:10px;font-weight:500;letter-spacing:.23em;color:#998872}
.section-top{align-items:end;margin-bottom:43px}
.section-top h2,.editorial h2,.config-story h2,.process h2,.faq h2,.closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.062em;font-size:clamp(55px,6.2vw,100px);line-height:1.04}
h2 em{font-weight:400;font-style:italic;color:#978b7c}
.section-top>p,.section-top>div>p{font-size:15px;line-height:1.85}
.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.category-card{height:clamp(440px,40vw,640px)}
.category-card img{filter:saturate(.73) brightness(.87);transition:transform .7s ease,filter .7s}
.category-card:hover img{transform:scale(1.055);filter:saturate(.95)}
.category-shade{background:linear-gradient(180deg,transparent 18%,rgba(0,0,0,.09) 45%,rgba(0,0,0,.66))}
.category-content{bottom:25px;left:29px;right:29px;gap:8px}
.category-no{font-size:10px;letter-spacing:.16em}
.category-content strong{font-family:var(--serif);font-size:clamp(29px,2.55vw,42px);font-weight:400;letter-spacing:-.05em}
.category-action{font-weight:400;letter-spacing:.12em;font-size:10px}
.value-band{background:#121212}
.value-inner{max-width:1500px;min-height:95px;text-transform:uppercase;letter-spacing:.11em;font-size:9px}
.value-star{color:#9d9488}
.products-section{padding-top:128px;padding-bottom:130px}
.products-section .section-top h2{font-size:clamp(55px,6vw,97px)}
.products-heading>div:first-child{max-width:62%}
.filters{gap:4px}
.filter{border:1px solid #dad8d3;padding:12px 17px;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:500}
.filter.active,.filter:hover{background:#171716;color:white;border-color:#171716}
.product-grid{gap:42px 17px}
.product-media{height:clamp(280px,28vw,440px)}
.product-media img{filter:saturate(.7);transition:transform .7s,filter .7s}
.product-meta h3{font-family:var(--serif);font-size:clamp(27px,2.5vw,40px);font-weight:400}
.product-meta span{color:#9f917f}
.product-label{font-size:8px;letter-spacing:.17em}
.product-expand,.product-plus{border-radius:0}
.editorial{background:#111412;min-height:760px}
.editorial-image img{filter:brightness(.85) saturate(.78)}
.editorial-copy{padding:100px clamp(45px,7vw,150px)}
.editorial h2{font-size:clamp(58px,6vw,96px)}
.editorial h2 em{color:#ddd1c4}
.editorial-copy>p{font-size:15px;max-width:490px;color:#d5d0c9}
.editorial-points{border-color:#4d504c}
.editorial-points>div{border-color:#4d504c}
.editorial .button-light{background:#f6f3ec}
.materials{padding-top:128px;padding-bottom:128px}
.material-showcase{display:grid;grid-template-columns:1.65fr 1fr;gap:0;min-height:490px;margin-bottom:22px;background:#151515}
.material-showcase-media{position:relative;min-height:490px;overflow:hidden}
.material-showcase-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.8)}
.material-showcase-media::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.48))}
.material-showcase-caption{position:absolute;bottom:31px;left:35px;z-index:1;color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.material-showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,4.5vw,80px);color:#f5f3ee}
.material-showcase-copy .section-kicker{color:#c7b6a2}
.material-showcase-copy h3{font-family:var(--serif);font-size:clamp(39px,4.3vw,72px);line-height:1.08;font-weight:400;margin:18px 0 24px}
.material-showcase-copy p{font-size:14px;color:#c9c4be;line-height:1.85}
.materials-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.material-card{background:#f8f7f4;border:1px solid #ece8e1;padding:7px 7px 18px;transition:background .2s}
.material-card.selected{border-color:#131313;box-shadow:inset 0 0 0 1px #131313;background:white}
.material-swatch{height:115px;margin-bottom:13px}
.material-name{font-weight:500}
.material-disclaimer{margin-top:14px}
.configurator{background:#f2f0eb;padding:125px 0}
.config-story h2{font-size:clamp(60px,6.2vw,100px)}
.config-story>p{font-size:15px}
.config-photo{height:440px}
.config-photo img{filter:saturate(.75)}
.config-form{box-shadow:none;border:1px solid #e7e3dc;padding:45px}
.config-form-head{letter-spacing:.2em}
.field-group input,.field-group select,.field-group textarea{border-radius:0;background:white}
.quote-summary{background:#f3f0eb}
.button{border-radius:0;font-weight:500;text-transform:uppercase;letter-spacing:.13em}
.button-dark{background:#171716;color:white}
.button-dark:hover{background:#333330}
.inspiration{padding-top:130px;padding-bottom:130px}
.inspiration-grid{gap:5px;grid-template-rows:335px 335px}
.inspiration-grid img{filter:saturate(.8)}
.inspiration-grid span{background:transparent;color:white;font-size:10px;text-shadow:0 1px 8px #0009}
.process{background:#f3f1ed;padding:125px 0}
.steps>div>span{font-family:var(--serif);color:#8e8375}
.steps h3{font-family:var(--serif);font-weight:400;font-size:32px}
.faq{padding-top:130px;padding-bottom:130px}
.faq-items summary{font-weight:500;font-size:16px}
.closing{background:#151513;padding:115px 0}
.closing h2{font-size:clamp(60px,6vw,103px)}
.closing h2 em{color:#d4c6b7}
.footer{background:#f7f6f2}
.footer-grid h3{text-transform:uppercase;font-size:10px;letter-spacing:.2em;font-weight:500}
.footer .brand-word{font-family:var(--serif);font-size:37px;letter-spacing:.24em}
.footer .brand-dot{color:#1e1e1c}
.footer .brand-tag{font-weight:400;letter-spacing:.19em}
.footer-bottom{letter-spacing:.07em}
.product-dialog::backdrop{background:#090909d6}
.dialog-copy h2{font-size:60px}
@media(min-width:1640px){.hero,.hero-copy{max-height:none}.hero-image{max-height:none}}
@media(max-width:1100px){.header-inner{padding:0 3vw}.main-nav{gap:17px}.main-nav a{font-size:9px}.intro>.section-kicker,.intro>.section-top{padding-inline:30px}.hero h1{font-size:clamp(75px,9vw,112px)}.category-card{height:440px}.category-content{left:16px;right:16px}.category-content strong{font-size:28px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-media{height:400px}}
@media(max-width:800px){.announcement{height:35px;font-size:8px}.announcement a{display:none}.site-header{top:35px}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.site-header .brand{padding-top:0;align-items:flex-start}.site-header .brand-word{font-size:31px}.site-header .brand-tag{font-size:7px}.site-header .main-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;color:#171716;padding:28px;box-shadow:0 16px 23px #0002;align-items:flex-start;gap:21px;flex-direction:column}.site-header .main-nav.open{display:flex}.site-header .main-nav a{font-size:12px}.header-actions{gap:12px}.nav-quote{display:none}.menu-toggle{display:flex}.menu-toggle span{background:currentColor}.site-header.is-scrolled .menu-toggle span{background:#171716}.hero,.hero-copy{min-height:730px}.hero-copy{padding:185px 30px 70px}.hero h1{font-size:clamp(67px,10vw,100px);max-width:690px}.hero-image::before{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.27))}.hero-image-caption{font-size:9px}.categories-grid{grid-template-columns:repeat(2,1fr)}.category-card{height:420px}.material-showcase{grid-template-columns:1fr}.material-showcase-media{min-height:425px}.material-showcase-copy{padding:42px}.materials-grid{grid-template-columns:repeat(3,1fr)}.editorial-copy{padding:70px 38px}.editorial h2{font-size:60px}}
@media(max-width:600px){html{scroll-padding-top:95px}.announcement-middle{font-size:8px;letter-spacing:.11em}.header-inner{height:72px}.site-header .brand-word{font-size:27px}.site-header .brand-tag{font-size:6px}.hero,.hero-copy{min-height:720px}.hero-copy{padding:170px 23px 60px}.hero-copy-inner{min-height:400px}.hero h1{font-size:clamp(61px,14vw,89px);margin:26px 0 23px;letter-spacing:-.07em}.hero p{font-size:14px;line-height:1.8;margin-bottom:29px}.hero-actions{align-items:flex-start;gap:21px}.hero .button{min-height:50px;font-size:10px}.hero .text-link{font-size:10px}.hero-image>img{object-position:60% center}.hero-image-caption{right:20px;bottom:20px}.intro{padding-top:80px}.intro>.section-kicker,.intro>.section-top{padding-inline:20px}.intro .section-top{margin-bottom:30px}.section-top h2{font-size:clamp(51px,13vw,73px)}.section-top>p,.section-top>div>p{font-size:13px}.categories-grid{gap:3px}.category-card{height:315px}.category-content{left:14px;right:14px;bottom:18px}.category-content strong{font-size:25px}.category-action{font-size:9px;gap:4px}.value-inner{min-height:77px}.products-section,.inspiration,.materials{padding-top:82px;padding-bottom:85px}.product-grid{gap:23px 10px}.product-media{height:290px}.product-meta h3{font-size:26px}.editorial-image{height:420px}.editorial-copy{padding:65px 22px}.material-showcase-media{min-height:350px}.material-showcase-copy{padding:35px 25px}.material-showcase-copy h3{font-size:49px}.material-swatch{height:100px}.material-name{font-size:12px}.configurator{padding:85px 0}.config-form{padding:24px 20px}.inspiration-grid{grid-template-rows:220px 205px;gap:5px}.process{padding:85px 0}.faq{padding-top:85px;padding-bottom:85px}.closing{padding:80px 0}.closing h2{font-size:60px}.footer-grid{gap:28px}.footer .brand-word{font-size:30px}}
@media(max-width:400px){.hero h1{font-size:58px}.category-card{height:268px}.category-content strong{font-size:22px}.product-media{height:230px}.materials-grid{grid-template-columns:repeat(2,1fr)}.material-swatch{height:120px}}
@media(prefers-reduced-motion:reduce){.hero-image>img,.category-card img{transform:none!important}}
/* Keep navigation usable on medium-width screens; prevents legacy desktop/nav overlap. */
@media(min-width:801px) and (max-width:1100px){
 .site-header .header-inner{display:flex;height:86px;justify-content:space-between;align-items:center;padding:0 26px}
 .site-header .brand{padding-top:0;align-items:flex-start}
 .site-header .brand-word{font-size:31px}
 .site-header .main-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:22px;background:#fff;color:#171716;padding:31px 30px;box-shadow:0 18px 25px #0002}
 .site-header .main-nav.open{display:flex}
 .site-header .main-nav a{font-size:12px}
 .site-header .header-actions{display:flex;align-items:center}
 .site-header .menu-toggle{display:flex}
 .site-header .menu-toggle span{background:currentColor}
 .site-header .nav-quote{font-size:10px}
}
/* Clear touch targets for material and collection controls */
@media(hover:none){
 .filter,.material-card,.menu-toggle,.product-plus{touch-action:manipulation}
}