@property --cb-sway{syntax:"<number>";inherits:true;initial-value:0}.cb-hero{isolation:isolate;background:var(--brand-ink);color:#fff;position:relative;overflow:clip}.cb-hero__rules{z-index:-1;opacity:.07;pointer-events:none;background-image:repeating-linear-gradient(#0000 0 31px,#fff 31px 32px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(90% 80% at 70% 40%,#000 20%,#0000 75%)}.cb-hero__aura{z-index:-1;pointer-events:none;filter:blur(80px);border-radius:999px;position:absolute}.cb-hero__aura--a{opacity:.32;background:radial-gradient(closest-side, var(--brand-bright), transparent 70%);width:34rem;height:34rem;top:-16rem;right:-12rem}.cb-hero__aura--b{opacity:.22;background:radial-gradient(closest-side,#f08a24,#0000 70%);width:26rem;height:26rem;bottom:-16rem;left:-10rem}.cb-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""book""rest";gap:1.75rem;display:grid}.cb-hero__head{grid-area:head;min-width:0}.cb-hero__book{grid-area:book;min-width:0}.cb-hero__rest{grid-area:rest;min-width:0}@media (min-width:960px){.cb-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"head book""rest book";align-items:center;column-gap:3.5rem}.cb-hero__head{align-self:end}.cb-hero__rest{align-self:start}}.cb-pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-bright);background:#14b8a61a;border-radius:999px;align-items:center;gap:.5rem;padding:.32rem .75rem;font-size:.7rem;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #14b8a659}.cb-pill__dot{background:#f08a24;border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #f08a2440}.cb-sub{font-family:var(--font-display);color:#ffffffd1;max-width:36rem;font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);font-style:italic;font-weight:400;line-height:1.45}.cb-facts{flex-wrap:wrap;gap:.5rem;display:flex}.cb-fact{color:#ffffffc7;background:#ffffff0d;border-radius:.6rem;align-items:baseline;gap:.35rem;padding:.45rem .7rem;font-size:.8rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.cb-fact b{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:600}.cb-object{justify-items:center;gap:.9rem;display:grid}.cb-stage{perspective:1100px;place-items:center;width:100%;min-height:300px;display:grid;position:relative}.cb-glow{background:radial-gradient(closest-side,#14b8a66b,#0000);border-radius:50%;width:260px;height:260px;position:absolute}.cb-turn{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.cb-turn.is-over{transform:rotateY(180deg)}.cb-book{--w:184px;--h:calc(var(--w) * 1.2941);--t:calc(var(--w) * .0588);width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateY(calc(-26deg + var(--gx,0) * -14deg + var(--cb-sway) * 9deg)) rotateX(calc(5deg + var(--gy,0) * -6deg));position:relative}.cb-book>div{position:absolute}.cb-front,.cb-back{backface-visibility:hidden;inset:0;overflow:hidden}.cb-front{transform:translateZ(calc(var(--t) / 2));border-radius:2px 7px 7px 2px;box-shadow:inset 5px 0 9px -5px #00000073,0 0 0 1px #ffffff0d}.cb-back{transform:rotateY(180deg) translateZ(calc(var(--t) / 2));background:#0e2a26;border-radius:7px 2px 2px 7px}.cb-front img,.cb-back img{object-fit:cover;width:100%;height:100%;display:block}.cb-gloss{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff57 48%,#0000 60%);position:absolute;inset:0;transform:translate(-130%)}.cb-spine{top:0;left:calc(50% - var(--t) / 2);width:var(--t);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background-color:#0b3f3a;background-size:100% 100%}.cb-pages{top:3px;left:calc(50% - var(--t) / 2);width:var(--t);height:calc(100% - 6px);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 3px));background:repeating-linear-gradient(90deg,#f6f4ee 0 2px,#ddd6c8 2px 3px)}.cb-top{left:2px;top:calc(50% - var(--t) / 2);width:calc(100% - 5px);height:var(--t);transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 2px));background:repeating-linear-gradient(0deg,#f6f4ee 0 2px,#ddd6c8 2px 3px)}.cb-shadow{background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;width:200px;height:24px;position:absolute;bottom:6px}.cb-flip{color:#fff;background:#ffffff0f;border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.cb-flip:focus-visible{outline:2px solid var(--brand-bright);outline-offset:3px}@media (hover:hover) and (pointer:fine){.cb-flip:hover{color:var(--brand-bright);background:#ffffff1f}}@media (min-width:960px){.cb-stage{perspective:1500px;min-height:560px}.cb-book{--w:318px}.cb-glow{width:420px;height:420px}.cb-shadow{width:330px;height:34px}}@keyframes cb-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes cb-gloss{0%,55%{transform:translate(-130%)}80%,to{transform:translate(130%)}}@keyframes cb-sway{0%,to{--cb-sway:-1}50%{--cb-sway:1}}@media (prefers-reduced-motion:no-preference){.cb-book{animation:7s ease-in-out infinite cb-float}.cb-gloss{animation:6s ease-in-out infinite cb-gloss}}@media (prefers-reduced-motion:no-preference) and (hover:none){.cb-stage{animation:9s ease-in-out infinite cb-sway}}@media (prefers-reduced-motion:reduce){.cb-turn{transition:none}}.cb-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:1rem;margin-inline:-1rem;padding:.5rem 1rem 1.5rem;display:flex;overflow-x:auto}.cb-rail>figure{scroll-snap-align:center;flex:0 0 68%;max-width:280px}.cb-page{width:100%;height:auto;box-shadow:0 1px 0 #0000000a, 0 18px 40px -22px #102e2a8c, 0 0 0 1px var(--border);background:#fff;border-radius:4px;display:block}.cb-cap{color:var(--muted-foreground);margin-top:.6rem;font-size:.8rem;line-height:1.4}.cb-cap b{color:var(--foreground);font-weight:600}.cb-fan{display:none}@media (min-width:768px){.cb-rail{display:none}.cb-fan{view-timeline-name:--cb-fan;height:470px;display:block;position:relative}.cb-fan>figure{width:250px;transform:translateX(-50%) translateX(var(--x)) rotate(var(--r)) translateY(var(--y));margin:0;position:absolute;top:10px;left:50%}.cb-fan>figure:first-child{--x:-440px;--r:-9deg;--y:34px;z-index:1}.cb-fan>figure:nth-child(2){--x:-220px;--r:-4.5deg;--y:10px;z-index:2}.cb-fan>figure:nth-child(3){--x:0px;--r:0deg;--y:0px;z-index:5}.cb-fan>figure:nth-child(4){--x:220px;--r:4.5deg;--y:10px;z-index:2}.cb-fan>figure:nth-child(5){--x:440px;--r:9deg;--y:34px;z-index:1}.cb-fan .cb-cap{text-align:center;opacity:0;transition:opacity .25s}.cb-fan>figure:nth-child(3) .cb-cap{opacity:1}.cb-fan>figure{transition:translate .35s cubic-bezier(.2,.7,.3,1)}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.cb-fan:hover>figure:nth-child(3):not(:hover) .cb-cap{opacity:0}.cb-fan>figure:hover{z-index:9;translate:0 -18px}.cb-fan>figure:hover .cb-cap{opacity:1}}@media (min-width:768px) and (max-width:1099px){.cb-fan>figure{width:200px}.cb-fan>figure:first-child{--x:-300px}.cb-fan>figure:nth-child(2){--x:-150px}.cb-fan>figure:nth-child(4){--x:150px}.cb-fan>figure:nth-child(5){--x:300px}.cb-fan{height:400px}}@supports (animation-timeline:view()){@media (min-width:768px) and (prefers-reduced-motion:no-preference){@keyframes cb-fan-open{0%{transform:translateX(-50%) translateX(calc(var(--x) * .06)) rotate(calc(var(--r) * .2)) translateY(40px)}to{transform:translateX(-50%) translateX(var(--x)) rotate(var(--r)) translateY(var(--y))}}.cb-fan>figure{animation:linear both cb-fan-open;animation-timeline:--cb-fan;animation-range:entry 10% cover 45%}}}.cb-ch{border-top:1px solid var(--border);gap:1rem;padding:1rem 0;display:flex}.cb-ch__n{font-family:var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums;flex:0 0 2.6rem;font-size:1.7rem;font-weight:600;line-height:1}.cb-ch__t{color:var(--foreground);font-weight:600;line-height:1.35}.cb-ch__l{color:var(--muted-foreground);margin-top:.2rem;font-size:.9rem;line-height:1.5}.cb-card{background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 30px 60px -40px #102e2a80;border-radius:1.25rem}.cb-soon{min-height:2.9rem;color:var(--accent-ink);background:var(--accent-tint);border-radius:.7rem;align-items:center;gap:.5rem;padding:.35rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #bd640d59}.cb-qr-peek{width:min(100%,300px);position:relative;transform:rotate(-3deg)}.cb-qr-peek img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 30px 60px -30px #000c}