/* The Huntress — Studio & Table design system (Session 827). The gilded-frame language: THICK gilt on paintings (.art-frame), a SLIM gold rim on food (.food-frame). One gold soul, two weights. PRONOIA-warm: generous, light-conspiring. Enqueued on home/kitchen/merch. */ :root{ --ox:#4E0000; --ox2:#6B1A1A; --gold:#C9971C; --goldb:#E9C45A; --golddim:#9c7416; --bg:#130706; --bg2:#1a0c0a; --card:#1c0d0b; --cream:#f3e7d2; --muted:#9a8068; --bg-rgb:19,7,6; --ox-rgb:107,26,26; /* rgb triplets so rgba(var(--x),a) shifts per theme */ --serif:"Cormorant Garamond",Georgia,serif; --sans:Inter,-apple-system,"Segoe UI",sans-serif; } *{box-sizing:border-box} /* ══ THEMES — set data-theme on . Oxblood (default :root) · Midnight · Forest. All dark+gilded so every text token stays readable. ══ */ html[data-theme="midnight"]{--bg:#0a0d16;--bg2:#11151f;--card:#151b29;--ox:#222d49;--ox2:#30406a;--bg-rgb:10,13,22;--ox-rgb:34,45,73} html[data-theme="forest"]{--bg:#0a1410;--bg2:#0f1c16;--card:#13211b;--ox:#1d3a2b;--ox2:#28503c;--bg-rgb:10,20,16;--ox-rgb:29,58,43} /* theme switcher (floating) */ .theme-switch{position:fixed;left:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:9px;padding:8px 12px;background:rgba(var(--bg-rgb),.62);backdrop-filter:blur(10px);border:1px solid rgba(201,151,28,.32);border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.45)} .theme-switch .tsl{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-right:2px} .theme-switch button{position:relative;width:18px;height:18px;border-radius:50%;border:1px solid rgba(233,196,90,.55);cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s} .theme-switch button::after{content:"";position:absolute;inset:-13px}/* 44px tap target without changing the swatch size */ .theme-switch button:hover{transform:scale(1.18)} .theme-switch button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--goldb);transform:scale(1.12)} .theme-switch .t-oxblood{background:#4E0000} .theme-switch .t-midnight{background:#1b2540} .theme-switch .t-forest{background:#173026} @media(max-width:560px){.theme-switch{left:50%;transform:translateX(-50%);bottom:12px}} .studio{background:var(--bg);color:var(--cream);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased} body:has(.studio){margin:0;background:var(--bg)} .studio img{display:block;width:100%;height:100%;object-fit:cover} .studio .serif{font-family:var(--serif)} .studio a{color:inherit} /* ── NAV ── */ .st-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(20px,4vw,48px);position:sticky;top:0;z-index:40;background:rgba(var(--bg-rgb),.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,151,28,.22)} .st-nav .brand{font-family:var(--serif);font-size:1.55rem;font-weight:600;color:var(--goldb);text-decoration:none;letter-spacing:.02em;white-space:nowrap} .st-nav .lk{display:flex;gap:clamp(14px,2vw,30px);align-items:center;flex-wrap:wrap;justify-content:flex-end} .st-nav .lk a{color:var(--muted);text-decoration:none;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;transition:color .2s;white-space:nowrap} .st-nav .lk a:hover,.st-nav .lk a.on{color:var(--goldb)} @media(max-width:820px){.st-nav{flex-direction:column;gap:11px;padding:14px}.st-nav .lk{justify-content:center;gap:12px 16px}} /* ── reveal ── */ .rev{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s ease}.rev.in{opacity:1;transform:none} /* ── hero ── */ .st-hero{position:relative;height:90vh;min-height:560px;display:grid;place-items:center;text-align:center;overflow:hidden} .st-hero .bg{position:absolute;inset:0} .st-hero .bg::after{content:"";position:absolute;inset:0;background:radial-gradient(125% 100% at 50% 36%,rgba(var(--bg-rgb),.18),rgba(var(--bg-rgb),.86) 80%)} .st-hero .in{position:relative;z-index:2;padding:20px;animation:rise 1.2s ease both} @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} .st-hero .k{font-size:.74rem;letter-spacing:.36em;text-transform:uppercase;color:var(--goldb)} .st-hero h1{font-family:var(--serif);font-size:clamp(3.4rem,12vw,7.4rem);color:var(--cream);margin:10px 0 8px;font-weight:600;line-height:.9;text-shadow:0 6px 54px rgba(0,0,0,.7)} .st-hero .sub{font-style:italic;font-size:clamp(1.05rem,2.6vw,1.5rem);color:var(--cream);opacity:.92} /* ── sections ── */ .st-sec{padding:90px clamp(20px,4vw,48px)} .st-wrap{max-width:1120px;margin:0 auto} .st-head{text-align:center;margin-bottom:36px} .st-head .k{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)} .st-head h2{font-family:var(--serif);font-size:clamp(2.1rem,5.5vw,3.1rem);color:var(--cream);margin:7px 0 5px;font-weight:500} .st-head .s{color:var(--muted);font-size:.95rem;max-width:540px;margin:0 auto} .st-center{text-align:center} .st-btn{display:inline-block;margin-top:16px;background:linear-gradient(135deg,var(--ox2),var(--ox));border:1px solid var(--gold);color:var(--goldb);font-size:.84rem;letter-spacing:.05em;padding:13px 30px;border-radius:11px;text-decoration:none;transition:background .25s,transform .25s} .st-btn:hover{background:var(--ox2);transform:translateY(-2px)} .st-btn.ghost{background:transparent;color:var(--gold)} /* ══ THE GILDED FRAME LANGUAGE ══ */ /* paintings — THICK museum gilt */ .art-frame{border:7px solid;border-image:linear-gradient(135deg,#e9c45a,#9c7416 42%,#f0d27e 60%,#7a5a12) 1;box-shadow:0 0 0 1px #241208,0 24px 52px rgba(0,0,0,.62);transition:transform .45s,box-shadow .45s;background:#160a07} .art-frame:hover{transform:translateY(-6px);box-shadow:0 0 0 1px #241208,0 34px 66px rgba(0,0,0,.7)} /* cheesecakes — SLIM gold rim, plate-rounded */ .food-frame{border-radius:16px;box-shadow:0 0 0 1.5px var(--gold),0 16px 36px rgba(0,0,0,.5);overflow:hidden;transition:transform .45s,box-shadow .45s} .food-frame:hover{transform:translateY(-5px);box-shadow:0 0 0 2px var(--goldb),0 24px 48px rgba(0,0,0,.58)} /* ── art gallery ── */ .st-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:860px){.st-gal{grid-template-columns:repeat(2,1fr)}} .art-piece .ph{aspect-ratio:4/5;overflow:hidden} .art-piece .t{font-family:var(--serif);font-size:1.22rem;color:var(--cream);margin-top:14px} .art-piece .m{font-size:.68rem;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin:2px 0 3px} .art-piece .pr{font-size:.84rem;color:var(--muted)} /* ── the kitchen ── */ .kitchen{background:linear-gradient(180deg,rgba(var(--ox-rgb),.3),rgba(var(--bg-rgb),.5) 62%);border-top:1px solid rgba(201,151,28,.25);border-bottom:1px solid rgba(201,151,28,.25)} .feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:62px}@media(max-width:780px){.feat{grid-template-columns:1fr;gap:26px}} .feat .img{aspect-ratio:5/4} .feat .k{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)} .feat h2{font-family:var(--serif);font-size:clamp(2.2rem,6vw,3.5rem);color:var(--goldb);margin:8px 0 14px;font-weight:500;line-height:1.03} .feat p{color:#d8c4a8;font-weight:300;font-size:1.05rem;max-width:450px} .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:780px){.cgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.cgrid{grid-template-columns:1fr}} .cc-item .ph{aspect-ratio:1;overflow:hidden} .cc-item .cn{font-family:var(--serif);font-size:1.24rem;color:var(--cream);margin-top:12px} .cc-item .cf{font-size:.78rem;color:var(--muted);font-style:italic;margin:1px 0 4px} .cc-item .cp{font-size:.74rem;letter-spacing:.05em;color:var(--gold);text-transform:uppercase} .duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:560px){.duo{grid-template-columns:1fr}} .tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 0 0 1.5px var(--gold)} .tile img{position:absolute;inset:0}.tile .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--bg-rgb),.88),rgba(var(--bg-rgb),.05));display:flex;flex-direction:column;justify-content:flex-end;padding:20px} .tile .tn{font-family:var(--serif);font-size:1.5rem;color:var(--goldb)}.tile .tx{font-size:.82rem;color:var(--cream);opacity:.88} /* ── order form ── */ .order{max-width:680px;margin:0 auto;background:var(--card);border:1px solid rgba(201,151,28,.3);border-radius:16px;padding:30px clamp(18px,4vw,34px)} .order .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.order .row2{grid-template-columns:1fr}} .order label{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:14px 0 5px} .order input,.order select,.order textarea{width:100%;background:#0d0605;border:1px solid rgba(var(--ox-rgb),.6);border-radius:8px;color:var(--cream);font-family:inherit;font-size:.9rem;padding:10px 12px;outline:none} .order input:focus,.order select:focus,.order textarea:focus{border-color:var(--gold)} .order .hint{font-size:.72rem;color:var(--muted);margin-top:5px} .order .sub{width:100%;margin-top:20px;cursor:pointer;border:1px solid var(--gold)} .order .ok{display:none;text-align:center;padding:30px 10px;font-family:var(--serif);font-size:1.3rem;color:var(--goldb)} /* ── merch ── */ .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:820px){.mgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.mgrid{grid-template-columns:1fr}} .merch .ph{aspect-ratio:1;overflow:hidden;border-radius:14px;box-shadow:0 0 0 1px rgba(201,151,28,.4)} .merch.art .ph{border-radius:3px;box-shadow:none;border:6px solid;border-image:linear-gradient(135deg,#e9c45a,#9c7416 50%,#f0d27e) 1} .merch .ph.ph-cream{display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 30%,#2c1010,#150808)} .merch .ph-cream .e{font-size:2.4rem} .merch .mn{font-family:var(--serif);font-size:1.3rem;color:var(--cream);margin-top:12px} .merch .mx{font-size:.82rem;color:var(--muted);margin:2px 0 4px}.merch .mp{font-size:.78rem;color:var(--gold);text-transform:uppercase;letter-spacing:.05em} /* ── story ── */ .st-story{max-width:720px;margin:0 auto;text-align:center} .st-story .por{width:165px;height:205px;margin:0 auto 24px;overflow:hidden;border:6px solid;border-image:linear-gradient(135deg,#e9c45a,#9c7416 50%,#f0d27e) 1} .st-story p{font-family:var(--serif);font-size:1.45rem;color:var(--cream);line-height:1.62}.st-story .g{color:var(--goldb);font-style:italic} /* ── journal ── */ .jrow{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:0 auto}@media(max-width:680px){.jrow{grid-template-columns:1fr}} .jcard{background:var(--card);border:1px solid rgba(201,151,28,.22);border-radius:14px;overflow:hidden;transition:transform .4s}.jcard:hover{transform:translateY(-4px)} .jcard .ji{aspect-ratio:16/9}.jcard .jb{padding:17px 19px} .jcard .jd{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.jcard .jt{font-family:var(--serif);font-size:1.32rem;color:var(--cream);margin:3px 0 5px}.jcard .jx{font-size:.85rem;color:var(--muted)} /* ── footer ── */ .st-foot{border-top:1px solid rgba(201,151,28,.25);padding:52px 22px 64px;text-align:center} .st-foot .fb{font-family:var(--serif);color:var(--cream);font-size:1.4rem} .st-foot .fl{margin-top:14px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.st-foot .fl a{color:var(--gold);text-decoration:none;margin:0 11px} .st-foot .cc{margin-top:20px;font-size:.68rem;color:var(--muted);opacity:.7} /* ══ inner-page components ══ */ .st-gal.g3{grid-template-columns:repeat(3,1fr)}@media(max-width:860px){.st-gal.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.st-gal.g3{grid-template-columns:1fr}} .backlink{display:inline-block;margin-bottom:24px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none} .backlink:hover{color:var(--goldb)} /* piece detail */ .piece-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,56px);align-items:start;max-width:1080px;margin:0 auto} @media(max-width:820px){.piece-detail{grid-template-columns:1fr;gap:28px}} .piece-detail .art-frame .ph{aspect-ratio:4/5;overflow:hidden} .piece-detail .k{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)} .piece-detail h1{font-family:var(--serif);font-size:clamp(2.1rem,5.5vw,3.3rem);color:var(--cream);font-weight:500;margin:8px 0 0;line-height:1.04} .piece-detail .price{font-family:var(--serif);font-size:2rem;color:var(--goldb);margin:14px 0 3px} .piece-detail .avail{font-size:.78rem;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;margin-bottom:18px} .piece-detail .desc{color:#d8c4a8;font-weight:300;font-size:1.05rem;line-height:1.8}.piece-detail .desc p{margin:0 0 14px} .piece-detail .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px} .piece-detail .note{font-size:.8rem;color:var(--muted);margin-top:18px} /* about */ .about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,48px);align-items:center;max-width:1080px;margin:0 auto} @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:28px}} .about-grid .art-frame .ph{aspect-ratio:4/5;overflow:hidden} .about-story{color:#d8c4a8;font-weight:300;font-size:1.06rem;line-height:1.85}.about-story p{margin:0 0 16px} .about-story .lead{font-family:var(--serif);font-size:1.6rem;color:var(--cream);line-height:1.5;margin-bottom:14px}.about-story .g{color:var(--goldb);font-style:italic} /* journal grid */ .jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}@media(max-width:860px){.jgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.jgrid{grid-template-columns:1fr}} /* contact */ .contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(26px,4vw,44px);align-items:start;max-width:1040px;margin:0 auto} @media(max-width:780px){.contact-grid{grid-template-columns:1fr}} .aside{background:var(--card);border:1px solid rgba(201,151,28,.22);border-radius:16px;padding:26px} .aside h3{font-family:var(--serif);font-size:1.5rem;color:var(--goldb);margin:0 0 6px;font-weight:500} .aside>p{color:#cbb595;font-weight:300;font-size:.95rem;line-height:1.7} .aside .way{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ox-rgb),.4)} .aside .way .e{font-size:1.4rem;line-height:1.2}.aside .way .t{font-family:var(--serif);color:var(--cream);font-size:1.12rem}.aside .way .x{font-size:.84rem;color:var(--muted);line-height:1.55}.aside .way a{color:var(--gold)} .reserve-banner{background:linear-gradient(135deg,rgba(var(--ox-rgb),.5),rgba(var(--ox-rgb),.35));border:1px solid var(--gold);border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:.92rem;color:var(--cream)} .reserve-banner b{color:var(--goldb);font-family:var(--serif);font-size:1.15rem} /* ══ About — the Artist feature (S831 enrichment, gilded) ══ */ .voice{max-width:780px;margin:0 auto;text-align:center} .voice .q{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.6rem,4.2vw,2.7rem);color:var(--goldb);line-height:1.42;display:block} .voice .attr{color:var(--muted);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;margin-top:24px} .voice .rule{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,151,28,.7),transparent);margin:26px auto 0} .slot{aspect-ratio:4/5;width:100%;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 28%,#2c1010,#150808);text-align:center} .slot.sq{aspect-ratio:1} .slot .g{font-size:1.7rem;color:var(--goldb);opacity:.85;filter:drop-shadow(0 0 12px rgba(233,196,90,.35))} .slot .lab{display:block;margin-top:10px;font-size:.61rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)} .story-lead{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3.8vw,2.4rem);color:var(--cream);line-height:1.3;margin:4px 0 18px}.story-lead em{color:var(--goldb);font-style:italic} .story-accent{border-left:2px solid rgba(201,151,28,.4);padding-left:22px} .two-crafts{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto}@media(max-width:720px){.two-crafts{grid-template-columns:1fr}} .craft-panel{background:var(--card);border-radius:14px;padding:30px 28px} .craft-oil{border-left:5px solid var(--gold);box-shadow:0 0 0 1px rgba(201,151,28,.28)} .craft-cream{border:1px solid rgba(201,151,28,.45)} .craft-panel .ck{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)} .craft-panel .cl{font-family:var(--serif);font-size:1.7rem;color:var(--goldb);margin:4px 0 0} .craft-panel .crule{width:60px;height:2px;background:var(--gold);margin:12px 0 16px;opacity:.7} .craft-panel p{color:#cdb79b;font-weight:300;line-height:1.8;font-size:.98rem;margin:0 0 18px} .hunt{max-width:760px;margin:0 auto;text-align:center} .hunt .hq{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3.6vw,2.3rem);color:var(--cream);line-height:1.5;margin:0} .hunt .vline{width:1px;height:46px;background:linear-gradient(180deg,var(--gold),transparent);margin:26px auto} .hunt .hl{color:#cdb79b;font-weight:300;font-size:1.05rem;line-height:1.6;margin:0 0 10px} .idcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1080px;margin:0 auto}@media(max-width:780px){.idcards{grid-template-columns:1fr}} .idcard{background:var(--card);border:1px solid rgba(201,151,28,.22);border-radius:14px;padding:28px;text-align:center} .idcard .top{width:44px;height:1px;background:var(--gold);margin:0 auto 16px} .idcard .ti{font-family:var(--serif);font-size:1.4rem;color:var(--goldb);margin-bottom:10px} .idcard p{color:#cbb595;font-weight:300;font-size:.92rem;line-height:1.75;margin:0} /* ── About enrichment (less bare, more gilded) ── */ .flourish{display:flex;align-items:center;justify-content:center;gap:16px;max-width:300px;margin:0 auto} .flourish::before,.flourish::after{content:"";height:1px;flex:1} .flourish::before{background:linear-gradient(90deg,transparent,rgba(201,151,28,.65))} .flourish::after{background:linear-gradient(90deg,rgba(201,151,28,.65),transparent)} .flourish .d{color:var(--gold);font-size:.72rem;letter-spacing:.3em} .qmark{font-family:var(--serif);font-size:5.5rem;line-height:.1;color:rgba(201,151,28,.3);display:block;height:42px;margin-bottom:6px} .hunt .qmark{font-size:4.5rem;height:32px} /* portrait veil placeholder — warm, not a void */ .slotimg{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden} .slotimg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.55)} .slotimg .vlabel{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(120% 90% at 50% 40%,rgba(var(--bg-rgb),.3),rgba(var(--bg-rgb),.82));z-index:2} .slotimg .vlabel .g{font-size:1.7rem;color:var(--goldb);filter:drop-shadow(0 0 12px rgba(233,196,90,.45))} .slotimg .vlabel .lab{display:block;margin-top:10px;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cream);opacity:.85} /* glimpse tiles (studio section) — real art details + caption */ .gcap{position:relative;overflow:hidden}.gcap .ph{aspect-ratio:1;overflow:hidden} .gcap .ov{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(0deg,rgba(var(--bg-rgb),.92),transparent);z-index:2} .gcap .ov .t{font-family:var(--serif);color:var(--goldb);font-size:1.18rem;line-height:1.1} .gcap .ov .x{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:2px} /* drop cap on the placeholder story */ .story-accent.dc p:first-of-type::first-letter{font-family:var(--serif);font-size:3.6rem;line-height:.74;float:left;color:var(--goldb);font-weight:600;margin:7px 12px 0 0} /* two-crafts panel images */ .craft-panel .cimg{height:160px;overflow:hidden;margin:0 0 18px;border-radius:6px} .craft-oil .cimg{box-shadow:0 0 0 2px var(--gold)} .craft-cream .cimg{box-shadow:0 0 0 1px var(--gold)} .craft-panel .cimg img{width:100%;height:100%;object-fit:cover} /* identity card ornament */ .idcard .orn{color:var(--gold);font-size:.85rem;letter-spacing:.45em;margin-bottom:12px} /* single journal post */ .post-body{color:#d8c4a8;font-weight:300;font-size:1.1rem;line-height:1.9;max-width:720px;margin:0 auto} .post-body p{margin:0 0 1.25em}.post-body p:first-of-type::first-letter{font-family:var(--serif);font-size:3.4rem;line-height:.74;float:left;color:var(--goldb);font-weight:600;margin:7px 12px 0 0} .post-body em{color:var(--cream);font-style:italic}.post-body a{color:var(--gold)} .post-head{max-width:780px;margin:0 auto;text-align:center} .post-head .k{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)} .post-head h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3.1rem);color:var(--cream);font-weight:500;margin:8px 0 0;line-height:1.08} /* subscribe / the list */ .subscribe{max-width:560px;margin:0 auto;text-align:center} .subscribe .row{display:flex;gap:10px;margin-top:20px}@media(max-width:520px){.subscribe .row{flex-direction:column}} .subscribe input[type=email]{flex:1;background:#0d0605;border:1px solid rgba(var(--ox-rgb),.6);border-radius:10px;color:var(--cream);font-family:inherit;font-size:.95rem;padding:13px 15px;outline:none} .subscribe input[type=email]:focus{border-color:var(--gold)} .subscribe .row .st-btn{margin-top:0;white-space:nowrap} .subscribe .msg{min-height:1.2em;margin-top:12px;font-size:.86rem;color:var(--goldb)} .subscribe .fine{font-size:.72rem;color:var(--muted);margin-top:8px} /* footer shop line (quiet global cross-link) */ .st-foot .shopline{margin-top:16px;font-size:.82rem;color:var(--muted)} .st-foot .shopline a{color:var(--goldb);text-decoration:none}.st-foot .shopline a:hover{text-decoration:underline} /* a single 'take a piece home' shop feature (About / inline) */ .shopfeat{max-width:560px;margin:0 auto;text-align:center;background:var(--card);border:1px solid rgba(201,151,28,.3);border-radius:16px;padding:30px 28px} .shopfeat .k{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)} .shopfeat h3{font-family:var(--serif);font-size:1.7rem;color:var(--cream);margin:6px 0 8px;font-weight:500} .shopfeat p{color:#cbb595;font-weight:300;font-size:.95rem;margin:0 0 16px} /* ── home merch strip ── */ .merch-strip{background:linear-gradient(180deg,rgba(var(--ox-rgb),.18),rgba(var(--bg-rgb),.4));border-top:1px solid rgba(201,151,28,.18);border-bottom:1px solid rgba(201,151,28,.18)} .mstrip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:780px;margin:0 auto 24px} @media(max-width:680px){.mstrip-row{grid-template-columns:1fr;max-width:320px}} .mstrip-card{display:block;text-decoration:none;text-align:center;transition:transform .35s} .mstrip-card:hover{transform:translateY(-4px)} .mstrip-img{aspect-ratio:1;overflow:hidden;margin-bottom:10px} .mstrip-img img{width:100%;height:100%;object-fit:cover} .mstrip-label{font-family:var(--serif);font-size:1.1rem;color:var(--cream);display:block;margin-top:8px} .mstrip-sub{font-size:.74rem;color:var(--muted);margin-top:2px;display:block} /* kitchen gift nudge */ .kitchen-gift{max-width:680px;margin:0 auto 24px;text-align:center;font-size:.9rem;color:var(--muted);line-height:1.7} .kitchen-gift a{color:var(--goldb);text-decoration:none;border-bottom:1px solid rgba(201,151,28,.35)} .kitchen-gift a:hover{color:var(--cream)} /* gentle exit-intent modal */ .hh-exit{position:fixed;inset:0;z-index:9999;background:rgba(var(--bg-rgb),.84);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .5s} .hh-exit.on{opacity:1;pointer-events:auto} .hh-exit .box{background:var(--card);border:1px solid var(--golddim);box-shadow:0 0 0 1px #241208,0 32px 64px rgba(0,0,0,.72);max-width:460px;width:100%;padding:40px 32px 30px;border-radius:16px;position:relative} .hh-exit .x{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer} .hh-exit .x:hover{color:var(--goldb)} .hh-exit .never{display:block;margin-top:14px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none} .hh-exit .never:hover{color:var(--cream)} /* ── rich subscribe block (.sub-rich) — moved out of the partial so it can't duplicate ── */ .sub-rich{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;max-width:940px;margin:0 auto;background:var(--card);border:1px solid rgba(201,151,28,.32);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #241208,0 28px 64px rgba(0,0,0,.5)} @media(max-width:720px){.sub-rich{grid-template-columns:1fr}} .sub-rich-img{position:relative;min-height:240px;overflow:hidden;border-right:1px solid rgba(201,151,28,.25)} .sub-rich-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95)} .sub-rich-img::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(var(--bg-rgb),.6))} .sub-rich-body{padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;justify-content:center;text-align:left} .sub-rich .sr-k{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)} .sub-rich .sr-title{font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--cream);margin:7px 0 10px;font-weight:500;line-height:1.1} .sub-rich .sr-blurb{color:#cbb595;font-weight:300;font-size:1rem;line-height:1.72;margin:0 0 20px;max-width:440px} .sub-rich .row{display:flex;gap:10px}@media(max-width:440px){.sub-rich .row{flex-direction:column}} .sub-rich input[type=email]{flex:1;min-width:0;background:#0d0605;border:1px solid rgba(var(--ox-rgb),.65);border-radius:10px;color:var(--cream);font-family:inherit;font-size:.95rem;padding:13px 15px;outline:none} .sub-rich input[type=email]:focus{border-color:var(--gold)} .sub-rich .st-btn{margin-top:0;white-space:nowrap} .sub-rich .msg{min-height:1.1em;margin-top:11px;font-size:.86rem;color:var(--goldb)} .sub-rich .sr-trust{font-size:.74rem;color:var(--muted);margin-top:14px}.sub-rich .sr-trust span{color:var(--gold)} /* ── single-post shop strip cards (.post-shopfeat) — shared so single.php carries no component CSS ── */ .post-shopfeat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 20px} @media(max-width:560px){.post-shopfeat-row{grid-template-columns:1fr}} .post-shopfeat-card{display:block;text-decoration:none;text-align:center;transition:transform .35s} .post-shopfeat-card:hover{transform:translateY(-4px)} .post-shopfeat-img{aspect-ratio:1;overflow:hidden;margin-bottom:10px} .post-shopfeat-img img{width:100%;height:100%;object-fit:cover} .post-shopfeat-label{font-size:1.05rem;color:var(--cream);display:block} .post-shopfeat-sub{font-size:.74rem;color:var(--muted);margin-top:2px;display:block} /* ══ LIFE — subtle motion to keep visitors gripped (all motion-safe via prefers-reduced-motion) ══ */ /* slow ken-burns on every hero image (fixes "stale" page tops, site-wide) */ .st-hero .bg{overflow:hidden} .st-hero .bg img{animation:kenburns 24s ease-in-out infinite alternate;transform-origin:center;will-change:transform} @keyframes kenburns{from{transform:scale(1.03)}to{transform:scale(1.13) translateY(-1.5%)}} /* "The list" — a slow gold sheen sweeps across (alive, not busy) */ .sub-rich{position:relative} .sub-rich::before{content:"";position:absolute;top:0;left:-60%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(233,196,90,.08),transparent);transform:skewX(-18deg);animation:sheen 8s ease-in-out infinite;pointer-events:none;z-index:2} @keyframes sheen{0%,68%{left:-60%}100%{left:135%}} /* ── Meet the artist (home bottom) — a living line-up of perspectives ── */ .meet-artist-home{background:linear-gradient(180deg,rgba(var(--ox-rgb),.2),transparent 70%);border-top:1px solid rgba(201,151,28,.2)} .meet-artist-home .ma-sub{color:var(--muted);font-size:.95rem;max-width:480px;margin:6px auto 0} .ma-lineup{display:flex;justify-content:center;align-items:flex-end;max-width:780px;margin:40px auto 28px;flex-wrap:wrap} .ma-fig{margin:0;width:184px;text-align:center;animation:maFloat 7s ease-in-out infinite;will-change:transform} .ma-fig .art-frame,.ma-fig .food-frame{display:block} .ma-fig .maf{aspect-ratio:4/5;overflow:hidden} .ma-fig .maf img{width:100%;height:100%;object-fit:cover;display:block} .ma-fig figcaption{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:12px} .ma-fig.mf1{--r:-6deg;z-index:1;margin-right:-20px;animation-delay:0s} .ma-fig.mf2{--r:3deg;z-index:3;animation-delay:1.4s} .ma-fig.mf3{--r:-2deg;z-index:2;margin-left:-20px;animation-delay:.7s} .ma-fig.mf4{--r:6deg;z-index:1;margin-left:-20px;animation-delay:2.1s} @keyframes maFloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-9px) rotate(var(--r))}} .ma-fig:hover{animation-play-state:paused;transform:translateY(-14px) rotate(0deg) scale(1.07);z-index:6} .ma-quote{font-size:clamp(1.35rem,3vw,1.95rem);color:var(--cream);line-height:1.5;max-width:760px;margin:0 auto 12px;font-weight:400}.ma-quote em{color:var(--goldb);font-style:italic} @media(max-width:600px){.ma-lineup{gap:10px}.ma-fig{width:41%;margin:0!important;animation:none;transform:rotate(var(--r))}} @media(prefers-reduced-motion:reduce){.st-hero .bg img,.ma-fig,.st-hero .in{animation:none}.sub-rich::before{display:none}}