.lang{display:flex;font:500 12px/1 var(--mono);border:2px solid var(--ink);overflow:hidden;background:var(--paper);border-radius:99px}.lang button{letter-spacing:.04em;background:0 0;border:0;padding:7px 9px}.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (hover:hover){.lang button[aria-pressed=false]:hover{background:var(--lemon)}}@media (pointer:coarse){.lang button{min-width:44px;min-height:44px}}.hero{position:relative;padding:clamp(24px,3vw,44px)var(--g)clamp(20px,2.4vw,32px);max-width:1680px;margin:0 auto}.hero .kicker{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.hero .kicker span{display:inline-block}.hero .kicker span+span:before{content:"";display:inline-block;background:var(--buoy);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin:-.15em 14px 0 0}.hero-title{font:900 clamp(44px,8.2vw,138px)/.93 var(--display);letter-spacing:-.02em;max-width:13ch;margin:0}.hero-title .hw{display:inline-block}.peel-slot{display:inline-block;position:relative;margin-top:.2em}.peel-ghost,.hero .peel{display:inline-block;border-radius:var(--rounded-peel);padding:.02em .2em .08em}.peel-ghost{color:#0000;-webkit-text-stroke:max(1.5px,.02em)var(--ink);rotate:-3deg;box-shadow:inset 0 0 0 max(1.5px,.015em) #0e0e0e2e}.hero .peel{position:absolute;z-index:2;color:var(--ink);cursor:grab;background:var(--buoy)linear-gradient(225deg,transparent 0 .2em,var(--tape).2em,var(--paper).28em,color-mix(in srgb,var(--tape),var(--ink)14%).3em,transparent .31em);box-shadow:0 0 0 .07em var(--paper),var(--die);inset:0}.hero .hero-note{position:absolute;z-index:3;top:0;left:0}.hero-note .up{display:none}.hero-note.under{display:flex;flex-direction:column-reverse;align-items: flex-end;rotate:-4deg}.hero-note.under .up{display:block}.hero-note.under .left{display:none}.hero.note-under .hero-title{margin-bottom:96px}.hero-note.narrow{font-size:17px;rotate:-6deg}.hero-note.narrow .left{width:58px;height:39px;margin-top:2px}.hero-row{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1fr);align-items: end;gap:24px 48px;margin-top:clamp(20px,3vw,40px)}.hero .lede{font:500 clamp(18px,1.6vw,23px)/1.35 var(--sans);max-width:40ch;margin:0}.hero-side{display:flex;flex-direction:column;align-items: flex-start;gap:12px}.hero .watch{background:var(--paper);box-shadow:var(--die);border:2px solid var(--ink);min-height:44px;padding:10px 22px 10px 10px;transition:background .2s,scale .25s;font-size:20px}.hero .watch .badge{width:34px;height:34px}.hero .believe{font-size:18px}@media (hover:hover){.hero .watch:hover{background:var(--lemon)}}@media (max-width:860px){.hero-row{grid-template-columns:1fr}}@media (max-width:700px){.hero{padding-bottom:14px}.hero .kicker{margin-bottom:14px}.hero .kicker span:first-child,.hero .kicker span:nth-child(2):before{display:none}.hero-title{font-size:min(44px,11.3vw)}.hero-row{gap:16px;margin-top:16px}.hero-side{flex-flow:wrap;align-items: center;gap:10px 16px}.hero .watch{padding:6px 16px 6px 6px;font-size:16px}.hero .watch .badge{width:28px;height:28px}.hero .believe{font-size:16px}}@property --pc{syntax:"<length>";inherits:true;initial-value:0}.tile{--pc:18px;position:absolute;display:block;border-radius:var(--rounded-tile);overflow:hidden;background:var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;clip-path:polygon(-60px -60px,calc(100% + 60px)-60px,calc(100% + 60px)calc(100% - var(--pc) - 60px),calc(100% - var(--pc) - 60px)calc(100% + 60px),-60px calc(100% + 60px));transition:--pc .5s var(--ease-spring);border:0;width:100%;height:100%;margin:0;padding:0;inset:0}.tile picture{display:contents}.tile-poster{position:absolute;object-fit:cover;width:100%;max-width:none;height:100%;transition:scale .8s cubic-bezier(.2,.8,.2,1);inset:0}.tile.no-poster .tile-poster{visibility:hidden}.tile-no{position:absolute;background:var(--paper);font:500 11px/1.3 var(--mono);border-radius:99px;padding:4px 8px 3px;top:10px;left:10px}.tile-ring{--ring:clamp(58px,30cqmin,150px);position:absolute;width:var(--ring);height:var(--ring);overflow:hidden;border:3px solid var(--paper);box-shadow:var(--die);background:var(--ink);transition:rotate .45s var(--ease-spring),scale .45s var(--ease-spring);border-radius:50%;top:10px;right:10px;rotate:6deg}.tile-ring video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.plate{position:absolute;background:var(--paper);border-radius:var(--rounded-plate);transition:rotate .4s var(--ease-spring);max-width:calc(100% - 24px);padding:9px 13px 10px;bottom:12px;left:12px;rotate:-1.2deg;box-shadow:0 0 0 1px #0e0e0e14}.plate-k{display:block;font:500 10.5px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#0e0e0ea6}.plate-t{display:block;font:900 clamp(17px,7.2cqmin,42px)/.95 var(--display);letter-spacing:-.01em;margin-top:3px}.plate-seen{display:flex;border-top:1px solid #0e0e0e26;flex-wrap:wrap;align-items: center;gap:6px 12px;margin-top:8px;padding-top:7px}.plate-seen[hidden]{display:none}.plate-seen .mono{color:#0e0e0ea6;font-size:10px;font-style:normal}.plate-seen .logo-mark{--lh:clamp(10px,3cqmin,15px)}.plate-seen:not(.on) .logo-mark{-webkit-mask-image:none;mask-image:none;background:0 0}@container (width<=340px){.plate-seen{display:none}}.logo-mark{display:inline-block;height:calc(var(--lh,14px)*var(--s,1));aspect-ratio:var(--ar);-webkit-mask:var(--logo)center/contain no-repeat;mask:var(--logo)center/contain no-repeat;background:currentColor;flex:none}@media (forced-colors:active){.logo-mark{forced-color-adjust:none;background:canvastext}}.plate-more{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),margin-top .35s cubic-bezier(.2,.8,.2,1)}.plate-more[hidden]{display:none}.plate-stats{display:flex;flex-wrap:wrap;align-items: flex-start;gap:5px 6px;min-height:0}.plate-stat{background:var(--lemon);font:600 clamp(12px,3.4cqmin,15px)/1.25 var(--sans);transform-origin:0 0;opacity:0;transition:opacity .18s,translate .5s var(--ease-spring),scale .5s var(--ease-spring),rotate .5s var(--ease-spring);border-radius:4px;padding:3px 7px;translate:-6px -14px;rotate:-12deg;scale:.4}.tile-peel{position:absolute;z-index:2;width:var(--pc);height:var(--pc);pointer-events:none;background:linear-gradient(135deg,var(--tape)0,var(--paper)42%,color-mix(in srgb,var(--tape),var(--ink)14%)50%,transparent 51%);filter:drop-shadow(-3px -3px 3px #0e0e0e3d);border-top-left-radius:8px;bottom:0;right:0}.tile:focus-visible .plate-more{grid-template-rows:1fr;margin-top:8px}.tile:focus-visible .plate-stat{opacity:1;translate:none;rotate:-2deg;scale:none}@media (hover:hover){.tile:hover{--pc:48px}.tile:hover .tile-poster{scale:1.07}.tile:hover .tile-ring{rotate:-5deg;scale:1.14}.tile:hover .plate{rotate:.6deg}.tile:hover .plate-more{grid-template-rows:1fr;margin-top:8px}.tile:hover .plate-stat{opacity:1;translate:none;rotate:-2deg;scale:none}}@media (hover:none){.plate-more{grid-template-rows:1fr;margin-top:8px}.plate-stat{opacity:1;translate:none;rotate:-2deg;scale:none}}.tile:focus-visible{--pc:48px}.tile:focus-visible .tile-poster{scale:1.07}.tile:focus-visible .tile-ring{rotate:-5deg;scale:1.14}.tile:focus-visible .plate{rotate:.6deg}.tile.piece.lifted{--pc:0px;clip-path:none}html.calm :-webkit-any(.tile,.tile-poster,.tile-ring,.plate,.plate-more,.plate-stat){transition:none}html.calm :-moz-any(.tile,.tile-poster,.tile-ring,.plate,.plate-more,.plate-stat){transition:none}html.calm :is(.tile,.tile-poster,.tile-ring,.plate,.plate-more,.plate-stat){transition:none}.ticker{position:relative;overflow:hidden;contain:paint;width:100%;height:100%;padding:24px 0 10px}.ticker:before{content:"";position:absolute;background:var(--tape);clip-path:polygon(0 6%,2% 0,98% 4%,100% 0,100% 94%,98% 100%,2% 96%,0 100%);inset:16px -20px 4px;rotate:-.6deg;box-shadow:0 1px 2px #0e0e0e1f}.ticker-lbl{position:absolute;z-index:2;background:var(--ink);color:var(--tape);font:500 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 8%,4% 0,9% 10%,14% 1%,100% 0,97% 50%,100% 100%,92% 92%,86% 100%,0 100%,3% 50%);padding:7px 16px 6px;top:2px;left:clamp(16px,3vw,40px);rotate:-3deg}.ticker-row{position:relative;display:flex;white-space:nowrap;font:800 clamp(17px,1.7vw,24px)/1 var(--sans);letter-spacing:-.02em;animation:48s linear infinite ticker-drift;animation-play-state:paused;align-items: center;width:max-content;height:100%}.ticker-copy{display:flex;align-items: center;gap:clamp(18px,2vw,28px);padding-right:clamp(18px,2vw,28px)}.ticker-star{display:inline-block;background:var(--buoy);-webkit-mask:var(--star-mask)center/contain no-repeat;mask:var(--star-mask)center/contain no-repeat;width:.8em;height:.8em}.ticker.run .ticker-row{animation-play-state:running}@media (hover:hover){.ticker:hover .ticker-row{animation-play-state:paused}}html.paused .ticker .ticker-row{animation-play-state:paused}html.calm .ticker-row{animation:none;padding-left:200px}html.calm .ticker-copy[aria-hidden]{display:none}@keyframes ticker-drift{to{translate:-50%}}.work{position:relative;z-index:2;padding-bottom:clamp(60px,8vw,120px)}.work-head{margin:0 max(var(--g),(100% - 1680px)/2 + var(--g));border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;padding:10px 0 14px}.work-title{margin:0}.work-head .note{position:static;text-align:center;max-width:12em;margin-right:60px;font-size:clamp(16px,1.5vw,22px);rotate:-4deg}.work-head .note.written:not(.late){animation-delay:1.2s}.work-hint{color:#0e0e0e99}.work-hint p{margin:0}.wall{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:var(--row);grid-auto-flow:row dense;gap:var(--gap);padding:0 var(--g);isolation:isolate;max-width:1680px;margin:0 auto}.wall>.cell{position:relative;container-type:size;display:grid;place-items: center;transition:opacity .6s}.wall>.sz-xl{grid-column:span 4;grid-row:span 3}.wall>.sz-l{grid-column:span 3;grid-row:span 3}.wall>.sz-t{grid-column:span 2;grid-row:span 3}.wall>.sz-s{grid-column:span 1;grid-row:span 1}.wall>.sz-s2{grid-column:span 2;grid-row:span 1}.wall>.sw{grid-column:span 2}.wall>.sw .svc{padding:4% 4.5%}.wall>.sz-fam{grid-column:span 3;grid-row:span 2}.wall>.sz-tick{grid-column:1/-1;grid-row:span 1}.wall>.sz-sheet{grid-column:span 4;grid-row:span 2}.brand-sheet{display:flex;border:2px solid var(--ink);border-radius:var(--rounded-plate);background:var(--paper);color:var(--ink);flex-direction:column;gap:4cqh;width:100%;height:100%;padding:5cqh 4cqw}.brand-sheet h3{font:500 clamp(11px,3.2cqh,14px)/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.brand-sheet-logos{display:flex;flex-wrap:wrap;flex:1;align-content: center;align-items: center;gap:5cqh 4.5cqw;margin:0}.brand-sheet .logo-mark{--lh:clamp(14px,9cqh,30px);max-width:100%}.brand-sheet:not(.on) .logo-mark{-webkit-mask-image:none;mask-image:none;background:0 0}:-webkit-any(.wall,.meet) .tag{border-radius:var(--rounded-sticker);overflow:hidden;background:var(--paper);color:var(--ink);font:inherit;display:flex;text-align:center;cursor:pointer;flex-direction:column;width:90cqw;height:86cqh;margin:0;padding:0}:-moz-any(.wall,.meet) .tag{border-radius:var(--rounded-sticker);overflow:hidden;background:var(--paper);color:var(--ink);font:inherit;display:flex;text-align:center;cursor:pointer;flex-direction:column;width:90cqw;height:86cqh;margin:0;padding:0}:is(.wall,.meet) .tag{border-radius:var(--rounded-sticker);overflow:hidden;background:var(--paper);color:var(--ink);font:inherit;display:flex;text-align:center;cursor:pointer;flex-direction:column;width:90cqw;height:86cqh;margin:0;padding:0}.wall .tag.meeting{visibility:hidden}.tag-band{display:block;background:var(--c);color:var(--bf);padding:7cqmin 0 4cqmin}.tag-band b{display:block;font:900 clamp(11px,11cqmin,22px)/1 var(--display);text-transform:uppercase}.tag-band i{display:block;font:500 clamp(10px,5.5cqmin,11px)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-style:normal}.tag-nm{display:flex;font:700 clamp(12px,10.5cqmin,24px)/1 var(--marker);color:var(--ink);flex:1;justify-content:center;align-items: center;gap:6px}.tag-ph{position:relative;aspect-ratio:1;overflow:hidden;box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex:none;width:24cqmin}.tag-ph img,.tag-ph video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.tag-ph video{opacity:0}.tag-ph.shown video{opacity:1}.tag-ph.no-photo{border:2px dashed var(--text-muted);box-shadow:none}.tag-ph.no-photo img{display:none}.tag-role{display:block;font:500 clamp(10px,5.6cqmin,11px)/1.2 var(--mono);text-transform:uppercase;color:#0e0e0e99;padding:0 6% 6cqmin}@container (width<=140px){.wall .tag-role{letter-spacing:-.04em;padding:0 1% 6cqmin}}@container (width<=120px){.wall .tag-role{font-size:9px}}dialog.sheet.meet{background:#0e0e0e73}dialog.sheet.meet::backdrop{background:0 0}dialog.sheet.meet[open]{display:grid;place-items: center}.meet-box{--w:min(600px,calc(100vw - 48px),calc((100dvh - 120px)*1.25));width:var(--w);height:calc(var(--w)*.8);container-type:size;display:grid;pointer-events:none;place-items: center}.meet-card{position:relative;cursor:pointer;pointer-events:auto;width:90cqw;height:86cqh}.meet .tag{box-shadow:var(--float);border-width:1.2cqmin;width:100%;height:100%}.meet .tag-band b{font-size:11cqmin}.meet .tag-band i{margin-top:1.2cqmin;font-size:5cqmin}.meet .tag-nm{gap:3cqmin;font-size:10.5cqmin}.meet .tag-ph{box-shadow:0 0 0 .9cqmin var(--ink)}.meet .tag-role{font-size:5cqmin}.meet-x{position:absolute;z-index:1;display:inline-flex;background:var(--ink);color:var(--paper);font:700 15px/1.2 var(--sans);box-shadow:0 0 0 3px var(--paper),var(--die);cursor:pointer;transition:background .2s,rotate .3s var(--ease-spring);border:0;border-radius:99px;align-items: center;gap:8px;min-height:44px;padding:10px 16px 10px 14px;top:0;right:0;translate:28% -50%;rotate:4deg}@media (hover:hover){.meet-x:hover{background:var(--cobalt);rotate:-3deg}}html.calm .meet-x{transition:none;rotate:none}.wall .client{display:flex;text-align:center;color:var(--f);background:var(--c);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;margin:0}.wall .client.sh-pill{border-radius:999px;width:94cqw;height:min(56cqh,46cqw);padding:0 9%}.wall .client.sh-circle{border-radius:50%;width:80cqmin;height:80cqmin;padding:8%}.wall .client b{font:900 clamp(11px,min(10cqmin,9cqw),22px)/1 var(--display);letter-spacing:-.01em}.wall .client .ck{font:500 clamp(10px,5cqmin,11px)/1.2 var(--mono);letter-spacing:.16em;opacity:.92;text-transform:uppercase;margin-top:6%}.wall .deeper b{width:min-content}.wall .svc{border-radius:var(--rounded-sticker);display:flex;text-align:left;background:var(--c);color:var(--f);font:inherit;cursor:pointer;flex-direction:column;justify-content:space-between;align-items: flex-start;width:92cqw;height:70cqh;margin:0;padding:8% 9%}.wall .svc .mono{opacity:.9;font-size:clamp(10px,6.5cqmin,11px)}.wall .svc b{font:700 clamp(13px,12cqmin,24px)/1.02 var(--sans);letter-spacing:-.02em}.wall .svc2{background:var(--ink);color:var(--paper);display:flex;text-align:left;font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;align-items: flex-start;width:96cqw;height:84cqh;margin:0;padding:4% 5%}.wall .svc2 .mono{color:var(--lemon);font-size:11px}.wall .svc2 b{font:900 clamp(16px,20cqh,34px)/1 var(--display)}.svc2-p{font:600 clamp(12px,11cqh,16px)/1.25 var(--sans);max-width:34ch}@container (height<=100px){.wall .svc2-p{display:none}}.wall .hello{position:relative;display:grid;color:var(--ink);filter:drop-shadow(0 0 1px #0e0e0e59)drop-shadow(0 6px 8px #0e0e0e2e);transition:rotate .45s var(--ease-spring),scale .45s var(--ease-spring);place-items: center;width:88cqmin;height:88cqmin}.hello-spin{position:absolute;contain:paint;inset:0}.hello-spin svg{width:100%;height:100%}.hello-spin polygon{fill:var(--buoy);stroke:var(--paper);stroke-width:3.5;stroke-linejoin:round}.hello-t{position:relative;font:900 clamp(11px,11cqmin,22px)/1 var(--display);text-align:center;width:min-content}.work.awake .hello-spin{animation:18s linear infinite wall-spin}.star-cell.asleep .hello-spin,html.paused .hello-spin{animation-play-state:paused}html.calm .hello-spin{animation:none}@keyframes wall-spin{to{rotate:360deg}}.wall .whale-st{box-shadow:none;filter:drop-shadow(0 0 1px #0e0e0e4d)drop-shadow(0 6px 6px #0e0e0e2e);border:0;width:86cqmin}.wall .whale-st img{width:100%}.wall .team-block,.wall .whale-block{position:absolute;border-radius:var(--rounded-tile);display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(14px,5cqmin,26px);inset:0}.wall .team-block{background:var(--cobalt);color:var(--paper);cursor:pointer;text-align:start;border:0}.team-big{font:600 clamp(16px,6.2cqmin,28px)/1.15 var(--sans);margin:0}.team-big b{display:block;font:900 clamp(44px,min(24cqmin,20cqw),120px)/.9 var(--display);color:var(--lemon);letter-spacing:-.03em;margin-bottom:.12em}.team-more{opacity:.9}.wall .whale-block{background:var(--buoy);justify-content:center;align-items: center}.whale-disc{aspect-ratio:1;background:var(--cobalt);box-shadow:0 0 0 5px var(--ink),0 0 0 11px var(--paper);display:grid;overflow:hidden;border-radius:50%;place-items: center;width:62cqmin}.whale-disc img{width:86%;rotate:-8deg}.wall.rollcall>.cell:not(#team):not(.tag-cell){opacity:.22;transition:opacity .5s}@media (hover:hover){.wall .hello:not(.lifted):hover{rotate:calc(var(--r,0deg) - 8deg);scale:1.08}.wall .client:not(.lifted):hover,.wall .svc:not(.lifted):hover,.wall .svc2:not(.lifted):hover{scale:1.04}.wall .team-block:hover .team-more{opacity:1}}html.calm .wall .hello{transition:none}@media (max-width:1100px){.wall>.sz-sheet{grid-column:span 6;grid-row:span 2}.brand-sheet .logo-mark{--lh:clamp(14px,13cqh,36px)}.wall>.sz-fam{grid-column:span 2;grid-row:span 3}.wall>.t3{grid-column:span 3}.wall>.p2{grid-column:span 2}}@media (max-width:700px){.work-head .note{display:none}.wall>.sz-xl{grid-column:span 2;grid-row:span 3}.wall>.sz-l{grid-column:span 2;grid-row:span 2}.wall>.sz-t{grid-column:span 1;grid-row:span 2}.wall>.sz-fam{grid-column:span 2;grid-row:span 2}.wall>.sw{grid-column:span 1}.wall>.sz-sheet{grid-column:span 2;grid-row:span 2}.brand-sheet .logo-mark{--lh:clamp(14px,8cqh,30px)}.wall>.sw .svc{padding:8% 9%}.wall>.d-only{display:none}}@media (pointer:coarse){.wall .client,.wall .svc,.wall .svc2,.wall .hello{min-width:44px;min-height:44px}}dialog.sheet.case{padding:28px}.case-in{--case-bg:var(--cobalt);--case-fg:var(--ink);--case-soft:color-mix(in srgb,var(--case-fg)85%,transparent);display:grid;grid-template-columns:minmax(0,1.25fr)minmax(0,1fr);background:var(--case-bg);color:var(--case-fg);overflow:hidden;border-radius:10px;height:100%}.case-in.on-ink{--case-fg:var(--paper)}.case-in:-webkit-any([data-bg=buoy],[data-bg=jellyfish]) :focus-visible{outline-color:var(--ink)}.case-in:-moz-any([data-bg=buoy],[data-bg=jellyfish]) :focus-visible{outline-color:var(--ink)}.case-in:is([data-bg=buoy],[data-bg=jellyfish]) :focus-visible{outline-color:var(--ink)}.case-art{position:relative;display:flex;overflow:hidden;background:var(--ink);border-radius:8px;flex-direction:column;min-width:0;min-height:0;margin:14px 0 14px 14px}.case-frame{position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);flex:1;place-items: center;min-height:0;padding:28px 28px 16px}.case-frame>video,.case-frame>img{grid-area:1/1;object-fit:contain;border-radius:4px;width:100%;max-width:none;height:100%}.case-frame:-webkit-full-screen{background:var(--ink);padding:0}.case-frame:fullscreen{background:var(--ink);padding:0}.case-frame:-webkit-full-screen>video{border-radius:0}.case-frame:fullscreen>video{border-radius:0}.case-pic{display:none}.case-video{cursor:pointer}.case-art.still .case-pic,.case-art.err .case-pic{display:block}.case-art.still .case-video,.case-art.err .case-video{display:none}.case-err{display:none;position:absolute;background:var(--paper);color:var(--ink);font:600 15px/1.3 var(--sans);box-shadow:var(--die);border-radius:99px;flex-wrap:wrap;justify-content:center;align-items: center;gap:12px;max-width:calc(100% - 32px);padding:6px 6px 6px 16px;bottom:32px;left:50%;translate:-50%}.case-art.err .case-err{display:flex}.case-err :focus-visible{outline-color:var(--cobalt)}.btn.case-retry{padding:6px 14px;font-size:15px}.case-art.err .player{visibility:hidden}.player{display:flex;color:var(--paper);align-items: center;gap:14px;padding:0 28px 24px}.player[hidden]{display:none}.go{display:flex;background:var(--lemon);color:var(--ink);font:700 15px/1.2 var(--sans);white-space:nowrap;transition:scale .25s var(--ease-spring);border:0;border-radius:99px;align-items: center;gap:8px;min-height:44px;padding:11px 18px 11px 14px}.go-ico{display:grid;place-items: center}.seek{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:40px;height:24px;margin:0}@media (pointer:coarse){.seek{height:44px}}.seek::-webkit-slider-runnable-track{background:linear-gradient(var(--lemon),var(--lemon))0/var(--p,0%)100% no-repeat,#ffffff47;border-radius:2px;height:4px}.seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lemon);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.seek::-moz-range-track{background:#ffffff47;border-radius:2px;height:4px}.seek::-moz-range-progress{background:var(--lemon);border-radius:2px;height:4px}.seek::-moz-range-thumb{background:var(--lemon);border:0;border-radius:50%;width:14px;height:14px}.time{color:#ffffffd1;white-space:nowrap;font-variant-numeric:tabular-nums}.case-round{display:grid;color:var(--paper);background:0 0;border:2px solid #ffffff8c;border-radius:50%;flex:none;place-items: center;width:44px;height:44px;padding:0}.case-round[hidden]{display:none}@media (hover:hover){.go:hover{scale:1.04}.case-round:hover{background:var(--paper);color:var(--ink)}}.case-body{container-type:inline-size;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;min-height:0;padding:34px 38px}.case-top{display:flex;justify-content:space-between;align-items: center;gap:12px}.case-top .mono{color:var(--case-soft)}.case-top .cw{font:900 13px var(--display);letter-spacing:0;text-transform:none;color:var(--case-fg)}.btn.case-x{color:var(--ink);flex:none;gap:8px;padding:9px 12px 9px 14px}.case-x kbd{font:500 11px/1.3 var(--mono);border:1.5px solid #0e0e0e59;border-radius:5px;padding:1px 5px}.case-title{font:900 clamp(36px,13cqi,84px)/.92 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.case-sub{display:flex;font:600 clamp(18px,1.7vw,24px)/1.2 var(--sans);flex-wrap:wrap;align-items: center;gap:8px 14px}.case-sub[hidden]{display:none}.case-result{background:var(--lemon);color:var(--ink);border-radius:4px;padding:3px 8px}.case-story{display:flex;flex-direction:column;gap:18px}.case-story .ph-box{font-size:16px}.case-media-tag{position:absolute;z-index:1;background:var(--paper);color:var(--ink);pointer-events:none;border-radius:99px;padding:6px 10px;top:14px;left:14px}.case-media-tag[hidden]{display:none}.case-eyebrow{color:var(--case-soft);margin:6px 0 -8px}.case-eyebrow[hidden]{display:none}.case-story.own{gap:24px}.case-story.own p{margin:0}.case-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:2px solid var(--case-fg);gap:14px 20px;margin:0;padding:14px 0 16px}.case-meta dt{color:var(--case-soft);margin-bottom:6px;font-size:11px}.case-meta dd{font:600 16px/1.3 var(--sans);margin:0}.case-lead{font:500 clamp(18px,1.6vw,23px)/1.35 var(--sans);max-width:62ch}.case-how{display:flex;font:500 17px/1.45 var(--sans);flex-direction:column;gap:12px}.case-how h3{color:var(--case-soft);margin:0}.case-how p{max-width:62ch}.case-kicker{font:700 16px/1.3 var(--sans)}.case-lead mark,.case-how mark{color:var(--ink);background-position:0 0;background-size:var(--mark,100%)100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px}.case-card{position:relative;display:flex;background:var(--paper);color:var(--ink);border-radius:var(--rounded-card);box-shadow:var(--die);font:500 16px/1.45 var(--sans);flex-direction:column;gap:12px;margin-top:14px;padding:32px 22px 22px;rotate:-.6deg}.case-card:nth-of-type(2n){rotate:.5deg}.case-tag{position:absolute;background:var(--lemon);color:var(--ink);font:500 12px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;margin:0;padding:6px 12px;top:-14px;left:16px;rotate:-3deg}.case-card-h{font:700 clamp(20px,1.9vw,26px)/1.2 var(--sans);letter-spacing:-.02em}.case-hand{font:700 clamp(17px,1.9vw,26px)/1.1 var(--marker);color:var(--cobalt);rotate:-2deg}.case-role .case-tag{background:var(--jellyfish)}.case-pills{display:flex;list-style:none;flex-wrap:wrap;gap:8px;margin:0;padding:0}.case-pills li{border:2px solid var(--ink);font:700 15px/1.2 var(--sans);border-radius:99px;padding:5px 12px}.case-results{background:var(--lemon)}.case-results .case-tag{background:var(--paper)}.case-results ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));list-style:none;gap:18px 20px;margin:0;padding:0}.case-results b{display:block;font:900 clamp(34px,3vw,48px)/.95 var(--display);white-space:nowrap;letter-spacing:-.02em}.case-up{display:block;rotate:-90deg}.case-results span{display:block;font:600 14px/1.3 var(--sans);margin-top:6px}.case-logos{display:flex;border-top:1.5px solid #0e0e0e33;flex-wrap:wrap;align-items: center;gap:12px 22px;margin-top:18px;padding-top:14px}.case-logos .mono{flex-basis:100%}.case-logos .logo-mark{--lh:22px}.case-press{display:flex;flex-direction:column;gap:12px}.case-press h3{color:var(--case-soft);margin:0}.case-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px}.case-clip{display:flex;background:var(--tape);color:var(--ink);text-decoration:none;clip-path:polygon(0 5px,9% 1px,18% 5px,29% 0,41% 4px,52% 1px,63% 5px,74% 0,86% 4px,94% 1px,100% 4px,100% calc(100% - 3px),92% calc(100% - 6px),81% 100%,69% calc(100% - 5px),57% calc(100% - 1px),45% calc(100% - 6px),33% 100%,22% calc(100% - 5px),11% calc(100% - 1px),0 calc(100% - 5px));transition:rotate .3s var(--ease-spring),translate .3s var(--ease-spring);flex-direction:column;align-items: flex-start;gap:10px;padding:18px 16px 16px;rotate:-.8deg}.case-clip:nth-child(2n){rotate:.7deg}.case-in .case-clip:focus-visible{outline:3px solid var(--ink);outline-offset:-8px}.case-clip .logo-mark{--lh:22px;max-width:100%}.case-clip-t{font:700 17px/1.2 var(--sans);letter-spacing:-.01em}.case-clip .mono{color:#0e0e0e99;margin-top:auto}.case-in[data-bg=tape] .case-clip{background:var(--paper)}@media (hover:hover){.case-clip:hover{translate:0 -3px;rotate:none}}html.calm .case-clip{transition:none;rotate:none}.case-out{display:flex;flex-wrap:wrap;gap:8px 24px}.case-out a{color:var(--case-fg);font:700 17px/1.3 var(--sans);text-decoration:underline 2px;text-underline-offset:.2em;border-radius:3px}@media (hover:hover){.case-out a:hover{background:var(--case-fg);color:var(--case-bg);text-decoration-color:#0000}}@media (pointer:coarse){.case-out a{display:inline-flex;align-items: center;min-height:44px}}.case-in[data-bg=lemon] :-webkit-any(.case-lead,.case-how) mark{--hl:var(--paper)}.case-in[data-bg=lemon] :-moz-any(.case-lead,.case-how) mark{--hl:var(--paper)}.case-in[data-bg=lemon] :is(.case-lead,.case-how) mark{--hl:var(--paper)}.case-in[data-bg=lemon] .case-results{background:var(--paper)}.case-in[data-bg=lemon] .case-results .case-tag{background:var(--lemon)}.case-in[data-bg=lemon] .case-result{background:var(--paper)}html.calm .case-card,html.calm .case-tag,html.calm .case-hand{rotate:none}.case-actions{display:flex;flex-wrap:wrap;align-items: center;gap:10px;margin-top:auto;padding-top:8px}.btn.case-next{white-space:normal;text-align:left;background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.case-next svg{flex:none}.on-ink .btn.case-next{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}.case-in .btn-ghost{border-color:var(--case-soft);color:var(--case-fg)}@media (hover:hover){.btn.case-next:hover{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}.on-ink .btn.case-next:hover{background:var(--paper);border-color:var(--paper)}.case-in .btn-ghost:hover{background:var(--case-fg);color:var(--case-bg)}}.link-copy{color:var(--case-fg);font:600 15px var(--sans);text-decoration:underline;text-underline-offset:.18em;background:0 0;border:0;min-height:44px;padding:12px 4px}.case-link{border:2px solid var(--case-fg);background:var(--paper);color:var(--ink);font:500 14px var(--mono);border-radius:10px;flex:100%;min-height:44px;padding:8px 12px}.case-link[hidden]{display:none}@media (max-width:1100px){dialog.sheet.case{padding:0}.case-in{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:0}.case-art{overflow:hidden;border-radius:0;max-height:44dvh;margin:0}.case-frame{aspect-ratio:16/9;flex:none;max-height:calc(44dvh - 66px);padding:0}.case-art.tall .case-frame{aspect-ratio:auto;height:calc(44dvh - 66px)}.case-frame>video,.case-frame>img{border-radius:0}.player{gap:10px;padding:10px 16px 12px}.case-body{padding:26px 32px 32px}.case-top{padding-right:56px}.btn.case-x{position:fixed;z-index:3;border-radius:50%;justify-content:center;width:48px;height:48px;padding:0;top:10px;right:10px;box-shadow:0 0 0 3px #ffffff80}.case-x-t,.case-x kbd{display:none}}@media (max-width:700px){.go{padding:9px 14px 9px 11px;font-size:14px}.time{display:none}.case-body{padding:22px 16px 28px}.case-top{padding-right:0}.btn.case-next{white-space:normal;width:100%}.case-card{padding:30px 18px 20px}}dialog.sheet.svc-card[open]{display:grid;place-items: center;padding:24px}dialog.sheet.svc-card::backdrop{background:#0e0e0e73}.sc{overflow:auto;background:var(--ink);color:var(--paper);border-radius:var(--rounded-card);box-shadow:0 0 0 3px var(--paper),0 0 0 4px #0e0e0e33,0 24px 40px -18px #0e0e0eb3;width:min(600px,100%);max-height:100%;padding:26px 28px 28px;rotate:-1deg}.sc-top{display:flex;justify-content:space-between;align-items: center;gap:12px}.sc-top .mono{color:var(--lemon)}.sc-x{display:grid;color:var(--paper);background:0 0;border:2px solid #ffffff8c;border-radius:50%;flex:none;place-items: center;width:44px;height:44px;padding:0}.sc h2{font:900 clamp(36px,4.4vw,60px)/.95 var(--display);letter-spacing:-.02em;margin:14px 0 10px}.sc-lede{font:600 19px/1.3 var(--sans);color:#ffffffe0;margin:0 0 18px}.sc ul{list-style:none;display:grid;gap:10px;margin:0 0 24px;padding:0}.sc li{display:flex;gap:10px;font-size:17px;line-height:1.35}.sc li:before{content:"";background:var(--buoy);-webkit-mask:var(--star-mask)center/contain no-repeat;mask:var(--star-mask)center/contain no-repeat;flex:none;width:.8em;height:.8em;margin-top:.27em}.sc-actions{display:flex;flex-wrap:wrap;gap:10px}@media (hover:hover){.sc-x:hover{background:var(--paper);color:var(--ink)}.sc-actions .btn:not(.btn-action):hover{background:var(--lemon);color:var(--ink)}}@media (max-width:700px){dialog.sheet.svc-card[open]{place-items: end stretch;padding:0}.sc{padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;width:100%;max-height:92dvh;rotate:none}}.mani{border-top:2px solid var(--ink);padding:var(--section)var(--g);display:grid;grid-template-columns:minmax(0,1fr)minmax(0,2fr);gap:32px clamp(32px,5vw,90px);max-width:1680px;margin:0 auto}.mani-l{position:sticky;z-index:4;align-self: start;top:134px}.mani .mani-pill{display:inline-block;background:var(--mint);--r:-2deg;border-radius:99px;padding:5px 9px 4px}.mani-h{font:900 clamp(38px,5.4vw,84px)/.95 var(--display);letter-spacing:-.02em;user-select:none;-webkit-user-select:none;margin:14px 0 0}.mani-h .w{display:inline-block}.mani .mani-origin{max-width:38ch;margin:36px 0 0;font-size:clamp(16px,1.25vw,18px);line-height:1.45}.mani-big{font:500 clamp(22px,2.5vw,38px)/1.22 var(--sans);letter-spacing:-.02em;max-width:30ch;margin:0 0 .9em}.mani-why{font:900 clamp(26px,2.8vw,40px)/1 var(--display);margin:1.4em 0 .5em}.mani-body{max-width:52ch;font-size:clamp(17px,1.35vw,20px)}.mani .mani-big mark{transition:background-size 1.1s cubic-bezier(.6,0,.2,1)}html.calm .mani .mani-big mark{transition:none}@media (max-width:860px){.mani{grid-template-columns:1fr}.mani-l{position:static}}.contact{border-top:2px solid var(--ink);padding:var(--section)200px 40px var(--g);max-width:1680px;margin:0 auto}.contact .contact-kick{display:block;width:-moz-fit-content;width:fit-content}.contact-say{font:900 clamp(56px,11vw,190px)/.9 var(--display);letter-spacing:-.03em;user-select:none;-webkit-user-select:none;margin:12px 0 0}.contact-say .w{display:inline-block}.contact .contact-lede{font:500 clamp(18px,1.6vw,23px)/1.35 var(--sans);max-width:40ch;margin:22px 0 30px}.contact-row{display:flex;flex-wrap:wrap;align-items: center;gap:12px 18px}.contact-email{font:900 clamp(22px,4vw,56px)/1.1 var(--display);background:var(--lemon);user-select:all;-webkit-user-select:all;word-break:break-all;transition:rotate .3s var(--ease-spring),scale .3s var(--ease-spring);border-radius:.18em;max-width:100%;padding:.08em .3em .14em}@media (pointer:coarse){.contact-email{display:inline-block;min-height:44px}}@media (hover:hover){.contact-email:hover{rotate:-1.5deg;scale:1.02}}.contact .contact-copy svg{display:none}.contact .contact-copy.done,.contact .contact-copy.done:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.contact .contact-copy.done svg{display:block}.contact-reach{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:26px}.contact-group{display:flex;flex-wrap:wrap;align-items: center;gap:10px 12px}.contact-group-name{color:var(--text-muted)}.contact .contact-ph{display:inline-flex;color:#0e0e0ebf;border:2px dashed #0e0e0e59;border-radius:99px;align-items: center;min-height:44px;padding:8px 16px;font-weight:700}.contact-group .stamp{font-size:13px}.menu-mail{display:flex;flex-wrap:wrap;align-items: center;gap:6px;margin:0}.menu-mail a{display:inline-flex;align-items: center;min-height:24px}@media (pointer:coarse){.menu-mail a{min-height:44px}}.menu-mail .stamp{text-transform:none;background:var(--paper);font-size:12px}@media (max-width:700px){.contact{padding-right:var(--g)}.contact-reach{flex-direction:column}}html.calm .contact-email{transition:none}.foot{padding:0 var(--g)40px;max-width:1680px;margin:0 auto}.foot-word{font:900 160px/.9 var(--display);letter-spacing:-.03em;white-space:nowrap;text-transform:uppercase;user-select:none;-webkit-user-select:none;margin:30px 0 18px;padding-top:.14em}.foot-line,.foot-gap{display:inline-block}.foot .fl{display:inline-block;position:relative;z-index:3;transition:transform .5s cubic-bezier(.3,1.8,.5,1),color .15s,rotate .35s,scale .25s}.foot .fl.up{top:-.04em}.foot .fl.on{transform:translateY(-12%)rotate(calc(var(--rr) + var(--spin,0deg)));color:var(--c)}@media (hover:hover){.foot .fl:not(.lifted):hover{transform:translateY(-12%)rotate(calc(var(--rr) + var(--spin,0deg)));color:var(--c)}}html.calm .foot .fl{transition:none}.foot-row{display:flex;border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px 28px;padding:14px 180px 0 0}.foot .foot-row>span,.foot .foot-nav a{display:inline-block}.foot .foot-row>.foot-tg{display:inline-flex;align-items: center;gap:12px}.foot-nav{display:flex;flex-wrap:wrap;align-items: center;gap:4px 10px}.foot .foot-row .foot-dot{background:var(--text-muted);width:5px;height:5px}.foot .foot-nav a,.foot a.foot-tg{position:relative;padding:2px 0}.foot-nav a:before,a.foot-tg:before{content:"";position:absolute;background:var(--lemon);z-index:-1;transform-origin:50% 100%;border-radius:3px;transition:scale .28s cubic-bezier(.3,1.5,.5,1);inset:15% -4px 5%;scale:1 0}@media (hover:hover){.foot-nav a:hover:before,a.foot-tg:hover:before{scale:1}.foot .foot-nav a:not(.lifted):hover,.foot a.foot-tg:not(.lifted):hover{--r:-2deg}}.foot-nav a:focus-visible:before{scale:1}a.foot-tg:focus-visible:before{scale:1}.foot-tg .stamp{text-transform:none;letter-spacing:0;font-size:12px}@media (pointer:coarse){.foot .foot-nav a,.foot .foot-row>a.foot-tg{display:inline-flex;align-items: center;min-height:44px}.foot-nav a:before,a.foot-tg:before{inset:30% -4px 22%}.foot-nav a:after{content:"";position:absolute;inset:0 min(0px,50% - 22px)}}@media (max-width:700px){.foot-row{flex-direction:column;align-items: flex-start;padding-right:0}}html.calm :is(.foot-nav a,a.foot-tg):before{transition:none}.drag-hint{color:var(--text-muted);margin:0}.piece.dragging{cursor:grabbing}.dive-dock{display:contents}.dive-dock:-webkit-any(.away,.top)>*{visibility:hidden}.dive-dock:-moz-any(.away,.top)>*{visibility:hidden}.dive-dock:is(.away,.top)>*{visibility:hidden}.dock .dive-btn{position:relative;background:var(--lemon);box-shadow:var(--float);display:grid;border:0;border-radius:50%;place-items: center;width:156px;height:156px;padding:0;transition:scale .3s cubic-bezier(.3,1.7,.5,1),rotate .2s}.dive-ring{position:absolute;pointer-events:none;animation:16s linear 2s infinite dive-spin;width:100%;height:100%;inset:0}html.paused .dive-ring{animation-play-state:paused}html.calm .dive-ring{animation:none}@keyframes dive-spin{to{rotate:360deg}}.dive-core{position:relative;background:var(--ink);color:var(--lemon);display:grid;text-align:center;font:900 17px/.95 var(--display);border-radius:50%;place-content: center;width:104px;height:104px;transition:rotate .5s cubic-bezier(.3,1.7,.5,1);rotate:-8deg}.dive-core span{display:block}.dive-core svg{display:none}@media (hover:hover){.dock .dive-btn:not(.lifted):hover{scale:1.06}.dive-btn:hover .dive-core{rotate:-16deg}}.dock .dive-btn:not(.lifted):active{scale:.9}html.dive-rolling .dive-core{animation:.12s steps(2,end) infinite dive-jitter}@keyframes dive-jitter{50%{rotate:-2deg;scale:1.04}}.dock .tidy-btn{position:relative;display:inline-flex;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:600 14px var(--sans);white-space:nowrap;border-radius:99px;align-items: center;gap:6px;min-height:44px;padding:0 16px 0 12px;transition:background .2s,rotate .3s,scale .25s;box-shadow:0 0 0 3px #fff}.dock .tidy-btn.messy{background:var(--lemon)}.tidy-ico{display:grid}.tidy-ico svg{transform-origin:80% 15%;transition:rotate .25s}.tidy-n{display:inline-grid;background:var(--ink);color:var(--paper);font:500 12px var(--mono);font-variant-numeric:tabular-nums;border-radius:99px;place-items: center;min-width:22px;height:22px;margin-left:2px;padding:0 5px}.tidy-n[hidden]{display:none}@media (hover:hover){.dock .tidy-btn:not(.lifted):hover{background:var(--mint);--r:-3deg}.tidy-btn:hover .tidy-ico svg{rotate:-14deg}}.tidy-btn.sweep .tidy-ico svg{animation:.7s ease-in-out tidy-sweep}@keyframes tidy-sweep{20%{rotate:-22deg}45%{rotate:16deg}70%{rotate:-12deg}}html.calm .tidy-btn.sweep .tidy-ico svg{animation:none}.dive-bubble{position:absolute;background:var(--ink);color:var(--paper);font:700 15px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;border-radius:12px 12px 4px;max-width:min(70vw,320px);padding:6px 12px;bottom:calc(100% + 10px);right:6px;box-shadow:0 0 0 3px #fff}.dive-bubble[hidden]{display:none}.dive-dim{opacity:.3;transition:opacity .14s,scale .14s}.dive-dim.dive-lit{opacity:1;scale:1.04;z-index:60!important}.dive-lit>:first-child{outline:5px solid var(--ink);outline-offset:4px}html.calm .dive-dim{transition:none}html.calm :-webkit-any(.dive-btn,.dive-core){transition:none}html.calm :-moz-any(.dive-btn,.dive-core){transition:none}html.calm :is(.dive-btn,.dive-core){transition:none}html.calm .dive-btn:hover .dive-core{rotate:-8deg}.dive-slot{position:absolute;z-index:5;overflow:hidden;border-radius:var(--rounded-tile);background:var(--ink);pointer-events:none}.dive-slot-card{position:absolute;inset:0}.dive-slot-card img{object-fit:cover;width:100%;height:100%}.dive-slot-plate{position:absolute;background:var(--paper);border-radius:var(--rounded-plate);max-width:calc(100% - 24px);padding:9px 13px 10px;bottom:12px;left:12px;rotate:-1.2deg}.dive-slot-plate .mono{display:block;color:var(--text-muted);font-size:10.5px}.dive-slot-plate b{display:block;font:900 22px/.95 var(--display);letter-spacing:-.01em;margin-top:3px}.dive-card{position:relative;display:flex;border-radius:var(--rounded-tile);background:var(--buoy);color:var(--ink);overflow:hidden;text-align:left;border:0;flex-direction:column;justify-content:space-between;align-items: flex-start;width:100%;height:100%;padding:clamp(14px,5cqmin,26px)}.dive-card-kick{position:relative;z-index:2;background:var(--paper);border-radius:99px;padding:5px 9px 4px;rotate:-2deg}.dive-card-title{position:relative;z-index:2;font:900 clamp(22px,min(13cqmin,7.4cqi),84px)/.9 var(--display);letter-spacing:-.02em;max-width:9ch}.dive-card-sub{position:relative;z-index:2}.dive-card-disc{position:absolute;aspect-ratio:1;background:var(--cobalt);box-shadow:0 0 0 5px var(--ink),0 0 0 11px #fff;display:grid;overflow:hidden;transition:rotate .45s var(--ease-spring),scale .45s var(--ease-spring);border-radius:50%;place-items: center;width:46cqmin;top:30%;right:6%}.dive-card-disc img{pointer-events:none;width:86%;rotate:-8deg}@media (hover:hover){.dive-card:hover .dive-card-disc{rotate:-10deg;scale:1.05}}html.calm .dive-card-disc{transition:none}@media (max-width:1100px) and (min-width:701px){.dock .dive-btn{width:128px;height:128px}.dive-core{width:86px;height:86px;font-size:15px}}@media (max-width:700px){.dock .dive-btn{position:absolute;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:84px;height:84px;margin-left:-36px}.dive-core{width:56px;height:56px}.dive-core span{display:none}.dive-core svg{display:block}.dock .tidy-btn{border-radius:50%;justify-content:center;width:52px;height:52px;padding:0;box-shadow:0 0 0 3px #fff,0 0 0 4px #0e0e0e2e}.tidy-t{display:none}.tidy-ico svg{width:24px;height:24px}.tidy-n{position:absolute;margin:0;top:-8px;right:-8px}.dive-bubble{left:50%;right:auto;bottom:calc(104px + env(safe-area-inset-bottom));border-radius:12px;translate:-50%}}.sound-btn{transition:background .2s,color .2s,translate .35s var(--ease-spring)}.sound-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (hover:hover){.sound-btn:hover{translate:0 -1px}}html.calm .sound-btn{transition:none}.cursor{position:fixed;z-index:1000;pointer-events:none;opacity:0;will-change:translate;transition:opacity .2s;top:0;left:0}.cursor.on{opacity:1}.c-logo{position:absolute;transition:scale .3s var(--ease-spring),rotate .3s var(--ease-spring);width:40px;top:0;left:0;translate:-50% -50%}.c-logo img{transform-origin:50% 90%;width:100%;height:auto;transition:transform .16s}.c-tag{position:absolute;background:var(--c,var(--ink));color:var(--tc,var(--paper));font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform-origin:0 0;transition:scale .3s var(--ease-spring),background .2s;border-radius:99px;padding:7px 11px 6px 15px;top:8px;left:9px;scale:0;box-shadow:0 0 0 2px #fff}.cursor.word .c-logo{scale:1.1}.cursor.word .c-tag{scale:1}.cursor.link .c-logo{rotate:-10deg;scale:1.28}.cursor.down .c-logo img{transform:scale(1.14,.8)}.cursor.word.down .c-tag{scale:.92}html.has-cursor,html.has-cursor *{cursor:none!important}html.calm .cursor,html.calm .c-logo,html.calm .c-tag{transition:none}.finale{--ss-frame:var(--ink);--ss-band:var(--buoy);--ss-pocket:var(--ink);--ss-ground:var(--mint);position:relative;padding:0 var(--g);overflow:hidden;background:var(--paper);max-width:1680px;height:clamp(600px,100svh - 114px,720px);margin:0 auto}.ss-canvas{position:absolute;z-index:0;pointer-events:none;width:100%;height:100%;inset:0}.ss-copy{position:relative;z-index:1;max-width:820px;padding-top:clamp(40px,5vw,80px)}.ss-kicker{display:inline-block;background:var(--lemon);--r:-2deg;border-radius:99px;padding:5px 9px 4px}.finale h2{font:900 clamp(34px,5.4vw,84px)/1.15 var(--display);letter-spacing:-.02em;max-width:15ch;margin:14px 0 0}.ss-stk{display:inline-block;background:var(--jellyfish);box-shadow:0 0 0 .07em #fff,var(--die);border-radius:.2em;padding:.02em .2em .08em;line-height:1.12}.ss-sub{max-width:36ch;margin-top:18px;font-weight:500}.ss-out{margin-top:6px;font-size:18px}.ss-grab{position:absolute;z-index:2;touch-action:none;cursor:grab;background:0 0;border:0;padding:0;top:0;left:0}.ss-grab:after{content:"";position:absolute;left:50%;bottom:var(--ring-b,0px);width:var(--ring-w,100%);height:var(--ring-h,100%);pointer-events:none;border-radius:45%;translate:-50%}.ss-grab:active{cursor:grabbing}.ss-grab:focus-visible{outline:none}.ss-grab:focus-visible:after{outline:3px dashed var(--focus);outline-offset:6px}.ss-hint{position:absolute;z-index:1;background:var(--lemon);white-space:nowrap;box-shadow:0 0 0 3px #fff,var(--die);pointer-events:none;animation:1.8s cubic-bezier(.3,1.6,.5,1) infinite ss-nudge;border-radius:99px;padding:7px 12px 6px;transition:opacity .3s;top:0;left:0;rotate:-5deg}.finale.ss-launched .ss-hint{opacity:0}html.paused .ss-hint{animation:none}@keyframes ss-nudge{30%{translate:-6px -3px}60%,to{translate:0}}.ss-snap{position:absolute;z-index:1;display:block;color:var(--ink);text-align:center;font:700 clamp(14px,1.2vw,17px)/1.1 var(--marker);--r:5deg;background:#fff;border:0;width:clamp(120px,12vw,170px);padding:10px 10px 14px;top:0;left:0;box-shadow:0 0 0 1px #0e0e0e21,0 14px 24px -12px #0e0e0e8c}.ss-pic{display:grid;background:var(--cobalt);place-items: center;height:clamp(80px,8.3vw,120px);margin-bottom:10px}.ss-pic img{width:80%;height:auto}.ss-cap{display:block}@media (hover:hover){.ss-snap:hover{--r:1deg;scale:1.04}}.ss-count{position:absolute;z-index:3;margin:0;bottom:14px;left:216px}.ss-sky{position:fixed;width:100vw;height:100vh;z-index:80;pointer-events:none;height:100dvh;inset:0}.ss-sky[hidden]{display:none}.ss-flash{position:fixed;z-index:85;background:var(--lemon);opacity:0;pointer-events:none;inset:0}.ss-score{position:fixed;left:var(--g);z-index:90;display:grid;background:var(--lemon);color:var(--ink);box-shadow:var(--die);pointer-events:none;border:3px solid #fff;border-radius:14px;justify-items:center;gap:2px;min-width:96px;padding:8px 14px 9px;transition:opacity .4s,translate .4s;top:84px;rotate:-4deg}.ss-score b{font:900 30px/1 var(--display);font-variant-numeric:tabular-nums}.ss-score.out{opacity:0;translate:0 -12px}@media (max-width:700px){.finale{height:clamp(640px,100svh - 64px,820px)}.ss-snap{width:120px;font-size:14px}.ss-pic{height:80px}.ss-count{bottom:116px;left:auto;right:16px}.ss-score{top:72px}}html.calm .ss-hint{animation:none}html.calm .ss-score{transition:none}:root{--ink:#0e0e0e;--paper:#fff;--buoy:#ff7a1a;--cobalt:#2f4bff;--lemon:#ffe14d;--jellyfish:#ff8fcf;--mint:#3ddc97;--signal:#d0102c;--tape:#f1e8d2;--royal:#4a1f8c;--sun:#ffd800;--primary:#ff7a1a;--text-muted:#0e0e0e99;--accent:#2f4bff;--focus:#2f4bff;--display:"Rubik","Arial Black",Arial,sans-serif;--sans:"Onest",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--marker:"Shantell Sans",system-ui,sans-serif;--rounded-tile:6px;--rounded-plate:8px;--rounded-sticker:10px;--rounded-card:14px;--rounded-peel:.2em;--rounded-full:9999px;--g:clamp(16px,2.4vw,36px);--gap:clamp(8px,.9vw,14px);--section:clamp(56px,8vw,120px);--cols:8;--row:calc((min(100vw,1680px) - 2*var(--g) - (var(--cols) - 1)*var(--gap))/var(--cols)*.8);--die:0 0 0 1px #0e0e0e21,0 7px 14px -9px #0e0e0e73;--float:0 0 0 3px #fff,0 0 0 4px #0e0e0e2e,0 14px 26px -12px #0e0e0e8c;--ease-spring:cubic-bezier(.3,1.5,.5,1);--star-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5v19M2.5 12h19M5.3 5.3l13.4 13.4M18.7 5.3L5.3 18.7' stroke='%23000' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E")}@media (max-width:1100px){:root{--cols:6}}@media (max-width:700px){:root{--cols:2;--gap:10px;--row:calc((100vw - 32px - 10px)/2*.8)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-color:var(--ink)var(--paper);caret-color:var(--cobalt);accent-color:var(--cobalt)}html.calm{scroll-behavior:auto}html,body{background:var(--paper);color:var(--ink);overflow-x:clip;margin:0}body{font:500 17px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}::selection{background:var(--lemon);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,svg,video,canvas{display:block;max-width:100%}h1,h2,h3,p{margin:0}.mono{font:500 12px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase}.mono-s{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.on-cobalt :focus-visible{outline-color:var(--lemon)}.on-ink :focus-visible{outline-color:var(--lemon)}.piece{rotate:var(--r,0deg);translate:var(--dx,0px)var(--dy,0px);transform:rotate(var(--spin,0deg));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:manipulation;transition:scale .25s,rotate .2s}.piece.lifted{scale:1.05;rotate:calc(var(--r,0deg) + 3deg);filter:drop-shadow(0 14px 14px #0e0e0e38);z-index:50}.tile.piece.lifted{filter:none;box-shadow:0 14px 28px #0e0e0e38}html.calm .piece{transition:none}html.calm .piece.lifted{rotate:var(--r,0deg)}.btn{display:inline-flex;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:700 16px/1.2 var(--sans);white-space:nowrap;transition:background .2s,color .2s,rotate .3s var(--ease-spring);border-radius:99px;justify-content:center;align-items: center;gap:8px;min-height:44px;padding:10px 18px}.btn-action{background:var(--buoy);border-color:var(--buoy);color:var(--ink);font:900 18px/1.1 var(--display);padding:14px 22px;box-shadow:0 0 0 3px #fff}.btn-ghost{color:#fff;background:0 0;border-color:#ffffffb3}@media (hover:hover){.btn:hover{background:var(--ink);color:var(--paper)}.btn-action:hover{background:var(--lemon);border-color:var(--lemon);rotate:-2deg}.btn-ghost:hover{color:var(--ink);background:#fff}}:-webkit-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):active{scale:.95}:-moz-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):active{scale:.95}:is(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):active{scale:.95}:-webkit-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):hover:active{scale:.95}:-moz-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):hover:active{scale:.95}:is(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x):hover:active{scale:.95}html.calm :-webkit-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x,.link-under){transition:none}html.calm :-moz-any(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x,.link-under){transition:none}html.calm :is(.btn,.pill,.plus,.cbtn,.go,.case-round,.tidy-btn,.sc-x,.link-under){transition:none}html.calm :-webkit-any(.btn,.pill,.cbtn,.go,.case-round,.tidy-btn,.sc-x):-webkit-any(:hover,:active){rotate:none;scale:none}html.calm :-moz-any(.btn,.pill,.cbtn,.go,.case-round,.tidy-btn,.sc-x):-moz-any(:hover,:active){rotate:none;scale:none}html.calm :is(.btn,.pill,.cbtn,.go,.case-round,.tidy-btn,.sc-x):is(:hover,:active){rotate:none;scale:none}.pill{display:inline-flex;white-space:nowrap;border-radius:99px;align-items: center;gap:10px;font-weight:700}.badge{background:var(--ink);display:grid;border-radius:50%;flex:none;place-items: center;width:28px;height:28px}.badge:after{content:"";border:6px solid #0000;border-top:8px solid var(--buoy);margin-top:7px;translate:2px -3px;rotate:-90deg}.link-under{border-bottom:3px solid var(--mint);font-weight:600}@media (pointer:coarse){.link-under{position:relative}.link-under:after{content:"";position:absolute;inset:-10px -6px}}@media (hover:hover){.link-under:hover{border-color:var(--jellyfish)}}.arrowed{display:inline-flex;align-items: center;gap:.3em}.arrowed>svg{flex:none;width:.9em;height:.9em}.dot{display:inline-block;background:var(--buoy);vertical-align:middle;border-radius:50%;flex:none;width:6px;height:6px}.sticker{box-shadow:var(--die);border:3px solid #fff}.note{font:700 clamp(17px,1.9vw,26px)/1.05 var(--marker);color:var(--cobalt);pointer-events:none;rotate:-7deg}.note svg{display:block}.note.pre{clip-path:inset(-30% 100% -30% -30%)}.note.written{animation:.9s cubic-bezier(.5,0,.3,1) .4s both note-write}@keyframes note-write{0%{clip-path:inset(-30% 100% -30% -30%)}to{clip-path:inset(-30% -30% -30% -30%)}}html.calm .note{clip-path:none;animation:none}mark{color:inherit;background:linear-gradient(var(--hl,var(--lemon)),var(--hl,var(--lemon)))0 88%/var(--mark,100%)45% no-repeat;padding:0 .08em;transition:background-size .9s cubic-bezier(.6,0,.2,1)}mark.b{--hl:var(--jellyfish)}mark.m{--hl:var(--mint)}mark.pre{--mark:0%}html.calm mark{transition:none}.ph-box{color:#0e0e0e99;border:2px dashed #0e0e0e59;border-radius:10px;padding:12px 14px}.on-cobalt .ph-box,.on-ink .ph-box{color:#ffffffe6;border-color:#ffffff8c}.stamp{display:inline-block;font:700 15px var(--marker);color:var(--signal);border:2px solid var(--signal);white-space:nowrap;border-radius:6px;padding:2px 8px;rotate:-8deg}dialog.sheet{color:inherit;overflow:visible;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}dialog.sheet::backdrop{background:#0e0e0e8c}html:has(dialog[open].sheet){overflow:hidden}.toast{position:fixed;z-index:90;background:var(--ink);color:#fff;font:600 16px/1.3 var(--sans);border-radius:var(--rounded-sticker);pointer-events:none;text-align:center;max-width:calc(100vw - 32px);padding:10px 16px;top:96px;left:50%;translate:-50%;rotate:-1.5deg;box-shadow:0 0 0 3px #fff}.toast[hidden]{display:none}.nav{position:sticky;z-index:40;display:flex;padding:14px var(--g);background:var(--paper);align-items: center;gap:20px;top:0}.logo{font:900 clamp(20px,1.9vw,28px)/1 var(--display);letter-spacing:-.01em;display:flex;white-space:nowrap;text-transform:uppercase;transform-origin:0 70%;align-items: center;gap:10px;min-height:44px;margin-right:auto}.logo>span{color:var(--sun);-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:.07em .07em 0 var(--ink)}.logo sup{vertical-align:.95em;-webkit-text-stroke-width:.16em;margin-left:.08em;font-size:.42em}.links{display:flex;gap:4px}.links a{transition:background .2s,rotate .35s var(--ease-spring),scale .35s var(--ease-spring);border-radius:99px;padding:8px 12px;font-weight:600}.cases-pill{border:2px solid var(--ink);min-height:44px;padding:6px 16px 6px 6px;font-size:15px}.hello-pill,.hello-short{background:var(--ink);color:var(--paper);transition:background .3s,rotate .3s var(--ease-spring);min-height:44px;padding:10px 16px}.hello-short,.nav-lang:empty{display:none}.plus{display:none;background:var(--ink);color:var(--paper);transition:rotate .35s var(--ease-spring),background .2s;border:0;border-radius:50%;flex:none;place-items: center;width:44px;height:44px;padding:0}.plus.open,.plus[aria-expanded=true]{background:var(--buoy);color:var(--ink);rotate:45deg}@media (pointer:coarse){.links a{display:inline-flex;align-items: center;min-height:44px}}@media (hover:hover){.logo:hover{rotate:-3deg;scale:1.06}.links a:hover{background:var(--lemon);rotate:-4deg;scale:1.08}.hello-pill:hover{background:var(--cobalt);rotate:-3deg}}dialog.menu{position:fixed;z-index:80;background:var(--lemon);overflow-y:auto;padding:0 20px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:22px;inset:0}dialog.menu[open]{display:flex}dialog.menu::backdrop{background:0 0}.menu-top{display:flex;background:var(--paper);position:sticky;justify-content:space-between;align-items: center;gap:10px;margin:0 -20px;padding:10px 16px;top:0}.menu-top .plus{display:grid}.menu-links{display:flex;flex-direction:column;align-items: flex-start}.menu-links a{font:900 min(46px,12vw)/1.08 var(--display);letter-spacing:-.02em;transition:translate .3s var(--ease-spring),rotate .3s var(--ease-spring);padding:6px 0}.menu-links a:nth-child(2n){margin-left:28px}.menu-links a:hover,.menu-links a:active{translate:8px;rotate:-2deg}html.calm :is(.logo,.links a,.hello-pill,.hello-short,.plus,.menu-links a){transition:none}html.calm :-webkit-any(.logo,.links a,.hello-pill,.menu-links a):-webkit-any(:hover,:active){translate:none;rotate:none;scale:none}html.calm :-moz-any(.logo,.links a,.hello-pill,.menu-links a):-moz-any(:hover,:active){translate:none;rotate:none;scale:none}html.calm :is(.logo,.links a,.hello-pill,.menu-links a):is(:hover,:active){translate:none;rotate:none;scale:none}.menu-lang{display:flex;align-items: center;gap:12px}.menu-foot{border-top:2px solid var(--ink);display:flex;flex-direction:column;align-items: flex-start;gap:12px;margin-top:auto;padding-top:14px}.menu-foot .hello-pill{display:inline-flex}html.menu-open .dock,html.menu-open .ctrl{visibility:hidden}.ctrl{position:fixed;z-index:70;display:flex;background:var(--paper);border:2px solid var(--ink);box-shadow:var(--float);border-radius:99px;align-items: center;padding:2px;bottom:clamp(14px,2vw,28px);left:clamp(14px,2vw,28px)}.cbtn{background:var(--paper);display:grid;color:var(--ink);border:0;border-radius:99px;place-items: center;width:48px;height:44px;padding:0}.ctrl .divider{background:#0e0e0e26;width:2px;height:22px}.dock{position:fixed;z-index:60;display:flex;flex-direction:column;align-items: center;gap:10px;bottom:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.dock:empty{display:none}@media (max-width:1100px){.links,.hello-pill{display:none}.plus{display:grid}}@media (max-width:700px){.nav{gap:10px;padding:10px 16px}.nav>.nav-lang,.nav>.cases-pill{display:none}.hello-short{display:inline-flex;padding:0 16px;font-size:14px}.logo{font-size:17px}.ctrl{left:16px;bottom:calc(14px + env(safe-area-inset-bottom))}.cbtn{width:44px}.dock{padding:0 16px calc(10px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:row;justify-content:flex-end;align-items: center;gap:12px;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}}@media (max-width:400px){.logo{font-size:15px}}@media (max-width:359px){.hello-short{display:none}}.finale:empty{display:none}
