:root{
  --green-abyss:#0e2207; --green-deep:#16340a; --green-forest:#2d5016; --green-moss:#4a6b28;
  --green-sage:#7a9b5c; --green-light:#a8c47a; --green-whisper:#d9e4c4;
  --cream:#faf7f0; --cream-warm:#f5efe1; --cream-dark:#f0ebe0; --paper-shadow:#e6ddc9;
  --gold-deep:#a6741f; --gold:#c9933a; --gold-light:#e8b86d; --gold-foil-hi:#fbe7b8;
  --foil:linear-gradient(105deg,var(--gold-deep) 0%,var(--gold) 34%,var(--gold-foil-hi) 50%,var(--gold) 66%,var(--gold-deep) 100%);
  --lunar:#8faebb; --lunar-bright:#b9d2dd; --lunar-deep:#3f5b68; --clover-accent:#3d6b1e;
  --charcoal:#1a1a1a; --ink-soft:#3a3f34;
  --radius:16px; --radius-sm:8px; --ease:cubic-bezier(0.16,1,0.3,1);
}
/* ---- DAYLIGHT tokens (default) ---- */
:root{
  --bg:var(--cream); --bg-alt:var(--cream-warm); --surface:#fffdf8;
  --text:var(--ink-soft); --text-strong:var(--green-deep); --heading:var(--green-deep);
  --accent:var(--gold); --line:var(--green-light); --eyebrow:var(--gold-deep);
  --card-shadow:0 2px 12px rgba(22,52,10,.08), 0 24px 60px rgba(22,52,10,.10);
  --sci:#4a6b28; --latin:#4a6b28; --cat:var(--gold-deep); --tag-bg:var(--green-whisper); --tag-fg:var(--green-deep);
  --grain-blend:multiply; --grain-op:.5;
  --pillar-inset:inset 2px 2px 0 var(--paper-shadow), inset -2px -2px 0 rgba(255,255,255,.6);
  --prodimg:radial-gradient(120% 100% at 50% 0%, var(--green-whisper), var(--cream-warm));
  --prodimg-stroke:var(--green-forest); --quote-bg:var(--green-deep); --footer-bg:var(--green-abyss);
}
/* ---- MOON tokens via OS preference ---- */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1a06; --bg-alt:#10230a; --surface:#16300f;
    --text:#cdd8c0; --text-strong:#eef3e4; --heading:var(--lunar-bright);
    --accent:var(--gold-light); --line:var(--lunar-deep); --eyebrow:var(--gold-light);
    --card-shadow:0 2px 14px rgba(0,0,0,.35), 0 30px 70px rgba(0,0,0,.45);
    --sci:var(--lunar-bright); --latin:var(--lunar); --cat:var(--gold-light);
    --tag-bg:rgba(122,155,92,.16); --tag-fg:var(--green-light);
    --grain-blend:screen; --grain-op:.28;
    --pillar-inset:inset 2px 2px 0 rgba(0,0,0,.3);
    --prodimg:radial-gradient(120% 100% at 50% 0%, #1a3a12, #10230a);
    --prodimg-stroke:var(--green-light); --quote-bg:#081405; --footer-bg:#050f03;
  }
}
/* ---- explicit toggle overrides (win over media query, both directions) ---- */
:root[data-theme="day"], :root[data-theme="light"]{
  --bg:var(--cream); --bg-alt:var(--cream-warm); --surface:#fffdf8;
  --text:var(--ink-soft); --text-strong:var(--green-deep); --heading:var(--green-deep);
  --accent:var(--gold); --line:var(--green-light); --eyebrow:var(--gold-deep);
  --card-shadow:0 2px 12px rgba(22,52,10,.08), 0 24px 60px rgba(22,52,10,.10);
  --sci:#4a6b28; --latin:#4a6b28; --cat:var(--gold-deep); --tag-bg:var(--green-whisper); --tag-fg:var(--green-deep);
  --grain-blend:multiply; --grain-op:.5;
  --pillar-inset:inset 2px 2px 0 var(--paper-shadow), inset -2px -2px 0 rgba(255,255,255,.6);
  --prodimg:radial-gradient(120% 100% at 50% 0%, var(--green-whisper), var(--cream-warm));
  --prodimg-stroke:var(--green-forest); --quote-bg:var(--green-deep); --footer-bg:var(--green-abyss);
}
:root[data-theme="moon"], :root[data-theme="dark"]{
  --bg:#0b1a06; --bg-alt:#10230a; --surface:#16300f;
  --text:#cdd8c0; --text-strong:#eef3e4; --heading:var(--lunar-bright);
  --accent:var(--gold-light); --line:var(--lunar-deep); --eyebrow:var(--gold-light);
  --card-shadow:0 2px 14px rgba(0,0,0,.35), 0 30px 70px rgba(0,0,0,.45);
  --sci:var(--lunar-bright); --latin:var(--lunar); --cat:var(--gold-light);
  --tag-bg:rgba(122,155,92,.16); --tag-fg:var(--green-light);
  --grain-blend:screen; --grain-op:.28;
  --pillar-inset:inset 2px 2px 0 rgba(0,0,0,.3);
  --prodimg:radial-gradient(120% 100% at 50% 0%, #1a3a12, #10230a);
  --prodimg-stroke:var(--green-light); --quote-bg:#081405; --footer-bg:#050f03;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--text); font-family:'Inter',system-ui,sans-serif; font-size:17px; line-height:1.7;
  transition:background .6s var(--ease), color .6s var(--ease); overflow-x:hidden}
body::before{content:''; position:fixed; inset:0; z-index:1; pointer-events:none; opacity:var(--grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%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)' opacity='0.045'/%3E%3C/svg%3E");
  mix-blend-mode:var(--grain-blend)}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif; color:var(--heading); font-weight:600; line-height:1.1; text-wrap:balance}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace; font-variant-numeric:tabular-nums}
