/* ===== v5 polish layer (round 5) ===== */
:root{--gold:#e8b84b;--gold2:#f6d57e;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1)}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.lede,.ap h2{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}
::selection{background:rgba(232,184,75,.35);color:#fff}
/* one continuous jungle: soft, edge-free section lighting instead of hard color bands */
body{background:#06120c radial-gradient(1200px 700px at 50% -200px,rgba(84,52,110,.28),transparent 70%) no-repeat}
.why,.crew,.reviews,.books-pm,.author,.levels,.gal,.preorder-pm,.ab-story,.ab-crew,.ab-grow,.bulk{background:transparent!important;position:relative;isolation:isolate}
.crew::before,.books-pm::before,.preorder-pm::before,.ab-grow::before,.bulk::before,.levels::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(70% 60% at 50% 45%,rgba(34,84,58,.45),transparent 75%)}
.preorder-pm::before{background:radial-gradient(60% 65% at 35% 45%,rgba(232,184,75,.10),transparent 70%),radial-gradient(80% 70% at 50% 50%,rgba(31,74,51,.55),transparent 78%)}
.books-pm::before{background:radial-gradient(45% 55% at 25% 55%,rgba(34,96,60,.35),transparent 75%),radial-gradient(45% 55% at 75% 55%,rgba(88,52,130,.30),transparent 75%)}
.campfire{position:relative}
.campfire::before,.campfire::after{content:"";position:absolute;left:0;right:0;height:90px;pointer-events:none;z-index:1}
.campfire::before{top:0;background:linear-gradient(#06120c,transparent)}
.campfire::after{bottom:0;background:linear-gradient(transparent,#06120c)}
.campfire>*{position:relative;z-index:2}
footer{background:linear-gradient(180deg,transparent,#030a06 60%)!important;border-top:0!important;position:relative;padding-top:64px!important}
footer::before{content:"";position:absolute;top:0;left:50%;width:min(560px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(232,184,75,.6),transparent)}
/* type rhythm */
.eyebrow{letter-spacing:.22em!important;font-weight:800!important;color:var(--gold)!important}
h2{letter-spacing:.01em}
.lede{color:#dfe6da!important}
/* card craft: hairline highlight, layered depth, gentle lift */
.card,.lv,.pain,.why-card,.why-card,.ccard-pm,.sp,.bk2,.ab-step,.ab-steps>*,.gcard,.gcard,.bulk-card,.tier-card{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.35),0 18px 40px -18px rgba(0,0,0,.7)!important;
 transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
@media(hover:hover){
 .lv:hover,.sp:hover,.bk2:hover,.ab-steps>*:hover,.why-card:hover,.gcard:hover{transform:translateY(-4px);border-color:rgba(232,184,75,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 2px 4px rgba(0,0,0,.35),0 30px 60px -22px rgba(0,0,0,.85),0 0 0 1px rgba(232,184,75,.12)!important}
 .gcard img,.sp img{transition:transform .7s var(--ease)}
 .gcard:hover img,.sp:hover img{transform:scale(1.03)}}
.gcard,.sp{overflow:hidden}
/* buttons: tactile hover, press, focus */
.btn{transition:transform .25s var(--spring),box-shadow .3s var(--ease),background-color .25s,border-color .25s,color .25s!important;-webkit-tap-highlight-color:transparent}
.btn.gold,.btn.big.gold,.btn-gold{background:linear-gradient(180deg,#f8d986,#e8b84b 55%,#d49a2c)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,70,0,.25),0 10px 28px -8px rgba(232,184,75,.55)!important;color:#1a1206!important}
@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn.gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(120,70,0,.25),0 16px 36px -8px rgba(232,184,75,.7)!important}
 .btn.ghost:hover,.btn:not(.gold):hover{border-color:rgba(232,184,75,.7)!important}}
.btn:active{transform:translateY(0) scale(.97)!important;transition-duration:.08s!important}
:focus-visible{outline:3px solid var(--gold2)!important;outline-offset:3px!important;border-radius:12px}
/* art presentation */
.author-art{margin:0}
.author-art img{background:#fff;padding:10px;border-radius:14px;transform:rotate(-1.5deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.author-art figcaption{margin-top:16px;text-align:center;font-weight:600;color:#c9d2c4;font-size:.95rem}
.bk2 .tier{white-space:nowrap;font-size:.68rem!important}
/* gallery */
.hero p,.hero .sub{font-family:Inter,system-ui,sans-serif!important;font-size:1.08rem!important;color:#dfe6da!important;font-weight:500}
.soon-art{max-width:820px;margin-left:auto!important;margin-right:auto!important}
.soon-art img{border-radius:18px}
.age{scroll-margin-top:90px}
/* popup polish */
.ap-wrap{animation:apFade .25s var(--ease)}
@keyframes apFade{from{background:transparent}to{}}
.ap-back{animation:apBack .3s var(--ease) both}
@keyframes apBack{from{opacity:0}to{opacity:1}}
.ap{animation:apIn2 .42s var(--spring) both;box-shadow:0 40px 100px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 6px rgba(232,184,75,.08)!important}
@keyframes apIn2{from{transform:translateY(22px) scale(.96)}to{transform:none}}
.ap-in>*{animation:apStep .35s var(--ease) both}
.ap-in>*:nth-child(2){animation-delay:.03s}.ap-in>*:nth-child(3){animation-delay:.06s}.ap-in>*:nth-child(4){animation-delay:.09s}.ap-in>*:nth-child(5){animation-delay:.12s}
@keyframes apStep{from{transform:translateY(8px)}to{transform:none}}
.ap-opt{position:relative;padding-right:18px}
.ap-opt:active{transform:scale(.985)}
.ap-opt.b1{box-shadow:0 0 0 4px rgba(232,184,75,.12),inset 0 1px 0 rgba(255,255,255,.08)}
/* mobile hero real page: tucked under the art like a print */
@media(max-width:760px){
 .hero-art .real-page{width:44%!important;margin:-56px 6% 0 auto!important;transform:rotate(4deg)!important}
 .art-label{font-size:.78rem}
 .soon-art{border-radius:14px}}
/* about crew captions */
.ab-cgrid figcaption span,.ab-cgrid small{display:block;text-wrap:balance}
/* motion safety */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .btn:hover,.lv:hover,.sp:hover,.bk2:hover{transform:none!important}}
.shelf2{max-width:1132px;margin-left:auto;margin-right:auto}
.soon-art img{height:auto!important;max-height:none!important;object-fit:contain}
.age>p,.age .wrap>p,.age p.desc{font-family:Inter,system-ui,sans-serif!important;font-size:1.02rem!important;color:#dfe6da}
.gcard{border-radius:18px!important}
.age p{font-family:Inter,system-ui,sans-serif}
.ab-contact{background:radial-gradient(70% 80% at 20% 30%,rgba(31,74,51,.55),transparent 75%)!important}
@media(max-width:760px){
 .hero-art .real-page{width:36%!important;margin:-48px 4% 0 auto!important}
 .soon-art img{max-width:290px!important}
 .ab-story{padding-top:48px!important}}
@media(max-width:440px){.why-grid{grid-template-columns:1fr!important;gap:12px!important}.why-card{padding:18px 20px!important}}
.ab-contact{background:radial-gradient(55% 55% at 35% 55%,rgba(31,74,51,.5),transparent 80%)!important}
.ap h2:focus,.ap h2:focus-visible{outline:none!important}

/* footer social icons */
.social{display:flex;justify-content:center;gap:8px;margin:14px 0 6px}.social[hidden]{display:none}
.social a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#e8e2cf;border:1px solid rgba(232,193,92,.35);transition:color .2s,border-color .2s,background .2s}
.social a:hover,.social a:focus-visible{color:#e8c15c;border-color:#e8c15c;background:rgba(232,193,92,.08)}
.social svg{width:22px;height:22px}
footer .social{justify-content:center!important;gap:10px!important;width:auto!important}