/* Botanink v2 (13.10.2026): a naturalist's cabinet on Blairville's dark green slate, 1800-1900.
   Layout: full-bleed bands on the scratched green ground; four covers, two gardens, calling cards, the Maezosverse, a specimen cabinet, torn manuscript notes.
   Loaded after styles.css. Dark-only like the rest of the site. */
@font-face{font-family:'Anaktoria';src:local('Anaktoria'),local('Anaktoria Regular'),url('fonts/Anaktoria.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Signature';src:local('Signature'),local('Signature Regular'),url('fonts/Signature.woff2') format('woff2');font-display:swap}
:root{
  --bt-0:#0A100F; --bt-1:#101918; --bt-2:#1B2926; --bt-3:#2B3C39;
  --bone:#E9E0CC; --sage:#A9BFAE; --sage-hi:#D6E4D2; --brass:#C4A06A; --brass-d:#7A5E36;
  --rust:#8E4A26; --paper:#D6CBB4; --pink:#2E2419;
  --bt-line:rgba(196,160,106,.32);
  --f-bt:'Anaktoria','Cormorant Garamond','Cormorant',Georgia,serif;
  --f-btb:'Libre Baskerville',Baskerville,'Baskerville Old Face',Georgia,serif;
  --f-bts:'Signature','Mrs Saint Delafield','Snell Roundhand',cursive;
  --bt-ease:cubic-bezier(.2,.7,.2,1);
}
body.bt{background:var(--bt-0);color:var(--bone);font-family:var(--f-btb);font-size:17px;line-height:1.75}
.bt main{position:relative}
.bt .lbl{color:#D3B47E;letter-spacing:.3em}
.bt .ttl,.bt .bt-h{font-family:var(--f-bt);font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--bone)}
.bt a{color:var(--sage-hi)}
.bt-script{font-family:var(--f-bts);font-weight:400;color:var(--sage-hi);line-height:1.15;margin:0}
.bt-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.bt-head .bt-h{font-size:clamp(32px,4.6vw,56px);line-height:1.1}
.bt-sub{margin:0;max-width:34em;font-style:italic;font-size:clamp(15px,1.5vw,17px);color:var(--sage)}

/* buttons: brass and bone instead of the candle colour of the other worlds */
.btn.bt-btn{background:var(--bone);border-color:var(--bone);color:var(--bt-0)}
.btn.bt-btn:hover,.btn.bt-btn:focus-visible{background:var(--brass);border-color:var(--brass);color:var(--bt-0);box-shadow:0 8px 26px rgba(196,160,106,.3)}
.btn.bt-ghost{background:rgba(10,16,15,.5);border-color:rgba(196,160,106,.7);color:var(--bone)}
.btn.bt-ghost:hover,.btn.bt-ghost:focus-visible{background:rgba(196,160,106,.14);border-color:var(--brass);color:#F1E2C4;box-shadow:0 0 22px rgba(196,160,106,.25)}
.bt a:focus-visible,.bt button:focus-visible,.bt [tabindex]:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* ---------- hero ---------- */
.bth{padding-block:clamp(40px,5vw,84px) clamp(64px,8vw,110px);text-align:center;background:var(--bt-1)}
.bth .bg-pic{position:absolute;inset:0;z-index:-2}
.bth .bg-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;transform:scale(1.04);animation:bt-drift 38s ease-in-out infinite alternate}
@keyframes bt-drift{to{transform:scale(1.1) translate(-1.2%,.8%)}}
.bth>.shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 38%,transparent 40%,rgba(10,16,15,.55) 100%),linear-gradient(180deg,rgba(10,16,15,.35),transparent 30%,transparent 72%,var(--bt-0))}
.bth-hang{position:absolute;top:-8px;width:clamp(170px,22vw,330px);opacity:.3;z-index:-1;pointer-events:none;transform-origin:20% 0;animation:bt-sway 9s ease-in-out infinite alternate}
.bth-hang.l{left:-30px;transform:rotate(18deg)}
.bth-hang.r{right:-30px;transform-origin:80% 0;animation-name:bt-sway-r;animation-delay:-4s}
@keyframes bt-sway{from{transform:rotate(14deg) scaleX(1)}to{transform:rotate(20deg)}}
@keyframes bt-sway-r{from{transform:scaleX(-1) rotate(14deg)}to{transform:scaleX(-1) rotate(20deg)}}
.bth-spores{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.bth-in{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vw,22px)}
.bth-eye{font-size:12px}
.bth-eye i{font-style:normal;opacity:.6;margin-inline:.4em}
.bth-mark{position:relative;margin:clamp(0px,1vw,10px) 0 0;width:min(820px,92%);aspect-ratio:1400/560;display:grid;place-items:center}
.bth-mark .ink{position:absolute;left:50%;top:50%;width:112%;max-width:none;translate:-50% -50%;opacity:.92;filter:drop-shadow(0 0 40px rgba(0,0,0,.6));animation:bt-bloom 2.4s var(--bt-ease) both}
@keyframes bt-bloom{0%{opacity:0;transform:scale(.35) rotate(-14deg);filter:blur(14px)}60%{opacity:.95}100%{opacity:.92;transform:none;filter:blur(0) drop-shadow(0 0 40px rgba(0,0,0,.6))}}
.bth-mark .wm{position:relative;display:block;width:78%;filter:drop-shadow(0 6px 22px rgba(0,0,0,.75));-webkit-mask-image:linear-gradient(100deg,#000 40%,transparent 60%);mask-image:linear-gradient(100deg,#000 40%,transparent 60%);-webkit-mask-size:280% 100%;mask-size:280% 100%;-webkit-mask-position:0 0;mask-position:0 0;animation:bt-write 2.2s .9s cubic-bezier(.45,.05,.3,1) both}
@keyframes bt-write{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
.bth-mark .wm img{width:100%}
.bth-mark .wm::after{content:"";position:absolute;inset:-10% -4%;background:linear-gradient(100deg,transparent 42%,rgba(214,228,210,.55) 50%,transparent 58%);mix-blend-mode:overlay;-webkit-mask:url(https://static.wixstatic.com/media/5e8914_b6955e8e7cb8494dabdc70b9d6ab4657~mv2.webp) center/contain no-repeat;mask:url(https://static.wixstatic.com/media/5e8914_b6955e8e7cb8494dabdc70b9d6ab4657~mv2.webp) center/92% no-repeat;background-size:300% 100%;background-position:120% 0;animation:bt-sheen 9s 3.4s ease-in-out infinite}
@keyframes bt-sheen{0%,70%{background-position:120% 0}100%{background-position:-60% 0}}
.bth-sc{font-size:clamp(30px,4.4vw,52px);color:var(--sage-hi);text-shadow:0 2px 16px rgba(0,0,0,.9);margin-top:clamp(-30px,-2vw,-8px);animation:bt-fadeup 1.4s 2.2s var(--bt-ease) both}
.bth-lead{margin:0;max-width:32em;font-size:clamp(16px,1.8vw,20px);line-height:1.7;text-shadow:0 2px 14px rgba(0,0,0,.95);animation:bt-fadeup 1.2s 2.5s var(--bt-ease) both}
@keyframes bt-fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bt-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:44em}
.bt-chips li{font-family:var(--f-label);font-size:12px;letter-spacing:.08em;line-height:1.2;padding:7px 13px;color:var(--bone);background:rgba(10,16,15,.66);border:1px solid rgba(169,191,174,.28);transition:border-color .3s,color .3s,box-shadow .3s}
.bt-chips li:hover{border-color:var(--brass);color:#F1E2C4;box-shadow:0 0 16px rgba(196,160,106,.2)}
.bt-seal{display:flex;align-items:center;gap:14px;max-width:30em;margin-top:4px;padding:12px 20px 12px 14px;text-align:left;background:linear-gradient(180deg,rgba(16,25,24,.86),rgba(10,16,15,.86));border:1px solid var(--bt-line);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.bt-seal p{margin:0;font-size:15px;line-height:1.55;color:var(--bone)}
.bt-seal strong{display:block;font-family:var(--f-label);font-weight:400;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-bottom:2px}
.wax{flex:none;width:46px;height:46px;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}
.wax svg{width:100%;height:100%;display:block}
.wax svg path:first-child{fill:#5E1F1A}
.wax svg .em{fill:none;stroke:rgba(255,214,190,.45);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bt-seal .wax{animation:bt-press 1s 3s var(--bt-ease) both}
@keyframes bt-press{0%{transform:scale(1.5) rotate(-20deg);opacity:0}70%{transform:scale(.94)}100%{transform:none;opacity:1}}
.bth-cta{margin-top:6px}

/* ---------- heart ---------- */
.bt-heart{padding-block:clamp(72px,9vw,128px);background:var(--bt-1)}
.bt-heart>.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bt-0) 0%,rgba(10,16,15,.25) 22%,rgba(10,16,15,.35) 78%,var(--bt-0) 100%)}
.bt-heart-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,90px);align-items:center}
.bt-heart-art{position:relative;margin:0;max-width:440px;justify-self:center;width:100%}
.bt-heart-art .hb{position:relative;width:100%;opacity:.9;animation:bt-beat 4.2s ease-in-out infinite;transform-origin:50% 55%}
@keyframes bt-beat{0%,58%,100%{transform:scale(1)}64%{transform:scale(1.035)}70%{transform:scale(1)}76%{transform:scale(1.02)}}
.bt-heart-art .halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(142,74,38,.35),rgba(94,31,26,.12) 45%,transparent 70%);filter:blur(10px);animation:bt-glow 4.2s ease-in-out infinite}
@keyframes bt-glow{0%,58%,100%{opacity:.55;transform:scale(1)}64%{opacity:1;transform:scale(1.08)}76%{opacity:.85}}
.bt-heart-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.bt-heart-copy .bt-h{font-size:clamp(32px,4.2vw,52px);line-height:1.1}
.bt-heart-copy p:not(.lbl){margin:0;max-width:31em;font-size:clamp(16px,1.6vw,18.5px);color:var(--bone);text-shadow:0 1px 10px rgba(0,0,0,.8)}
.bt-heart-copy .sig{width:120px;opacity:.85;margin-top:4px}

/* ---------- books: the four covers ---------- */
.bt-books{position:relative;padding-block:clamp(72px,9vw,124px);background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(43,60,57,.55),transparent 70%),var(--bt-0)}
.shelf{list-style:none;margin:clamp(44px,5vw,70px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);align-items:end}
.bk{display:flex;flex-direction:column;align-items:center;gap:18px;outline:none}
.bk-stage{position:relative;width:100%;perspective:1100px}
.bk-tilt{position:relative;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--bt-ease);filter:drop-shadow(0 26px 30px rgba(0,0,0,.6))}
.bk-tilt img{width:100%;display:block;transition:filter 1.6s,opacity 1.6s}
.bk-glare{position:absolute;inset:0 8% 6% 0;pointer-events:none;background:radial-gradient(circle at var(--gx,30%) var(--gy,20%),rgba(214,228,210,.22),transparent 45%);mix-blend-mode:screen;opacity:0;transition:opacity .4s}
.bk:hover .bk-glare,.bk:focus-visible .bk-glare{opacity:1}
.bk-pool{position:absolute;left:8%;right:12%;bottom:-14px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%);z-index:-1}
.bk-fx{position:absolute;inset:0 8% 6% 0;pointer-events:none;overflow:hidden}
.bk .tag{align-self:center;min-width:0;width:min(100%,230px);background:url(https://static.wixstatic.com/media/5e8914_827ce63f0f36450ea83341166f62edca~mv2.webp) center/cover,var(--paper);border-color:rgba(46,36,25,.6);box-shadow:0 10px 24px rgba(0,0,0,.45);text-align:center;align-items:center;padding:10px 12px 9px;transform:rotate(calc((var(--i) - 1.5) * .8deg))}
.tag{display:flex;flex-direction:column;gap:2px;border:1px solid rgba(46,36,25,.55);outline:1px solid rgba(46,36,25,.25);outline-offset:-4px}
.tag .no{font-family:var(--f-label);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#6B5338}
.tag .nm{font-family:var(--f-bt);font-size:clamp(22px,2.2vw,28px);line-height:1.15;color:#22190F}
.tag .st{font-style:italic;font-size:12px;line-height:1.35;color:#5A4632}
.d-withered .tag .st{color:#3E3410;font-weight:700;font-style:normal;font-size:11.5px}
/* decay on hover/focus: each book in its own way */
.d-withered .bk-fx i{position:absolute;top:-6%;width:9px;height:12px;border-radius:60% 40% 60% 40%;background:#6B4A2E;opacity:0}
.d-withered .bk-fx i:nth-child(1){left:22%}.d-withered .bk-fx i:nth-child(2){left:40%}.d-withered .bk-fx i:nth-child(3){left:58%;background:#8C6A3A}.d-withered .bk-fx i:nth-child(4){left:72%}.d-withered .bk-fx i:nth-child(5){left:33%;background:#4E3A22}.d-withered .bk-fx i:nth-child(6){left:64%}
.d-withered:is(:hover,:focus-visible) .bk-fx i{animation:bt-leaf 2.6s ease-in infinite}
.d-withered .bk-fx i:nth-child(2n){animation-delay:.6s!important}.d-withered .bk-fx i:nth-child(3n){animation-delay:1.3s!important}
@keyframes bt-leaf{0%{opacity:0;transform:translateY(0) rotate(0)}12%{opacity:.95}100%{opacity:0;transform:translate(26px,520px) rotate(300deg)}}
.d-withered:is(:hover,:focus-visible) .bk-tilt img{filter:sepia(.55) saturate(.7) brightness(.9)}
.d-faded:is(:hover,:focus-visible) .bk-tilt img{opacity:.28;filter:blur(1.5px) grayscale(.6)}
.d-faded .bk-fx{background:radial-gradient(ellipse at 50% 45%,rgba(214,228,210,.0),transparent 60%);transition:background 1.6s}
.d-faded:is(:hover,:focus-visible) .bk-fx{background:radial-gradient(ellipse at 50% 45%,rgba(214,228,210,.12),transparent 65%)}
.d-rusted .bk-fx{background:radial-gradient(circle at 46% 52%,rgba(142,74,38,.85),rgba(142,74,38,.35) 32%,transparent 58%),radial-gradient(circle at 78% 20%,rgba(120,62,28,.7),transparent 30%),radial-gradient(circle at 20% 82%,rgba(110,58,28,.6),transparent 34%);mix-blend-mode:multiply;opacity:0;transform:scale(.4);transition:opacity 1.8s,transform 2.2s var(--bt-ease)}
.d-rusted:is(:hover,:focus-visible) .bk-fx{opacity:1;transform:none}
.d-rusted:is(:hover,:focus-visible) .bk-tilt img{filter:sepia(.5) hue-rotate(-28deg) saturate(1.3)}
.d-flaked .bk-fx i{position:absolute;width:12px;height:8px;background:#9C988C;clip-path:polygon(0 30%,40% 0,100% 20%,85% 100%,20% 80%);opacity:0}
.d-flaked .bk-fx i:nth-child(1){left:18%;top:20%}.d-flaked .bk-fx i:nth-child(2){left:62%;top:14%;width:16px}.d-flaked .bk-fx i:nth-child(3){left:40%;top:38%}.d-flaked .bk-fx i:nth-child(4){left:78%;top:46%}.d-flaked .bk-fx i:nth-child(5){left:26%;top:60%;width:9px}.d-flaked .bk-fx i:nth-child(6){left:54%;top:70%}.d-flaked .bk-fx i:nth-child(7){left:70%;top:30%;height:11px}.d-flaked .bk-fx i:nth-child(8){left:34%;top:84%}
.d-flaked:is(:hover,:focus-visible) .bk-fx i{animation:bt-flk 2.2s ease-in infinite}
.d-flaked .bk-fx i:nth-child(2n){animation-delay:.5s!important}.d-flaked .bk-fx i:nth-child(3n){animation-delay:1.1s!important}
@keyframes bt-flk{0%{opacity:0;transform:none}10%{opacity:1}100%{opacity:0;transform:translate(8px,300px) rotate(240deg)}}
.d-flaked:is(:hover,:focus-visible) .bk-tilt img{filter:contrast(1.08) brightness(.92)}
.bk.rv{opacity:0;transform:translateY(40px)}
.bk.rv.in{opacity:1;transform:none;transition:opacity 1s var(--bt-ease),transform 1.1s var(--bt-ease);transition-delay:calc(var(--i) * .15s)}

/* ---------- two gardens: drag the line ---------- */
.bt-gardens{padding-block:clamp(72px,9vw,124px);background:var(--bt-1)}
.bt-gardens>.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bt-0),rgba(10,16,15,.35) 22%,rgba(10,16,15,.45) 78%,var(--bt-0))}
.gd{position:relative;margin:clamp(36px,4.5vw,56px) auto 0;max-width:1060px;aspect-ratio:16/8;overflow:hidden;border:1px solid var(--bt-line);box-shadow:0 0 0 6px rgba(10,16,15,.9),0 0 0 7px rgba(196,160,106,.25),0 30px 70px rgba(0,0,0,.6);user-select:none;--x:50%}
.gd-side{position:absolute;inset:0}
.gd-meadow{background:radial-gradient(ellipse 70% 80% at 30% 10%,rgba(214,228,210,.28),transparent 65%),linear-gradient(180deg,#3C5149,#22322E 70%,#1B2926)}
.gd-meadow .sun{position:absolute;left:14%;top:-30%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.22),transparent 65%);animation:bt-glow2 7s ease-in-out infinite alternate}
@keyframes bt-glow2{to{transform:scale(1.12);opacity:.7}}
.gd-thicket{background:linear-gradient(180deg,#0B1211,#060A09);clip-path:inset(0 0 0 var(--x))}
.gd .p{position:absolute;bottom:-2%;height:auto;max-width:none;transform-origin:50% 100%}
.gd-meadow .p{opacity:.92;animation:bt-breeze 6s ease-in-out infinite alternate}
.gd-meadow .p1{left:3%;width:15%}.gd-meadow .p2{left:16%;width:20%;animation-delay:-2s}.gd-meadow .p3{left:36%;width:11%;animation-delay:-1s}.gd-meadow .p4{left:47%;width:7%;animation-delay:-3s}.gd-meadow .p5{left:56%;width:22%;bottom:-6%;animation-delay:-4s}.gd-meadow .p6{left:30%;bottom:auto;top:12%;width:9%;animation:bt-bee 9s ease-in-out infinite alternate}
.gd-meadow .p5{left:70%}
@keyframes bt-breeze{from{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}
@keyframes bt-bee{0%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(120%,40%) rotate(8deg)}100%{transform:translate(260%,-20%) rotate(-4deg)}}
.gd-thicket .p{opacity:.5;filter:brightness(.8)}
.gd-thicket::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 50% at 78% 12%,rgba(169,191,174,.12),transparent 70%)}
.gd-thicket .q1{left:48%;width:13%;transform:rotate(-14deg)}.gd-thicket .q2{left:56%;width:30%;bottom:-18%;opacity:.5}.gd-thicket .q3{left:80%;width:16%}.gd-thicket .q4{left:66%;width:26%;transform:scaleX(-1) rotate(10deg);bottom:-10%}.gd-thicket .q5{left:90%;width:6%;transform:rotate(18deg)}.gd-thicket .q6{left:74%;width:12%;transform:rotate(22deg);bottom:-14%}
.gloom{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 85% 0,rgba(0,0,0,0),rgba(0,0,0,.55) 70%)}
.gd-t{position:absolute;bottom:clamp(14px,3vw,30px);margin:0;max-width:min(36%,300px);font-size:clamp(12.5px,1.35vw,16px);line-height:1.55;color:var(--bone);text-shadow:0 1px 10px rgba(0,0,0,.95);z-index:3;pointer-events:none;transition:opacity .4s}
.gd-t b{display:block;font-family:var(--f-label);font-weight:400;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#D3B47E;margin-bottom:4px}
.gd-t1{left:clamp(14px,3vw,30px);top:clamp(14px,3vw,30px);bottom:auto}
.gd-t2{right:clamp(14px,3vw,30px);text-align:right;color:var(--sage)}
.gd-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,rgba(196,160,106,.9) 15%,rgba(196,160,106,.9) 85%,transparent);z-index:4;pointer-events:none}
.knob{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;background:rgba(10,16,15,.85);border:1px solid var(--brass);box-shadow:0 0 18px rgba(196,160,106,.35)}
.knob svg{width:20px;height:20px;fill:none;stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gd-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;-webkit-appearance:none;appearance:none}
.gd:has(.gd-range:focus-visible) .knob{outline:2px solid var(--brass);outline-offset:4px}
.gd-q{margin:clamp(30px,4vw,48px) auto 0;max-width:40em;text-align:center}
.gd-q p{margin:0;font-style:italic;font-size:clamp(17px,1.9vw,22px);line-height:1.65;color:var(--bone);text-shadow:0 2px 14px rgba(0,0,0,.9)}

/* ---------- Maezosverse timeline ---------- */
.bt-verse{position:relative;padding-block:clamp(72px,9vw,120px);background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(43,60,57,.45),transparent 70%),var(--bt-1)}
.vt{list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,40px);position:relative}
.vt::before{content:"";position:absolute;left:16%;right:16%;top:76px;height:1px;background:linear-gradient(90deg,rgba(196,160,106,.8),rgba(196,160,106,.35) 60%,rgba(196,160,106,.08));z-index:0}
.vt a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--bone);padding:0 6px 10px}
.vt .em{width:152px;height:152px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1E2D2A,#0E1615 70%);border:1px solid var(--bt-line);box-shadow:0 0 0 6px var(--bt-1),0 14px 30px rgba(0,0,0,.5);transition:transform .6s var(--bt-ease),box-shadow .6s,border-color .6s}
.vt .em img{height:96px;width:auto;max-width:76%;object-fit:contain;opacity:.92}
.vt .em .wax.big{width:66px;height:66px}
.vt .em .wax text{fill:rgba(255,214,190,.6);font-family:var(--f-bt);font-size:22px}
.vt a:hover .em,.vt a:focus-visible .em{transform:translateY(-4px) scale(1.03);border-color:var(--brass);box-shadow:0 0 0 6px var(--bt-1),0 0 30px rgba(196,160,106,.28)}
.vt .nu{font-family:var(--f-bt);font-size:15px;letter-spacing:.2em;color:#D3B47E;margin-top:8px}
.vt .nm{font-family:var(--f-bt);font-size:clamp(20px,2.1vw,26px);line-height:1.2}
.vt .er{font-family:var(--f-label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}
.vt .you{font-family:var(--f-bts);font-size:26px;color:var(--sage-hi);line-height:1;margin-top:4px}
.vt .here .em{border-color:var(--brass);box-shadow:0 0 0 6px var(--bt-1),0 0 34px rgba(196,160,106,.3)}

/* ---------- calling cards ---------- */
.bt-cast{padding-block:clamp(72px,9vw,124px);background:var(--bt-1)}
.bt-cast>.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bt-0),rgba(10,16,15,.4) 25%,rgba(10,16,15,.45) 75%,var(--bt-0))}
.bt-hand{position:absolute;right:max(-60px,calc((100vw - 1500px)/2));bottom:-40px;width:clamp(160px,17vw,260px);opacity:.55;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);filter:saturate(.8)}
.cards{list-style:none;margin:clamp(40px,5vw,60px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);max-width:1000px}
.card{perspective:1400px}
.card-in{position:relative;display:block;width:100%;aspect-ratio:7/4.4;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform 1s var(--bt-ease);font:inherit;color:inherit}
.card.on .card-in{transform:rotateY(180deg)}
.card:not(.on) .card-in:hover{transform:rotateY(-8deg) rotateX(4deg) translateY(-4px)}
.face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8% 9%;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 40px rgba(0,0,0,.55)}
.face.front{background:url(https://static.wixstatic.com/media/5e8914_827ce63f0f36450ea83341166f62edca~mv2.webp) 50% 30%/cover,var(--paper);color:#22190F}
.face.front::before{content:"";position:absolute;inset:7px;border:1px solid rgba(46,36,25,.6);outline:1px solid rgba(46,36,25,.3);outline-offset:3px;pointer-events:none}
.face.front .em{height:34%;width:auto;filter:brightness(.18) sepia(.6);margin-bottom:4px}
.face.front .em.fe{transform:rotate(60deg);height:44%;margin-block:-4% -2%;filter:brightness(.25) sepia(.4)}
.face .nm{font-family:var(--f-bt);font-size:clamp(19px,2vw,25px);letter-spacing:.06em;line-height:1.15}
.face .ti{font-style:italic;font-size:clamp(12px,1.2vw,14px);color:#5A4632}
.face.back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--bt-3),var(--bt-1));border:1px solid var(--bt-line);color:var(--bone);gap:10px}
.face.back::before{content:"";position:absolute;inset:7px;border:1px solid rgba(196,160,106,.28);pointer-events:none}
.face.back .q{font-style:italic;font-size:clamp(13px,1.25vw,15px);line-height:1.6}
.face.back .q.big{font-family:var(--f-bts);font-style:normal;font-size:clamp(40px,4.2vw,56px);color:var(--sage-hi)}
.face.back .by{font-family:var(--f-label);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}
.sealed .face.front{background:linear-gradient(160deg,#1E2B28,#111A18);color:var(--bone)}
.sealed .face.front::before{border-color:rgba(196,160,106,.35);outline-color:rgba(196,160,106,.15)}
.sealed .face.front .ti{color:var(--brass);font-style:normal;font-family:var(--f-label);letter-spacing:.3em;text-transform:uppercase;font-size:11px}
.wax.big{width:58px;height:58px;margin-bottom:6px}
.bt-thorns{margin-top:clamp(44px,6vw,72px);text-align:center;font-size:clamp(36px,5.6vw,72px);color:var(--bone);text-shadow:0 2px 18px rgba(0,0,0,.9)}
.bt-thorns span{display:inline-block}
.bt-thorns em{font-style:normal;color:var(--sage-hi)}

/* ---------- the Botanical Order ---------- */
.cabinet{position:relative;margin:clamp(40px,5vw,60px) auto 0;max-width:900px;padding:clamp(12px,2vw,22px);background:linear-gradient(180deg,#2A1D14,#1A120C);border:1px solid rgba(196,160,106,.4);box-shadow:0 0 0 6px #120C08,0 0 0 7px rgba(196,160,106,.3),0 40px 80px rgba(0,0,0,.7),inset 0 0 60px rgba(0,0,0,.6);--mx:50%;--my:30%}
.cabinet::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 260px at var(--mx) var(--my),rgba(255,214,150,.16),transparent 70%);mix-blend-mode:screen;transition:opacity .4s}
.drawer{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,18px)}
.drawer li{position:relative;outline:none}
.drawer figure{margin:0;display:flex;flex-direction:column;align-items:center}
.niche{position:relative;display:grid;place-items:end center;width:100%;aspect-ratio:4/4.6;padding:8% 8% 20%;background:radial-gradient(ellipse 70% 60% at 50% 40%,#22362F,#0F1A17 75%);box-shadow:inset 0 6px 18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(196,160,106,.18);overflow:hidden}
.niche::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 5px);pointer-events:none}
.niche::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.1) 45%,transparent 52%);background-size:250% 100%;background-position:130% 0;transition:background-position 1.1s var(--bt-ease)}
.drawer li:is(:hover,:focus-visible,:focus-within) .niche::after{background-position:-30% 0}
.niche img{position:relative;max-height:100%;width:auto;max-width:100%;filter:drop-shadow(0 12px 14px rgba(0,0,0,.75)) brightness(.92);transition:transform 1s var(--bt-ease),filter .6s}
.drawer li:is(:hover,:focus-visible) .niche img{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 18px 18px rgba(0,0,0,.8)) brightness(1.05)}
.drawer figcaption{position:relative;margin-top:-16px;z-index:2;display:flex;flex-direction:column;align-items:center}
.plq{position:relative;padding:3px 16px 4px;font-style:italic;font-size:clamp(13px,1.3vw,16px);letter-spacing:.08em;color:#20160C;background:linear-gradient(180deg,#E2C68E,#B88E52 55%,#9C7440);border:1px solid #6E5230;box-shadow:0 2px 6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,240,200,.6);white-space:nowrap;z-index:2}
.plq::before,.plq::after{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#5C4224}
.plq::before{left:5px}.plq::after{right:5px}
.slip{display:flex;flex-direction:column;align-items:center;max-height:0;overflow:hidden;opacity:0;margin-top:-2px;padding:0 14px;background:url(https://static.wixstatic.com/media/5e8914_827ce63f0f36450ea83341166f62edca~mv2.webp) center/cover,var(--paper);color:#22190F;font-size:13px;line-height:1.35;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.5);transition:max-height .6s var(--bt-ease),opacity .5s,padding .6s}
.slip i{font-family:var(--f-bt);font-size:15px}
.drawer li:is(:hover,:focus-visible,:focus-within) .slip{max-height:70px;opacity:1;padding:7px 14px 6px}
.bt-fn{margin:22px auto 0;max-width:40em;text-align:center;font-size:12.5px;font-style:italic;color:var(--sage);opacity:.85}

/* ---------- torn notes ---------- */
.bt-notes{padding-block:clamp(72px,9vw,124px);background:var(--bt-1)}
.bt-notes>.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bt-0),rgba(10,16,15,.3) 25%,rgba(10,16,15,.4) 75%,var(--bt-0))}
.bt-skullrose{position:absolute;left:max(-40px,calc((100vw - 1500px)/2));top:10%;width:clamp(160px,18vw,280px);opacity:.3;z-index:-1;pointer-events:none;transform:rotate(-8deg)}
.notes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.6vw,34px);margin-top:clamp(40px,5vw,64px);align-items:start}
.bt-note{position:relative;margin:0;padding:clamp(34px,3.6vw,46px) clamp(22px,2.6vw,36px) clamp(30px,3.2vw,42px);background:url(https://static.wixstatic.com/media/5e8914_827ce63f0f36450ea83341166f62edca~mv2.webp) center/cover,var(--paper);color:#22190F;transform:rotate(var(--r,0deg));transition:transform .7s var(--bt-ease)}
.bt-note:hover{transform:rotate(0) scale(1.015)}
.bt-note p{margin:0;font-size:clamp(15px,1.45vw,17.5px);line-height:1.75}
.bt-note em{font-family:var(--f-bts);font-style:normal;font-size:1.7em;line-height:.5;color:#3A2410}
.bt-note.n1{grid-column:1/span 5;--r:-2.2deg;margin-top:30px}
.bt-note.n1 p{font-size:clamp(19px,1.9vw,24px);line-height:1.55}
.bt-note.n2{grid-column:6/span 7;--r:1.2deg}
.bt-note.n3{grid-column:6/span 7;--r:1deg}
.bt-note::after{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#E6C891,#8C6A3A 60%,#4A361C);box-shadow:0 3px 4px rgba(0,0,0,.6)}

/* ---------- art panorama in brass frames ---------- */
.bt-art{background:var(--bt-0);padding-bottom:clamp(56px,7vw,90px)}
body.bt .pano-track figure{height:clamp(220px,30vw,420px);border-color:rgba(196,160,106,.75);box-shadow:0 0 0 5px #0E0A07,0 0 0 6px rgba(196,160,106,.35),0 18px 44px rgba(0,0,0,.6);background:#0E0A07}
body.bt .pano-track figure::before{border-color:rgba(196,160,106,.28);background:linear-gradient(#C4A06A,#C4A06A) left top/22px 2px no-repeat,linear-gradient(#C4A06A,#C4A06A) left top/2px 22px no-repeat,linear-gradient(#C4A06A,#C4A06A) right top/22px 2px no-repeat,linear-gradient(#C4A06A,#C4A06A) right top/2px 22px no-repeat,linear-gradient(#C4A06A,#C4A06A) left bottom/22px 2px no-repeat,linear-gradient(#C4A06A,#C4A06A) left bottom/2px 22px no-repeat,linear-gradient(#C4A06A,#C4A06A) right bottom/22px 2px no-repeat,linear-gradient(#C4A06A,#C4A06A) right bottom/2px 22px no-repeat}
body.bt .pano::before{background:linear-gradient(90deg,var(--bt-0),transparent)}
body.bt .pano::after{background:linear-gradient(270deg,var(--bt-0),transparent)}
body.bt .pano-btn{border-color:rgba(196,160,106,.6);background:rgba(10,16,15,.78);color:var(--brass)}
body.bt .pano-btn:hover:not(:disabled){background:rgba(27,41,38,.95);box-shadow:0 0 22px rgba(196,160,106,.3)}
body.bt .pano-track figcaption a{color:var(--brass)}
.bt-more{text-align:center;margin:28px 0 0;font-style:italic;color:var(--sage)}
.bt-more a{color:var(--brass)}

/* ---------- follow + content warnings ---------- */
.bt-follow{padding-block:clamp(72px,9vw,124px);background:var(--bt-0)}
.bt-follow>.bg{filter:saturate(.85) brightness(.62)}
.bt-follow>.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bt-0) 0%,rgba(10,16,15,.5) 26%,rgba(10,16,15,.62) 72%,var(--bt-0) 100%)}
.bt-follow .skull-sp{display:block;width:340px;height:282px;max-width:100%;margin:0 auto 6px}
.bt-follow .bt-sub{font-style:normal;color:var(--bone);text-shadow:0 2px 12px rgba(0,0,0,.9)}
.bt-follow .row{margin-top:8px}
.bt .cwtext::before{background:linear-gradient(90deg,transparent,rgba(196,160,106,.75),transparent)}
.bt .cwtext .lbl{font-family:var(--f-bt);text-transform:none;letter-spacing:.06em;color:var(--bone)}
.bt .cwtext p{color:var(--sage);font-family:var(--f-btb);font-size:15px}

/* ---------- growing vine in the page margins (desktop) ---------- */
.bt-vine{position:absolute;top:0;bottom:0;width:120px;z-index:3;pointer-events:none;display:none}
.bt-vine.l{left:0}.bt-vine.r{right:0;transform:scaleX(-1)}
.bt-vine svg{width:100%;height:100%;overflow:visible}
.bt-vine .stem{fill:none;stroke:rgba(214,228,210,.42);stroke-width:1.5;stroke-linecap:round}
.bt-vine .twig{fill:none;stroke:rgba(214,228,210,.4);stroke-width:1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--bt-ease)}
.bt-vine .twig.on{stroke-dashoffset:0}
.bt-vine .lf{transform-box:fill-box;transform-origin:0 50%;transform:scale(0);transition:transform 1.1s var(--bt-ease) var(--d,0s)}
.bt-vine .lf.on{transform:scale(1)}
.bt-vine .blade{fill:rgba(169,191,174,.12);stroke:rgba(214,228,210,.55);stroke-width:.8;stroke-linejoin:round}
.bt-vine .rib{fill:none;stroke:rgba(214,228,210,.42);stroke-width:.6;stroke-linecap:round}
@media (min-width:1360px){.bt-vine{display:block}}

/* ---------- click: a flower blooms and withers ---------- */
.bt-bloom{position:fixed;z-index:80;width:54px;height:54px;margin:-27px 0 0 -27px;pointer-events:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.55));animation:bt-bl 2.8s cubic-bezier(.3,.6,.3,1) forwards}
.bt-bloom svg{width:100%;height:100%;display:block;overflow:visible}
.bt-bloom .pg{transform:scale(.1);opacity:0;animation:bt-bo .9s calc(var(--i)*.045s) cubic-bezier(.2,.8,.25,1.15) forwards}
.bt-bloom .pt{stroke:#0A100F;stroke-width:1.1;stroke-linejoin:round}
.bt-bloom .pt.o{fill:#E9E0CC;animation:bt-blc 2.8s forwards}
.bt-bloom .pt.n{fill:#D6E4D2;animation:bt-blc2 2.8s forwards}
.bt-bloom .cut{fill:none;stroke:#0A100F;stroke-width:.8;stroke-linecap:round;opacity:.8}
.bt-bloom .ct{fill:#C4A06A;stroke:#0A100F;stroke-width:1}
.bt-bloom .st circle{fill:#0A100F}
@keyframes bt-bo{to{transform:none;opacity:1}}
@keyframes bt-bl{0%{transform:scale(0) rotate(-60deg);opacity:0}18%{transform:scale(1.1) rotate(0);opacity:1}30%{transform:scale(1) rotate(6deg)}62%{transform:scale(.92) rotate(18deg) translateY(4px);opacity:1}100%{transform:scale(.6) rotate(80deg) translateY(70px);opacity:0}}
@keyframes bt-blc{0%,35%{fill:#E9E0CC}70%{fill:#9A8760}100%{fill:#5A3E2C}}
@keyframes bt-blc2{0%,35%{fill:#D6E4D2}70%{fill:#8C7A55}100%{fill:#4A3324}}

/* ---------- scroll reveal (only for things below the first screen) ---------- */
.bt-rv{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity 1.1s var(--bt-ease),transform 1.1s var(--bt-ease),filter 1.1s;transition-delay:var(--d,0s)}
.bt-rv.in{opacity:1;transform:none;filter:none}
.bt-note.bt-rv{transform:translateY(24px) rotate(calc(var(--r,0deg) * 3))}
.bt-note.bt-rv.in{transform:rotate(var(--r,0deg))}

/* ---------- header + footer in green ---------- */
.bt header.site{background:rgba(10,16,15,.92);border-bottom-color:rgba(196,160,106,.22)}
.bt nav.main a[aria-current="page"],.bt details.menu a[aria-current="page"]{color:var(--brass)}
footer.site.ft-bt{background:#070B0A}
footer.site.ft-bt::after{display:none!important}
footer.site.ft-bt>.bg{opacity:.85;filter:saturate(1.05) hue-rotate(-6deg)}
footer.site.ft-bt::before{background:linear-gradient(180deg,var(--bt-0) 0%,var(--bt-0) 6%,rgba(7,11,10,.92) 18%,rgba(7,11,10,.7) 32%,rgba(7,11,10,.5) 52%,rgba(7,11,10,.66) 100%)!important}
footer.site.ft-bt .ft-h{color:var(--brass)}
footer.site.ft-bt .ft-nl button{background:var(--bone);border-color:var(--bone);color:var(--bt-0)}
footer.site.ft-bt a:hover{color:var(--brass)}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px;max-width:620px;margin-inline:auto}
  .cards{grid-template-columns:minmax(0,420px);justify-content:center}
  .notes{grid-template-columns:minmax(0,1fr)}
  .bt-note.n1,.bt-note.n3{grid-column:1/-1;margin-top:0}
  .bt-hand{opacity:.25}
  .gd{aspect-ratio:4/3}
  .gd-t{max-width:42%}
}
@media (max-width:760px){
  .bt-heart-g{grid-template-columns:1fr}
  .bt-heart-art{max-width:260px}
  .drawer{gap:8px}
  .bth-hang{opacity:.2}
  .vt{grid-template-columns:1fr;max-width:300px;gap:30px}
  .vt::before{left:50%;right:auto;top:40px;bottom:40px;width:1px;height:auto;background:linear-gradient(180deg,rgba(196,160,106,.8),rgba(196,160,106,.1))}
  .vt .em{width:120px;height:120px}
  .vt .em img{height:76px}
  .gd{aspect-ratio:3/4}
  .gd-meadow .p1{width:24%}.gd-meadow .p2{width:34%;left:18%}.gd-meadow .p3{width:18%;left:48%}.gd-meadow .p5{width:40%;left:62%}.gd-meadow .p6{width:16%}
  .gd-thicket .q2{width:60%;left:40%}.gd-thicket .q3{width:28%;left:72%}.gd-thicket .q4{width:44%;left:50%}.gd-thicket .q1{width:22%}.gd-thicket .q6{width:20%}
  .gd-t{max-width:44%;font-size:12.5px}
  .gd-t2{bottom:auto;top:clamp(14px,3vw,30px)}
}
@media (max-width:480px){
  .shelf{gap:14px;row-gap:34px}
  .bk .tag{padding:7px 6px 6px}
  .tag .nm{font-size:19px}.tag .st{font-size:10.5px}
  .d-withered .tag .st{font-size:10px}
  .drawer{gap:6px}
  .plq{font-size:11px;padding:2px 10px 3px}
  
  .slip{font-size:11px}.slip i{font-size:12.5px}
  .cards{grid-template-columns:minmax(0,340px)}
  .bt-seal{padding:10px 14px 10px 10px}
  .gd-t b{font-size:9px;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
  .bth .bg-pic img,.bth-hang,.bt-heart-art .hb,.bt-heart-art .halo,.bth-mark .wm::after{animation:none}
  .bth-mark .ink,.bth-mark .wm,.bth-sc,.bth-lead,.bt-seal .wax{animation:none;-webkit-mask-image:none;mask-image:none}
  .bt-rv{opacity:1;transform:none;filter:none;transition:none}
  .card-in,.bk-tilt,.bk-tilt img{transition:none}
  .gd-meadow .p,.gd-meadow .sun{animation:none}
  .bk:is(:hover,:focus-visible) .bk-fx i{animation:none}
}

/* ===== v3 (13.10.2026, owner): the whole page in the Botanink scheme, like Unreachable and Project O
   (fonts, scroll line, header, menus, buttons, footer). Only on this page: everything is scoped to body.bt. ===== */
body.bt{
  --candle:#C4A06A;--rose:#C4A06A;--ivory:#E9E0CC;--ash:#93A898;--night:#0A100F;--walnut:#101918;--line:rgba(196,160,106,.2);
  --f-display:var(--f-bt);--f-sub:var(--f-bt);--f-body:var(--f-btb);--f-label:var(--f-btb);
  scrollbar-color:#2B3C39 #0A100F}
body.bt ::selection{background:#2B3C39;color:#F1E2C4}
/* labels and small caps in Baskerville: a little smaller than the old sans so the tracking stays elegant */
body.bt .lbl{font-size:11px;letter-spacing:.32em}
body.bt .bt-chips li{font-size:11.5px;letter-spacing:.06em}
/* scroll line: a green stem that ripens to brass */
body.bt .read-progress{height:2px;background:linear-gradient(90deg,rgba(169,191,174,0),#A9BFAE 45%,#C4A06A 85%,#F1E2C4);box-shadow:0 0 10px rgba(196,160,106,.55)}
/* header */
body.bt header.site{background:rgba(10,16,15,.94);border-bottom:1px solid rgba(196,160,106,.2)}
body.bt nav.main a{font-family:var(--f-bt);font-weight:600;font-size:15px;letter-spacing:.2em;color:#E9E0CC}
body.bt nav.main a:hover,body.bt nav.main a[aria-current]{color:#C4A06A}
body.bt nav.main>ul>li>a:hover,body.bt nav.main>ul>li>a:focus-visible{color:#F1E2C4}
body.bt nav.main>ul>li>a::after{background:#C4A06A;box-shadow:0 0 8px rgba(196,160,106,.7)}
body.bt nav.main .sub{background:#0A100F;border:1px solid rgba(196,160,106,.22);box-shadow:0 18px 40px rgba(0,0,0,.6)}
body.bt nav.main .sub a{font-size:14px;border-bottom-color:rgba(196,160,106,.14)}
body.bt nav.main .sub a:hover{color:#C4A06A}
body.bt .hsocial a{color:#E9E0CC}
body.bt .hsocial a:hover,body.bt .hsocial a:focus-visible{color:#C4A06A}
body.bt details.menu summary svg{stroke:#E9E0CC}
body.bt details.menu ul{background:#0A100F;border-bottom:1px solid rgba(196,160,106,.2)}
body.bt details.menu a,body.bt details.menu .grp span{font-family:var(--f-bt);font-weight:600;font-size:17px;letter-spacing:.18em;text-transform:uppercase;color:#E9E0CC;border-bottom-color:rgba(196,160,106,.14)}
body.bt details.menu .grp span{color:#93A898}
body.bt details.menu .indent a{font-size:15px;color:#A9BFAE}
body.bt details.menu a:hover,body.bt details.menu a[aria-current]{color:#C4A06A}
body.bt details.menu li.msocial a{color:#A9BFAE}
body.bt details.menu li.msocial a:hover{color:#C4A06A}
/* buttons and art panorama: no candle gold or brown left */
body.bt .btn{font-family:var(--f-btb);font-size:12px;letter-spacing:.2em}
body.bt .btn.ghost::after{background:linear-gradient(110deg,transparent 30%,rgba(196,160,106,.22) 50%,transparent 70%)}
body.bt .pano-track figure{box-shadow:0 0 0 5px #0A100F,0 0 0 6px rgba(196,160,106,.35),0 18px 44px rgba(0,0,0,.6);background:#0A100F}
body.bt .pano-track figcaption{font-family:var(--f-btb);font-size:12px;color:#A9BFAE}
body.bt .pano-track figcaption b{font-family:var(--f-bt);font-weight:600;font-size:17px;letter-spacing:.14em;color:#E9E0CC}
body.bt .pano-track figcaption a:hover{color:#F1E2C4}
/* footer */
body.bt footer.site{border-top:0}
body.bt footer.site .ft-h{font-family:var(--f-bt);font-style:italic;font-weight:500;font-size:22px;letter-spacing:.04em;text-transform:none;color:#C4A06A;text-shadow:0 2px 10px rgba(0,0,0,.8)}
body.bt footer.site .ft-nl>.ft-h{font-family:var(--f-bts);font-style:normal;font-weight:400;font-size:clamp(34px,3vw,42px)!important;letter-spacing:0!important;line-height:1.05!important;color:#D6E4D2;margin-bottom:6px}
body.bt footer.site p,body.bt footer.site .ft-brand p{font-family:var(--f-btb);color:#A9BFAE}
body.bt footer.site .ft-nl .ft-nl-note{font-family:var(--f-btb)!important;font-style:italic;font-size:13px!important;letter-spacing:.02em!important;color:#D6CBB4}
body.bt footer.site .ft-nl .note{font-family:var(--f-btb);color:#D6CBB4}
body.bt footer.site .ft-col a,body.bt footer.site .ft-legal a{font-family:var(--f-btb);font-size:13.5px;letter-spacing:.02em;color:#E9E0CC;text-decoration-color:rgba(196,160,106,.4)}
body.bt footer.site .ft-legal,body.bt footer.site .ft-legal a{font-size:12px;color:#93A898}
body.bt footer.site .ft-col a::before{background:#A9BFAE;box-shadow:0 0 6px rgba(169,191,174,.9)}
body.bt footer.site .ft-col a:hover,body.bt footer.site .ft-legal a:hover{color:#F1E2C4;text-decoration-color:#C4A06A}
body.bt footer.site .ft-col a[aria-current]{color:#C4A06A}
body.bt footer.site .ft-social a{color:#E9E0CC}
body.bt footer.site .ft-social a::before{border-color:#C4A06A;box-shadow:0 0 12px rgba(196,160,106,.4)}
body.bt footer.site .ft-social a:hover{color:#F1E2C4}
body.bt .ft-rule{background:linear-gradient(90deg,rgba(196,160,106,0),rgba(196,160,106,.4),rgba(196,160,106,0))}
body.bt .ft-nl form{background:#E9E0CC}
body.bt footer.site .ft-nl form:focus-within{box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 1px #C4A06A,0 0 26px rgba(196,160,106,.22)}
body.bt .ft-nl input{color:#0A100F;font-family:var(--f-btb)}
body.bt .ft-nl input::placeholder,body.bt footer.site .ft-nl input:focus::placeholder{color:#6B7569}
body.bt footer.site .ft-nl button{background:#1B2926;color:#E9E0CC;font-family:var(--f-btb)}
body.bt footer.site .ft-nl button:hover,body.bt footer.site .ft-nl button:focus-visible{background:#2F5D4A;color:#F1E8D4}
body.bt .ft-nl input:autofill{box-shadow:0 0 0 1000px #E9E0CC inset!important;-webkit-text-fill-color:#0A100F!important}
body.bt .ft-nl input:-webkit-autofill{box-shadow:0 0 0 1000px #E9E0CC inset!important;-webkit-text-fill-color:#0A100F!important}
body.bt footer.site .ft-nl{border-left-color:rgba(196,160,106,.3)}
body.bt footer.site .ft-mark img{filter:grayscale(1) brightness(1.2) sepia(.5) hue-rotate(40deg) saturate(.8) drop-shadow(0 4px 6px rgba(0,0,0,.6))}
body.bt footer.site .ft-mark:hover img,body.bt footer.site .ft-mark:focus-within img{filter:grayscale(1) brightness(1.3) sepia(.5) hue-rotate(40deg) saturate(.8) drop-shadow(0 6px 8px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(169,191,174,.4))}
body.bt footer.site .ft-mark .ft-tip{background:#0A100F;border-color:rgba(196,160,106,.45);font-family:var(--f-btb)}
body.bt footer.site .ft-mark .ft-tip::after{border-top-color:rgba(196,160,106,.45)}
body.bt footer.site .ft-mark .ft-tip span,body.bt footer.site .ft-mark .ft-tip a{font-family:var(--f-btb);color:#C4A06A}
body.bt footer.site .ft-mark .ft-tip a:hover{color:#F1E2C4}
body.bt footer.site .ft-brand .logo img.sig{filter:brightness(.95) drop-shadow(0 0 6px rgba(169,191,174,.25))}

/* ===== v454 (14.10.2026, owner): calmer hero, equal covers, two drawn gardens, a secret Order, stronger type, green footer ===== */
/* hero: wordmark first, then the series line; "coming soon" instead of the status tile */
body.bt .bth-eye{font-size:13px;letter-spacing:.34em;color:#E4C98F;text-shadow:0 2px 12px rgba(0,0,0,.95);animation:bt-fadeup 1.2s 2.2s var(--bt-ease) both}
.bt-soon{margin:6px 0 0;font-family:var(--f-bt);font-weight:500;font-size:clamp(30px,3.6vw,46px);letter-spacing:.14em;line-height:1.1;color:#F1E8D4;text-shadow:0 2px 18px rgba(0,0,0,.95);display:flex;align-items:center;gap:.6em;animation:bt-fadeup 1.2s 2.7s var(--bt-ease) both}
.bt-soon::before,.bt-soon::after{content:"";width:clamp(36px,6vw,80px);height:1px;background:linear-gradient(90deg,transparent,#C4A06A)}
.bt-soon::after{transform:scaleX(-1)}
/* stronger, easier-to-read type everywhere on the page */
body.bt .lbl{font-size:12.5px;font-weight:700;letter-spacing:.3em;color:#E4C98F}
.bt-sub{font-size:clamp(17px,1.7vw,20px);color:#DCE7D8;text-shadow:0 1px 10px rgba(0,0,0,.85)}
.bt-head .bt-h,.bt-heart-copy .bt-h{color:#F4ECDA;text-shadow:0 2px 20px rgba(0,0,0,.7)}
.bth-lead{font-size:clamp(18px,2vw,22px);color:#F1E8D4}
body.bt .bt-chips li{font-size:13px;letter-spacing:.05em;color:#F1E8D4;background:rgba(10,16,15,.8);border-color:rgba(196,160,106,.5)}
.bt-heart-copy p:not(.lbl){font-size:clamp(17.5px,1.75vw,20px);color:#F1E8D4}
.gd-q p{font-size:clamp(19px,2.1vw,25px);color:#F1E8D4}
.tag .no{font-size:11px;font-weight:700;color:#4E3A22}
.tag .nm{font-weight:600;color:#1A120A}
body.bt .pano-track figcaption{font-size:13px;color:#C9D6C6}
.bt-more{color:#C9D6C6;font-size:16px}
.bt .cwtext p{color:#D6E1D2;font-size:16px}
.bt .cwtext .lbl{font-size:15px;color:#F1E8D4}
body.bt footer.site p,body.bt footer.site .ft-brand p{color:#C9D6C6}
body.bt footer.site .ft-legal,body.bt footer.site .ft-legal a{color:#B5C4B3}
/* no glow on light surfaces (paper notes, labels, the newsletter field) */
.bt-note,.bt-note *,.bk .tag,.bk .tag *,.ft-nl form,.ft-nl form *{text-shadow:none!important}
/* books: four covers of the same size, aligned */
.shelf{align-items:start}
.bk-tilt img{aspect-ratio:760/1078;object-fit:fill;height:auto}
.bk .tag{padding:10px 12px 10px}
/* gardens: each side is one drawn picture */
.gd-meadow{background:#2E423B url(https://static.wixstatic.com/media/5e8914_bc529f4264b0468f983c6ca3b9fcda86~mv2.webp) center bottom/cover no-repeat}
.gd-thicket{background:#060A09 url(https://static.wixstatic.com/media/5e8914_4e2e49b367ef404baf68ac51102623bb~mv2.webp) center bottom/cover no-repeat}
.gd-thicket::before{display:none}
.gd-meadow .sun{opacity:.6}
.gd-t{font-size:clamp(14px,1.45vw,17px);color:#F4ECDA;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9)}
.gd-t b{font-size:12px;font-weight:700;color:#E4C98F}
.gd-t2{color:#E1EADD}
/* the Botanical Order: one large picture in the dark, no frames, no names, no light that follows the pointer */
@keyframes bt-fog{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
/* stay close: the same green slate as the rest of the page */
.bt-follow>.bg{filter:none}
main>section.bt-follow>.shade{background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 74%,rgba(0,0,0,.85) 100%),radial-gradient(ellipse 80% 70% at 50% 48%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.78) 100%)}
/* footer: green slate instead of the forest photo */
footer.site.ft-bt{background:#0F1B19}
footer.site.ft-bt>.bg{opacity:1;filter:saturate(1.1) brightness(1.05)}
footer.site.ft-bt::before{background:linear-gradient(180deg,var(--bt-0) 0%,rgba(10,16,15,.35) 18%,rgba(10,16,15,.25) 60%,rgba(10,16,15,.55) 100%)!important}
@media (max-width:760px){.order-wall{width:140%;margin-left:-20%}}
@media (prefers-reduced-motion:reduce){.order-wall .fog,.bt-soon,body.bt .bth-eye{animation:none}}

/* the ink blot of the wordmark sits behind the lines below it */
.bth-mark{z-index:0}.bth-in>:not(.bth-mark){position:relative;z-index:1}
body.bt .bt-order .lbl{font-size:17px;letter-spacing:.2em}

/* v455 (owner): series line back above the wordmark, tighter spacing above and below the wordmark */
.bth-mark{margin:clamp(-46px,-3.4vw,-16px) 0 clamp(-46px,-3.4vw,-16px)}

/* v456 (owner comments) */
.bt-heart-copy blockquote{margin:0;display:flex;flex-direction:column;gap:14px}
.bt-heart-copy blockquote p{font-family:var(--f-btb);font-style:italic}
.bt-heart-copy blockquote footer{font-family:var(--f-bt);letter-spacing:.14em;color:var(--brass);font-size:15px}
.d-faded:is(:hover,:focus-visible) .bk-tilt img{opacity:.7;filter:blur(.6px) grayscale(.3)}
.bt-books{background:radial-gradient(ellipse 80% 45% at 50% 50%,rgba(43,60,57,.22),transparent 75%),linear-gradient(180deg,#020303 0,#0A100F 34%,#0A100F 66%,#020303 100%)}
.bt-heart-copy blockquote p::first-letter{font-family:inherit;float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit}
/* v457 (owner): footer background a bit darker */
footer.site.ft-bt{background:#0A100F}
footer.site.ft-bt>.bg{opacity:.8;filter:saturate(.95) brightness(.72)}
footer.site.ft-bt::before{background:linear-gradient(180deg,var(--bt-0) 0%,rgba(10,16,15,.5) 18%,rgba(10,16,15,.42) 60%,rgba(10,16,15,.7) 100%)!important}
/* v458 (owner): series line centered under the wordmark, in the empty space */
.bth-mark{margin:clamp(-20px,-1.4vw,-6px) 0 clamp(-30px,-2.2vw,-10px)}
body.bt .bth-eye{text-align:center}
body.bt .bth-eye{margin-top:clamp(-34px,-2.4vw,-12px)}
@media (max-width:520px){body.bt .bth-eye{font-size:11.5px;letter-spacing:.2em}}
/* v459 (owner): clearer quote styling */
.bt-heart-copy blockquote.bt-quote{position:relative;margin:6px 0 0;padding:68px 0 2px clamp(22px,2.6vw,34px);border-left:2px solid var(--brass);gap:18px}
.bt-heart-copy blockquote.bt-quote::before{content:"\201C";position:absolute;left:clamp(18px,2.2vw,28px);top:-6px;font-family:var(--f-bt);font-size:82px;line-height:1;color:var(--brass);opacity:.9}
.bt-heart-copy blockquote.bt-quote p{font-size:clamp(18.5px,1.9vw,22px);line-height:1.7}
.bt-heart-copy blockquote.bt-quote footer{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.2em;text-transform:uppercase}
.bt-heart-copy blockquote.bt-quote footer::before{content:"";width:28px;height:1px;background:var(--brass)}
.bt-heart-copy blockquote.bt-quote::before{font-size:110px;top:-14px}
/* v460 (owner): no falling bits; clear hover change on the cover itself, all four books */
.d-withered .bk-fx i,.d-flaked .bk-fx i{display:none!important;animation:none!important}
.d-faded:is(:hover,:focus-visible) .bk-fx{background:none}
.bk-tilt img{transition:filter 1s var(--bt-ease),opacity 1s var(--bt-ease)}
.d-withered:is(:hover,:focus-visible) .bk-tilt img{filter:sepia(1) saturate(1.1) hue-rotate(-12deg) brightness(.82) contrast(1.05)}
.d-faded:is(:hover,:focus-visible) .bk-tilt img{opacity:.5;filter:grayscale(.85) blur(1px) brightness(1.1)}
.d-rusted:is(:hover,:focus-visible) .bk-tilt img{filter:sepia(.9) hue-rotate(-35deg) saturate(2) brightness(.9)}
.d-flaked:is(:hover,:focus-visible) .bk-tilt img{filter:grayscale(.9) contrast(1.45) brightness(.8)}
/* v464 (owner): tags centered under the book body (cover image has shadow on the right), smaller */
.bk .tag{align-self:flex-start;width:72%;max-width:none;margin-left:9.25%;margin-right:0;padding:8px 8px 7px}
.bk .tag .nm{font-size:clamp(17px,1.7vw,23px)}
.bk .tag .no{font-size:10px}
@media (max-width:760px){.bk .tag{width:80%;margin-left:5.25%}.bk .tag .no{letter-spacing:.12em;font-size:9px;white-space:nowrap}}
.bk .tag{margin-top:-7%}
/* v465 (owner): tags only move, only when the tag itself is hovered */
.bk .tag{transform-origin:50% 0;cursor:default}
.bk .tag:hover{animation:bt-tag-sway 2.4s ease-in-out infinite}
.d-faded .tag:hover{animation-name:bt-tag-float}
.d-rusted .tag:hover{animation:bt-tag-rattle .9s ease-in-out infinite}
.d-flaked .tag:hover{animation:bt-tag-slip 1.6s var(--bt-ease) forwards}
@keyframes bt-tag-sway{0%,100%{transform:rotate(calc((var(--i) - 1.5) * .8deg))}30%{transform:rotate(calc((var(--i) - 1.5) * .8deg - 3deg))}70%{transform:rotate(calc((var(--i) - 1.5) * .8deg + 2.4deg))}}
@keyframes bt-tag-float{0%,100%{transform:translateY(0) rotate(calc((var(--i) - 1.5) * .8deg))}50%{transform:translateY(-6px) rotate(calc((var(--i) - 1.5) * .8deg + 1deg))}}
@keyframes bt-tag-rattle{0%,100%{transform:rotate(calc((var(--i) - 1.5) * .8deg))}20%{transform:rotate(calc((var(--i) - 1.5) * .8deg - 1.4deg)) translateX(-1px)}40%{transform:rotate(calc((var(--i) - 1.5) * .8deg + 1.2deg)) translateX(1px)}60%{transform:rotate(calc((var(--i) - 1.5) * .8deg - .6deg))}}
@keyframes bt-tag-slip{to{transform:translateY(5px) rotate(calc((var(--i) - 1.5) * .8deg + 4deg))}}
@media (prefers-reduced-motion:reduce){.bk .tag:hover{animation:none}}
.bk .tag{transition:transform .6s var(--bt-ease)}
/* v466 (owner): gardens rebuilt calm; texts sit in the empty sky of their own garden and move with the line */
.gd-meadow{background:#3E5449 url(https://static.wixstatic.com/media/5e8914_bc529f4264b0468f983c6ca3b9fcda86~mv2.webp) center bottom/cover no-repeat}
.gd-thicket{background:#070B0A url(https://static.wixstatic.com/media/5e8914_4e2e49b367ef404baf68ac51102623bb~mv2.webp) center bottom/cover no-repeat}
.gd-meadow .sun{display:none}
.gd-side .gd-t{top:clamp(18px,3.4vw,40px);bottom:auto;max-width:min(34%,320px);font-size:clamp(15px,1.55vw,19px);line-height:1.5;text-shadow:none}
.gd-side .gd-t1{left:clamp(18px,3.4vw,40px);right:auto;text-align:left;color:#14201C}
.gd-side .gd-t1 b{color:#5A4220}
.gd-side .gd-t2{right:clamp(18px,3.4vw,40px);left:auto;text-align:right;color:#EEF2EA;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.gd-side .gd-t2 b{color:#E4C98F}
.gd-side .gd-t b{font-size:12px;font-weight:700;letter-spacing:.22em;margin-bottom:6px}
@media (max-width:760px){.gd-side .gd-t{max-width:44%;font-size:13px}.gd-side .gd-t b{font-size:9.5px;letter-spacing:.14em}}
/* v467 (owner): white text on the light garden too, with a soft shade behind it */
.gd-meadow{background:radial-gradient(ellipse 48% 42% at 0 0,rgba(10,16,15,.55),transparent 75%),#3E5449 url(https://static.wixstatic.com/media/5e8914_bc529f4264b0468f983c6ca3b9fcda86~mv2.webp) center bottom/cover no-repeat}
.gd-thicket{background:radial-gradient(ellipse 48% 42% at 100% 0,rgba(4,6,5,.45),transparent 75%),#070B0A url(https://static.wixstatic.com/media/5e8914_4e2e49b367ef404baf68ac51102623bb~mv2.webp) center bottom/cover no-repeat}
.gd-side .gd-t1{color:#F4F1E6;text-shadow:0 1px 12px rgba(0,0,0,.75)}
.gd-side .gd-t1 b{color:#E4C98F}
/* v468 (owner): content warnings in the same format as the other pages */
body.bt .cwtext{max-width:42em}
body.bt .cwtext .lbl{margin:0 0 20px;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;letter-spacing:.12em;line-height:1.25;color:#EFE6D8;text-shadow:0 2px 14px rgba(0,0,0,.9)}
body.bt .cwtext p{font-size:clamp(14px,1.2vw,15px);line-height:1.75;color:#D6E1D2}
/* v469 (owner): one picture, light on the left, dark on the right; no slider */
.gd.gd-one{background:#2E3F38 url(img/bt-gardens.webp) center bottom/cover no-repeat;aspect-ratio:2/1;cursor:default}
.gd-one .gd-t{position:absolute;top:clamp(18px,3.4vw,40px);bottom:auto;max-width:min(34%,320px);font-size:clamp(15px,1.55vw,19px);line-height:1.5;z-index:2;color:#F4F1E6}
.gd-one .gd-t b{display:block;font-family:var(--f-label);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px;color:#E4C98F}
.gd-one .gd-t1{left:clamp(18px,3.4vw,40px);text-align:left;text-shadow:0 1px 12px rgba(10,16,15,.7),0 0 2px rgba(10,16,15,.5)}
.gd-one .gd-t2{right:clamp(18px,3.4vw,40px);text-align:right;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.gd-one::before{content:"";position:absolute;inset:0 50% 40% 0;background:radial-gradient(ellipse 80% 70% at 0 0,rgba(10,16,15,.42),transparent 75%);pointer-events:none}
@media (max-width:760px){.gd.gd-one{aspect-ratio:4/3;background-size:auto 100%;background-position:42% bottom}.gd-one .gd-t{max-width:44%;font-size:13px}.gd-one .gd-t b{font-size:9.5px;letter-spacing:.14em}}
/* v470 (owner): slider back; both gardens share one meadow (same plants, same places), the dark one with fallen flowers */
.gd[data-gd]{aspect-ratio:2/1}
.gd-meadow{background:radial-gradient(ellipse 50% 45% at 0 0,rgba(10,16,15,.5),transparent 75%),#3E5449 url(https://static.wixstatic.com/media/5e8914_bc529f4264b0468f983c6ca3b9fcda86~mv2.webp) center bottom/cover no-repeat}
.gd-thicket{background:#070B0A url(https://static.wixstatic.com/media/5e8914_4e2e49b367ef404baf68ac51102623bb~mv2.webp) center bottom/cover no-repeat}
@media (max-width:760px){.gd[data-gd]{aspect-ratio:4/3}}
.gd-side{isolation:isolate;z-index:1}.gd-line{z-index:4}

/* title to "The decay series": tighter gap */
body.bt .bth-eye{margin-top:clamp(-52px,-3.6vw,-22px)}

/* "Coming soon": no hover effect, more space above and below */
body.bt .bt-soon{margin:clamp(18px,2.4vw,30px) 0 clamp(14px,2vw,24px);pointer-events:none;cursor:default}
body.bt .bt-soon:hover{transform:none;filter:none;opacity:1;color:#F1E8D4;text-shadow:0 2px 18px rgba(0,0,0,.95)}

/* notes: soft fade into the next section (bottom) */
.bt-notes>.bg{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 97%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 97%)}
.bt-notes>.shade{background:linear-gradient(180deg,var(--bt-0) 0%,rgba(10,16,15,.3) 25%,rgba(10,16,15,.4) 55%,rgba(10,16,15,.8) 82%,var(--bt-0) 98%)}

/* notes: stronger text, hover lift on the paper slips */
.bt-note{color:#120B04;box-shadow:0 10px 26px rgba(0,0,0,.45);transition:transform .7s var(--bt-ease),box-shadow .7s var(--bt-ease),filter .7s var(--bt-ease)}
.bt-note p{font-weight:500;font-size:clamp(16px,1.6vw,19px)}
.bt-note.n1 p{font-size:clamp(20px,2vw,26px)}
.bt-note em{color:#2A1606}
.bt-note:hover{transform:rotate(0) translateY(-10px) scale(1.03);box-shadow:0 26px 48px rgba(0,0,0,.6),0 0 38px rgba(196,160,106,.22);filter:brightness(1.06)}
@media (prefers-reduced-motion:reduce){.bt-note:hover{transform:rotate(var(--r,0deg))}}
.bt-note.bt-rv.in:hover,.bt-note.bt-rv:hover{transform:rotate(0) translateY(-10px) scale(1.03)}
@media (prefers-reduced-motion:reduce){.bt-note.bt-rv.in:hover{transform:rotate(var(--r,0deg))}}

/* notes -> art commissions only: the notes section ends in the base colour of the next section (styles.css would make it near-black) */
body.bt main>section.bt-notes.ground>.shade{background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(10,16,15,.3) 22%,rgba(10,16,15,.42) 62%,rgba(10,16,15,.8) 86%,var(--bt-0) 100%)}



/* v501: antlers are baked into the background image itself (licence: Canva element only as part of a larger composition). The image is pinned at a fixed size so the antlers always sit in the spacer above "Stay close". */
main>section.bt-follow>.bg{inset:auto;left:50%;top:calc(clamp(72px,9vw,124px) - 124px);width:2000px;height:1200px;max-width:none;object-fit:fill;transform:translateX(-50%)}
@media (max-width:520px){main>section.bt-follow>.bg{content:url(https://static.wixstatic.com/media/5e8914_3e289452858344aaa7160806817e4d6d~mv2.webp);width:800px;top:calc(clamp(72px,9vw,124px) - 72px)}.bt-follow .skull-sp{width:258px;height:214px}}

/* v502: Botanink footer darker overall; black seam between "Be there when it blooms" and the footer */
footer.site.ft-bt{background:#050807}
footer.site.ft-bt>.bg{opacity:.7;filter:saturate(.9) brightness(.55)}
footer.site.ft-bt::before{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.85) 8%,rgba(5,8,7,.62) 22%,rgba(5,8,7,.55) 60%,rgba(5,8,7,.78) 100%)!important}


/* v503: section smaller, antlers only faintly behind the text (baked into the background) */
.bt-follow{padding-block:clamp(56px,6vw,88px)}
.bt-follow .bt-head .skull-sp{display:none}
main>section.bt-follow>.bg{top:calc(clamp(56px,6vw,88px) - 88px)}
@media (max-width:520px){main>section.bt-follow>.bg{top:calc(clamp(56px,6vw,88px) - 56px)}}

/* v507: newsletter heading in the Botanink display font (like the section headings) instead of the script */
body.bt footer.site .ft-nl>.ft-h{font-family:var(--f-bt);font-weight:500;letter-spacing:.04em!important;font-size:clamp(30px,2.8vw,38px)!important;line-height:1.1!important}

/* v508: one seam colour for the whole Botanink page. Every section with a background fades softly into near-black (#020303) at its top and bottom, the art band and the book shelf use the same edge colour, so no section begins or ends with a visible line. */
body.bt main>section.ground::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;--sf:clamp(110px,12vw,190px);background:linear-gradient(180deg,#020303 0,rgba(2,3,3,.86) calc(var(--sf)*.25),rgba(2,3,3,.52) calc(var(--sf)*.55),rgba(2,3,3,.18) calc(var(--sf)*.8),rgba(2,3,3,0) var(--sf),rgba(2,3,3,0) calc(100% - var(--sf)),rgba(2,3,3,.18) calc(100% - var(--sf)*.8),rgba(2,3,3,.52) calc(100% - var(--sf)*.55),rgba(2,3,3,.86) calc(100% - var(--sf)*.25),#020303 100%)}
body.bt .bt-art{background:linear-gradient(180deg,#020303 0,var(--bt-0) clamp(110px,12vw,190px),var(--bt-0) calc(100% - clamp(110px,12vw,190px)),#020303 100%)}
body.bt footer.site.ft-bt::before{background:linear-gradient(180deg,#020303 0%,rgba(2,3,3,.85) 8%,rgba(5,8,7,.62) 22%,rgba(5,8,7,.55) 60%,rgba(5,8,7,.78) 100%)!important}
main>section.bt-follow>.bg{filter:brightness(.68)}

/* v513: hero background back to its own look (no extra seam layer on the first section) */
body.bt main>section.bth.ground::after{display:none}
/* v514: spores back, but drawn at the canvas' true pixel size (they were stretched into smears when the hero height changed after load) */
.bth-spores{width:100%;height:100%}

/* v520 mobile: "Follow @botaninkseries" is the longest button label; on phones it gets a little less letter spacing so it fits the 220px button */
@media (max-width:520px){main .row.bth-cta .btn.bt-btn{padding:0 8px!important;letter-spacing:.08em!important}}

/* v575 (22.10.2026): chips soft and rounded; menu type back to the size of the other pages */
body.bt .bt-chips li{border-radius:999px;padding:8px 18px 9px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:16.5px;letter-spacing:.01em;line-height:1.15}
body.bt nav.main a{font-size:14px;font-weight:500;letter-spacing:.18em}
body.bt nav.main .sub a{font-size:13px;white-space:nowrap}
body.bt details.menu a,body.bt details.menu .grp span{font-size:14px;font-weight:500}
body.bt details.menu .indent a{font-size:13px}

/* ===== v578 (22.10.2026): the paper crane in the footer. On hover it flaps in a soft halo and unfolds a small card above itself, centred ===== */
footer.site{--tip-bg:#1c130f;--tip-bg2:#2c1c15;--tip-line:rgba(196,154,108,.5);--tip-ink:#C49A6C;--tip-hi:#E9C597;--tip-glow:rgba(196,154,108,.4);--tip-text:#EDE3D6}
body.bt footer.site{--tip-bg:#0A100F;--tip-bg2:#15221f;--tip-line:rgba(196,160,106,.5);--tip-ink:#C4A06A;--tip-hi:#F1E2C4;--tip-glow:rgba(169,191,174,.42);--tip-text:#E9E0CC}
body.ur footer.site{--tip-bg:#0B1020;--tip-bg2:#16223C;--tip-line:rgba(152,175,226,.5);--tip-ink:#98AFE2;--tip-hi:#DCE3F0;--tip-glow:rgba(152,175,226,.42);--tip-text:#DCE3F0}
body footer.site.ground .ft-mark{position:relative}
body footer.site.ground .ft-mark::before{content:"";position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:radial-gradient(closest-side,var(--tip-glow),transparent 72%);opacity:0;transform:scale(.4);transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}
body footer.site.ground .ft-mark::after{content:"";position:absolute;left:50%;bottom:100%;width:220px;height:26px;margin-left:-110px}
body footer.site.ground .ft-mark:hover::before,body footer.site.ground .ft-mark:focus-within::before{opacity:1;transform:scale(1)}
body footer.site.ground .ft-mark img{position:relative;z-index:1;transform-origin:50% 70%}
body footer.site.ground .ft-mark:hover img,body footer.site.ground .ft-mark:focus-within img{animation:ftCrane 2.8s ease-in-out infinite}
@keyframes ftCrane{0%,100%{transform:translateY(-3px) rotate(-4deg) scaleX(1)}30%{transform:translateY(-7px) rotate(2deg) scaleX(.9)}60%{transform:translateY(-4px) rotate(-2deg) scaleX(1.03)}}
body footer.site.ground .ft-mark .ft-tip{position:absolute;left:50%;right:auto;bottom:calc(100% + 18px);z-index:6;display:block;white-space:nowrap;text-align:center;
  padding:13px 26px 14px;border-radius:16px 3px 16px 3px;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.11) 50%,transparent 60%) 130% 0/250% 100% no-repeat,linear-gradient(160deg,var(--tip-bg2),var(--tip-bg) 72%);
  border:1px solid var(--tip-line);
  box-shadow:0 20px 40px -10px rgba(0,0,0,.8),0 0 0 4px rgba(0,0,0,.16),0 0 36px -8px var(--tip-glow),inset 0 1px 0 rgba(255,255,255,.08);
  font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:16.5px;letter-spacing:.02em;line-height:1.3;color:var(--tip-text);
  opacity:0;visibility:hidden;pointer-events:none;transform-origin:50% 100%;
  transform:translateX(-50%) translateY(12px) rotateX(-75deg) scale(.88);
  transition:opacity .35s ease,transform .65s cubic-bezier(.2,.9,.25,1.15),visibility 0s linear .65s}
body footer.site.ground .ft-mark:hover .ft-tip,body footer.site.ground .ft-mark:focus-within .ft-tip,body footer.site.ground .ft-mark:focus .ft-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) rotateX(0) scale(1);transition-delay:0s;animation:ftShine 3.2s .5s ease-in-out infinite}
@keyframes ftShine{0%{background-position:130% 0,0 0}55%,100%{background-position:-30% 0,0 0}}
body footer.site.ground .ft-mark .ft-tip::before{content:"\2665";position:static;display:inline-block;width:auto;height:auto;margin:0 10px 0 0;color:var(--tip-ink);font-style:normal;font-size:15px;text-shadow:0 0 12px var(--tip-glow);transform-origin:50% 60%;animation:ftBeat 1.5s ease-in-out infinite}
@keyframes ftBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.4)}28%{transform:scale(1)}42%{transform:scale(1.22)}}
body footer.site.ground .ft-mark .ft-tip::after{content:"";position:absolute;left:50%;right:auto;top:100%;width:12px;height:12px;margin:-7px 0 0 -6px;border:0;border-right:1px solid var(--tip-line);border-bottom:1px solid var(--tip-line);background:var(--tip-bg);transform:rotate(45deg)}
body footer.site.ground .ft-mark .ft-tip a{position:relative;font-family:'Cinzel',Georgia,serif;font-style:normal;font-size:13.5px;letter-spacing:.14em;text-transform:lowercase;color:var(--tip-hi);text-decoration:none;padding-bottom:3px;background:linear-gradient(var(--tip-hi),var(--tip-hi)) 0 100%/0 1px no-repeat;transition:background-size .6s .35s cubic-bezier(.2,.8,.2,1),color .3s,text-shadow .3s}
body footer.site.ground .ft-mark:hover .ft-tip a,body footer.site.ground .ft-mark:focus-within .ft-tip a{background-size:100% 1px}
body footer.site.ground .ft-mark .ft-tip a:hover,body footer.site.ground .ft-mark .ft-tip a:focus-visible{color:#fff;text-shadow:0 0 14px var(--tip-glow)}
@media (max-width:700px){
  body footer.site.ground .ft-mark .ft-tip{left:auto;right:-10px;transform-origin:calc(100% - 34px) 100%;transform:translateY(12px) rotateX(-75deg) scale(.88)}
  body footer.site.ground .ft-mark:hover .ft-tip,body footer.site.ground .ft-mark:focus-within .ft-tip,body footer.site.ground .ft-mark:focus .ft-tip{transform:translateY(0) rotateX(0) scale(1)}
  body footer.site.ground .ft-mark .ft-tip::after{left:auto;right:30px;margin-left:0}
}
@media (prefers-reduced-motion:reduce){body footer.site.ground .ft-mark:hover img,body footer.site.ground .ft-mark:focus-within img,body footer.site.ground .ft-mark .ft-tip,body footer.site.ground .ft-mark .ft-tip::before{animation:none!important}}
nav.main .sub{width:max-content;min-width:260px}
nav.main .sub a{white-space:nowrap}

/* ===== v579 (22.10.2026): "Coming soon" earlier; footer card; art heading ===== */
body.bt .bth-eye{animation-delay:.7s}
body.bt .bth-lead{animation-delay:.9s}
body.bt .bt-soon{animation-delay:1.1s}
body footer.site.ground .ft-mark::before{width:74px;height:74px;margin:-37px 0 0 -37px}
body footer.site.ground .ft-mark .ft-tip{bottom:calc(100% + 14px);padding:9px 18px 10px;font-size:14.5px}
body footer.site.ground .ft-mark .ft-tip::before{content:none;display:none}
body.bt footer.site.ground .ft-mark .ft-tip a{font:inherit;letter-spacing:inherit;text-transform:none;font-style:italic}
.bt-head{gap:18px}
body.bt .bt-head .lbl{font-size:12px;letter-spacing:.24em}
body.bt h2#art.ttl{font-size:clamp(28px,3.2vw,38px)}
body.bt .bt-head .lbl{font-weight:400}

body.bt footer.site .ft-nl .ft-nl-consent{font-family:var(--f-btb);color:#D6CBB4}

/* v619: the enlarged picture (lightbox) on the Botanink page is green like the page, with the brass frame of the gallery (all screens) */
body.bt .lb-zoom:focus-visible{outline-color:var(--brass,#C4A06A)}
body.bt .lb-bd{background:radial-gradient(ellipse at center,rgba(18,34,29,.93),rgba(5,10,9,.97))}
body.bt .lb-fr{background:linear-gradient(160deg,#16261F,#0A100F);border-color:rgba(196,160,106,.7);box-shadow:0 0 0 6px #0A100F,0 0 0 7px rgba(196,160,106,.32),0 30px 90px rgba(0,0,0,.8),0 0 60px rgba(96,150,116,.14)}
body.bt .lb-in{border-color:rgba(196,160,106,.28);background:#060B0A}
body.bt .lb-c{border-color:var(--brass,#C4A06A);filter:drop-shadow(0 0 6px rgba(196,160,106,.35))}
body.bt .lb-fr figcaption{color:#A9BFAE}
body.bt .lb-fr figcaption b{font-family:var(--f-bt);font-weight:600;color:#E9E0CC}
body.bt .lb-fr figcaption a{color:var(--brass,#C4A06A)}
body.bt .lb-x,body.bt .lb-n{border-color:rgba(196,160,106,.6);background:rgba(10,16,15,.78);color:var(--brass,#C4A06A)}
body.bt .lb-x:hover,body.bt .lb-n:hover{background:rgba(27,41,38,.95);box-shadow:0 0 22px rgba(196,160,106,.3)}

/* v693 (07.11.2026, Tester-Meldung iPhone: heller Kasten ueber dem Hero, grauer Kasten hinter dem Schriftzug):
   Auf Handys laufen im Hero keine animierten Filter, Masken oder Blend-Modi mehr (iOS-Safari verliert dabei manchmal den Alpha-Kanal der Ebene).
   Der Tintenklecks blendet nur noch per Deckkraft und Skalierung ein, der Schriftzug "schreibt" sich per Clip-Pfad, der Hintergrund steht still. Desktop und Tablet unveraendert. */
@keyframes bt-bloom-m{0%{opacity:0;transform:scale(.55) rotate(-14deg)}60%{opacity:.95}100%{opacity:.92;transform:none}}
@keyframes bt-write-m{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (max-width:700px),(hover:none) and (pointer:coarse) and (max-height:500px){
  body.bt .bth .bg-pic img{animation:none;transform:scale(1.06)}
  body.bt .bth-mark .ink{filter:none;animation:bt-bloom-m 2.4s var(--bt-ease) both}
  body.bt .bth-mark .wm{filter:none;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:auto;mask-size:auto;animation:bt-write-m 2.2s .9s cubic-bezier(.45,.05,.3,1) both}
  body.bt .bth-mark .wm::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.bt .bth-mark .ink,body.bt .bth-mark .wm{animation:none;clip-path:none}
}