a{color:inherit; text-decoration:none}
button{background:transparent; font-family:inherit}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px; border-radius:3px}
.wrap{max-width:1240px; margin:0 auto; padding:0 clamp(20px,5vw,56px); position:relative; z-index:2}
.eyebrow{display:inline-flex; align-items:center; gap:14px; font-size:12px; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--eyebrow); margin-bottom:20px}
.eyebrow::before{content:''; width:0; height:1px; background:var(--foil); transition:width .7s var(--ease) .1s}
.reveal.in .eyebrow::before{width:28px}
.btn{display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:15px; padding:15px 30px; border-radius:50px;
  cursor:pointer; border:1.5px solid transparent; transition:.35s var(--ease)}
.btn-gold{background:var(--foil); background-size:200% 100%; background-position:0% 50%; color:#3a2708; box-shadow:0 6px 22px rgba(166,116,31,.32)}
.btn-gold:hover{background-position:100% 50%; transform:translateY(-2px); box-shadow:0 10px 30px rgba(166,116,31,.42)}
.btn-ghost{border-color:var(--line); color:var(--text-strong); background:transparent}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent)}
nav{position:fixed; top:0; left:0; right:0; z-index:50; transition:.4s var(--ease)}
nav.scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 1px 0 color-mix(in srgb,var(--line) 40%,transparent)}
.nav-in{display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:0 auto; padding:16px clamp(20px,5vw,56px)}
.brand{display:flex; align-items:center; gap:13px; font-family:'Cormorant Garamond'; font-size:24px; font-weight:600; letter-spacing:.02em; color:var(--heading)}
.seal{width:38px; height:38px; flex:none}
.nav-links{display:flex; align-items:center; gap:30px; font-size:14.5px; font-weight:500}
.nav-links a{color:var(--text); transition:color .25s; position:relative; padding:4px 0}
.nav-links a::after{content:''; position:absolute; left:0; bottom:-2px; width:0; height:1.5px; background:var(--foil); transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--text-strong)} .nav-links a:hover::after{width:100%}
.nav-right{display:flex; align-items:center; gap:18px}
.theme-toggle{width:40px; height:40px; border-radius:50%; border:1.5px solid var(--line); background:transparent; cursor:pointer;
  display:grid; place-items:center; transition:.35s var(--ease); color:var(--accent)}
