@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,900;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --paper:#faf6f0; --paper-2:#f3ece1; --paper-sink:#efe6d8;
  --ink:#1c1714; --ink-body:#322a24; --ink-muted:#6b5f54; --ink-faint:#9a8d7f;
  --line:#e3d8c8; --line-strong:#cdbfab;
  --o-50:#fff3e6; --o-200:#ffd2a3; --o-core:#ee6c12; --o-bright:#ff8a00; --o-deep:#b3610a; --o-ink:#5e3206;
  --on-dark:#fbf3e9; --on-dark-mut:#e6d3bd;
  --focus:#ff8a00; --shadow:rgba(46,30,14,.10);
  --grad:linear-gradient(100deg,var(--o-core),var(--o-bright));
  --font-display:"Fraunces",Georgia,serif; --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --container:1240px; --container-text:760px; --gutter:clamp(1.25rem,5vw,4rem); --gap:clamp(1rem,2vw,2rem);
  --radius:4px; --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink-body);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;max-width:100%;} a{color:inherit;text-decoration:none;}
::selection{background:var(--o-core);color:var(--on-dark);}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.ctext{max-width:var(--container-text);margin-inline:auto;padding-inline:var(--gutter);}
section{padding-block:clamp(3rem,5.5vw,5.5rem);}
.bg2{background:var(--paper-2);} .bgsink{background:var(--paper-sink);}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);}
h1,h2,h3{font-family:var(--font-display);color:var(--ink);font-weight:600;letter-spacing:-.01em;line-height:1.05;}
em{font-style:italic;font-weight:500;color:var(--o-deep);}
.eyebrow{font:700 .75rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--o-deep);display:block;margin-bottom:1.2rem;}
.display{font:900 clamp(2.9rem,6.2vw,6rem)/.97 var(--font-display);letter-spacing:-.02em;color:var(--ink);}
.h1{font:900 clamp(2.3rem,4.4vw,4rem)/1 var(--font-display);letter-spacing:-.015em;color:var(--ink);}
.h2{font:600 clamp(2rem,3.6vw,3.25rem)/1.04 var(--font-display);color:var(--ink);}
.h3{font:600 clamp(1.35rem,2vw,1.75rem)/1.12 var(--font-display);color:var(--ink);}
.lead{font:400 clamp(1.15rem,1.6vw,1.5rem)/1.5 var(--font-body);color:var(--ink-body);max-width:36ch;margin-top:1.4rem;}
p{max-width:64ch;color:var(--ink-body);} p+p{margin-top:1rem;}
.small{font:500 .8125rem/1.45 var(--font-body);color:var(--ink-muted);}
.mark{position:relative;white-space:nowrap;}
.mark::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--o-core);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease);}
.reveal.in .mark::after{transform:scaleX(1);}
/* buttons */
.btn{display:inline-block;border-radius:999px;background:var(--grad);color:var(--on-dark);font:600 14px var(--font-body);letter-spacing:.04em;padding:.95rem 1.7rem;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;}
.btn:hover{background:var(--o-bright);transform:translateY(-1px);box-shadow:0 10px 24px var(--shadow);}
.btn-ghost{display:inline-block;border-radius:999px;background:transparent;border:1.5px solid var(--ink);color:var(--ink);font:600 14px var(--font-body);letter-spacing:.04em;padding:.9rem 1.6rem;transition:.2s;}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.more{font:700 .75rem var(--font-body);text-transform:uppercase;letter-spacing:.16em;color:var(--o-deep);display:inline-block;}
.more .ar{display:inline-block;transition:transform .2s var(--ease);} .more:hover .ar{transform:translateX(4px);}
a.ilink{color:var(--o-deep);border-bottom:1px solid var(--o-200);} a.ilink:hover{border-color:var(--o-core);}
/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;display:flex;align-items:center;transition:background .25s,box-shadow .25s,border-color .25s;border-bottom:1px solid transparent;}
nav.is-stuck{background:rgba(250,246,240,.92);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(46,30,14,.05);}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%;}
.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:900;font-size:27px;line-height:1;color:var(--ink);letter-spacing:-.01em;}
.brand .ymk{flex:none;}.brand .wm{display:inline-block;}.wm-num{color:var(--o-core);}
.ycel{display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2.5rem);}
.ycel .ymk{width:min(72%,300px);height:auto;filter:drop-shadow(0 18px 40px rgba(238,108,18,.22));}
.deg{color:var(--o-core);}
.nav-links{display:flex;gap:30px;align-items:center;}
.nav-links a.lk{font:700 .75rem var(--font-body);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted);padding:4px 0;border-bottom:2px solid transparent;transition:.2s;}
.nav-links a.lk:hover{color:var(--ink);} .nav-links a.active{color:var(--ink);border-bottom-color:var(--o-core);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.2s;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile{position:fixed;inset:0;z-index:55;background:var(--paper);display:none;flex-direction:column;justify-content:center;gap:.4rem;padding:0 var(--gutter);}
.mobile.show{display:flex;}
.mobile a{font:600 clamp(1.6rem,6vw,2.4rem)/1.2 var(--font-display);color:var(--ink);padding:.5rem 0;border-bottom:1px solid var(--line);}
.mobile a .deg{color:var(--o-core);}
/* image frame */
.frame{position:relative;border-radius:var(--radius);overflow:hidden;border-left:3px solid var(--o-core);background:linear-gradient(135deg,#e7e1d8,#f0ebe3);}
.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03);}
.frame::after{content:"";position:absolute;inset:0;background:var(--o-core);mix-blend-mode:multiply;opacity:.10;pointer-events:none;}
.frame.r43{aspect-ratio:4/3;} .frame.r45{aspect-ratio:4/5;} .frame.r169{aspect-ratio:16/9;} .frame.r11{aspect-ratio:1/1;}
/* triad head */
.head{max-width:760px;margin-bottom:clamp(1.5rem,3.2vw,2.6rem);}
.head.center{margin-inline:auto;text-align:center;} .head.center .lead{margin-inline:auto;}
/* s-hero */
.s-hero{padding-top:calc(86px + clamp(1.2rem,3.5vw,3rem));border-bottom:1px solid var(--line-strong);}
.s-hero .htext{grid-column:1 / span 7;align-self:center;}
.s-hero .himg{grid-column:8 / span 5;align-self:center;}
.s-hero .cta-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem;}
/* s-statement */
.s-statement .display{max-width:16ch;}
.s-statement.center{text-align:center;} .s-statement.center .display{max-width:20ch;margin-inline:auto;}
/* s-marquee */
.s-marquee{padding:0;background:var(--grad);overflow:hidden;}
.marquee{display:flex;white-space:nowrap;padding-block:clamp(1.1rem,2.2vw,1.8rem);will-change:transform;}
.marquee span{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--on-dark);padding-right:1.5rem;}
.marquee .dot{color:rgba(255,243,233,.6);}
/* s-split */
.s-split .stext{grid-column:1 / span 5;align-self:center;}
.s-split .simg{grid-column:7 / span 6;}
.s-split.flip .stext{grid-column:8 / span 5;order:2;} .s-split.flip .simg{grid-column:1 / span 6;order:1;}
.s-split .links{margin-top:1.6rem;display:flex;gap:1.4rem;flex-wrap:wrap;}
/* s-number */
.s-number .num{grid-column:span 4;}
.s-number .big{font:900 clamp(3.4rem,7vw,6.4rem)/.9 var(--font-display);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.s-number .nl{font:600 1.25rem var(--font-display);color:var(--ink);margin-top:.4rem;}
.s-number .ns{border-top:1px solid var(--line-strong);margin-top:.9rem;padding-top:.7rem;color:var(--ink-muted);font-size:.9rem;max-width:30ch;}
/* s-index */
.s-index .rows{border-top:1px solid var(--line-strong);}
.s-index .row{display:grid;grid-template-columns:64px 1fr;gap:clamp(1rem,3vw,2.6rem);align-items:baseline;padding:clamp(1.4rem,2.6vw,2.2rem) 0;border-bottom:1px solid var(--line-strong);transition:.2s var(--ease);}
.s-index a.row:hover{padding-left:.4rem;}
.s-index .row .ix{font:700 .8rem var(--font-body);letter-spacing:.12em;color:var(--o-deep);padding-top:.5rem;transition:color .2s;}
.s-index a.row:hover .ix{color:var(--o-core);}
.s-index .row h3{transition:transform .2s var(--ease);}
.s-index a.row:hover h3{transform:translateX(8px);}
.s-index .row .rd{color:var(--ink-muted);margin-top:.5rem;max-width:62ch;}
.s-index .row .price{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);color:var(--ink);white-space:nowrap;}
.s-index .row .top{display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline;flex-wrap:wrap;}
.s-index .row .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o-core);margin-right:.5rem;vertical-align:middle;}
/* s-fullbleed */
.s-fullbleed{position:relative;min-height:clamp(420px,70vh,760px);display:flex;align-items:flex-end;overflow:hidden;}
.s-fullbleed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02);}
.s-fullbleed .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,23,20,.78),rgba(28,23,20,.12));}
.s-fullbleed .fb{position:relative;padding-block:clamp(2.5rem,6vw,5rem);}
.s-fullbleed .fb h2{color:var(--on-dark);max-width:18ch;} .s-fullbleed .fb em{color:var(--on-dark);}
.s-fullbleed .fb .btn{margin-top:1.6rem;}
/* s-quote */
.s-quote{text-align:center;}
.s-quote .q{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1.3;color:var(--ink);max-width:24ch;margin:0 auto;letter-spacing:-.01em;}
.s-quote .qdeg{font-size:3rem;color:var(--o-core);line-height:0;display:block;margin-bottom:1rem;font-family:var(--font-display);}
.s-quote .attr{margin-top:1.6rem;font:700 .75rem var(--font-body);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted);}
/* s-cta */
.s-cta{text-align:center;}
.s-cta .h1{max-width:18ch;margin:0 auto;} .s-cta .btn{margin-top:1.8rem;} .s-cta .small{margin-top:1.2rem;max-width:46ch;margin-inline:auto;}
/* s-lookbook */
.s-lookbook .feat{grid-column:span 12;} .s-lookbook .feat .frame{aspect-ratio:21/9;}
.s-lookbook .item{grid-column:span 4;margin-top:var(--gap);}
.s-lookbook .cap{margin-top:.8rem;} .s-lookbook .cap .cc{font-weight:600;color:var(--ink);}
.s-lookbook .cap .tag{color:var(--o-deep);font:700 .7rem var(--font-body);text-transform:uppercase;letter-spacing:.12em;margin-left:.5rem;}
.s-lookbook .cap .out{color:var(--ink-muted);font-size:.9rem;margin-top:.2rem;}
/* form */
.s-form .fcopy{grid-column:1 / span 5;} .s-form .fwrap{grid-column:7 / span 6;}
form .field{margin-bottom:1.5rem;} form label{display:block;font:700 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:.5rem;}
form input,form select,form textarea{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--line-strong);padding:.7rem 0;color:var(--ink);font:400 1.05rem var(--font-body);}
form input:focus,form select:focus,form textarea:focus{outline:none;border-bottom-color:var(--o-core);}
form select{appearance:none;-webkit-appearance:none;cursor:pointer;}
.hp{position:absolute;left:-9999px;}
.fine{color:var(--ink-muted);font-size:.8125rem;margin-top:1rem;}
/* article */
.article{max-width:var(--container-text);} .article p{font-size:1.1875rem;line-height:1.8;color:var(--ink-body);margin:1.2rem 0;max-width:none;}
.article h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:2.4rem 0 .8rem;}
.article ul{margin:1.2rem 0 1.2rem 1.4rem;color:var(--ink-body);font-size:1.1875rem;line-height:1.75;}
.crumb{font:700 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:1.2rem;}
.crumb a{color:var(--o-deep);}
.legal h2{font-size:1.4rem;margin:2rem 0 .6rem;} .legal p{margin:.8rem 0;color:var(--ink-body);}
/* footer */
footer{background:var(--paper-sink);padding-block:clamp(4rem,7vw,6rem);border-top:1px solid var(--line-strong);}
.foot-mark{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.4rem);font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,8vw,5rem);color:var(--ink);letter-spacing:-.02em;line-height:1;margin-bottom:clamp(2rem,4vw,3.5rem);}
.foot-mark .ymk{flex:none;width:clamp(42px,7vw,64px);height:auto;}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.foot-cols h4{font:700 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:1rem;}
.foot-cols a{display:block;color:var(--ink-body);font-size:.9rem;padding:.25rem 0;} .foot-cols a:hover{color:var(--o-deep);}
.foot-bot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;border-top:1px solid var(--line-strong);}
.foot-bot .small{margin:0;} .foot-bot select{width:auto;border-bottom:1.5px solid var(--line-strong);color:var(--ink-muted);font-size:.8rem;padding:.3rem 1.2rem .3rem 0;}
/* wa float + cookie */
.wa{position:fixed;right:20px;bottom:20px;z-index:80;width:56px;height:56px;border-radius:50%;background:var(--o-core);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px var(--shadow);}
.wa svg{width:30px;height:30px;fill:#fff;}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--paper);border-top:1px solid var(--line);padding:1rem var(--gutter);display:none;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.cookie.show{display:flex;} .cookie .small{margin:0;} .cookie .cbtns{display:flex;gap:.6rem;}
.cookie .btn,.cookie .btn-ghost{padding:.6rem 1.2rem;font-size:13px;}
/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.reveal.in{opacity:1;transform:none;}
/* focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px;}
@media(max-width:900px){
  .nav-links{display:none;} .burger{display:flex;}
  .s-hero .htext,.s-hero .himg,.s-split .stext,.s-split .simg,.s-split.flip .stext,.s-split.flip .simg,.s-number .num,.s-form .fcopy,.s-form .fwrap{grid-column:1 / -1;}
  .s-split.flip .stext{order:0;} .s-split .simg,.s-split.flip .simg{order:-1;}
  .s-hero .himg{margin-top:2.5rem;}
  .s-number .num{margin-bottom:2.5rem;} .s-lookbook .item{grid-column:span 6;}
  .foot-cols{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){.s-lookbook .item{grid-column:1 / -1;}}
/* glass, depth, life */
body{background-image:radial-gradient(40% 46% at 10% 4%,rgba(255,150,40,.10),transparent 70%),radial-gradient(38% 44% at 92% 0%,rgba(255,120,60,.07),transparent 72%);background-attachment:fixed;}
nav.is-stuck{background:rgba(250,246,240,.68);backdrop-filter:saturate(170%) blur(20px);-webkit-backdrop-filter:saturate(170%) blur(20px);}
.mobile{background:rgba(250,246,240,.86);backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);}
.cookie{background:rgba(250,246,240,.72);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);}
.s-form .fwrap{background:rgba(255,255,255,.5);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:clamp(1.6rem,3vw,2.4rem);box-shadow:0 18px 50px rgba(46,30,14,.10);}
.frame{box-shadow:0 22px 50px rgba(46,30,14,.14);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.s-split .simg:hover .frame,.s-hero .himg:hover .frame{transform:translateY(-5px);box-shadow:0 30px 64px rgba(46,30,14,.20);}
.s-lookbook .frame{overflow:hidden;} .s-lookbook .frame img{transition:transform .9s var(--ease);}
.s-lookbook .item:hover .frame img,.s-lookbook .feat:hover .frame img{transform:scale(1.06);}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.s-hero .himg{animation:floaty 7s ease-in-out infinite;}
.js .stagger>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .stagger.in>*{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .marquee{animation:none!important;} .mark::after{transition:none;}
  .s-hero .himg{animation:none;} .js .stagger>*{opacity:1!important;transform:none!important;}
}
/* ============================================================
   FLOW AND BLEND SYSTEM (appended last; overrides the boxy rules)
   Orange-only accent, light warm paper, Fraunces and Inter,
   vanilla CSS, reduced-motion gated.
   ============================================================ */
/* 1. type scale: smaller hero, one tuned ratio, smooth clamps */
.display{font:900 clamp(2.6rem,1.9rem + 3.1vw,4.4rem)/1.02 "Fraunces",Georgia,serif;letter-spacing:-.025em;text-wrap:balance;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;}
.s-hero .display{max-width:15ch;}
.s-statement .display{font-weight:600;font-size:clamp(2.3rem,3.4vw,3.4rem);line-height:1.05;max-width:18ch;margin-inline:auto;text-wrap:balance;}
.h1{font:900 clamp(2rem,1.55rem + 2vw,3.1rem)/1.05 "Fraunces",Georgia,serif;letter-spacing:-.018em;}
.h2{font:600 clamp(1.7rem,1.4rem + 1.4vw,2.5rem)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.012em;}
.h3{font:600 clamp(1.25rem,1.1rem + .6vw,1.6rem)/1.2 "Fraunces",Georgia,serif;letter-spacing:-.006em;}
.lead{font:400 clamp(1.05rem,.98rem + .5vw,1.3rem)/1.55 "Inter",sans-serif;max-width:42ch;margin-top:1.1rem;color:var(--ink-body);text-wrap:pretty;}
.eyebrow{letter-spacing:.16em;font-size:.72rem;margin-bottom:.9em;}
.h1,.h2{margin-bottom:.6em;}
.h1 + .lead,.h2 + .lead{margin-top:.4em;}
/* 2. one continuous surface: kill the hard tonal bands */
body{background-color:var(--paper);background-image:radial-gradient(60vw 60vw at 8% -8%,rgba(238,108,18,.10),transparent 60%),radial-gradient(55vw 55vw at 100% 2%,rgba(255,138,0,.08),transparent 62%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 42%,var(--paper-sink) 70%,var(--paper-2) 100%);background-attachment:fixed,fixed,fixed;background-repeat:no-repeat;}
section,section.bg2,section.bgsink{background:transparent;}
/* 3. fluid asymmetric rhythm */
section{padding-block:clamp(3.5rem,2.5rem + 5vw,7rem);}
.s-statement,.s-quote,.s-cta{padding-block:clamp(4.5rem,3rem + 7vw,9rem);}
.s-split + .s-split{margin-top:calc(-1 * clamp(1rem,2vw,2rem));}
.s-marquee{margin-block:clamp(1rem,2.5vw,2.5rem);}
/* 4. de-box the frame: remove shadow box, bar, radius; feather edges */
.frame{position:relative;border-left:0;border-radius:0;background:transparent;overflow:visible;box-shadow:0 18px 40px -22px rgba(46,30,14,.16);transition:transform .5s var(--ease);}
.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05) brightness(1);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.frame::after{background:var(--o-core);mix-blend-mode:multiply;opacity:.05;pointer-events:none;}
.s-hero .himg .frame img{-webkit-mask-image:radial-gradient(120% 120% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 120% at 50% 45%,#000 55%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;}
.s-lookbook .frame img{transition:transform .6s var(--ease);}
.s-lookbook .frame:hover img{transform:scale(1.06);}
.s-split .simg:hover .frame,.s-hero .himg:hover .frame{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(46,30,14,.20);}
.s-fullbleed .frame{overflow:hidden;}
.s-fullbleed .frame img,.s-fullbleed>img{-webkit-mask-image:none;mask-image:none;filter:saturate(1) contrast(1.02) brightness(.9);}
/* 5. sparing organic shape (opt-in via .organic) */
:root{--r-organic:42px 6px 42px 6px/30px 6px 30px 6px;}
.frame.organic{border-radius:var(--r-organic);overflow:hidden;-webkit-mask-image:none;mask-image:none;}
.frame.organic.flip{border-radius:6px 42px 6px 42px/6px 30px 6px 30px;}
/* 6 + 7. cycling asymmetric split grid and single-edge bleed (desktop only, so mobile stacking holds) */
@media(min-width:901px){
  .s-split .stext{grid-column:1/5;}
  .s-split .simg{grid-column:6/13;}
  .s-split.flip .stext{grid-column:9/13;}
  .s-split.flip .simg{grid-column:1/8;}
  .s-split.wide .stext{grid-column:1/4;align-self:center;}
  .s-split.wide .simg{grid-column:4/13;}
  .s-split.narrow .stext{grid-column:2/6;}
  .s-split.narrow .simg{grid-column:7/12;}
  .s-split .simg.bleed-r{grid-column:7/13;margin-right:calc(-1 * var(--gutter));}
  .s-split.flip .simg.bleed-l{grid-column:1/7;margin-left:calc(-1 * var(--gutter));}
  .s-split .simg.drop{transform:translateY(2.5rem);}
  .s-lookbook .grid>.item:nth-child(3){transform:translateY(2rem);}
}
/* 9. slow light drift, motion gated */
@media(prefers-reduced-motion:no-preference){
  body{animation:drift 38s var(--ease) infinite alternate;}
  @keyframes drift{from{background-position:0 0,100% 0,center top;}to{background-position:3vw 2vh,96% 1vh,center top;}}
}
/* 10. reduced motion and graceful degrade */
@media(prefers-reduced-motion:reduce){
  body{animation:none;}
  .s-split .simg:hover .frame,.s-hero .himg:hover .frame{transform:none;}
  .s-lookbook .frame:hover img{transform:none;}
  .s-split .simg.drop,.s-lookbook .grid>.item:nth-child(3){transform:none;}
}
@supports not ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))){
  .frame img{filter:saturate(1.05) contrast(1.05);}
}
/* cost calculator */
.s-calc .calcbox{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:start;background:rgba(255,255,255,.5);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:clamp(1.6rem,3vw,2.6rem);box-shadow:0 18px 50px rgba(46,30,14,.10);}
.s-calc label{display:block;font:700 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin:1.1rem 0 .4rem;}
.s-calc .calc-in>label:first-child{margin-top:0;}
.s-calc select,.s-calc input{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--line-strong);padding:.6rem 0;color:var(--ink);font:400 1.05rem var(--font-body);}
.s-calc select:focus,.s-calc input:focus{outline:none;border-bottom-color:var(--o-core);}
.s-calc select{appearance:none;-webkit-appearance:none;cursor:pointer;}
.calc-them{font:900 clamp(2.4rem,5vw,3.4rem)/1 var(--font-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;}
.calc-lbl{color:var(--ink-muted);font-size:.9rem;margin-top:.3rem;}
.calc-bd{color:var(--ink-body);font-size:.9rem;margin-top:.8rem;line-height:1.55;}
.calc-vs{margin-top:1.3rem;padding:1.1rem 1.2rem;background:var(--paper-2);border-radius:14px;}
.calc-vs .calc-us{font:900 clamp(1.6rem,3.6vw,2.4rem)/1 var(--font-display);color:var(--o-core);letter-spacing:-.02em;margin-top:.2rem;}
.calc-save{color:var(--o-deep);font-weight:700;margin-top:.5rem;font-size:.95rem;}
.s-calc ul.gets{margin-top:.6rem;padding-left:1.1rem;} .s-calc ul.gets li{color:var(--ink-body);font-size:.95rem;margin:.25rem 0;}
.s-calc .out{display:none;} .s-calc .out.show{display:block;}
@media(max-width:780px){.s-calc .calcbox{grid-template-columns:1fr;}}