/* In Her Seasons — shared design system */
:root{
  --linen:#F4EDE3;--oat:#EAE0D2;--clay:#2B2320;--ink:#352A24;--mute:#6B5B4F;--muted:#9a8478;
  --terra:#B06A4A;--terra-d:#934739;--plum:#7A3B4E;--gold:#C8943B;--line:#e0d4c4;
  --winter:#6E4B5E;--spring:#9A8A4E;--summer:#DDA24E;--autumn:#B05C36;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",sans-serif;color:var(--ink);background:var(--linen);-webkit-font-smoothing:antialiased;line-height:1.62;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.03;mix-blend-mode:multiply;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E');background-size:170px}
.fr{font-family:"Fraunces",Georgia,serif}
em{font-style:italic}
/* back-to-index pill */
.ihs-back{position:fixed;top:16px;right:18px;z-index:99999;display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:999px;background:rgba(43,35,32,.86);color:var(--linen);font-family:"Hanken Grotesk",sans-serif;font-weight:500;font-size:12px;letter-spacing:.07em;text-decoration:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 3px 16px rgba(40,24,18,.22);transition:background .2s}
.ihs-back:hover{background:var(--plum)}
/* wordmark */
.wm{font-family:"Fraunces",Georgia,serif;font-variation-settings:'opsz' 144,'SOFT' 58,'WONK' 0.3;font-weight:415;color:var(--mute);line-height:1;letter-spacing:-.003em}
.wm em{font-style:italic;color:var(--plum);font-variation-settings:'opsz' 144,'SOFT' 82;font-size:1.02em}
.wm .sea{font-size:.93em}
.dots{display:inline-flex;gap:11px}.dots span{width:7px;height:7px;border-radius:50%;opacity:.85;display:inline-block}
/* layout primitives */
.sec{position:relative;z-index:2;padding:108px 6vw}
.sec.tight{padding:74px 6vw}
.wrapn{max-width:1080px;margin:0 auto}
.wrap{max-width:820px;margin:0 auto}
.eyebrow{font-family:"Fraunces";font-style:italic;font-variation-settings:'opsz' 40,'SOFT' 60;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;color:var(--ink);letter-spacing:-.015em;line-height:1.1}
h1{font-variation-settings:'opsz' 144,'SOFT' 44;font-weight:410;font-size:clamp(38px,6vw,76px)}
h2{font-variation-settings:'opsz' 120,'SOFT' 40;font-weight:435;font-size:clamp(28px,4vw,46px)}
h2 em,h1 em{color:var(--plum)}
h3{font-variation-settings:'opsz' 60,'SOFT' 50;font-weight:470;font-size:clamp(20px,2.3vw,26px);color:var(--plum)}
.lead{font-size:clamp(17px,1.5vw,20px);color:#5a4f48;line-height:1.6;max-width:40em}
p{margin:0 0 1.05em}
.rule{width:56px;height:1.5px;background:var(--terra);opacity:.75;margin:22px 0}
.rule.c{margin-left:auto;margin-right:auto}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--terra);color:#fbf3e9;font-weight:600;font-size:15px;letter-spacing:.02em;padding:16px 32px;border-radius:7px;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--terra-d);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--plum);border:1.5px solid var(--plum);padding:14px 30px}
.btn.ghost:hover{background:var(--plum);color:#fbf3e9}
.btn-note{font-family:"Fraunces";font-style:italic;font-variation-settings:'opsz' 40,'SOFT' 60;font-size:15px;color:#8a7565}
.micro{font-size:12.5px;color:var(--muted);letter-spacing:.02em}
/* season chips */
.seasonrow{display:flex;flex-wrap:wrap;gap:8px 14px;font-family:"Fraunces";font-style:italic;font-variation-settings:'opsz' 60,'SOFT' 64;font-size:15px}
.seasonrow i{color:#cbbaa9;font-style:normal}
/* image helpers */
.imground{background-size:cover;background-position:center;border-radius:18px}
.filmframe{border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -34px rgba(40,24,18,.55)}
.filmframe img{display:block;width:100%;height:100%;object-fit:cover}
/* footer */
.foot{position:relative;z-index:2;text-align:center;border-top:1px solid var(--line);padding:46px 6vw;background:var(--oat)}
.foot .note{font-size:13px;letter-spacing:.04em;color:var(--mute)}
.foot .priv{margin-top:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b3a392}
.foot a{color:var(--plum)}
@media(max-width:720px){.sec{padding:74px 26px}.sec.tight{padding:54px 26px}}