.theme-toggle:hover{border-color:var(--accent); transform:rotate(-18deg)}
.nav-cta{padding:11px 22px; font-size:13.5px}
@media(max-width:960px){.nav-links{display:none}}
.hero{min-height:100vh; display:flex; align-items:center; padding:130px 0 80px; position:relative}
.hero-frame{position:absolute; inset:80px clamp(20px,5vw,56px) 40px; border:1px solid transparent; border-image:var(--foil) 1; opacity:.5; pointer-events:none}
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; width:100%}
.hero-left{max-width:600px}
.hero h1{font-size:clamp(46px,6vw,78px); font-weight:500; letter-spacing:-.02em; line-height:1.02; color:var(--text-strong); margin-bottom:26px}
.sig{font-family:'Cormorant Garamond'; font-style:italic; font-size:clamp(19px,2.1vw,26px); font-weight:500; line-height:1.45; color:var(--text); max-width:34ch; margin-bottom:34px}
.sig .sci{font-family:'Inter'; font-style:normal; font-weight:500; font-size:.82em; color:var(--sci)}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px}
.livedata{display:inline-flex; align-items:center; gap:10px; font-size:13px; color:var(--text)}
.livedot{width:7px; height:7px; border-radius:50%; background:var(--gold); animation:pulse 3s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,147,58,.5)}70%{box-shadow:0 0 0 8px rgba(201,147,58,0)}100%{box-shadow:0 0 0 0 rgba(201,147,58,0)}}
.hero-art{position:relative; height:min(560px,68vh); display:grid; place-items:center}
.moon-svg{position:absolute; width:min(420px,60vw); filter:drop-shadow(0 10px 40px rgba(143,174,187,.3))}
.clover-svg{position:absolute; width:min(340px,48vw); z-index:2}
.clover-svg path,.clover-svg circle{stroke:var(--green-sage); stroke-width:1.4; fill:none; stroke-linecap:round; stroke-linejoin:round}
.spec-tag{position:absolute; right:6%; bottom:8%; font-size:11px; letter-spacing:.04em; color:var(--text); opacity:.7; z-index:3}
.spec-tag em{font-family:'Cormorant Garamond'; font-style:italic; font-size:14px; color:var(--text-strong)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr; gap:10px} .hero-art{height:44vh; order:-1} .hero-frame{inset:70px 14px 24px}}
section{position:relative; padding:clamp(70px,9vw,120px) 0}
.band{background:var(--bg-alt)}
.sec-head{max-width:640px; margin-bottom:52px}
.sec-head.center{margin:0 auto 56px; text-align:center}
.sec-head h2{font-size:clamp(30px,4vw,44px); letter-spacing:-.01em; margin-bottom:16px}
.sec-head p{font-size:18px; color:var(--text)}
.watermark{position:absolute; font-size:min(30vw,380px); font-family:'Cormorant Garamond'; opacity:.03; right:-2%; top:0; pointer-events:none; color:var(--green-forest); z-index:0; line-height:1}
.pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:30px}
.pillar{padding:38px 30px; border-radius:var(--radius); background:var(--surface); box-shadow:var(--pillar-inset), var(--card-shadow); border:1px solid color-mix(in srgb,var(--line) 30%,transparent)}
.pillar svg{width:46px; height:46px; stroke:var(--cat); fill:none; stroke-width:1.4; margin-bottom:22px}
.pillar h3{font-size:25px; margin-bottom:12px}
.pillar p{font-size:15.5px}
@media(max-width:820px){.pillars{grid-template-columns:1fr}}
.herb-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.herb-card{background:var(--surface); border-radius:var(--radius); padding:26px 22px 24px; cursor:pointer; border:1px solid color-mix(in srgb,var(--line) 32%,transparent); transition:.4s var(--ease); position:relative; overflow:hidden}
.herb-card:hover{transform:translateY(-4px); box-shadow:var(--card-shadow)}
.herb-plate{height:88px; display:grid; place-items:center; margin-bottom:16px}
.herb-plate svg{height:80px; stroke:var(--green-sage); fill:none; stroke-width:1.3; stroke-linecap:round}
.herb-card:hover .herb-plate svg{stroke:var(--green-moss)}
.herb-card h3{font-size:22px; margin-bottom:2px}
.herb-latin{font-family:'Cormorant Garamond'; font-style:italic; font-size:14px; color:var(--latin); margin-bottom:12px}
.tags{display:flex; flex-wrap:wrap; gap:6px}
.tag{font-size:11px; letter-spacing:.03em; padding:4px 10px; border-radius:50px; background:var(--tag-bg); color:var(--tag-fg)}
.facets{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px}
.facet{font-size:13px; padding:8px 16px; border-radius:50px; border:1px solid var(--line); color:var(--text); cursor:pointer; transition:.3s}
.facet:hover,.facet.on{background:var(--green-forest); color:#fff; border-color:var(--green-forest)}
@media(max-width:960px){.herb-grid{grid-template-columns:repeat(2,1fr)}}
.shop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
.prod{background:var(--surface); border-radius:var(--radius); overflow:hidden; border:1px solid color-mix(in srgb,var(--line) 30%,transparent); transition:.4s var(--ease)}
.prod:hover{transform:translateY(-5px); box-shadow:var(--card-shadow)}
.prod-img{height:210px; display:grid; place-items:center; position:relative; background:var(--prodimg); overflow:hidden}
.prod-img svg{height:96px; stroke:var(--prodimg-stroke); fill:none; stroke-width:1.3; opacity:.85}
.prod-photo{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0; transition:transform .6s var(--ease)}
.prod:hover .prod-photo{transform:scale(1.04)}
.prod-badge{z-index:2}
.prod-badge{position:absolute; top:14px; left:14px; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; padding:5px 11px; border-radius:50px; background:var(--foil); color:#3a2708}
.prod-body{padding:22px}
.prod-cat{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--cat); font-weight:600}
.prod h3{font-size:23px; margin:6px 0 8px}
.prod p{font-size:14.5px; margin-bottom:18px; min-height:44px}
.prod-foot{display:flex; align-items:center; justify-content:space-between}
.price{font-family:'Cormorant Garamond'; font-size:26px; font-weight:600; color:var(--text-strong)}
.add{font-size:13px; font-weight:600; padding:10px 20px; border-radius:50px; border:1.5px solid var(--line); color:var(--text-strong); cursor:pointer; transition:.3s}
.add:hover{background:var(--green-forest); color:#fff; border-color:var(--green-forest)}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr}}
.quote-band{background:linear-gradient(rgba(22,52,10,.84),rgba(11,26,6,.93)), url({{IMG:hero}}) center/cover; color:var(--cream); text-align:center; overflow:hidden}
.seal-medallion{width:132px; height:132px; border-radius:50%; object-fit:cover; object-position:center; display:block; margin:0 auto 24px; border:2px solid var(--gold); box-shadow:0 14px 44px rgba(22,52,10,.24)}
.bigquote{font-family:'Cormorant Garamond'; font-style:italic; font-size:clamp(24px,3.4vw,40px); font-weight:500; line-height:1.4; max-width:22ch; margin:0 auto; color:var(--cream)}
.bigquote .sci{font-family:'Inter'; font-style:normal; font-weight:500; font-size:.7em; color:var(--gold-light)}
.quote-sig{margin-top:26px; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-light)}
.jrn-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
.jrn{border-radius:var(--radius); overflow:hidden; background:var(--surface); border:1px solid color-mix(in srgb,var(--line) 30%,transparent); transition:.4s var(--ease); cursor:pointer}
.jrn:hover{transform:translateY(-4px); box-shadow:var(--card-shadow)}
.jrn-top{height:8px; background:var(--foil)}
.jrn-body{padding:26px}
.jrn .series{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--cat); font-weight:600}
.jrn h3{font-size:22px; line-height:1.2; margin:8px 0 10px}
.jrn p{font-size:14.5px}
.jrn .by{margin-top:16px; font-size:12.5px; color:var(--green-moss)}
@media(max-width:900px){.jrn-grid{grid-template-columns:1fr}}
footer{background:var(--footer-bg); color:var(--green-light); padding:70px 0 34px; position:relative}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:48px}
.foot-brand .seal{width:64px;height:64px;margin-bottom:18px}
.foot-brand p{font-size:14px; color:var(--green-sage); max-width:30ch}
.foot-col h4{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-light); margin-bottom:16px}
.foot-col a{display:block; font-size:14px; color:var(--green-light); margin-bottom:10px; transition:color .25s}
.foot-col a:hover{color:var(--cream)}
.foot-bot{border-top:1px solid rgba(122,155,92,.2); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--green-sage)}
.disclaimer{max-width:56ch; font-size:11.5px; color:var(--green-sage); line-height:1.6; margin-top:14px}
.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease)}
.reveal.in{opacity:1; transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none} *{animation:none!important}}
.proto-note{position:fixed; bottom:14px; right:14px; z-index:99; font-size:11px; background:var(--green-deep); color:var(--gold-light); padding:7px 13px; border-radius:50px; opacity:.85; letter-spacing:.04em}
/* ===== Themed scrollbars — site-wide (UI IRON RULE: never ship default scrollbars) ===== */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gold-deep) 78%,transparent) transparent}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gold-deep) 62%,transparent);border-radius:20px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--gold-deep) 90%,transparent);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}
[data-theme="moon"] *,:root:not([data-theme="day"]):not([data-theme="light"]) *{scrollbar-color:color-mix(in srgb,var(--gold-light) 70%,transparent) transparent}
[data-theme="moon"] ::-webkit-scrollbar-thumb,:root:not([data-theme="day"]):not([data-theme="light"]) ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gold-light) 55%,transparent);background-clip:padding-box}
[data-theme="moon"] ::-webkit-scrollbar-thumb:hover,:root:not([data-theme="day"]):not([data-theme="light"]) ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--gold-light) 85%,transparent);background-clip:padding-box}

