.story-flow{--story-accent:var(--violet)}.chapter{border-top:1px solid var(--line);padding-block:clamp(4rem,9vw,7.5rem)}.chapter[data-tone=ink]{--line:#f1f0e924;--line-strong:#f1f0e94d;--muted:#a9a8a0;background:var(--ink);color:var(--paper);border-top-color:#0000}.chapter[data-tone=accent]{background:var(--story-accent);color:var(--paper)}.chapter__head{margin-bottom:clamp(2rem,4vw,3.25rem)}.chapter__head .slug{color:var(--muted)}.chapter__num{background:var(--story-accent);color:#fff;border-radius:3px;padding:.15rem .45rem}.chapter__head h2{font-variation-settings:"wght" 580, "wdth" 92;letter-spacing:-.035em;max-width:19ch;font-size:clamp(2.1rem,5vw,4.3rem);line-height:1}.chapter__intro{max-width:58ch;color:var(--muted);margin-top:1.1rem;font-size:1.08rem}.chapter>*+*{margin-top:clamp(1.75rem,3.5vw,2.75rem)}.chapter>.chapter__head+*{margin-top:0}[lang=fa]{letter-spacing:0;font-family:Vazirmatn Variable,Tahoma,sans-serif}.statement{grid-template-columns:minmax(0,1fr) minmax(0,16rem);align-items:end;gap:1.5rem 3rem;display:grid}.statement blockquote{margin:0}.statement blockquote>p:first-child{max-width:30ch;font-family:var(--font-serif);text-wrap:balance;font-size:clamp(1.6rem,3.4vw,2.9rem);line-height:1.16}.statement__fa{color:var(--story-accent);margin-top:1.25rem;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:600;line-height:1.5}.chapter[data-tone=ink] .statement__fa{color:color-mix(in srgb, var(--story-accent) 70%, #fff)}.statement__traits{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.statement__traits li{border:1px solid var(--line-strong);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.statement__source{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;grid-column:1/-1;font-size:.7rem}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:0;list-style:none;display:grid}.value-grid li{border-top:1px solid var(--line-strong);align-content:start;gap:.35rem;padding:1.25rem 1.25rem 1.5rem 0;display:grid}.value-grid span{color:var(--story-accent);font-family:var(--font-mono);font-size:.72rem}.value-grid strong{font-variation-settings:"wght" 620, "wdth" 90;font-size:1.15rem}.value-grid p{color:var(--muted);font-size:.95rem}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.split[data-reverse=true] .split__main{order:2}.split__main>*+*{margin-top:1.1rem}.lede{max-width:44ch;font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35}.lede strong{font-family:var(--font-sans);font-weight:650}.muted{max-width:52ch;color:var(--muted)}.note-small{font-family:var(--font-mono);font-size:.72rem}.rounded-proof{border-radius:6px;width:100%;height:auto;box-shadow:0 40px 70px -50px #0000008c}.fact-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.fact-list li{border-top:1px solid var(--line-strong);color:var(--muted);align-items:baseline;gap:1rem;padding-block:.9rem;display:flex}.fact-list strong{min-width:3ch;color:var(--story-accent);font-variation-settings:"wght" 650, "wdth" 80;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.type-proof{gap:1rem;display:grid}.type-proof img{border:1px solid var(--line);border-radius:4px;width:100%;height:auto}.guide-note{align-items:center;gap:1.25rem;display:flex}.guide-note img{border-radius:8px;flex:none;width:72px;height:72px}.palette__chips{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.palette__chip{border:1px solid var(--line);background:var(--chip);width:100%;min-height:clamp(10rem,18vw,14rem);color:var(--chip-ink);text-align:left;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:8px;align-content:space-between;padding:1rem;display:grid}@media (hover:hover) and (pointer:fine){.palette__chip:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px #0009}}.palette__chip:active{transform:scale(.98)}.palette__hex{font-family:var(--font-mono);font-size:.8rem}.palette__name{gap:.15rem;font-weight:650;line-height:1.2;display:grid}.palette__name [lang=fa]{opacity:.85;font-weight:500}.palette__role{opacity:.8;margin-top:.35rem;font-size:.78rem}.palette__toast{z-index:1200;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);font-family:var(--font-mono);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .25s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;display:flex;position:fixed;left:50%;transform:translate(-50%,12px)}.palette__toast[data-show=true]{opacity:1;transform:translate(-50%)}.palette__toast i{border:1px solid #fff6;border-radius:50%;width:14px;height:14px}.variants{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.variants__stage{aspect-ratio:4/3;border:1px solid var(--line);transition:background-color .35s var(--ease-out);border-radius:8px;position:relative;overflow:hidden}.variants__art{opacity:0;transition:opacity .28s var(--ease-out), transform .38s var(--ease-out);position:absolute;inset:12%;transform:scale(.97)}.variants__art[data-active=true]{opacity:1;transform:none}.variants__art[data-fill=true]{inset:0}.variants__label{color:#fff;font-family:var(--font-mono);background:#16181db8;border-radius:4px;padding:.25rem .55rem;font-size:.68rem;position:absolute;bottom:.8rem;left:.9rem}.variants__tabs{align-content:start;gap:.35rem;display:grid}.variants__tabs button{border:1px solid var(--line);text-align:left;border-radius:6px;align-items:center;gap:.7rem;min-height:44px;padding:0 .9rem;font-size:.92rem;font-weight:550;transition:border-color .18s,background .18s;display:flex}.variants__tabs button[aria-pressed=true]{background:color-mix(in srgb, currentColor 7%, transparent);border-color:currentColor}.variants__dot{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:18px;height:18px}.pixel-mark{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.pixel-mark__stage{aspect-ratio:1;max-height:72vh;transition:background-color .45s var(--ease-out);border-radius:8px;place-items:center;display:grid;position:relative}.pixel-mark__stage svg{width:62%;height:62%;overflow:visible}.pixel-mark__stage rect{fill:var(--ink);opacity:0;transform-box:fill-box;transform-origin:50%;transition:fill .45s var(--ease-out);transform:translateY(.6px)scale(.3)}.pixel-mark__stage[data-built=true] rect{animation:pixel-in .42s var(--ease-out) var(--d) forwards}@keyframes pixel-in{to{opacity:1;transform:none}}.pixel-mark__grid line{stroke:color-mix(in srgb, var(--ink) 45%, transparent);stroke-width:.03px;opacity:0;transition:opacity .3s}.pixel-mark__stage[data-grid=true] .pixel-mark__grid line{opacity:1}.pixel-mark__stage[data-grid=true] rect{stroke:color-mix(in srgb, var(--ink) 0%, #ffffff80);stroke-width:.04px}.pixel-mark__spec{color:var(--ink);font-family:var(--font-mono);opacity:.75;font-size:.68rem;position:absolute;bottom:.9rem;left:1rem}.pixel-mark__controls{justify-items:start;gap:1rem;display:grid}.pixel-mark__controls>div{gap:.5rem;display:flex}.pixel-mark__controls>div button{background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);width:44px;height:44px;box-shadow:0 0 0 1px var(--line-strong);transition:transform .18s var(--ease-out);border:2px solid #0000;border-radius:50%}.pixel-mark__controls>div button[aria-pressed=true]{border-color:currentColor;transform:scale(1.08)}.pixel-mark__replay,.draw-on__replay{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:.4rem;min-height:40px;padding:0 .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.pixel-mark__replay svg,.draw-on__replay svg{width:.95rem}.toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:40px;font-size:.9rem;font-weight:550;display:inline-flex}.toggle input{background:var(--line-strong);appearance:none;cursor:pointer;border-radius:999px;width:40px;height:22px;margin:0;transition:background .2s}.toggle input:before{content:"";width:16px;height:16px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;margin:3px;display:block}.toggle input:checked{background:var(--story-accent)}.toggle input:checked:before{transform:translate(18px)}.pattern-field{gap:1rem;display:grid}.pattern-field__stage{border:1px solid var(--line);border-radius:8px;height:clamp(18rem,44vw,30rem);position:relative;overflow:hidden}.pattern-field__stage svg{display:block}.pattern-field__label{color:#f3ecdc;font-family:var(--font-mono);background:#2a2a2a;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;position:absolute;top:.9rem;left:.9rem}.pattern-field__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.pattern-field__controls p{color:var(--muted);font-size:.9rem}.pattern-field__tabs{flex-wrap:wrap;gap:.4rem;display:inline-flex}.pattern-field__tabs button{border:1px solid var(--line-strong);border-radius:999px;min-height:40px;padding:0 .9rem;font-size:.88rem;font-weight:600}.pattern-field__tabs button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.pattern-field__scale{font-family:var(--font-mono);align-items:center;gap:.6rem;font-size:.72rem;display:inline-flex}.pattern-field__scale input{width:9rem;accent-color:var(--story-accent)}.desk__hint{color:var(--muted);font-family:var(--font-mono);text-align:center;margin:.6rem 0 0;font-size:.68rem;display:none}.desk{--px:0;--py:0;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #0000001f}.desk:before{z-index:0;content:"";background:radial-gradient(90% 70% at calc(30% + var(--px) * 10%) calc(20% + var(--py) * 10%), #ffffff52, transparent 65%), radial-gradient(120% 90% at 100% 100%, #00000024, transparent 60%);pointer-events:none;position:absolute;inset:0}.desk__item:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff38,#0000 38% 70%,#0000000f);position:absolute;inset:0}.desk__item{z-index:1;box-shadow:0 0 0 1px #0000000a, 0 1px 2px #00000029, 0 calc(10px + var(--depth) * 26px) calc(18px + var(--depth) * 30px) -14px #00000073;transform:translate3d(calc(var(--px) * var(--depth) * -26px), calc(var(--py) * var(--depth) * -20px), 0) rotate(var(--r));transition:transform .5s var(--ease);will-change:transform;border-radius:2px;display:block;position:absolute}@media (hover:hover) and (pointer:fine){.desk__item:hover{z-index:5;transform:translate3d(calc(var(--px) * var(--depth) * -26px), calc(var(--py) * var(--depth) * -20px - 8px), 0) rotate(calc(var(--r) * .4))}}.proof-stage{--stage-h:min(62vh, 620px);position:relative}.proof-stage__track{height:var(--stage-h);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;align-items:center;gap:clamp(.75rem,2vw,1.5rem);padding-inline:calc(50% - min(22vw,260px));display:flex;overflow-x:auto}.proof-stage__track::-webkit-scrollbar{display:none}.proof-stage__track[data-dragging=true]{scroll-snap-type:none;cursor:grabbing}.proof-stage__track:focus-visible{outline-offset:-4px}.proof-stage__frame{height:min(88%, calc(min(78vw, 900px) / var(--r)));aspect-ratio:var(--r);scroll-snap-align:center;flex:none}.proof-stage__figure{background:var(--sheet);transform-origin:50%;will-change:transform, opacity;border-radius:4px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #0009}.proof-stage[data-tone=ink] .proof-stage__figure{background:#202329}.proof-stage__figure img{pointer-events:none}.proof-stage__bar{width:min(100%, var(--content));padding-inline:var(--gutter);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem 1.5rem;margin:1rem auto 0;display:grid}.proof-stage__count{font-family:var(--font-mono);font-size:.78rem}.proof-stage__count strong{font-size:1.1rem}.proof-stage__caption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.proof-stage__ticks{gap:4px;display:flex}.proof-stage__ticks i{background:var(--line-strong);width:14px;height:4px;transition:width .25s var(--ease-out), background .25s var(--ease-out);border-radius:2px}.proof-stage__ticks i[data-on=true]{background:var(--story-accent,var(--violet));width:28px}.proof-stage__controls{gap:.4rem;display:flex}.proof-stage__controls button{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .18s,color .18s,opacity .18s;display:grid}.proof-stage__controls button:hover:not(:disabled){background:currentColor}.proof-stage__controls button:hover:not(:disabled) svg{color:var(--paper)}.proof-stage[data-tone=ink] .proof-stage__controls button:hover:not(:disabled) svg{color:var(--ink)}.proof-stage__controls button:disabled{opacity:.35;cursor:default}.proof-stage__controls svg{width:1.05rem}.flip-card{margin:0}.flip-card__body{perspective:1400px;width:100%;display:block;position:relative}.flip-card__tilt{transform-style:preserve-3d;transition:transform .18s linear;position:absolute;inset:0}.flip-card__inner{transform-style:preserve-3d;transition:transform .75s var(--ease);position:absolute;inset:0}.flip-card__body[data-flipped=true] .flip-card__inner{transform:rotateY(180deg)}.flip-card__body[data-peek=true][data-flipped=false] .flip-card__inner{animation:card-peek 1.4s var(--ease) .2s}@keyframes card-peek{40%{transform:rotateY(-38deg)}70%{transform:rotateY(8deg)}}.flip-card__face{background:var(--sheet);backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 50px -34px #0000008c}.flip-card__face--back{transform:rotateY(180deg)}.flip-card__face{box-shadow:0 0 0 1px #0000000f,0 2px 0 -1px #00000014,0 30px 50px -34px #0000008c}.flip-card__face:after{z-index:1;content:"";background:linear-gradient(115deg, transparent calc(var(--sheen,50%) - 30%), #ffffff24 var(--sheen,50%), transparent calc(var(--sheen,50%) + 30%));pointer-events:none;position:absolute;inset:0}.flip-card__surface{background:radial-gradient(120% 90% at 30% 15%, #ffffff47, transparent 60%), var(--surface);border-radius:10px;padding:clamp(1.75rem,6vw,4.5rem);position:relative;box-shadow:inset 0 0 90px #00000029}.flip-card__surface .flip-card__face{border-radius:6px;box-shadow:0 0 0 1px #0000000d,0 2px 0 -1px #0000001f,0 3px 4px #00000024,0 40px 46px -30px #0009}.flip-card figcaption{color:var(--muted);font-family:var(--font-mono);align-items:center;gap:.4rem;margin-top:.8rem;font-size:.72rem;display:flex}.flip-card figcaption svg{width:.9rem}.flip-card figcaption span{opacity:.7}.flip-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.flip-row--pair{align-items:start}.screen{--screen-w:300px;width:var(--screen-w);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--sheet) 70%, transparent);border-radius:30px;padding:7px;position:relative;box-shadow:0 50px 80px -50px #0000008c}.chapter[data-tone=ink] .screen{background:#ffffff0a}.screen .crop-marks{color:currentColor;inset:-14px}.screen__tab{font-family:var(--font-mono);align-items:center;gap:.6rem;padding:.35rem .8rem .55rem;font-size:.66rem;display:flex}.screen__tab>span:first-child{font-weight:600}.screen__label{opacity:.65;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen__dots{gap:3px;margin-left:auto;display:inline-flex}.screen__dots i{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.screen__glass{color:#111;background:#fff;border-radius:23px;position:relative;overflow:hidden}.screen__glass[data-fixed=true]{aspect-ratio:var(--screen-ratio);transition:aspect-ratio .45s var(--ease)}.screen[data-dark=true] .screen__glass{color:#f5f5f5;background:#000}.screen-slides{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:-3px;position:absolute;inset:0;overflow:hidden}.screen-slides__track{width:100%;height:100%;transition:transform .42s cubic-bezier(.32,.72,0,1);display:flex}.screen-slides[data-dragging=true] .screen-slides__track{transition:none}.screen-slides[data-dragging=true]{cursor:grabbing}.screen-slides__slide{flex:none;width:100%;height:100%;position:relative}.screen-slides__slide img{pointer-events:none}.screen-dots{justify-content:center;gap:5px;display:flex}.screen-dots button{width:22px;height:22px;transition:background-color .25s var(--ease-out);background:#80808073 content-box content-box;border-radius:50%;padding:8px}.screen-dots button[data-on=true]{background-color:var(--story-accent,var(--violet))}.ig{min-height:100%;padding-top:10px;font-size:.72rem;line-height:1.35;position:relative}.ig__bar{justify-content:space-between;align-items:center;padding:4px 14px 8px;font-size:.85rem;display:flex}.ig__profile{align-items:center;gap:14px;padding:2px 14px 8px;display:flex}.ig__avatar{width:58px;height:58px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--feed-accent,#d62976);border-radius:50%;flex:none;position:relative;overflow:hidden}.ig__stats{text-align:center;flex:1;justify-content:space-around;display:flex}.ig__stats span{font-size:.66rem;display:grid}.ig__stats strong{font-size:.85rem}.ig__bio{gap:1px;padding:0 14px 8px;display:grid}.ig__bio em{color:#1d5fbf;font-style:normal}.ig[data-dark=true] .ig__bio em{color:#8fb6ff}.ig__highlights{gap:10px;padding:2px 14px 8px;display:flex;overflow:hidden}.ig__highlights span{flex:none;justify-items:center;gap:3px;font-size:.58rem;display:grid}.ig__highlights i{border-radius:50%;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #80808080}.ig__tabs{border-top:1px solid #80808040;display:flex}.ig__tabs span{flex:1;height:24px}.ig__tabs span[data-on=true]{border-top:1.5px solid}.ig__grid{grid-template-columns:repeat(3,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.ig__grid--seamless{gap:0}.ig__grid li{aspect-ratio:var(--feed-ratio);background:#8080801f;position:relative;overflow:hidden}.ig__grid button{width:100%;display:block;position:absolute;inset:0}.ig__grid li[data-live=true] button{animation:post-in .52s var(--ease-out) both}@keyframes post-in{0%{opacity:0;transform:scale(.9)}}.ig__grid li[data-latest=true]:after{box-shadow:inset 0 0 0 2px var(--feed-accent);content:"";pointer-events:none;position:absolute;inset:0}.ig__scheduled{color:#808080cc;height:100%;font-family:var(--font-mono);border:1px dashed #80808073;place-items:center;font-size:.62rem;display:grid}.ig__multi{border:1.5px solid #fff;border-radius:2px;width:12px;height:12px;position:absolute;top:6px;right:6px;box-shadow:3px -3px 0 -1px #0003,3px -3px 0 .5px #fff}.ig__viewer{z-index:4;background:inherit;animation:viewer-in .26s var(--ease-out) both;background-color:#fff;grid-template-rows:auto auto auto 1fr;align-content:start;display:grid;position:absolute;inset:0}.screen[data-dark=true] .ig__viewer{background-color:#000}@keyframes viewer-in{0%{opacity:0;transform:translateY(16px)}}.ig__viewer-bar{justify-content:space-between;align-items:center;padding:4px 8px 8px 14px;font-size:.85rem;display:flex}.ig__viewer-bar button{place-items:center;width:36px;height:36px;display:grid}.ig__viewer-bar svg{width:1.1rem}.ig__slides{aspect-ratio:4/5;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.ig__slides::-webkit-scrollbar{display:none}.ig__slide{scroll-snap-align:start;flex:none;width:100%;height:100%;position:relative}.ig__dots{justify-content:center;gap:4px;padding:8px 0;display:flex}.ig__dots i,.ig__dots button{background:#80808073;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s}.ig__dots [data-on=true]{background:#3897f0}.ig__caption{padding:0 14px;font-size:.72rem}.ig__caption span{color:#808080e6}.feed{height:calc(100vh + var(--feed-steps,9) * 34vh);position:relative}.feed__sticky{top:var(--header-h);height:calc(100vh - var(--header-h));grid-template-columns:auto minmax(0,22rem);justify-content:center;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid;position:sticky}.feed__phone .screen{--screen-w:min(340px, calc((100vh - var(--header-h) - 4rem) * .52))}.feed__log{counter-reset:none;gap:0;margin:0;padding:0;list-style:none;display:grid}.feed__log li{border-top:1px solid var(--line);opacity:.4;transition:opacity .3s var(--ease-out);grid-template-columns:2.4rem minmax(0,1fr);align-items:baseline;padding-block:.45rem;display:grid}.feed__log li[data-state=done]{opacity:.75}.feed__log li[data-state=now]{opacity:1}.feed__step{font-family:var(--font-mono);font-size:.7rem}.feed__log li[data-state=now] .feed__step{color:var(--feed-accent)}.feed__log button{text-align:left;font-size:.95rem;font-weight:550}.feed__log button:disabled{cursor:default}.phone-row{flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,4vw,3rem);display:flex}.phone-carousel{justify-items:center;gap:.9rem;margin:0;display:grid}.phone-carousel figcaption{color:var(--muted);text-align:center;font-size:.85rem}.phone-carousel figcaption strong{color:inherit;font-weight:650}.chapter[data-tone=ink] .phone-carousel figcaption strong{color:var(--paper)}.story-player{justify-items:center;gap:1.5rem;display:grid}.story{background:#000;position:absolute;inset:0}.story__bars{z-index:3;gap:3px;display:flex;position:absolute;top:10px;left:10px;right:10px}.story__bars i{background:#ffffff59;border-radius:2px;flex:1;height:2.5px;overflow:hidden}.story__bars b{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.story__bars b[data-state=done]{transform:none}.story__bars b[data-state=now]{animation:linear forwards paused story-bar}.story__bars b[data-state=now][data-running=true]{animation-play-state:running}@keyframes story-bar{to{transform:none}}.story__head{z-index:3;color:#fff;align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;bottom:14px;right:10px}.story__head>:not(button){display:none}.story__avatar{background:#ff7410;border-radius:50%;width:28px;height:28px;position:relative;overflow:hidden}.story__head button{color:#fff;background:#00000073;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.story__head svg{width:1rem}.story__frame{opacity:0;transition:opacity .25s;position:absolute;inset:0}.story__frame[data-active=true]{opacity:1}.story__tap{z-index:2;width:40%;position:absolute;top:30px;bottom:0}.story__tap--back{left:0}.story__tap--next{width:60%;right:0}.story-player__covers{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.story-player__covers button{justify-items:center;gap:.35rem;font-size:.78rem;font-weight:550;display:grid}.story-player__covers i{width:58px;height:58px;box-shadow:0 0 0 1.5px var(--line-strong);border-radius:50%;transition:box-shadow .2s;position:relative;overflow:hidden}.story-player__covers button[aria-pressed=true] i{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--story-accent)}.scroll-rows{gap:clamp(1.5rem,3vw,2.25rem);display:grid;overflow:hidden}.scroll-rows__label{align-items:baseline;gap:.75rem;margin-bottom:.7rem;font-weight:600;display:flex}.scroll-rows__label span{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:400}.scroll-rows__label span:last-child{margin-left:auto}.scroll-rows__strip{width:max-content;padding-inline:var(--gutter);touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;gap:8px;display:flex}.scroll-rows__strip[data-dragging=true]{cursor:grabbing}.scroll-rows__strip img{pointer-events:none}.scroll-rows__item{border-radius:3px;flex:none;height:clamp(14rem,28vw,22rem);position:relative;overflow:hidden}.poses{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.poses__main{gap:.6rem;display:grid}.poses__stage{aspect-ratio:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:3px;border-radius:10px;max-height:70vh;position:relative;overflow:hidden}.poses__stage[data-scrubbing=true]{cursor:grabbing}.poses__lean{transition:transform .6s var(--ease-out);position:absolute;inset:0}.poses__breathe{transform-origin:50% 92%;animation:2.6s ease-in-out infinite pose-breathe;position:absolute;inset:6%}@keyframes pose-breathe{50%{transform:translateY(-1.6%)scale(1.012,.992)}}.poses__shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;width:34%;height:3.5%;margin-left:-17%;animation:2.6s ease-in-out infinite pose-shadow;position:absolute;bottom:7%;left:50%}@keyframes pose-shadow{50%{opacity:.7;transform:scaleX(.9)}}.poses__figure{opacity:0;transform-origin:50% 90%;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;inset:0;transform:translateY(4%)scale(.94)}.poses__figure[data-active=true]{opacity:1;transition:opacity .2s ease-out,transform .46s cubic-bezier(.34,1.56,.64,1);transform:none}.poses__stage[data-scrubbing=true] .poses__figure{transition-duration:1ms}.poses__label{color:#f5eedd;font-family:var(--font-mono);font-size:.72rem;position:absolute;bottom:1rem;left:1rem}.poses__hint{color:#f5eedd80;font-family:var(--font-mono);font-size:.66rem;transition:opacity .2s;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.poses__stage[data-scrubbing=true] .poses__hint{opacity:0}.poses__play{z-index:2;color:#f5eedd;width:44px;height:44px;transition:background-color .16s ease, transform .14s var(--ease-out);background:#10111099;border:1px solid #f5eedd66;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.6rem;right:.8rem}.poses__play[data-playing=false]{border-color:var(--story-accent);background:var(--story-accent);color:#101110}.poses__play:active{transform:scale(.92)}.poses__play svg{width:1rem}.poses__timeline{gap:4px;display:flex;position:absolute;top:.9rem;left:1rem;right:1rem}.poses__timeline i{background:#f5eedd38;border-radius:999px;flex:1;height:3px;position:relative;overflow:hidden}.poses__timeline i:after{content:"";background:var(--story-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.poses__timeline i[data-state=done]:after,.poses__timeline i[data-state=now]:after{transform:none}.poses__timeline i[data-running=true]:after{animation:slider-fill var(--step) linear}.poses__note{animation:pose-note .26s var(--ease-out)}@keyframes pose-note{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.poses__breathe,.poses__shadow,.poses__note{animation:none}.poses__lean{transform:none!important}.poses__figure,.poses__figure[data-active=true]{transform:none}}.poses__side{align-content:space-between;gap:1.5rem;display:grid}.poses__note{min-height:3.2em;font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3}.poses__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.poses__list button{border:1px solid var(--line);color:#f5eedd;background:#101110;border-radius:8px;justify-items:center;gap:.3rem;width:100%;padding:.5rem;font-size:.8rem;font-weight:600;transition:border-color .18s;display:grid}.poses__list button[aria-pressed=true]{border-color:var(--story-accent);box-shadow:inset 0 0 0 1px var(--story-accent)}.poses__list span{aspect-ratio:1;width:100%;position:relative}.draw-on{justify-items:center;gap:1rem;display:grid}.draw-on__art svg{width:100%;height:auto;overflow:visible}.draw-on__stroke{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.draw-on__fill{opacity:0}.draw-on__art[data-drawn=true] .draw-on__stroke{animation:draw-stroke 1.6s var(--ease) forwards}.draw-on__art[data-drawn=true] .draw-on__fill{animation:draw-fill .5s var(--ease) 1.1s forwards}.draw-on__art[data-drawn=true][data-run="1"] .draw-on__stroke{animation-name:draw-stroke-again}.draw-on__art[data-drawn=true][data-run="1"] .draw-on__fill{animation-name:draw-fill-again}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes draw-stroke-again{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes draw-fill-again{0%{opacity:0}to{opacity:1}}@keyframes draw-fill{to{opacity:1}}.rabona-logo .draw-on__art{width:min(560px,80%);margin-inline:auto}.icon-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.icon-row li{color:var(--muted);justify-items:center;gap:.4rem;font-size:.78rem;display:grid}.icon-row__icon{background:#1c1d1c;border-radius:50%;width:100%;padding:18%}.icon-row__icon .draw-on__replay{display:none}.cast{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1rem;margin:0;list-style:none;display:grid}.cast li{text-align:center;background:#ffffff0d;border-radius:10px;justify-items:center;gap:.25rem;padding:1rem .5rem;display:grid}.cast__figure{aspect-ratio:1;width:100%;transition:transform .35s var(--ease-out);position:relative}@media (hover:hover) and (pointer:fine){.cast li:hover .cast__figure{animation:hop .52s var(--ease-out)}}@keyframes hop{40%{transform:translateY(-14px)rotate(-3deg)}70%{transform:translateY(0)scale(1.03,.97)}}.cast strong{font-size:.92rem}.cast span:not(.cast__figure){color:var(--muted);font-size:.78rem}.icon-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:0;list-style:none;display:grid}.icon-board li{justify-items:center;gap:.6rem;font-size:.85rem;font-weight:550;display:grid}.icon-board span{aspect-ratio:1;width:100%;transition:transform .3s var(--ease-out);position:relative}@media (hover:hover) and (pointer:fine){.icon-board li:hover span{transform:translateY(-6px)scale(1.04)}}.archive{padding-bottom:clamp(5rem,9vw,8rem)}.archive__filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.archive__filters button{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:.45rem;min-height:42px;padding:0 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.archive__filters button span{color:var(--muted);font-family:var(--font-mono);font-size:.7rem}.archive__filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.archive__filters button[aria-pressed=true] span{color:var(--acid)}.archive__wall{columns:3 18rem;column-gap:clamp(1.25rem,3vw,2.5rem);margin:0;list-style:none}.archive__print{break-inside:avoid;width:100%;rotate:var(--tilt);animation:print-in .5s var(--ease-out) both;margin-bottom:clamp(1.75rem,3.5vw,3rem);display:inline-block;position:relative}@keyframes print-in{0%{opacity:0;translate:0 18px}}.archive__tape{z-index:2;width:84px;height:26px;transform:translateX(-50%) rotate(var(--tape));background:#e9e4cdc7;position:absolute;top:-12px;left:50%;box-shadow:0 1px 2px #0000001f}.archive__art{background:var(--sheet);width:100%;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);display:block;position:relative;overflow:hidden;box-shadow:0 24px 40px -28px #0000008c}.archive__art:hover{box-shadow:0 40px 60px -30px #0000008c}.archive__label{rotate:calc(var(--tilt) * -1);gap:.1rem;margin-top:.8rem;display:grid}.archive__label span{color:var(--muted);font-size:.82rem}.archive__label span:first-child{font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.archive__label strong{font-size:1.05rem;font-weight:650}.archive__print .flip-card figcaption{display:none}@media (max-width:1100px){.icon-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.statement,.split,.variants,.pixel-mark,.poses,.flip-row{grid-template-columns:minmax(0,1fr)}.split[data-reverse=true] .split__main{order:0}.value-grid{grid-template-columns:minmax(0,1fr)}.value-grid li{padding-right:0}.variants__tabs{scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.variants__tabs button{flex:none}.desk-wrap{scrollbar-width:none;overflow-x:auto}.desk{width:max(100%,720px)}.desk__hint{width:min(100%, calc(100vw - 2 * var(--gutter)));display:block;position:sticky;left:0}.proof-stage{--stage-h:min(58vh, 480px)}.proof-stage__track{padding-inline:12vw}.proof-stage__bar{grid-template-columns:auto minmax(0,1fr) auto}.proof-stage__ticks{display:none}.feed{height:calc(100svh + var(--feed-steps,9) * 30svh)}.feed__sticky{height:calc(100svh - var(--header-h));grid-template-columns:minmax(0,1fr);justify-items:center}.feed__phone .screen{--screen-w:min(320px, 84vw, calc((100svh - var(--header-h) - 3rem) * .52))}.feed__log{display:none}.screen{--screen-w:min(300px, 80vw)}.scroll-rows__item{height:13rem}.icon-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.icon-row li{font-size:.66rem}.poses__stage{max-height:none}}@media (max-width:560px){.archive__wall{columns:1}.icon-board{grid-template-columns:repeat(2,minmax(0,1fr))}.poses__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pixel-mark__stage rect,.draw-on__fill{opacity:1;transform:none;animation:none!important}.draw-on__stroke{stroke-dashoffset:0;animation:none!important}.ig__grid li[data-live=true] button,.archive__print,.cast li:hover .cast__figure{animation:none}.flip-card__inner,.desk__item{transition-duration:1ms}.feed{height:auto}.feed__sticky{height:auto;padding-block:2rem;position:static}}.case-hero{--fan:.5;padding-top:calc(var(--header-h) + clamp(2rem, 5vw, 4rem));background:var(--accent);color:var(--accent-ink);padding-bottom:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.case-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:min(68vh,640px);display:grid}.case-hero__back{font-family:var(--font-mono);text-transform:uppercase;opacity:.8;transition:opacity .25s var(--ease-out);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.75rem;display:inline-flex}.case-hero__back:hover{opacity:1}.case-hero__back svg{width:1rem;transition:transform .3s var(--ease-out)}.case-hero__back:hover svg{transform:translate(-4px)}.case-hero .slug{color:inherit;opacity:.75}.case-hero h1{font-variation-settings:"wght" 640, "wdth" 84;letter-spacing:-.045em;animation:hero-rise .9s var(--ease-out) both;font-size:clamp(3rem,9vw,8.5rem);line-height:.9}.case-hero__lede{max-width:34ch;font-family:var(--font-serif);animation:hero-rise .9s var(--ease-out) .12s both;margin-top:1.5rem;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.3}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}}.case-hero__hand{height:min(56vh,520px);position:relative}.case-hero__card{--spread:calc((var(--fan) - .5) * 2);z-index:1;aspect-ratio:4/5;background:var(--sheet);cursor:pointer;transform-origin:50% 120%;width:58%;translate:-50% -50%;rotate:calc((var(--n) - 1) * (14deg + var(--spread) * 6deg));transition:rotate .7s var(--ease), translate .5s var(--ease-out);animation:deal 1.1s var(--ease-out) calc(var(--n) * .14s + .15s) backwards;position:absolute;top:50%;left:50%;box-shadow:0 40px 60px -30px #0000008c}.case-hero__card[data-slot="1"]{z-index:3;cursor:default}.case-hero__card[data-slot="2"]{z-index:2}@media (hover:hover) and (pointer:fine){.case-hero__card:hover{translate:-50% -54%}}.case-hero__card:active{translate:-50% -51%}.case-hero__face{position:absolute;inset:6%;overflow:hidden}.case-hero__card .crop-marks{color:currentColor;inset:-10px}@keyframes deal{0%{opacity:0;translate:-50% 30%;rotate:none}}.case-hero .job-ticket{margin-top:clamp(1.5rem,3vw,2.5rem)}.case-hero .job-ticket div{border-top-color:currentColor}.case-hero .job-ticket div+div{border-left-color:color-mix(in srgb, currentColor 25%, transparent)}.case-hero .job-ticket dt{color:inherit;opacity:.7}.pager{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:clamp(3rem,6vw,5rem) clamp(4rem,8vw,6rem);display:grid}.pager__card{border-top:1px solid var(--line-strong);isolation:isolate;min-height:clamp(10rem,18vw,14rem);transition:color .4s var(--ease-out);align-content:end;gap:.3rem;padding:clamp(1.25rem,3vw,2.25rem);display:grid;position:relative;overflow:hidden}.pager__card+.pager__card{border-left:1px solid var(--line)}.pager__card:before{z-index:-1;content:"";background:var(--flood);clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--ease-out);position:absolute;inset:0}.pager__card[data-direction=next]:before{clip-path:inset(0 0 0 100%)}.pager__card[data-direction=next]{text-align:right;justify-items:end}.pager__label{font-family:var(--font-mono);text-transform:uppercase;opacity:.7;font-size:.72rem}.pager__title{font-variation-settings:"wght" 600, "wdth" 88;letter-spacing:-.03em;font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1}.pager__type{opacity:.7;font-size:.9rem}.pager__arrow,.pager__plate{opacity:0;transition:opacity .3s ease, transform .5s var(--ease);position:absolute;top:clamp(1.25rem,3vw,2.25rem)}.pager__arrow{border:1px solid;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.pager__arrow svg{width:1.3rem}.pager__plate{aspect-ratio:1;border-radius:6px;width:clamp(72px,9vw,120px);overflow:hidden;box-shadow:0 20px 30px -18px #00000080}.pager__card[data-direction=previous] .pager__arrow{left:clamp(1.25rem,3vw,2.25rem);transform:translate(10px)}.pager__card[data-direction=next] .pager__arrow{right:clamp(1.25rem,3vw,2.25rem);transform:translate(-10px)}.pager__card[data-direction=previous] .pager__plate{right:clamp(1.25rem,3vw,2.25rem);transform:translateY(12px)rotate(4deg)}.pager__card[data-direction=next] .pager__plate{left:clamp(1.25rem,3vw,2.25rem);transform:translateY(12px)rotate(-4deg)}.pager__card:focus-visible{color:var(--flood-ink)}.pager__card:focus-visible:before{clip-path:inset(0)}.pager__card:focus-visible :is(.pager__arrow,.pager__plate){opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.pager__card:hover{color:var(--flood-ink)}.pager__card:hover:before{clip-path:inset(0)}.pager__card:hover :is(.pager__arrow,.pager__plate){opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pager__card:before{transition-duration:1ms}}.chapter-rail{z-index:900;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);position:fixed;top:50%;left:.75rem;transform:translate(-8px,-50%)}.chapter-rail[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(-50%)}.chapter-rail ol{background:color-mix(in srgb, var(--paper) 95%, transparent);border-radius:10px;gap:.15rem;margin:0;padding:.5rem;list-style:none;display:grid}.chapter-rail button{min-height:28px;color:var(--ink);text-align:left;opacity:.5;transition:opacity .3s var(--ease-out), background .3s var(--ease-out);border-radius:5px;align-items:center;gap:.55rem;padding:0 .4rem;font-size:.78rem;display:flex}.chapter-rail li[data-state=done] button{opacity:.7}.chapter-rail li[data-state=now] button{background:var(--ink);color:var(--paper);opacity:1}.chapter-rail button:hover{opacity:1}.chapter-rail__num{font-family:var(--font-mono);font-size:.64rem}.chapter-rail__label{white-space:nowrap;max-width:0;transition:max-width .45s var(--ease);overflow:hidden}.chapter-rail:hover .chapter-rail__label{max-width:11rem}.chapter-pill{display:none}@media (max-width:1100px){.chapter-rail{display:none}.chapter-pill{z-index:900;bottom:calc(.9rem + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem .9rem .6rem;font-size:.78rem;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,12px)}.chapter-pill[data-visible=true]{opacity:1;transform:translate(-50%)}.chapter-pill span{font-family:var(--font-mono);opacity:.7;font-size:.66rem}.chapter-pill i{background:var(--story-accent,var(--acid));transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}}.type-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);margin-bottom:1.5rem;display:grid}.type-pair figure{margin:0}.type-pair__card{aspect-ratio:1481/1041;background:#f3eddd;border-radius:8px;place-items:center;display:grid;overflow:hidden;box-shadow:0 24px 40px -30px #00000073}.type-pair img{width:100%;height:auto}.type-pair figcaption{color:var(--muted);margin-top:.75rem;font-size:.92rem}.type-pair figcaption strong{color:var(--ink)}.browser-stack{gap:clamp(1rem,2.5vw,1.75rem);margin-bottom:clamp(2rem,4vw,3rem);display:grid}.browser{border:1px solid var(--line-strong);background:var(--sheet);border-radius:10px;margin:0;overflow:hidden;box-shadow:0 30px 50px -36px #00000080}.browser:nth-child(2){width:88%;margin-left:auto}.browser__bar{border-bottom:1px solid var(--line);background:var(--paper-2);align-items:center;gap:.9rem;padding:.55rem .8rem;display:flex}.browser__dots{gap:5px;display:inline-flex}.browser__dots i{background:var(--paper-3);border-radius:50%;width:9px;height:9px}.browser__url{background:var(--sheet);max-width:28rem;color:var(--muted);font-family:var(--font-mono);border-radius:999px;flex:1;padding:.2rem .75rem;font-size:.7rem}.browser img{width:100%;height:auto}.browser-slider{position:relative}.browser-slider__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.browser-slider__track{width:100%;height:100%;transition:transform .7s cubic-bezier(.77,0,.175,1);display:flex}.browser-slider__track[data-dragging=true]{transition:none}.browser-slider__slide{flex:0 0 100%}.browser-slider__slide img{pointer-events:none;width:100%;height:auto;display:block}.browser-slider__arrow{width:40px;height:40px;color:var(--ink);opacity:0;transition:opacity .2s ease, transform .2s var(--ease-out);background:#fbfaf5e0;border-radius:50%;place-items:center;margin-top:-20px;display:grid;position:absolute;top:50%;box-shadow:0 6px 18px -8px #00000073}.browser-slider__arrow[data-side=prev]{left:.75rem;transform:translate(-6px)}.browser-slider__arrow[data-side=next]{right:.75rem;transform:translate(6px)}.browser-slider__arrow svg{width:1.1rem}.browser-slider__arrow:focus-visible{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.browser-slider:hover .browser-slider__arrow{opacity:1;transform:none}}.browser-slider__arrow:active{transform:scale(.94)}@media (hover:none){.browser-slider__arrow{opacity:1;transform:none}}.browser-slider__dots{border-top:1px solid var(--line);background:var(--paper-2);justify-content:center;gap:.4rem;padding:.7rem;display:flex}.browser-slider__dots button{align-items:center;width:34px;height:24px;display:grid}.browser-slider__dots i{background:var(--line-strong);border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.browser-slider__dots i:after{content:"";background:var(--story-accent,var(--violet));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.browser-slider__dots button[aria-pressed=true] i:after{transform:scaleX(1)}.browser-slider__dots button[data-running=true] i:after{animation:slider-fill var(--interval) linear}@keyframes slider-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.browser-slider__track{transition-duration:1ms}}.figma-board{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.figma-board__tabs{gap:.35rem;display:grid}.figma-board__tabs button{border:1px solid var(--line);text-align:left;min-height:44px;transition:border-color .18s var(--ease-out), background .18s var(--ease-out);border-radius:6px;align-items:center;gap:.7rem;padding:0 .9rem;font-size:.92rem;font-weight:550;display:flex}.figma-board__tabs button:hover{border-color:var(--line-strong)}.figma-board__tabs button[aria-selected=true]{border-color:var(--violet);background:color-mix(in srgb, var(--violet) 8%, transparent)}.figma-board__num{color:var(--muted);font-family:var(--font-mono);font-size:.7rem}.figma-board__tabs button[aria-selected=true] .figma-board__num{color:var(--violet)}.figma-board__proof{position:relative}.figma-board__window .browser__url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.figma-board__open{font-family:var(--font-mono);text-underline-offset:.2em;flex:none;align-items:center;gap:.3rem;margin-left:auto;font-size:.7rem;text-decoration:underline;display:inline-flex}.figma-board__open:hover{color:var(--violet)}.figma-board__open svg{width:.85rem;height:.85rem}.figma-board__stage{aspect-ratio:16/10;background:#1e1e1e;position:relative}.figma-board__stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.figma-board__canvas{background:radial-gradient(circle, #ffffff1a 1px, transparent 1.5px) 0 0 / 20px 20px, radial-gradient(120% 90% at 70% 10%, color-mix(in srgb, var(--story-accent,var(--violet)) 28%, transparent), transparent 60%), #11131a;color:#f7f4ed;place-items:center;padding:clamp(1.5rem,5vw,3.5rem);display:grid;position:absolute;inset:0}.figma-board__frame{outline:1.5px solid var(--violet);background:#11131a99;justify-items:start;gap:.6rem;width:min(100%,30rem);padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative}.figma-board__frame .slug{color:#f7f4ed9e}.figma-board__name{max-width:100%;color:var(--violet);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;filter:brightness(1.6);font-size:.68rem;position:absolute;bottom:calc(100% + .4rem);left:0;overflow:hidden}.figma-board__title{font-family:var(--font-serif);margin:0;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.05}.figma-board__load{background:var(--acid);min-height:44px;color:var(--ink);transition:transform .22s var(--ease-out);border-radius:999px;margin-top:.5rem;padding:0 1.1rem;font-weight:600}.figma-board__load:hover{transform:translateY(-2px)}.figma-board__hint{color:#f7f4ed8c;font-family:var(--font-mono);font-size:.66rem}.figma-board__handles i{border:1.5px solid var(--violet);background:#fff;width:8px;height:8px;position:absolute}.figma-board__handles i:first-child{top:-4px;left:-4px}.figma-board__handles i:nth-child(2){top:-4px;right:-4px}.figma-board__handles i:nth-child(3){bottom:-4px;left:-4px}.figma-board__handles i:nth-child(4){bottom:-4px;right:-4px}.figma-board__caption{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.25rem;padding:.6rem .9rem;font-size:.7rem;display:flex}@media (max-width:899px){.figma-board{grid-template-columns:minmax(0,1fr)}.figma-board__tabs{display:flex;overflow-x:auto}.figma-board__tabs button{flex:none}.figma-board__stage{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.figma-board__load{transition:none}.figma-board__load:hover{transform:none}}.shelf{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(.75rem,2vw,1.5rem);margin:0;padding-bottom:1.25rem;list-style:none;display:grid}.shelf li{transition:transform .5s var(--ease)}.shelf img{filter:drop-shadow(0 18px 18px #0000002e);width:100%;height:auto}@media (hover:hover) and (pointer:fine){.shelf li:hover{transform:translateY(-12px)}}.spread{margin:0 auto}.spread__pages{perspective:2200px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin-inline:auto;display:grid}.spread__page{transition:transform .7s var(--ease);display:block;position:relative;box-shadow:0 40px 60px -40px #0009}.spread__page img{width:100%;height:auto;display:block}.spread__page:after{content:"";pointer-events:none;position:absolute;inset:0}.spread__page[data-side=left]{transform-origin:100%}.spread__page[data-side=left]:after{background:linear-gradient(270deg,#0000002e,#0000 12%)}.spread__page[data-side=right]{transform-origin:0}.spread__page[data-side=right]:after{background:linear-gradient(90deg,#0000002e,#0000 12%)}@media (hover:hover) and (pointer:fine){.spread__pages:hover [data-side=left]{transform:rotateY(6deg)}.spread__pages:hover [data-side=right]{transform:rotateY(-6deg)}}.spread figcaption{color:var(--muted);font-family:var(--font-mono);text-align:center;margin-top:1rem;font-size:.72rem}.cup-kit{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.cup-kit__poster{margin:0}.cup-kit__poster img{width:100%;height:auto;box-shadow:0 50px 80px -40px #000000b3}.cup-kit__poster figcaption{color:var(--muted);font-family:var(--font-mono);margin-top:.75rem;font-size:.7rem}.cup-kit__screens{justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.25rem);display:flex}.cup-kit__screens .screen{--screen-w:min(220px, 30%)}.cup-kit__screens .screen:first-child{--screen-w:min(260px, 36%)}@media (max-width:899px){.case-hero__inner,.pager,.type-pair,.cup-kit{grid-template-columns:minmax(0,1fr)}.case-hero__inner{min-height:0}.pager__card+.pager__card{border-left:0}.case-hero__hand{height:min(62vw,360px)}.case-hero__card{width:48%}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.cup-kit__screens{flex-wrap:wrap}.cup-kit__screens .screen,.cup-kit__screens .screen:first-child{--screen-w:min(46%, 220px)}}@media (prefers-reduced-motion:reduce){.case-hero h1,.case-hero__lede,.case-hero__card{animation:none}}