:root{--bg:#f3f1ec;--surface:#e7e9e4;--ink:#193129;--muted:#69736e;--accent:#9d4339;--line:rgba(25,49,41,.18);--white:#fff;--shadow:0 24px 70px rgba(25,49,41,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:'DM Sans','Segoe UI',Arial,sans-serif;transition:background .3s,color .3s}body.dark{--bg:#151b18;--surface:#232c28;--ink:#edf0eb;--muted:#aab3ae;--accent:#da766b;--line:rgba(237,240,235,.16);--white:#19211d;--shadow:0 24px 70px rgba(0,0,0,.3)}button,a,input{font:inherit}button,a{color:inherit}.demo-bar{height:36px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--bg);font-size:11px;letter-spacing:.06em}.demo-bar a{text-decoration:none}.site-header{height:72px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);background:color-mix(in srgb,var(--bg) 91%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{font:500 25px 'Playfair Display',Georgia,'Times New Roman',serif;text-decoration:none}.logo span{color:var(--accent)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:12px;font-weight:600}nav a:hover{color:var(--accent)}.header-actions{justify-self:end;display:flex;gap:5px}.header-actions button,.menu-button,.drawer-head button,.dialog-close{width:39px;height:39px;border:0;background:transparent;font-size:20px;cursor:pointer}.cart-button{position:relative}.cart-button span{position:absolute;top:0;right:0;min-width:17px;height:17px;display:grid;place-items:center;border-radius:20px;background:var(--accent);color:white;font-size:9px}.menu-button{display:none}.hero{min-height:calc(100dvh - 108px);max-width:1500px;margin:auto;padding:58px clamp(22px,6vw,90px);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.hero-copy{max-width:620px}.kicker{margin:0 0 18px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1,h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}h1,h2{text-wrap:balance}h1{font-size:clamp(56px,7vw,108px);line-height:.89;margin:0 0 30px}h1 em{color:var(--accent)}.hero-copy>p:not(.kicker){max-width:510px;font-size:16px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{min-height:49px;padding:0 20px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.button:active{transform:translateY(1px)}.primary{background:var(--ink);color:var(--bg)}.outline{background:transparent}.text-link{font-size:12px;font-weight:700;text-underline-offset:6px}.hero-visual{position:relative;height:min(68vh,670px);min-height:470px}.arch{height:100%;overflow:hidden;border-radius:48% 48% 4px 4px}.arch img{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;right:-4%;bottom:7%;width:210px;padding:17px;background:var(--white);box-shadow:var(--shadow);display:grid;gap:4px}.hero-note span,.hero-note small{font-size:9px;color:var(--muted)}.service-strip{min-height:70px;border-block:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:9vw;padding:18px;font-size:11px}.service-strip i{font-size:18px;margin-right:7px;vertical-align:middle}.section{max-width:1500px;margin:auto;padding:140px clamp(22px,6vw,90px)}.section-heading h2,.look-copy h2,.wardrobe h2,.journal h2,.newsletter h2{font-size:clamp(42px,5vw,72px);line-height:.98;margin:0}.filters{display:flex;gap:8px;margin:55px 0 28px;overflow:auto}.filters button{border:1px solid var(--line);background:transparent;padding:9px 15px;white-space:nowrap;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:var(--bg)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{position:relative}.product-image{aspect-ratio:.78;overflow:hidden;background:var(--surface);cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product-card:hover img{transform:scale(1.035)}.product-card button.favorite{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;background:var(--white);cursor:pointer;font-size:18px}.product-card button.favorite.active{color:var(--accent)}.product-meta{display:grid;grid-template-columns:1fr auto;gap:4px;padding-top:13px}.product-meta h3{font-size:14px;margin:0}.product-meta p{grid-column:1;margin:0;color:var(--muted);font-size:11px}.product-meta strong{font-size:13px}.looks{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;background:var(--surface);max-width:none;padding-inline:max(clamp(22px,6vw,90px),calc((100vw - 1500px)/2 + 90px))}.look-image{position:relative}.look-image img{width:100%;max-height:720px;object-fit:cover}.look-hotspot{position:absolute;top:41%;left:55%;width:34px;height:34px;border:0;border-radius:50%;background:var(--white);box-shadow:0 0 0 7px rgba(255,255,255,.35);cursor:pointer}.look-copy>p:not(.kicker),.wardrobe-intro>p:not(.kicker){color:var(--muted);line-height:1.75;max-width:520px;margin:30px 0}.look-copy small{display:block;margin-top:14px;color:var(--muted)}.wardrobe{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.wardrobe-board{min-height:540px;padding:24px;background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wardrobe-item,.wardrobe-empty{background:var(--bg);padding:10px;display:flex;flex-direction:column;gap:10px;font-size:11px}.wardrobe-item img{width:100%;height:400px;object-fit:cover}.wardrobe-empty{align-items:center;justify-content:center;border:1px dashed var(--line);cursor:pointer}.wardrobe-empty i{font-size:26px}.journal>h2{max-width:750px;margin-bottom:60px}.journal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.journal article img{width:100%;height:500px;object-fit:cover}.journal article:nth-child(2) img{height:360px}.journal article span{display:block;margin-top:17px;color:var(--muted);font-size:10px}.journal article h3{font:500 28px 'Playfair Display',Georgia,'Times New Roman',serif;margin:8px 0 17px}.journal article a{font-size:12px;font-weight:700}.newsletter{padding:100px max(clamp(22px,6vw,90px),calc((100vw - 1500px)/2 + 90px));display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;background:var(--surface)}.newsletter form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--ink)}.newsletter input{padding:16px 0;border:0;outline:0;background:transparent;color:var(--ink)}.newsletter button{border:0;background:transparent;font-weight:700;cursor:pointer}.newsletter form p{grid-column:1/-1;font-size:11px;color:var(--accent)}footer{padding:70px clamp(22px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line)}footer p{color:var(--muted)}footer>div{justify-self:end;display:flex;gap:20px;flex-wrap:wrap}footer>div a{font-size:11px}footer small{grid-column:1/-1;color:var(--muted)}dialog{width:min(900px,92vw);padding:0;border:0;background:var(--bg);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(8,15,12,.65)}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;background:var(--bg)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-layout img{width:100%;height:620px;object-fit:cover}.dialog-info{padding:70px 45px}.dialog-info h2{font-size:45px;margin:0 0 14px}.dialog-info p{color:var(--muted);line-height:1.7}.sizes{display:flex;gap:8px;margin:25px 0}.sizes button{width:42px;height:38px;border:1px solid var(--line);background:transparent;cursor:pointer}.sizes button.active{background:var(--ink);color:var(--bg)}.cart-drawer{position:fixed;right:0;top:0;z-index:42;width:min(440px,100%);height:100dvh;padding:28px;background:var(--bg);transform:translateX(105%);transition:transform .35s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:32px}.cart-items{flex:1;overflow:auto}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item img{width:80px;height:100px;object-fit:cover}.cart-item h3{font-size:13px;margin:5px 0}.cart-item p{font-size:11px;color:var(--muted)}.cart-item button{border:0;background:transparent;cursor:pointer}.cart-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted)}.cart-footer{border-top:1px solid var(--line);padding-top:20px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:18px}.cart-footer .button{width:100%}.scrim{position:fixed;inset:0;z-index:40;background:rgba(8,15,12,.6);opacity:0;pointer-events:none;transition:.3s}.scrim.open{opacity:1;pointer-events:auto}.toast{position:fixed;left:50%;bottom:25px;z-index:60;transform:translate(-50%,150%);padding:12px 18px;background:var(--ink);color:var(--bg);font-size:12px;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto}.menu-button{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:25px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{height:600px}.product-grid{grid-template-columns:repeat(2,1fr)}.looks,.wardrobe{grid-template-columns:1fr}.wardrobe-board{min-height:440px}.newsletter{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.journal article:nth-child(2) img{height:500px}.header-actions button:not(.cart-button){display:none}}
@media(max-width:580px){h1,h2{text-wrap:balance}h1{font-size:57px}.hero{padding-top:58px}.hero-visual{height:440px;min-height:0}.hero-note{right:8px;width:185px}.service-strip{justify-content:flex-start;overflow:auto}.service-strip span{white-space:nowrap}.section{padding-top:95px;padding-bottom:95px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-meta{grid-template-columns:1fr}.product-meta strong{grid-column:1}.looks{padding-top:95px;padding-bottom:95px}.wardrobe-board{grid-template-columns:1fr 1fr}.wardrobe-item img{height:260px}.wardrobe-empty{grid-column:1/-1;min-height:120px}.journal article img,.journal article:nth-child(2) img{height:380px}.dialog-layout{grid-template-columns:1fr}.dialog-layout img{height:380px}.dialog-info{padding:30px 22px}.dialog-info h2{font-size:35px}footer{grid-template-columns:1fr}footer>div{justify-self:start}.demo-bar span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.product-image img,.cart-drawer,.scrim,.toast{transition:none}}

/* Kinetic Studio case study layer */
.case-study-intro{max-width:1500px;margin:auto;padding:110px clamp(22px,6vw,90px) 100px;display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.case-study-copy h1{text-wrap:balance;font-size:clamp(72px,11vw,170px);line-height:.8;margin:0 0 40px;color:var(--accent)}.case-study-copy>p:not(.kicker){max-width:650px;font-size:18px;line-height:1.7;color:var(--muted)}.case-study-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.case-study-facts{margin:0;border-top:1px solid var(--line)}.case-study-facts div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px}.case-study-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.case-study-facts dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.preview-label{max-width:1500px;margin:auto;padding:26px clamp(22px,6vw,90px);border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.preview-label span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.preview-label p{max-width:580px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:900px){.case-study-intro{grid-template-columns:1fr}.preview-label{flex-direction:column}}
@media(max-width:580px){.case-study-intro{padding-top:75px;padding-bottom:70px}.case-study-copy h1{font-size:60px;line-height:.9}.case-study-facts div{grid-template-columns:1fr;gap:7px}.case-study-actions .button{width:100%}}
@media(max-width:900px){.case-study-intro>*{min-width:0}.case-study-facts{max-width:100%}}