/* ===== Matted picture-frame around a BG image (green border / gold pinstripe / green mat) ===== */
.lc-framed{position:relative;background:var(--green-deep,#16340a);padding:9px;border-radius:9px;box-shadow:0 24px 64px rgba(22,52,10,.30)}
.lc-framed::after{content:"";position:absolute;inset:9px;border:2px solid transparent;border-image:var(--foil,linear-gradient(105deg,#a6741f,#c9933a 34%,#fbe7b8 50%,#c9933a 66%,#a6741f)) 1;pointer-events:none;z-index:3}
.lc-framed-in{background:var(--green-deep,#16340a);padding:clamp(15px,2.3vw,26px)}
.lc-framed-img{position:relative;background-image:linear-gradient(rgba(22,52,10,.82),rgba(11,26,6,.9)),var(--fimg);background-size:cover;background-position:center;border-radius:2px;padding:clamp(42px,6vw,74px) clamp(22px,4vw,52px)}
.lc-framed-img .sec-head h2,.lc-framed-img .sec-head p{color:var(--cream,#faf7f0)}
.lc-framed-img .sec-head p{opacity:.92}

/* ===== Photo gallery (framed portraits, admin-managed via /api/carousel) ===== */
.lc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}
.lc-gal-item{margin:0;position:relative;background:var(--green-deep,#16340a);padding:6px;border-radius:6px;box-shadow:0 12px 32px rgba(22,52,10,.22);aspect-ratio:3/4;overflow:hidden}
.lc-gal-item::after{content:"";position:absolute;inset:6px;border:1.5px solid transparent;border-image:var(--foil,linear-gradient(105deg,#a6741f,#c9933a 34%,#fbe7b8 50%,#c9933a 66%,#a6741f)) 1;pointer-events:none;z-index:2}
.lc-gal-item img{width:100%;height:100%;object-fit:cover;border-radius:2px;display:block;transition:transform .5s ease}
.lc-gal-item:hover img{transform:scale(1.05)}

/* ===== Full-section frame: section IS the frame (green bg), frame spans edge-to-edge, drop shadow ===== */
section.lc-frame-sec{background:var(--green-deep,#16340a);padding:clamp(40px,6vw,72px) clamp(16px,3.5vw,44px);position:relative}
.lc-frame-sec>.wrap{max-width:none;margin:0;padding:0}
.lc-frame-sec .lc-framed{margin:0;box-shadow:0 30px 72px rgba(0,0,0,.42),0 6px 18px rgba(0,0,0,.3)}
.lc-frame-sec .lc-framed-img{padding-left:clamp(24px,6vw,96px);padding-right:clamp(24px,6vw,96px)}
.lc-frame-sec .lc-framed-img .sec-head{margin-left:auto;margin-right:auto}
.lc-frame-sec .lc-framed-img .pillars,.lc-frame-sec .lc-framed-img .jrn-grid{max-width:1080px;margin-left:auto;margin-right:auto}

/* inner inset shadow — image sits recessed below the mat, like inlaid framed art */
.lc-framed-img{box-shadow:inset 0 6px 22px rgba(0,0,0,.6), inset 0 -3px 12px rgba(0,0,0,.32), inset 0 0 0 1px rgba(0,0,0,.3)}
.lc-gal-item img{box-shadow:inset 0 4px 14px rgba(0,0,0,.55)}

/* === Full-bleed framed-image sections: image fills the whole section, gold frame inset like the hero === */
section.lc-frame-sec{background-image:linear-gradient(rgba(22,52,10,.80),rgba(11,26,6,.9)),var(--fimg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(72px,9vw,120px) clamp(46px,7vw,100px);overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.32),inset 0 9px 28px rgba(0,0,0,.42),inset 0 -7px 20px rgba(0,0,0,.28)}
section.lc-frame-sec::before{content:"";position:absolute;inset:clamp(16px,2.3vw,30px);border:2px solid transparent;border-image:var(--foil,linear-gradient(105deg,#a6741f,#c9933a 34%,#fbe7b8 50%,#c9933a 66%,#a6741f)) 1;pointer-events:none;z-index:2}
section.lc-frame-sec::after{content:"";position:absolute;inset:clamp(16px,2.3vw,30px);box-shadow:inset 0 0 0 clamp(9px,1.5vw,16px) var(--green-deep,#16340a);pointer-events:none;z-index:1}
.lc-frame-sec>.wrap{position:relative;z-index:3}
.lc-frame-sec .lc-framed{background:transparent;padding:0;border-radius:0;box-shadow:none;margin:0}
.lc-frame-sec .lc-framed::after{display:none}
.lc-frame-sec .lc-framed-in{background:transparent;padding:0}
.lc-frame-sec .lc-framed-img{background:none;box-shadow:none;padding:0}
.lc-frame-sec .watermark{z-index:1}

/* === Framed sections v3: image shows at edges, gold frame, top-left vignette (no drop shadow) === */
section.lc-frame-sec{position:relative;background-image:linear-gradient(rgba(22,52,10,.55),rgba(14,30,8,.66)),var(--fimg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(70px,9vw,118px) clamp(44px,7vw,96px);overflow:hidden;box-shadow:none}
section.lc-frame-sec::before{content:"";position:absolute;inset:clamp(14px,1.9vw,26px);border:2px solid transparent;border-image:var(--foil,linear-gradient(105deg,#a6741f,#c9933a 34%,#fbe7b8 50%,#c9933a 66%,#a6741f)) 1;pointer-events:none;z-index:2;box-shadow:none}
section.lc-frame-sec::after{content:"";position:absolute;inset:clamp(14px,1.9vw,26px);box-shadow:inset 16px 16px 46px rgba(0,0,0,.5),inset 5px 5px 16px rgba(0,0,0,.34);pointer-events:none;z-index:1}
.lc-frame-sec>.wrap{position:relative;z-index:3}
.lc-frame-sec .lc-framed,.lc-frame-sec .lc-framed-in,.lc-frame-sec .lc-framed-img{background:transparent !important;padding:0;box-shadow:none;border-radius:0;margin:0}
.lc-frame-sec .lc-framed::after{display:none}
.lc-frame-sec .lc-framed-img .pillars,.lc-frame-sec .lc-framed-img .jrn-grid{max-width:1080px;margin-left:auto;margin-right:auto}
.lc-frame-sec .watermark{z-index:1}

/* === Framed sections v4: full-color image = the ART (inner window); a frame-shaped ring masks the
   border with the SAME image desaturated + stain-tinted (keeps texture, loses colour) === */
section.lc-frame-sec{--fw:clamp(30px,4.5vw,62px);position:relative;overflow:hidden;background-image:linear-gradient(rgba(22,52,10,.5),rgba(14,30,8,.6)),var(--fimg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(74px,9vw,120px) clamp(64px,9vw,120px);box-shadow:none}
section.lc-frame-sec::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:0;border-radius:0;box-shadow:none;
  -webkit-backdrop-filter:grayscale(1) brightness(.62) contrast(1.06);backdrop-filter:grayscale(1) brightness(.62) contrast(1.06);
  background:rgba(34,28,12,.5);
  clip-path:polygon(0 0,0 100%,var(--fw) 100%,var(--fw) var(--fw),calc(100% - var(--fw)) var(--fw),calc(100% - var(--fw)) calc(100% - var(--fw)),var(--fw) calc(100% - var(--fw)),var(--fw) 100%,100% 100%,100% 0)}
section.lc-frame-sec::after{content:"";position:absolute;inset:var(--fw);z-index:2;pointer-events:none;border:2px solid transparent;border-image:var(--foil,linear-gradient(105deg,#a6741f,#c9933a 34%,#fbe7b8 50%,#c9933a 66%,#a6741f)) 1;box-shadow:inset 14px 14px 40px rgba(0,0,0,.45),inset 4px 4px 12px rgba(0,0,0,.3)}

/* === Frame stain: theme-aware (brown wood in light, darker green in dark) + higher contrast === */
section.lc-frame-sec{--frame-stain:rgba(58,38,14,.52);--frame-filter:grayscale(1) sepia(.18) brightness(.66) contrast(1.42)}
[data-theme="moon"] section.lc-frame-sec,[data-theme="dark"] section.lc-frame-sec{--frame-stain:rgba(11,28,9,.62);--frame-filter:grayscale(1) brightness(.42) contrast(1.46)}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]):not([data-theme="light"]) section.lc-frame-sec{--frame-stain:rgba(11,28,9,.62);--frame-filter:grayscale(1) brightness(.42) contrast(1.46)}}
section.lc-frame-sec::before{background:var(--frame-stain);-webkit-backdrop-filter:var(--frame-filter);backdrop-filter:var(--frame-filter)}

/* Meet Winter section — distinct bg from the section below it, both themes */
#meet{background:var(--bg-alt)}
[data-theme="moon"] #meet,[data-theme="dark"] #meet{background:#15320c}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]):not([data-theme="light"]) #meet{background:#15320c}}