:root{--cream:#f2efe8;--dim:#b9b1a2;--ox:#c9704e;--ox-lift:#e39a78;--ink:#100e0b;--panel:#15120e;--line:rgba(242,239,232,.14);--explor:#e6a13a;--sq:#57ab86;--wild:#5aa9b5;--cg:#c3b79c;--tango:#e8402a;--mokuba:#b98a4e;--chatmaigre:#9a4636;}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:78px}body{font-family:'Inter',system-ui,sans-serif;font-weight:300;color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(201,112,78,.18);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}::selection{background:rgba(201,112,78,.28);color:#fff}.grain{position:absolute;inset:0;opacity:.05;pointer-events:none;mix-blend-mode:overlay;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}/* ---------- NAV ---------- */ .nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,5vw,56px);transition:background .4s ease,border-color .4s ease,padding .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav.solid{background:rgba(16,14,11,.86);backdrop-filter:saturate(120%) blur(9px);border-bottom-color:var(--line);padding-top:13px;padding-bottom:13px}.lockup{display:flex;align-items:center;gap:10px;min-height:44px}.lockup .mark{height:30px;width:auto;flex:none;filter:drop-shadow(0 1px 8px rgba(0,0,0,.55))}.lockup .nm{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(18px,2.3vw,22px);letter-spacing:.03em;white-space:nowrap}.navlinks{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px)}.navlinks a{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.78;padding:10px 2px;min-height:44px;display:inline-flex;align-items:center;transition:color .3s ease,opacity .3s ease}.navlinks a:hover,.navlinks a:focus-visible{opacity:1;color:#f0d8ae;outline:none}/* ---------- BILLBOARD (featured title) ---------- */ .billboard{position:relative;min-height:max(480px,calc(100svh - 265px));overflow:hidden;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;--ac:var(--explor)}.bb-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:60% 40%;transform:scale(1.05);animation:kb 15s ease-in-out infinite alternate;transition:opacity .7s ease;pointer-events:none}@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.15)}}.billboard::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,14,11,.55) 0%,rgba(16,14,11,.04) 22%,rgba(16,14,11,.40) 48%,rgba(16,14,11,.78) 74%,rgba(16,14,11,.99) 100%),linear-gradient(90deg,rgba(16,14,11,calc(.74*var(--scrim,1))) 0%,rgba(16,14,11,calc(.52*var(--scrim,1))) 34%,rgba(16,14,11,calc(.18*var(--scrim,1))) 66%,rgba(16,14,11,0) 86%)}.bb-inner{position:relative;z-index:3;padding:clamp(96px,12vh,128px) clamp(22px,5vw,56px) clamp(48px,7vw,92px);max-width:1180px;width:100%;margin:0 auto}.bb-kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--cream);opacity:0;animation:up .9s .1s forwards}.bb-kicker::before{content:"";width:26px;height:1px;background:var(--ox-lift);display:inline-block}.bb-kicker b{color:var(--dim);font-weight:400}.bb-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(58px,12vw,132px);line-height:.9;letter-spacing:-.02em;margin-top:16px;color:var(--ac);text-shadow:0 3px 40px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5);opacity:0;animation:up 1s .2s forwards}.bbf-explor{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.02em}.bbf-sq{font-family:'Grenze Gotisch',serif;font-weight:700;letter-spacing:.01em}.bbf-wild{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.bbf-cg{font-family:'Marcellus',serif;font-weight:400;letter-spacing:.02em}.bbf-tango{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.01em}.bbf-chatmaigre{font-family:'Cinzel',serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em}.bbf-mokuba{font-family:'Shippori Mincho',serif;font-weight:600;letter-spacing:.05em}.bb-log{margin-top:20px;max-width:40ch;font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;font-size:clamp(19px,2.6vw,28px);line-height:1.3;color:#e9cfa9;text-shadow:0 1px 18px rgba(0,0,0,.6);opacity:0;animation:up 1s .36s forwards}.bb-status{margin-top:18px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d8d0c1;display:flex;align-items:center;gap:10px;opacity:0;animation:up 1s .48s forwards}.bb-status .dot{width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 12px var(--ac);flex:none;animation:pulse 2.6s ease-in-out infinite}.bb-status .dot.ghost{background:transparent;border:1px solid var(--dim);box-shadow:none;animation:none}.bb-actions{margin-top:30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;opacity:0;animation:up 1s .6s forwards}.appstore{height:54px;width:auto;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}a.badge{display:inline-block;line-height:0;border-radius:10px}a.badge:hover .appstore,a.badge:focus-visible .appstore{transform:translateY(-2px);box-shadow:0 14px 32px -14px rgba(0,0,0,.9)}a.badge:focus-visible{outline:2px solid var(--explor);outline-offset:4px}.bb-more{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.9;display:inline-flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);min-height:44px;box-sizing:content-box;transition:gap .3s ease,color .3s ease,border-color .3s ease}.bb-more .a{color:var(--ac);font-size:14px;line-height:1;transition:transform .3s ease}.bb-more:hover,.bb-more:focus-visible{gap:13px;color:#f0d8ae;border-bottom-color:var(--ac);outline:none}.bb-more:hover .a,.bb-more:focus-visible .a{transform:translateX(3px)}.bb-ticks{margin-top:36px;display:flex;gap:9px;align-items:center;opacity:0;animation:up 1s .72s forwards}.tick{position:relative;width:24px;height:4px;border-radius:2px;border:none;padding:0;background:rgba(242,239,232,.26);cursor:pointer;transition:background .35s ease,width .35s ease}.tick.on{width:42px;background:var(--ac);box-shadow:0 0 10px color-mix(in srgb,var(--ac) 60%,transparent)}.tick:hover{background:rgba(242,239,232,.5)}.tick.on:hover{background:var(--ac)}.tick:focus-visible{outline:2px solid var(--ac);outline-offset:3px}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}/* ---------- SECTION SCAFFOLD ---------- */ .wrap{max-width:1180px;margin:0 auto;padding-left:clamp(22px,5vw,56px);padding-right:clamp(22px,5vw,56px)}.eyebrow{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ox);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:26px;height:1px;background:var(--ox);display:inline-block}.js .r{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.js .r.in,.r.in{opacity:1;transform:none}.r.d1{transition-delay:.08s}.r.d2{transition-delay:.16s}.r.d3{transition-delay:.24s}.r.d4{transition-delay:.32s}/* ---------- CATALOG ---------- */ .catalog{background:var(--panel);padding:clamp(34px,4vw,48px) 0 clamp(52px,7vw,84px);position:relative}.catalog::before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,var(--ink),transparent);pointer-events:none}.cat-head{position:relative;margin-bottom:clamp(20px,2.4vw,28px)}@media(min-width:820px){.cat-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(32px,5vw,72px);align-items:end}.cat-head .eyebrow{grid-column:1;grid-row:1}.cat-head h2{grid-column:1;grid-row:2}.cat-head p{grid-column:2;grid-row:2;margin-top:0;padding-bottom:6px}}.cat-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,5.4vw,58px);line-height:1.0;letter-spacing:.005em;margin-top:14px}.cat-head p{margin-top:12px;max-width:52ch;font-size:clamp(14px,1.7vw,16px);line-height:1.62;color:#cfc7b7}/* ---------- POSTER RAIL ---------- */ .rail{position:relative;max-width:1180px;margin:0 auto}.worlds{position:relative;display:flex;gap:clamp(16px,2vw,26px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:clamp(22px,5vw,56px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px clamp(22px,5vw,56px) 16px}.worlds::-webkit-scrollbar{display:none}.rail::before,.rail::after{content:"";position:absolute;top:0;bottom:0;width:clamp(34px,6vw,78px);z-index:5;pointer-events:none;opacity:0;transition:opacity .35s ease}.rail::before{left:0;background:linear-gradient(90deg,var(--panel),rgba(21,18,14,0))}.rail::after{right:0;background:linear-gradient(270deg,var(--panel),rgba(21,18,14,0))}.rail.can-prev::before{opacity:1}.rail.can-next::after{opacity:1}.rail-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(16,14,11,.72);backdrop-filter:saturate(120%) blur(6px);color:var(--cream);cursor:pointer;padding:0;opacity:0;transition:opacity .3s ease,background .3s ease,border-color .3s ease,transform .3s ease}.rail-nav svg{width:15px;height:15px;display:block}.rail-nav.prev{left:max(6px,calc(clamp(22px,5vw,56px) - 52px))}.rail-nav.next{right:max(6px,calc(clamp(22px,5vw,56px) - 52px))}.rail-nav[disabled]{opacity:0 !important;pointer-events:none}@media(hover:hover) and (pointer:fine){.rail-nav{display:flex}.rail:hover .rail-nav,.rail-nav:focus-visible{opacity:1}.rail-nav:hover{background:rgba(16,14,11,.92);border-color:color-mix(in srgb,var(--ox) 55%,transparent);transform:translateY(-50%) scale(1.06)}.rail-nav:focus-visible{outline:2px solid var(--ox);outline-offset:3px}}.poster{position:relative;flex:0 0 clamp(280px,33vw,360px);aspect-ratio:2/3;background-color:#160f08;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--ink);isolation:isolate;color:var(--cream);scroll-snap-align:start;box-shadow:0 24px 50px -30px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease}.poster .art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.poster .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,14,11,.06) 0%,rgba(16,14,11,0) 32%,rgba(16,14,11,.72) 72%,rgba(16,14,11,.97) 100%)}.poster .bar{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:var(--ac);opacity:.92}.poster .kind{position:absolute;top:14px;left:14px;z-index:4;font-family:'Space Mono',monospace;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);opacity:.82;background:rgba(16,14,11,.42);backdrop-filter:blur(3px);padding:4px 7px;border-radius:4px;border:1px solid rgba(242,239,232,.16)}.poster .body{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:clamp(15px,1.6vw,20px);display:flex;flex-direction:column;justify-content:flex-end}.pname{color:var(--cream);line-height:1;letter-spacing:.01em}.pname.on-ac{color:var(--ac)}.fn-explor{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3vw,40px);letter-spacing:-.015em}.fn-sq{font-family:'Grenze Gotisch',serif;font-weight:700;font-size:clamp(30px,3vw,40px);letter-spacing:.01em}.fn-wild{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.09em;font-size:clamp(28px,2.7vw,34px)}.fn-cg{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(23px,2.2vw,28px);letter-spacing:.03em;line-height:1.06}.fn-tango{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(22px,2.2vw,28px)}.fn-chatmaigre{font-family:'Cinzel',serif;font-weight:600;text-transform:uppercase;font-size:clamp(19px,1.9vw,24px);letter-spacing:.30em;padding-right:.30em;line-height:1.25}.fn-mokuba{font-family:'Shippori Mincho',serif;font-weight:600;font-size:clamp(23px,2.2vw,29px);letter-spacing:.02em}.arabic{font-family:'Marcellus',serif;font-size:13px;color:#a9d0d6;opacity:.85;margin-top:5px;direction:rtl}.jp{font-family:'Shippori Mincho',serif;font-size:13px;color:#dcc39a;opacity:.86;margin-top:5px;letter-spacing:.12em}.stat{margin-top:12px;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#d8d0c1;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 9px var(--ac);flex:none;animation:pulse 2.6s ease-in-out infinite}.dot.ghost{background:transparent;border:1px solid var(--dim);box-shadow:none;animation:none}.reveal{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin-top .45s ease}.blurb{font-size:12.5px;line-height:1.5;color:#e7e0d2;font-weight:300}.cta{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac)}.cta .a{font-size:13px;line-height:1;transition:transform .3s ease}@media(hover:hover){.poster:hover,.poster:focus-visible{transform:translateY(-8px) scale(1.03);border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 30px 60px -24px rgba(0,0,0,.85),0 0 0 1px color-mix(in srgb,var(--ac) 26%,transparent),0 16px 44px -26px var(--ac);outline:none}.poster:hover .art,.poster:focus-visible .art{transform:scale(1.06)}.poster:hover .reveal,.poster:focus-visible .reveal{max-height:200px;opacity:1;margin-top:12px}.poster:hover .cta .a,.poster:focus-visible .cta .a{transform:translate(3px,-2px)}}@media(hover:none){.reveal{max-height:200px;opacity:1;margin-top:12px}}/* ---------- DISPATCHES ---------- */ .dispatch{position:relative;overflow:hidden;background:var(--ink);padding:clamp(64px,9vw,116px) 0 clamp(56px,8vw,96px)}.dispatch::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 88% 6%,rgba(201,112,78,.06),transparent 62%)}.dispatch .wrap{position:relative;z-index:3}.dispatch-head{max-width:60ch;margin-bottom:clamp(30px,4vw,50px)}.dispatch-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.6vw,50px);line-height:1.04;margin-top:14px}.dispatch-head p{margin-top:13px;max-width:46ch;font-size:clamp(13.5px,1.6vw,15.5px);line-height:1.62;color:#b9b1a2}.reads{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px);border-top:1px solid var(--line)}.read{position:relative;display:block;padding:clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--line)}.read .no{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ox)}.read h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(24px,3.2vw,36px);line-height:1.1;margin-top:14px;color:#efe9dd;transition:color .3s ease}.read .pull{margin-top:14px;max-width:38ch;font-size:clamp(13.5px,1.6vw,15px);line-height:1.66;color:#cfc7b7;font-weight:300}.read .go{margin-top:20px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.82;display:inline-flex;align-items:center;gap:9px;transition:gap .3s ease,opacity .3s ease,color .3s ease}.read .go .a{color:var(--ox);font-size:13px;line-height:1;transition:transform .3s ease}@media(hover:hover){.read:hover h3{color:#f0d8ae}.read:hover .go{opacity:1;gap:13px;color:#f0d8ae}.read:hover .go .a{transform:translateX(3px)}}.read .byline{margin-top:16px;font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}/* ---------- ABOUT (low,plain) ---------- */ .about{position:relative;overflow:hidden;background:var(--panel);border-top:1px solid var(--line);padding:clamp(64px,9vw,112px) 0}.about .wrap{position:relative;z-index:3;max-width:1000px}@media(min-width:900px){.about .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,6vw,88px);align-items:start}.about .eyebrow{grid-column:1;margin-bottom:20px}.about>.wrap>p{grid-column:1;grid-row:2}.about .body{grid-column:2;grid-row:2;margin-top:0}.about .signoff{grid-column:1/-1;grid-row:3;margin-top:clamp(36px,5vw,56px)}}.about .eyebrow{margin-bottom:22px}.about p{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(21px,2.9vw,30px);line-height:1.4;color:#efe9dd;letter-spacing:.004em;max-width:30ch}.about .body{margin-top:26px;max-width:58ch}.about .body span{font-family:'Inter',sans-serif;font-weight:300;font-size:clamp(14.5px,1.7vw,16.5px);line-height:1.78;color:#cfc7b7}.about .signoff{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.about .signoff .who{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,2.3vw,23px);color:#e9cfa9}.about .signoff .role{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}/* ---------- FOOTER ---------- */ .foot{position:relative;padding:clamp(44px,6vw,72px) 0 clamp(40px,5vw,56px);border-top:1px solid var(--line);background:var(--ink)}.foot .wrap{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{height:34px;width:auto;opacity:.92}.foot-brand .fb-nm{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:20px;letter-spacing:.03em}.foot-tag{margin-top:16px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(16px,2.1vw,21px);color:#cfc7b7;max-width:34ch}.foot .meta{margin-top:20px;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.foot .fl{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.foot .fl a{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);opacity:.82;padding:11px 2px;min-height:44px;display:inline-flex;align-items:center}.foot .fl a:hover,.foot .fl a:focus-visible{opacity:1;color:#f0d8ae;outline:none}.foot .eng{display:inline-flex;align-items:center;gap:8px;color:var(--dim)}.foot .eng:hover{color:var(--cream)}@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}html{scroll-behavior:auto}.r{opacity:1;transform:none}}/* ---------- RESPONSIVE ---------- */ @media(max-width:900px){.reads{grid-template-columns:1fr}.read{padding:clamp(22px,6vw,32px) 0}.reads .read:last-child{border-bottom:none}.foot .wrap{grid-template-columns:1fr}.foot .fl{align-items:flex-start}}@media(max-width:1024px){.worlds{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;gap:16px;scroll-padding-inline:clamp(22px,5vw,56px);-webkit-overflow-scrolling:touch;padding-bottom:6px}.worlds::-webkit-scrollbar{display:none}.poster{flex:0 0 74vw;max-width:340px}}@media(max-width:760px){.nav{padding-left:18px;padding-right:18px;gap:12px}.lockup{gap:8px}.lockup .mark{height:25px}.lockup .nm{font-size:17px}.navlinks{gap:15px}.navlinks a{font-size:10px;letter-spacing:.12em}}@media(max-width:359px){.lockup .nm{display:none}}@media(max-width:620px){.billboard{min-height:max(420px,calc(100svh - 305px))}.bb-name{font-size:clamp(52px,16vw,88px)}.bb-actions{gap:18px}.poster{flex:0 0 80vw}}/* ---------- BILLBOARD GESTURES (swipe / drag the hero) ---------- */ .billboard{touch-action:pan-y pinch-zoom}.bb-inner{will-change:transform}.bb-inner.bb-settle{transition:transform .42s cubic-bezier(.2,.7,.2,1)}@media(hover:hover) and (pointer:fine){.billboard{cursor:grab}.billboard.bb-dragging{cursor:grabbing}}
/* ---------- BILLBOARD GESTURES + SECONDARY ACTION ---------- */ .billboard{touch-action:pan-y pinch-zoom}.bb-inner{will-change:transform}.bb-inner.bb-settle{transition:transform .42s cubic-bezier(.2,.7,.2,1)}@media(hover:hover) and (pointer:fine){.billboard{cursor:grab}.billboard.bb-dragging{cursor:grabbing}}.bb-detail{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);display:inline-flex;align-items:center;gap:9px;padding:9px 0;min-height:44px;box-sizing:content-box;transition:gap .3s ease,color .3s ease}.bb-detail .a{font-size:14px;line-height:1;transition:transform .3s ease}.bb-detail:hover,.bb-detail:focus-visible{gap:13px;color:var(--cream);outline:none}.bb-detail:hover .a,.bb-detail:focus-visible .a{transform:translateX(3px)}.bb-detail:focus-visible{text-decoration:underline;text-underline-offset:5px}
.tick::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-4px;right:-4px}/* ---------- SHORT VIEWPORTS ---------- */ /* On a short window the bottom-anchored hero stack is what forces height, which pushed the catalog back below the fold. Compress the stack rather than the nav gap, so the peek survives without crowding the wordmark. */ @media(max-height:840px) and (min-width:761px){.bb-inner{padding-top:clamp(88px,11vh,104px);padding-bottom:clamp(30px,4vw,52px)}.bb-name{font-size:clamp(44px,8.5vw,92px);margin-top:12px}.bb-log{font-size:clamp(17px,2vw,21px);margin-top:13px}.bb-status{margin-top:13px}.bb-actions{margin-top:20px}.bb-ticks{margin-top:22px}.appstore{height:46px}}@media(max-height:700px) and (max-width:760px){.bb-inner{padding-top:clamp(84px,11vh,96px);padding-bottom:28px}.bb-name{font-size:clamp(40px,13vw,64px);margin-top:10px}.bb-log{font-size:17px;margin-top:11px}.bb-status{margin-top:11px}.bb-actions{margin-top:17px}.bb-ticks{margin-top:18px}.appstore{height:44px}}
@media(max-height:600px){.bb-inner{padding-top:clamp(78px,10vh,90px);padding-bottom:22px}.bb-name{font-size:clamp(34px,11vw,52px);margin-top:9px}.bb-log{font-size:15.5px;margin-top:9px;max-width:34ch}.bb-status{margin-top:9px}.bb-actions{margin-top:14px}.bb-ticks{margin-top:14px}.appstore{height:42px}}