/* ===== v630 (30.10.2026) all sizes: content warnings centred, Unreachable "Three parts" like the home page ===== */
.cwtext{margin-inline:auto;text-align:center}
.cwtext .lbl,.cwtext h2,.cwtext p{text-align:center!important;margin-inline:auto}
.cwtext p{text-wrap:pretty}
.ur-parts-page{list-style:none;margin:clamp(26px,3vw,40px) auto 0;padding:0;display:flex;justify-content:center;gap:clamp(24px,3vw,44px);align-items:flex-start}
.ur-parts-page li{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(96px,12vw,150px);cursor:default}
.ur-parts-page img{width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s}
.ur-parts-page .pt{font-family:var(--f-ink,'Bebas Neue',sans-serif);font-size:19px;letter-spacing:.24em;color:#DCE5FA;margin-top:4px;text-shadow:0 1px 4px rgba(0,0,0,1),0 0 14px rgba(6,8,18,.95)}
.ur-parts-page .pn{font-family:var(--f-label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,229,250,.9);text-align:center;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,1),0 0 14px rgba(6,8,18,.95);transition:color .4s,text-shadow .4s}
.ur-parts-page li:hover img,.ur-parts-page li:active img{transform:translateY(-8px) rotate(-2deg);filter:drop-shadow(0 16px 18px rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(152,175,226,.45))}
.ur-parts-page li:hover .pn{color:#DCE5FA;text-shadow:0 0 12px rgba(152,175,226,.5)}
/* v686 (04.11.2026) Unreachable "Three parts" on the page: covers as large as the Botanink shelf (same column width as its 4-column grid, same gap), heading as large as the Botanink headings. Desktop and tablet only; phone (max-width:720px) unchanged. */
@media (min-width:721px){
.ur-parts-page{gap:clamp(18px,2.6vw,40px);margin-top:clamp(44px,5vw,70px)}
.ur-parts-page li{width:min(calc((min(var(--wrap),100vw) - 2*var(--gut) - 3*clamp(18px,2.6vw,40px))/4),calc((100vw - 2*var(--gut) - 2*clamp(18px,2.6vw,40px))/3));max-width:none;gap:10px}
.ur-parts-page .pt{font-size:clamp(19px,1.7vw,23px)}
.ur-parts-page .pn{font-size:clamp(11px,1vw,13px)}
#parts-band .center h2.ttl{font-size:clamp(32px,4.6vw,56px);line-height:1.1}
}
.release .thorn.t7,.release .thorn.t8,.release .thorn.t9{display:none}

/* ===== v629 (30.10.2026) phone round 4 =====
   Loaded after every other stylesheet. Phone only: nothing outside the media query changes desktop or tablet. */
@media (max-width:720px){

/* ---------- one reading size on all pages: EB Garamond 17px / 1.7 (the pitch under the chips on the series page) ---------- */
.ab-bio-text .bio,.fq-q .a,.fq-ask-copy,.fq-none,.prose,
.ur-blurb .ur-pov p:not(.pov),.ur-blurb>p:not(.tag),body.ur .ur-set .crest .copy p:not(.lbl),
.cwtext p{font-size:17px!important;line-height:1.7!important}
body.ur .cwtext p{color:#BCC8E4!important}
/* Botanink sets its text in Libre Baskerville, which is much wider than EB Garamond: smaller number, same look */
body.bt .bth-lead{font-size:15px!important;line-height:1.75!important}
body.bt .bt-sub{font-size:14.5px!important;line-height:1.75!important}
body.bt .cwtext p{font-size:13.5px!important;line-height:1.8!important}

/* ---------- Home: timeline - three equal steps, no wrapping names ---------- */
.verse .tl{row-gap:72px!important}
.verse .tl li{min-height:64px}
.verse .tl .name{white-space:nowrap;font-size:clamp(14px,4.6vw,18px)!important;letter-spacing:.08em!important;text-wrap:nowrap}
.verse .tl .era{white-space:nowrap;font-size:10.5px!important;letter-spacing:.15em!important}

/* ---------- Home: Book III head set exactly like the book heads on the series page (second line centred) ---------- */
.release .copy>.rel-lbl>span.rl-wrap{display:block!important;text-align:center;line-height:1.7!important;font-size:min(24px,6.1vw)!important}
.release .rel-lbl .rl-wrap .rl-b{display:inline!important}
.release .rel-lbl .rl-wrap .rl-t{display:inline!important;text-align:center!important}
.release .rel-lbl .rl-wrap .rn{display:inline-block;margin:0 .95em 0 0!important}

/* ---------- Home: Book III band - thorns stand in the background (no growing, no swaying), the cover stays still, a tap opens the link ---------- */
.release .thorn{display:block!important;animation:none!important;transition:none!important}
.release span.thorn>img{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.release span.thorn .tsh{display:none!important}
.release .cover-stage:hover>.cv3,.release .cover-stage:active>.cv3,.release .cover-stage:focus>.cv3{transform:none!important;box-shadow:0 34px 70px rgba(0,0,0,.7),0 0 40px rgba(217,162,95,.08)!important;transition:none!important}
.release .cover-stage{-webkit-tap-highlight-color:transparent}
.release .cover-stage .ct,.release .cover-stage .splat{display:none!important}
/* the glowing dots rise from the bottom again */
.release .ash{display:block!important}
.release .ash i{opacity:0}
.release .ash i:nth-child(1){animation:ashUp 14s linear -0.0s infinite!important}
.release .ash i:nth-child(2){animation:ashUp 21s linear -2.3s infinite!important}
.release .ash i:nth-child(3){animation:ashUp 17s linear -4.6s infinite!important}
.release .ash i:nth-child(4){animation:ashUp 24s linear -6.9s infinite!important}
.release .ash i:nth-child(5){animation:ashUp 20s linear -9.2s infinite!important}
.release .ash i:nth-child(6){animation:ashUp 16s linear -11.5s infinite!important}
.release .ash i:nth-child(7){animation:ashUp 23s linear -13.8s infinite!important}
.release .ash i:nth-child(8){animation:ashUp 19s linear -16.1s infinite!important}
.release .ash i:nth-child(9){animation:ashUp 15s linear -18.4s infinite!important}
.release .ash i:nth-child(10){animation:ashUp 22s linear -1.7s infinite!important}
.release .ash i:nth-child(11){animation:ashUp 18s linear -4.0s infinite!important}
.release .ash i:nth-child(12){animation:ashUp 14s linear -6.3s infinite!important}
.release .ash i:nth-child(13){animation:ashUp 21s linear -8.6s infinite!important}
.release .ash i:nth-child(14){animation:ashUp 17s linear -10.9s infinite!important}
.release .ash i:nth-child(15){animation:ashUp 24s linear -13.2s infinite!important}
.release .ash i:nth-child(16){animation:ashUp 20s linear -15.5s infinite!important}

/* ---------- Unreachable (home band and page): flat, light background instead of the huge tilted text layer ---------- */
.unreach .ur-floor .script{display:none!important}
.unreach .ur-floor{background:url(https://static.wixstatic.com/media/5e8914_1251be8860a6472d82b9a9fb25aa461c~mv2.webp) center bottom/100% auto no-repeat!important;perspective:none!important;opacity:.5!important;height:80%!important;-webkit-mask:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.unreach .ur-ink i{animation:none!important}
/* v633: the Unreachable page keeps its pinned background (it scrolls past it), as before */
.unreach:not(.ur-page){clip-path:none!important}
.unreach:not(.ur-page)>.bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 40%}

/* ---------- FAQ: tighter gaps ---------- */
.fqh{padding-bottom:34px!important}
.fq-body{padding-bottom:30px!important}
.fq-end .fq-cw,.fq-cw{padding-block:20px 40px!important}

/* ---------- About: the quote, centred, with a small quotation mark ---------- */
.abh-q{display:flex;flex-direction:column;align-items:center;text-align:center;border-left:0!important;padding:44px 6px 0!important;margin:4px 0 0!important}
.abh-q::before{left:50%!important;top:0!important;transform:translateX(-50%);font-size:64px!important;line-height:1;opacity:.8!important}
.abh-q p{font-size:21px!important;line-height:1.5!important;letter-spacing:.03em;text-wrap:balance}
.abh-cite{justify-content:center;margin-top:16px!important}
.abh-cite::after{content:"";width:28px;height:1px;background:var(--candle)}

/* About: the shelf - four covers on two planks, each with its title under the plank; no pulling, no overlapping */
.ab-shelf .shelf{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:36px;height:auto!important;padding:4px 0 0!important;margin:30px 0 0!important;overflow:visible!important;background:none!important;align-items:start;justify-content:stretch}
.ab-shelf .shelf .gap,.ab-shelf .shelf .ghost:not(:nth-child(8)){display:none!important}
.ab-shelf .shelf .bk{align-self:start!important;position:relative!important;flex:none!important;width:auto!important;height:auto!important;padding:0 12px}
.ab-shelf .shelf .bk a{position:static!important;display:flex!important;flex-direction:column;align-items:center;perspective:none}
.ab-shelf .shelf .bk .spine{display:none!important}
.ab-shelf .shelf .bk .cover{position:relative!important;left:auto!important;bottom:auto!important;translate:none!important;opacity:1!important;transform:none!important;width:100%;max-width:148px;height:auto!important;aspect-ratio:2/3.05;pointer-events:auto;box-shadow:0 14px 26px rgba(0,0,0,.65)}
.ab-shelf .shelf .bk a::after{content:"";order:1;align-self:stretch;height:16px;margin:0 -12px;background:linear-gradient(180deg,rgba(255,214,160,.28),rgba(255,214,160,0) 2px,rgba(0,0,0,0) 45%,rgba(0,0,0,.55)),url(https://static.wixstatic.com/media/5e8914_b831232284294bf8b2c0360a997b9632~mv2.webp) 0 70%/600px auto;box-shadow:0 10px 16px rgba(0,0,0,.6)}
.ab-shelf .shelf .bk .info,.ab-shelf .shelf .ghost:nth-child(8) .info{order:2;position:relative!important;left:auto!important;top:auto!important;translate:none!important;opacity:1!important;display:flex!important;width:auto;max-width:none!important;margin:12px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;pointer-events:auto;gap:3px;margin-left:0!important}
.ab-shelf .shelf .info::before{display:none!important}
.ab-shelf .shelf .info b{font-size:16.5px!important;line-height:1.2}
.ab-shelf .shelf .info em{font-size:9.5px!important;letter-spacing:.14em!important;margin-top:4px}
.ab-shelf .shelf .ghost:nth-child(8){display:block!important;grid-column:1/-1;height:auto!important;flex:none!important;margin-top:0;padding:0 12px}
.ab-shelf .shelf .ghost:nth-child(8) .gs{display:none!important}
.ab-shelf .shelf .ghost:nth-child(8) .info{margin:0 auto!important;padding:14px 18px!important;border:1px dashed rgba(217,162,95,.35)!important;background:rgba(20,13,10,.55)!important;align-items:center;text-align:center}
.ab-shelf .shelf .ghost:nth-child(8) .info b{writing-mode:horizontal-tb;transform:none}

.ab-shelf .ab-sub{display:none!important}
/* About: the artists - smaller frames */
.artists-wall .artists{gap:20px!important}
.artists-wall .artists li{width:104px!important}
.artists-wall .artists li:nth-child(even){margin-top:24px!important}
.artists-wall .artists li:nth-child(3n){margin-top:10px!important}
.artists-wall .artists img{padding:4px!important}
.artists-wall .artists b{font-size:10px!important;padding:4px 7px 3px!important}
.artists-wall::before{top:50px}

/* About: calling cards - small dark cards in two columns instead of tall paper cards */
.kf{grid-template-columns:minmax(0,1fr)!important;gap:30px!important;max-width:none!important;margin-top:34px!important}
.kf-h{margin-bottom:14px!important}
.kf-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:0!important}
.kc,.kc:first-child{height:auto!important;margin:0!important;transform:none!important}
.kc a{position:relative!important;inset:auto!important;min-height:0!important;padding:11px 10px 11px 14px!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto!important;column-gap:9px!important;align-items:center!important;color:var(--ivory)!important;border-radius:3px!important;background:linear-gradient(160deg,rgba(255,236,206,.07),rgba(255,236,206,.025))!important;box-shadow:inset 0 0 0 1px rgba(217,162,95,.2)!important}
.kc a::before{width:3px!important}
.kc-ic{width:26px!important;height:26px!important}
.kc-ic svg{width:14px!important;height:14px!important}
.kc-p{font-size:8.5px!important;letter-spacing:.18em!important;color:#CBB69E!important}
.kc-t b{font-size:14.5px!important;color:var(--ivory)!important}
.kc-go,.kc em,.kc-m{display:none!important}

/* ---------- Botanink ---------- */
/* the heart is a dim picture behind the quote */
body.bt .bt-heart{padding-block:60px 66px!important;overflow:hidden}
body.bt .bt-heart-g{display:block!important;position:relative}
body.bt .bt-heart-art{position:absolute!important;left:50%;top:50%;translate:-50% -50%;width:min(118%,460px)!important;max-width:none!important;margin:0!important;z-index:0;pointer-events:none}
body.bt .bt-heart-art .halo{opacity:.22!important;animation:none!important}
body.bt .bt-heart-art .hb{opacity:.3!important;filter:brightness(.55) contrast(1.05) saturate(.8)}
body.bt .bt-heart-art::after{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(4,8,7,.5),rgba(4,8,7,.2) 65%,transparent 85%)}
body.bt .bt-heart-copy{position:relative;z-index:1;align-items:center;text-align:center}
body.bt .bt-heart-copy blockquote.bt-quote{border-left:0!important;padding:38px 6px 0!important;align-items:center;text-align:center;gap:14px!important;margin-top:4px!important}
body.bt .bt-heart-copy blockquote.bt-quote::before{left:50%!important;top:-6px!important;transform:translateX(-50%);font-size:62px!important;line-height:1;opacity:.8!important}
body.bt .bt-heart-copy blockquote.bt-quote p{font-size:15px!important;line-height:1.8!important;text-shadow:0 1px 12px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.85)!important}
body.bt .bt-heart-copy blockquote.bt-quote footer{justify-content:center}
body.bt .bt-heart-copy blockquote.bt-quote footer::after{content:"";width:28px;height:1px;background:var(--brass)}
/* the four books: titles closer to the covers, rows closer together */
body.bt .bt-books .shelf{row-gap:20px!important}
body.bt .bk{gap:0!important}
body.bt .bk .tag{margin-top:-11%!important}
/* the two gardens: smaller text, more of the picture */
body.bt .gd-t{font-size:11.5px!important;line-height:1.5!important;max-width:41%!important}
body.bt .gd-t b{font-size:8.5px!important;letter-spacing:.14em!important;margin-bottom:3px}
body.bt .gd-q p{font-size:17px!important;line-height:1.6!important}

/* ===== v630 phone ===== */
/* Book band -> three books: the pinned background (fixed inside a clipped section) made the transition stutter */
body:not(.tbl) .series>.bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover}
body:not(.tbl) .series>.ring{position:absolute!important}
.series .head .wm-fx::before,.series .head .wm-fx::after{animation:none!important}
/* thorns: clearly visible top left, a few more */
.release .thorn{z-index:1!important;filter:brightness(1.8) saturate(1.15) drop-shadow(0 0 5px rgba(217,162,95,.28)) drop-shadow(0 8px 10px rgba(0,0,0,.6))!important}
.release .thorn.t4,.release .thorn.t7,.release .thorn.t8,.release .thorn.t9{filter:brightness(2.5) saturate(1.2) drop-shadow(0 0 6px rgba(217,162,95,.4)) drop-shadow(0 8px 10px rgba(0,0,0,.6))!important}
.release .thorn.t4{left:-10%!important;top:-4%!important;width:56vw!important;opacity:1!important;transform:rotate(-108deg) scaleY(-1)!important}
.release .thorn.t7{display:block!important;left:-14%;top:2%;width:54vw;opacity:1;transform:rotate(-8deg)!important;transform-origin:0 0}
.release .thorn.t8{display:block!important;left:10%;top:-3%;width:30vw;opacity:.9;transform:rotate(18deg)!important}
.release .thorn.t9{display:block!important;left:-18%;top:20%;width:42vw;opacity:.85;transform:rotate(-34deg) scaleX(-1)!important;transform-origin:0 0}
.release .copy{position:relative;z-index:2}

/* About: titles of "A life given to one island" centred (text stays) */
.ab-bio-text .lbl,.ab-bio-text .ttl{text-align:center!important}
/* About: shelf darker, softer top and bottom, books with real depth (spine, page block, hinge) */
.ab-shelf{background:linear-gradient(180deg,var(--night) 0%,rgba(2,1,1,.72) 20%,rgba(2,1,1,.8) 80%,var(--night) 100%),url(https://static.wixstatic.com/media/5e8914_258ea916c549493baab6b58b1a6cd7a7~mv2.webp) center/cover no-repeat,var(--night)!important;padding-block:84px 96px!important}
.ab-shelf .shelf .bk a{perspective:760px!important}
.ab-shelf .shelf .bk .cover{transform-style:preserve-3d;transform:rotateY(30deg)!important;transform-origin:50% 100%;box-shadow:none!important;border-radius:1px 3px 3px 1px;overflow:visible!important}
.ab-shelf .shelf .bk .cover img{border-radius:1px 3px 3px 1px;box-shadow:inset 5px 0 7px -3px rgba(0,0,0,.65),inset -1px 0 0 rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.12),14px 16px 22px -4px rgba(0,0,0,.7)}
.ab-shelf .shelf .bk .cover::before{content:"";position:absolute;left:0;top:0;width:38px;height:100%;transform-origin:0 50%;transform:rotateY(90deg);background:var(--sp,linear-gradient(90deg,#2a1a13,#47291d));background-size:100% 100%}
.ab-shelf .shelf .bk .cover::after{content:"";position:absolute;right:0;top:2px;width:14px;height:calc(100% - 4px);transform-origin:100% 50%;transform:rotateY(-90deg);background:repeating-linear-gradient(0deg,#d8cdb3 0 1px,#b3a78c 1px 2px)}
.ab-shelf .shelf .bk a[href*="book-1"] .cover::before{background-image:url(https://static.wixstatic.com/media/5e8914_0cf0c97102ea4be4b8bcf01fb039fccc~mv2.webp)}
.ab-shelf .shelf .bk a[href*="book-2"] .cover::before{background-image:url(https://static.wixstatic.com/media/5e8914_ee34aa78d7374a33a954dcb71363eda1~mv2.webp)}
.ab-shelf .shelf .bk a[href*="book-3"] .cover::before{background-image:url(https://static.wixstatic.com/media/5e8914_ca80c722d8e74d3f858062d0b33d1638~mv2.webp)}
.ab-shelf .shelf .bk a[href*="unreachable"] .cover::before{background-image:url(https://static.wixstatic.com/media/5e8914_30ff38870b0a44d78029b0ed122babc8~mv2.webp)}
.ab-shelf .shelf .bk .cover::before{background-size:100% 100%;background-repeat:no-repeat}
/* About: artists closer to their title */
.artists-wall{margin-top:6px!important;padding-top:0!important}
.artists-wall::before{top:34px!important}
.ab-artists .ab-head{padding-bottom:0}

/* Unreachable page: the blue header picture reaches further down and fades out softly */
body.ur .vhead{padding-bottom:190px!important;margin-bottom:-70px;position:relative;z-index:0}
body.ur .vhead::before{background:radial-gradient(ellipse at 50% 40%,rgba(14,20,36,.05) 0%,rgba(14,20,36,.5) 90%),linear-gradient(180deg,rgba(14,20,36,0) 66%,rgba(14,20,36,.3) 90%,rgba(14,20,36,.5) 100%)!important}
body.ur .vhead>.bg{filter:brightness(.9) saturate(1.05)!important}
body.ur .unreach.ur-page{position:relative;z-index:1;margin-top:-70px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 190px);mask-image:linear-gradient(180deg,transparent 0,#000 190px)}
body.ur .unreach.ur-page>.shade{background:linear-gradient(180deg,rgba(14,20,36,.0) 0%,rgba(14,20,36,.2) 14%,rgba(14,20,36,.45) 100%)!important}
/* Unreachable "Three parts" on the page: same three covers as on the home page */
.ur-parts-page{gap:22px!important}
.ur-parts-page li{width:calc((100vw - 32px - 44px)/3)!important;max-width:110px}
.ur-parts-page .pt{font-size:17px}.ur-parts-page .pn{font-size:10px;white-space:normal}

}

/* ===== v631 (30.10.2026) ===== */
/* Home hero: the Umbra mark takes the warm colour of the line under it (all sizes) */
.stage.hero .sigil::before{background:radial-gradient(circle,rgba(217,162,95,.26) 0%,rgba(217,162,95,0) 62%)}
.stage.hero .sigil img{filter:brightness(0) invert(1) sepia(.8) saturate(6.75) hue-rotate(-48deg) brightness(.88) drop-shadow(0 0 9px rgba(217,162,95,.45)) drop-shadow(0 2px 6px rgba(0,0,0,.9))}
.stage.hero .sigil:hover img{filter:brightness(0) invert(1) sepia(.8) saturate(6.75) hue-rotate(-48deg) brightness(.88) drop-shadow(0 0 15px rgba(217,162,95,.8)) drop-shadow(0 2px 6px rgba(0,0,0,.9))}

@media (max-width:720px){

/* ---------- Home: Book III band - thorns all alike, softer and wider entry from the timeline ---------- */
.release .thorn,.release .thorn.t4,.release .thorn.t7,.release .thorn.t8,.release .thorn.t9{filter:brightness(1.8) saturate(1.15) drop-shadow(0 0 5px rgba(217,162,95,.28)) drop-shadow(0 8px 10px rgba(0,0,0,.6))!important}
.release .thorn.t4,.release .thorn.t7,.release .thorn.t9{opacity:.9!important}
.release .thorn.t8{opacity:.85!important}
.release .thorn,.release .thorn.t4,.release .thorn.t7,.release .thorn.t8,.release .thorn.t9{z-index:0!important}
.release::after{z-index:0;background:linear-gradient(180deg,var(--night) 0,rgba(6,4,4,.62) 50px,rgba(6,4,4,.28) 120px,rgba(6,4,4,.08) 190px,rgba(6,4,4,0) 250px),radial-gradient(ellipse 38% 46% at 62% 50%,rgba(10,6,5,.55) 0%,rgba(10,6,5,.3) 50%,rgba(10,6,5,0) 80%)}

/* ---------- Unreachable (home band and page): the handwriting starts at the middle of the book, a shadow under the blue before it ---------- */
.unreach .ur-floor,.unreach:has(.ur-stage:hover) .ur-floor{background:none!important;-webkit-mask:none!important;mask:none!important;opacity:1!important;filter:none!important;height:auto!important;top:20%;bottom:0;overflow:visible}
.unreach .ur-floor::after{content:"";position:absolute;inset:0;background:url(https://static.wixstatic.com/media/5e8914_1251be8860a6472d82b9a9fb25aa461c~mv2.webp) 50% 0/cover no-repeat;opacity:.5;-webkit-mask:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 8%,#000 17%,#000 82%,transparent 100%);mask:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 8%,#000 17%,#000 82%,transparent 100%)}
.unreach .ur-floor::before{content:"";position:absolute;left:0;right:0;top:-140px;height:380px;z-index:1;background:linear-gradient(180deg,rgba(3,5,12,0) 0,rgba(3,5,12,.55) 28%,rgba(3,5,12,.75) 48%,rgba(3,5,12,.5) 68%,rgba(3,5,12,.18) 86%,rgba(3,5,12,0) 100%)}
.unreach.ur-page .ur-floor{top:9%}

/* Unreachable page: the first crane by "Three parts" sits lower, so the band above no longer cuts it off */
body.ur #parts-band .cr2s .cr2:first-child{top:7%!important}

/* ---------- Botanink: smaller chips (three rows), tighter gaps between the bands ---------- */
body.bt .bt-chips{gap:6px!important}
body.bt .bt-chips li{font-size:14.5px!important;padding:6px 12px 7px!important}
body.bt .bth{padding-bottom:30px!important}
body.bt .bt-heart{padding-block:44px 40px!important}
body.bt .bt-books{padding-block:48px 34px!important}
body.bt .bt-gardens{padding-block:40px 34px!important}
body.bt .bt-notes{padding-block:34px 36px!important}
body.bt .bt-art{padding-top:30px!important}
body.bt .bt-follow{padding-block:40px 6px!important}
body.bt footer.site{padding-top:34px!important}

/* ---------- All pages: less empty space before the footer and between bands ---------- */
body footer.site.ground{padding-top:26px!important}
.unreach:not(.ur-page){padding-bottom:28px!important}
.band.ground.vw.wiki{padding-bottom:34px!important}
.band.ground.vw[aria-label="Content warnings"]{padding-bottom:52px!important}
body.ur .vw.ur-follow{padding-top:26px!important;padding-bottom:30px!important}
body.ur .ur-puzzle{padding-bottom:30px!important}

/* About, contact and legal pages: the same trimming */
.ab-bio{padding-bottom:36px!important}
.ab-shelf{padding-top:56px!important;padding-bottom:72px!important}
.ab-write{padding-bottom:34px!important}
.ct-desk{padding-bottom:34px!important}
.lg-hero{padding-bottom:52px!important}
.lg-body{padding-bottom:36px!important}

/* ===================== v632 (30.10.2026, phone round 2b) ===================== */

/* Home, Book III band: less lag (one cheap filter per thorn, no blurred shadows, fewer motes, no backdrop blur), same look for all thorns, dark top-left corner */
.release .thorn,.release .thorn.t4,.release .thorn.t7,.release .thorn.t8,.release .thorn.t9{filter:brightness(1.45)!important;will-change:auto!important;opacity:.85!important}
.release span.thorn>img,.release span.thorn>img.tmain{filter:none!important}
.release .ash i:nth-child(n+9){display:none!important}
.release .ash i{box-shadow:none!important}
header.site,.release .btn.ghost{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.release::after{background:radial-gradient(ellipse 85% 34% at 0% 0%,rgba(4,3,3,.82) 0%,rgba(4,3,3,.5) 45%,rgba(4,3,3,0) 100%),linear-gradient(180deg,var(--night) 0,rgba(6,4,4,.62) 50px,rgba(6,4,4,.28) 120px,rgba(6,4,4,.08) 190px,rgba(6,4,4,0) 250px),radial-gradient(ellipse 38% 46% at 62% 50%,rgba(10,6,5,.55) 0%,rgba(10,6,5,.3) 50%,rgba(10,6,5,0) 80%)}

/* Home timeline: room below so the Umbra mark is not cut off */
.verse{padding-bottom:150px!important}

/* Series page, playlists: three books side by side */
.sound .center{margin-bottom:26px!important}
.sound .recs{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important;gap:6px!important}
.sound .rec{gap:10px}
.sound .rec-art{width:68%!important;margin-right:14%!important}
.sound .rec-meta{width:100%;min-height:2.7em;justify-content:flex-start}
.sound .rec-meta b{font-size:10.5px!important;letter-spacing:.04em!important;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere;text-wrap:balance}
.sound .rec-play{min-width:0!important;min-height:36px;padding:0 12px!important;font-size:10.5px!important;letter-spacing:.14em!important;gap:5px}
.sound .rec-play svg{width:11px;height:11px}

/* Unreachable page: smaller gap under the chips, handwriting behind the texts darker */
body.ur .vhead{padding-bottom:30px!important;margin-bottom:-50px!important}
body.ur .unreach.ur-page{margin-top:-50px!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px)!important;mask-image:linear-gradient(180deg,transparent 0,#000 110px)!important}
.unreach .ur-floor::after{opacity:.34!important}
.unreach .ur-floor::before{background:linear-gradient(180deg,rgba(3,5,12,0) 0,rgba(3,5,12,.7) 24%,rgba(3,5,12,.86) 46%,rgba(3,5,12,.7) 68%,rgba(3,5,12,.3) 86%,rgba(3,5,12,0) 100%)!important}

/* Botanink: smaller chips, heart whole again */
body.bt .bt-chips{gap:5px!important}
body.bt .bt-chips li{font-size:13px!important;padding:5px 10px 6px!important}
body.bt .bt-heart{padding-block:64px!important;min-height:430px}
body.bt .bt-heart-art{width:min(100%,380px)!important}

/* FAQ end: the question stands out, the line under it is quieter */
.fq-ask-copy .ttl{font-size:clamp(28px,8vw,34px)!important;line-height:1.18!important;white-space:normal!important;text-wrap:balance!important;max-width:100%;color:var(--ivory);text-shadow:0 2px 20px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.6)}
.fq-ask-copy .ttl::before{content:"";display:block;width:54px;height:1px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,rgba(217,162,95,.85),transparent)}
.fq-ask-copy p{font-size:13.5px!important;line-height:1.5!important;color:var(--ash);opacity:.85}

/* About shelf: flat books with visible depth, darker wall, two-line titles and meta */
.ab-shelf{background:linear-gradient(180deg,var(--night) 0%,rgba(2,1,1,.9) 18%,rgba(2,1,1,.93) 82%,var(--night) 100%),url(https://static.wixstatic.com/media/5e8914_258ea916c549493baab6b58b1a6cd7a7~mv2.webp) center/cover no-repeat,var(--night)!important}
.ab-shelf .shelf .bk .cover{transform:none!important;transform-style:flat!important;transform-origin:50% 50%;overflow:visible!important}
.ab-shelf .shelf .bk .cover img{display:block;border-radius:1px 3px 3px 1px;box-shadow:inset 7px 0 7px -4px rgba(0,0,0,.7),inset 1px 0 0 rgba(255,255,255,.1),inset -1px 0 0 rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.14),9px 12px 16px -6px rgba(0,0,0,.8)}
.ab-shelf .shelf .bk .cover::before{left:0!important;top:0!important;width:9px!important;height:100%!important;transform:none!important;background:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.1) 38%,rgba(0,0,0,.28) 62%,rgba(0,0,0,0) 100%)!important;background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.1) 38%,rgba(0,0,0,.28) 62%,rgba(0,0,0,0) 100%)!important;pointer-events:none;border-radius:1px 0 0 1px}
.ab-shelf .shelf .bk .cover::after{right:-5px!important;top:2px!important;width:5px!important;height:calc(100% - 4px)!important;transform:none!important;background:repeating-linear-gradient(0deg,#d8cdb3 0 1px,#a89c82 1px 2px)!important;border-radius:0 1px 1px 0;box-shadow:inset 2px 0 2px rgba(0,0,0,.35)}
.ab-shelf .shelf .info{text-align:center}
.ab-shelf .shelf .info .dot{display:none}
.ab-shelf .shelf .info .sr,.ab-shelf .shelf .info .bn,.ab-shelf .shelf .info em span{display:block}
.ab-shelf .shelf .info .ser{display:block;font-size:12.5px;line-height:1.35}
.ab-shelf .shelf .info em{line-height:1.5}
.ab-write{padding-top:30px!important} /* v709: more air between the calling cards and the letter on phones */
.ab-find{padding-bottom:42px!important}
.ab-egg-band{margin-block:0!important}

/* ===================== v633 (30.10.2026) ===================== */

/* Series page and Unreachable: pinned background again (full resolution, section scrolls past it); the player opening no longer moves it */
body.tbl .series>.bg{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;object-fit:cover}
body.tbl .series>.ring{position:fixed!important;top:55%!important}
body.tbl .series{clip-path:inset(0)!important}
body.ur .unreach.ur-page{clip-path:inset(0)!important}
body.ur .unreach.ur-page>.bg,body.ur .unreach.ur-page>.shade,body.ur .unreach.ur-page>.ur-ink{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important}
body.ur #parts-band{clip-path:inset(0)}
body.ur #parts-band>.bg{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;object-fit:cover;-webkit-mask-image:none!important;mask-image:none!important}
body.ur #parts-band::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--cwy,0px) + 120px);z-index:-1;pointer-events:none;background:linear-gradient(180deg,#05070f 0,#05070f var(--cwy,0px),rgba(5,7,15,0) 100%)}

/* Now-playing box: the title may wrap instead of being cut off */
.deck-top{flex-wrap:wrap;row-gap:8px}
.deck-top b{order:3;flex:1 0 100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.4;letter-spacing:.08em!important}

/* About shelf: no grey page edge, one continuous plank, titles only (one line) */
.ab-shelf .shelf .bk .cover::after{display:none!important}
.ab-shelf .shelf .bk .cover img{box-shadow:inset 7px 0 7px -4px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1),9px 12px 16px -6px rgba(0,0,0,.8)!important}
.ab-shelf .shelf .bk .cover::before{background:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.18) 45%,rgba(0,0,0,0) 100%)!important;background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.18) 45%,rgba(0,0,0,0) 100%)!important}
.ab-shelf .shelf .bk a::after{background-size:auto,200% auto!important;background-position:0 0,0 70%!important}
.ab-shelf .shelf .bk:nth-child(2) a::after,.ab-shelf .shelf .bk.s-ur a::after{background-position:0 0,100% 70%!important}
.ab-shelf .shelf .info .ser{display:none!important}
.ab-shelf .shelf .info{margin-inline:-12px!important}
.ab-shelf .shelf .info b{white-space:nowrap!important;font-size:clamp(12.5px,3.85vw,15.5px)!important;letter-spacing:0!important}

/* About: soft transition from the bio band into the shelf */
.ab-bio>.bg{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 200px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 200px),transparent 100%)}
.ab-bio{padding-bottom:56px!important}
.ab-shelf{background:linear-gradient(180deg,#000 0,rgba(0,0,0,0) 140px),linear-gradient(180deg,var(--night) 0%,rgba(2,1,1,.96) 8%,rgba(2,1,1,.9) 24%,rgba(2,1,1,.93) 82%,var(--night) 100%),url(https://static.wixstatic.com/media/5e8914_258ea916c549493baab6b58b1a6cd7a7~mv2.webp) center/cover no-repeat,var(--night)!important}

}

/* v641: Book III title on the home page, phone: larger like on the series page */
@media (max-width:720px){
  .release .copy>.rel-lbl>span.rl-wrap{font-size:29px!important;letter-spacing:.09em!important}
  .release .copy>.rel-lbl::after{margin-top:-12px}
}

/* v644: Home Book III title, phone: line height like the series page */
@media (max-width:720px){
  .release .copy>.rel-lbl>span.rl-wrap{line-height:1.18!important}
}
@media (max-width:720px){
  .release .rel-lbl .rl-wrap .rl-t,.release .rel-lbl .rl-wrap .rl-b{font-size:inherit!important;line-height:inherit!important}
}
@media (max-width:720px){
  .release .copy>.rel-lbl>span.rl-wrap #new-title{font-size:inherit!important;line-height:inherit!important}
}

/* v688 (04.11.2026) Unreachable chips on desktop/tablet: same size as the TBL and Botanink chips (16px, padding 8/18/9, gap 8); row width set so the nine chips wrap evenly (5 + 4). Phone (max-width:720px) unchanged. */
@media (min-width:721px){
body.ur .vhead .ur-vt .chips{max-width:min(100%,830px);gap:8px}
body.ur .vhead .ur-vt .chips li{font-size:16px;letter-spacing:.01em;line-height:1.15;padding:8px 18px 9px}
}


/* v702 (07.11.2026): hidden Umbra sign. The band is exactly as tall as the sign plus a little air (the sections around it already carry their own padding), so nothing overlaps and nothing gets a heavy gap.
   Phone (up to 720px): the sign sits between the shelf ("More to come") and the artists. From 721px: it stays between the calling cards and the letter, and the letter moves down by the band height. */
/* v706 (08.11.2026): with the light on the band is closed, so there is no empty dark gap between the calling cards and the letter (or the shelf and the artists on phones). When the light is put out, the band opens smoothly to the height of the sign. */
.ab-egg-band{height:0;overflow:visible;transition:height 1.6s cubic-bezier(.4,0,.2,1)}
@media (max-width:720px){
.ab-egg-band:not(.ab-egg-m){display:none!important}
.ab-egg-band.ab-egg-m{display:block;background:none}
html.ab-night .ab-egg-band.ab-egg-m{height:calc(min(540px,78vw)*.297 + 24px)!important}
.ab-egg-band.ab-egg-m .ab-egg{top:50%!important}
}
@media (min-width:721px){
.ab-egg-band.ab-egg-m{display:none!important}
html.ab-night .ab-egg-band:not(.ab-egg-m){height:calc(min(540px,78vw)*.297 + 24px)}
.ab-egg-band:not(.ab-egg-m) .ab-egg{top:50%}
}
@media (prefers-reduced-motion:reduce){.ab-egg-band{transition:none}}