.ic{--a:min(1vw,1.5vh,30px);--ox:calc((100vw - var(--a) * 100) / 2);--wo:100%;--w5:20vw;--sw:20vw;--ss:1;--ms:1;color:#0b0b0f;background:#0b0b0f;position:relative}.ic-a{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.ic-stage{position:relative}.ic-sheet{height:100vh;min-height:calc(var(--a) * 62);position:relative}.ic-edge,.ic-paper{clip-path:var(--cut);position:absolute;inset:0}.ic-edge{background:var(--d);translate:calc(var(--a) * -1) 0}.ic-paper{background:var(--c);overflow:hidden}.s0{--cut:polygon(0 0,0 100%,100% 100%,100% 0)}.s1{--cut:polygon(1.1vw 0,.4vw 12%,1.5vw 25%,.9vw 41%,2.2vw 56%,1.5vw 72%,2.8vw 86%,2.2vw 100%,100% 100%,100% 0)}.s2{--cut:polygon(.5vw 0,1.5vw 15%,.8vw 30%,2.1vw 44%,1.2vw 61%,2.5vw 74%,1.9vw 90%,2.9vw 100%,100% 100%,100% 0)}.s3{--cut:polygon(1.4vw 0,.6vw 17%,1.9vw 33%,1.1vw 47%,2.4vw 63%,1.7vw 79%,2.9vw 92%,2.4vw 100%,100% 100%,100% 0)}.s4{--cut:polygon(.8vw 0,1.7vw 11%,.7vw 28%,2vw 39%,1.3vw 57%,2.6vw 70%,1.6vw 85%,2.7vw 100%,100% 100%,100% 0)}.ic-shape{pointer-events:none;color:color-mix(in srgb,var(--c) 66%,var(--d));fill:currentColor;display:block;position:absolute}.ic-art{width:var(--wo);height:100%;position:absolute;top:0;left:0}.ic-word{left:calc(var(--ox) + var(--a) * 3.6);top:calc(var(--a) * 1.6);width:max-content;font-weight:800;font-size:calc(var(--f,22) * var(--a));letter-spacing:-.02em;color:#0b0b0f;text-shadow:.004em .004em 0 var(--d),.008em .008em 0 var(--d),.012em .012em 0 var(--d),.016em .016em 0 var(--d),.02em .02em 0 var(--d),.024em .024em 0 var(--d),.028em .028em 0 var(--d),.032em .032em 0 var(--d),.036em .036em 0 var(--d),.04em .04em 0 var(--d),.044em .044em 0 var(--d),.048em .048em 0 var(--d),.052em .052em 0 var(--d),.056em .056em 0 var(--d),.06em .06em 0 var(--d);clip-path:inset(-20% -6% -.08em -3%);margin:0;line-height:.98;display:inline-flex;position:absolute}.ic-word span{display:block}.ic-text{z-index:3;left:calc(var(--ox) + var(--a) * 4.4);top:max(calc(50% + var(--ty,0) * var(--a)),calc(var(--tmin,0) * var(--a)));width:max(290px,calc(var(--tw,36) * var(--a)));position:absolute}.ic-text .dv-mono{color:#0b0b0f;margin:0}.ic-text h3{margin:calc(var(--a) * .9) 0 0;font-size:max(25px,calc(var(--a) * 3.7));letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.06}.ic-text p:last-child{margin:calc(var(--a) * 1.2) 0 0;font-size:max(15px,calc(var(--a) * 1.62));color:#0b0b0f;text-wrap:pretty;line-height:1.45}.ic-pieces{position:absolute;inset:0}.ic-p{z-index:var(--z,1);left:calc(var(--ox) + var(--x) * var(--a));top:max(calc(50% + var(--y) * var(--a)),calc(var(--ym,-99) * var(--a)));width:calc(var(--w) * var(--a));border-radius:max(5px,calc(var(--a) * .6));max-width:none;height:auto;transform:rotate(var(--r,0deg));box-shadow:0 0 0 max(3px,calc(var(--a) * .34)) #fff,calc(var(--a) * .9) calc(var(--a) * .9) 0 max(3px,calc(var(--a) * .34)) var(--d);display:block;position:absolute}.ic-p.bare{box-shadow:none;border-radius:0}.ic-mascot{z-index:4;left:calc(var(--ox) + var(--mx) * var(--a));top:max(calc(50% + var(--my) * var(--a)),calc(var(--mmin,-99) * var(--a)));width:calc(var(--mw) * var(--a));height:auto;display:block;position:absolute}.ic-go{z-index:5;right:calc(var(--a) * 1.6);top:calc(50% + var(--gy,20) * var(--a));white-space:nowrap;color:#0b0b0f;font:700 max(16px,calc(var(--a) * 1.9))/1.15 Kalam,"Segoe Print",cursive;box-shadow:calc(var(--a) * .5) calc(var(--a) * .5) 0 var(--d);background:#fff27a;margin:0;padding:.42em .7em .5em;position:absolute;transform:rotate(-3deg)}.ic-spine,.ic-sm{display:none}.ic-tape{z-index:20;color:#fff;text-align:center;background:#0b0b0f;padding:clamp(70px,9vw,130px) clamp(16px,4vw,32px);position:relative}.ic-tape h2{margin:0;font-size:clamp(38px,5.6vw,92px);font-weight:800;line-height:1.04}.ic-tape p{color:#d8d7de;text-wrap:pretty;max-width:640px;margin:18px auto 0;font-size:clamp(16px,1.5vw,20px)}.ic-live .ic-stage{background:#0b0b0f;height:calc(100vh - 56px);position:sticky;top:56px;overflow:hidden}.ic-live .ic-sheet{will-change:transform;backface-visibility:hidden;width:calc(100% + 5vw);height:100%;min-height:0;position:absolute;top:0;left:0}.ic-live .ic-spine{z-index:8;width:calc(var(--sw) + 3vw);background:var(--c);color:#0b0b0f;cursor:pointer;outline:0;display:block;position:absolute;top:0;bottom:0;left:0}.ic-live .ic-vw{left:calc(var(--sw) / 2 + 1.3vw);transform:translateX(-50%) scale(var(--ss));transform-origin:50% 0;position:absolute;top:4vh}.ic-live .ic-vw b{writing-mode:vertical-rl;font-size:min(calc(var(--w5) * .6),11.6vh);letter-spacing:-.01em;text-shadow:-.004em -.004em 0 var(--d),-.008em -.008em 0 var(--d),-.012em -.012em 0 var(--d),-.016em -.016em 0 var(--d),-.02em -.02em 0 var(--d),-.024em -.024em 0 var(--d),-.028em -.028em 0 var(--d),-.032em -.032em 0 var(--d),-.036em -.036em 0 var(--d),-.04em -.04em 0 var(--d),-.044em -.044em 0 var(--d),-.048em -.048em 0 var(--d),-.052em -.052em 0 var(--d),-.056em -.056em 0 var(--d),-.06em -.06em 0 var(--d);font-weight:800;line-height:1;transition:color .2s;display:block;transform:rotate(180deg)}.ic-live .ic-sm{left:calc(var(--sw) / 2 + 1.3vw);width:calc(var(--w5) * .76);max-width:none;height:auto;transform:translateX(-50%) scale(var(--ms));transform-origin:50% 100%;transition:rotate .25s cubic-bezier(.2,1.6,.4,1);display:block;position:absolute;bottom:2vh}.ic-live .ic-spine:hover .ic-sm,.ic-live .ic-spine:focus-visible .ic-sm{rotate:-6deg}.ic-live .ic-spine:focus-visible .ic-vw b{color:#fff}.ic-live .ic-tape{justify-content:center;align-items:center;gap:calc(var(--a) * 4.4);width:108vw;max-width:none;padding:calc(var(--a) * 1.7) 8vw calc(var(--a) * 1.9);text-align:left;box-shadow:0 calc(var(--a) * .9) 0 #fff;will-change:transform;margin:0;display:flex;position:absolute;top:65%;left:50%}.ic-live .ic-tape h2{font-size:clamp(30px,calc(var(--a) * 5.2),84px);white-space:nowrap;flex:none}.ic-live .ic-tape h2 br{display:none}.ic-live .ic-tape p{flex:0 1 calc(var(--a) * 34);min-width:280px;font-size:max(14px,calc(var(--a) * 1.5));margin:0}.ic-live .ic-mascot,.ic-live .ic-go{opacity:0;transform:translateY(24%) scale(.72) rotate(var(--mr,4deg));transition:opacity .16s,transform .5s cubic-bezier(.2,1.7,.4,1)}.ic-live .ic-go{transform:translate(30%)rotate(6deg)}.ic-live .on .ic-mascot{opacity:1;transform:none}.ic-live .on .ic-go{opacity:1;transition-delay:.12s;transform:rotate(-3deg)}.ic-live .on .ic-mascot{animation:3.4s ease-in-out .7s infinite ic-bob}@keyframes ic-bob{0%,to{translate:0}50%{translate:0 -1.4%}}.s0 .ic-shape{left:calc(var(--ox) + var(--a) * 34);top:calc(50% - var(--a) * 38);width:calc(var(--a) * 76);height:calc(var(--a) * 76)}.s1 .ic-shape{left:calc(var(--ox) + var(--a) * 2);top:calc(50% - var(--a) * 20);width:calc(var(--a) * 62);height:calc(var(--a) * 62)}.s2 .ic-shape{left:calc(var(--ox) + var(--a) * -6);top:calc(50% - var(--a) * 44);width:calc(var(--a) * 118);height:calc(var(--a) * 88)}.s3 .ic-shape{left:calc(var(--ox) + var(--a) * 18);top:calc(50% - var(--a) * 46);width:calc(var(--a) * 92);height:calc(var(--a) * 92)}.s4 .ic-shape{left:calc(var(--ox) + var(--a) * 12);top:calc(50% - var(--a) * 46);width:calc(var(--a) * 92);height:calc(var(--a) * 92)}@media (max-width:900px){.ic{--a:1vw;--ox:0px}.ic-tape{padding-bottom:clamp(90px,16vw,130px)}.ic-sheet{height:auto;min-height:0;margin-top:-7vw}.ic-edge,.s0{--cut:none}.s0 .ic-paper,.s1 .ic-paper,.s2 .ic-paper,.s3 .ic-paper,.s4 .ic-paper{clip-path:polygon(0 3vw,14% 1vw,31% 4vw,47% 1.5vw,66% 5vw,82% 2vw,100% 4.5vw,100% 100%,0 100%)}.ic-edge{display:none}.ic-paper{padding-top:9vw;position:relative;inset:auto}.ic-art{width:100%;height:auto;position:relative}.ic-word{font-size:calc(var(--mf,20) * 1vw);margin-left:4vw;position:relative;top:0;left:0}.ic-text{width:auto;margin:16px 16px 0;position:relative;top:0;left:0}.ic-text h3{font-size:clamp(28px,7.4vw,44px)}.ic-text p:last-child{font-size:16px}.ic-pieces{height:calc(var(--mh,70) * 1vw);margin-top:26px;position:relative;inset:auto}.ic-p{left:calc(var(--px) * 1vw);top:calc(var(--py) * 1vw);width:calc(var(--pw) * 1vw)}.ic-p.nm,.ic-go{display:none}.ic-mascot{width:calc(var(--pm,34) * 1vw);margin-top:0;inset:auto 3vw 0 auto}.ic-art{padding-bottom:0}.ic-shape{opacity:.8}}
@property --s{syntax:"<percentage>";inherits:true;initial-value:50%}.sr{--a:min(1vw,1.5vh,20px);--ox:calc((100vw - var(--a) * 100) / 2);color:#0b0b0f;background:#0b0b0f;position:relative;overflow:clip}.sr-doors{--s:50%;height:calc(var(--a) * 68);transition:--s .5s cubic-bezier(.3,.7,.2,1);position:relative}.sr-doors:has(.sr-a:hover){--s:52%}.sr-doors:has(.sr-b:hover){--s:49%}.sr-door{position:absolute;inset:0}.sr-a{--x:calc(var(--ox) + var(--a) * 4);--d:#6d4bd8;background:#b8a3ff}.sr-b{--x:calc(var(--ox) + var(--a) * 55);--d:#c98f0a;pointer-events:none}.sr-edge,.sr-paper{clip-path:polygon(calc(var(--s) + 3vw) 0,calc(var(--s) + 1.7vw) 13%,calc(var(--s) + 2.5vw) 29%,calc(var(--s) + .5vw) 46%,calc(var(--s) + 1.3vw) 62%,calc(var(--s) - 1.3vw) 80%,calc(var(--s) - .4vw) 100%,100% 100%,100% 0);position:absolute;inset:0}.sr-edge{translate:calc(var(--a) * -1) 0;background:#c98f0a}.sr-paper{pointer-events:auto;background:#ffd43b}.sr-ister{left:var(--x);top:calc(var(--a) * 2.6);font-size:calc(var(--a) * 3);margin:0;font-weight:700;line-height:1;position:absolute}.sr-word{left:calc(var(--x) - var(--a) * .3);top:calc(var(--a) * 6.6);width:max-content;font-size:calc(var(--a) * 18);letter-spacing:-.02em;color:#0b0b0f;text-shadow:.004em .004em 0 var(--d),.008em .008em 0 var(--d),.012em .012em 0 var(--d),.016em .016em 0 var(--d),.02em .02em 0 var(--d),.024em .024em 0 var(--d),.028em .028em 0 var(--d),.032em .032em 0 var(--d),.036em .036em 0 var(--d),.04em .04em 0 var(--d),.044em .044em 0 var(--d),.048em .048em 0 var(--d),.052em .052em 0 var(--d),.056em .056em 0 var(--d),.06em .06em 0 var(--d);clip-path:inset(-6% -6% -.08em -3%);margin:0;font-weight:800;line-height:.98;display:inline-flex;position:absolute}.sr-word span{display:block}.sr-col{z-index:2;left:var(--x);top:calc(var(--a) * 26.5);width:max(212px,calc(var(--a) * 20.5));position:absolute}.sr-col h3{font-size:max(23px,calc(var(--a) * 2.7));letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}.sr-col p{margin:calc(var(--a) * .9) 0 0;font-size:max(15px,calc(var(--a) * 1.22));text-wrap:pretty;line-height:1.45}.sr-slab{z-index:1;border-radius:max(5px,calc(var(--a) * .6));max-width:none;height:auto;box-shadow:0 0 0 max(3px,calc(var(--a) * .3)) #fff,calc(var(--a) * .8) calc(var(--a) * .8) 0 max(3px,calc(var(--a) * .3)) var(--d);display:block;position:absolute}.sr-a .sr-slab{left:calc(var(--ox) + var(--a) * 25.6);top:calc(var(--a) * 22);width:calc(var(--a) * 24);transform:rotate(1.8deg)}.sr-b .sr-slab{left:calc(var(--ox) + var(--a) * 77);top:calc(var(--a) * 25.5);width:calc(var(--a) * 25);transform:rotate(-2deg)}.sr-vers{z-index:3;left:var(--x);bottom:calc(var(--a) * 5.4);gap:calc(var(--a) * 1.6);width:calc(var(--a) * 41);padding-top:calc(var(--a) * .7);border-top:3px solid #0b0b0f;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:absolute}.sr-a .sr-vers{width:calc(var(--a) * 20.5)}.sr-vers b{font-size:max(19px,calc(var(--a) * 1.9));letter-spacing:-.015em;font-weight:800;line-height:1.1;display:block}.sr-vers span{margin-top:calc(var(--a) * .25);font-size:max(13.5px,calc(var(--a) * 1.05));line-height:1.35;display:block}.sr-m{z-index:4;left:calc(var(--ox) + var(--a) * 33);top:calc(var(--a) * 45);width:calc(var(--a) * 19);pointer-events:none;height:auto;position:absolute}.sr-free{z-index:6;justify-content:center;align-items:center;gap:calc(var(--a) * 4);margin:calc(var(--a) * -3) -3vw 0;padding:calc(var(--a) * 1.9) 7vw calc(var(--a) * 2.3);color:#fff;box-shadow:0 calc(var(--a) * -.8) 0 #fff;transform-origin:50% 0;background:#0b0b0f;display:flex;position:relative;transform:rotate(-1.1deg)}.sr-fl .dv-mono{color:#ffd43b;font-size:max(13px,calc(var(--a) * 1.15));margin:0}.sr-fw{margin:calc(var(--a) * .25) 0 0;font-size:calc(var(--a) * 6.6);letter-spacing:-.02em;white-space:nowrap;color:#ffd43b;--d:#a8760a;text-shadow:.004em .004em 0 var(--d),.008em .008em 0 var(--d),.012em .012em 0 var(--d),.016em .016em 0 var(--d),.02em .02em 0 var(--d),.024em .024em 0 var(--d),.028em .028em 0 var(--d),.032em .032em 0 var(--d),.036em .036em 0 var(--d),.04em .04em 0 var(--d),.044em .044em 0 var(--d),.048em .048em 0 var(--d),.052em .052em 0 var(--d),.056em .056em 0 var(--d),.06em .06em 0 var(--d);font-weight:800;line-height:1}.sr-fr{flex:0 1 calc(var(--a) * 25);min-width:240px}.sr-fr p{color:#d8d7de;font-size:max(14.5px,calc(var(--a) * 1.18));text-wrap:pretty;margin:0;line-height:1.45}.sr-dl{height:46px;margin-top:calc(var(--a) * .9);color:#0b0b0f;background:#ffd43b;border-radius:7px;align-items:center;gap:9px;padding:0 22px;font:700 15.5px/1 Bricolage Grotesque,Segoe UI,system-ui,sans-serif;transition:background-color .15s;display:inline-flex}.sr-dl:hover,.sr-dl:focus-visible{background:#fff;outline:0}@media (max-width:980px){.sr{--a:1vw;--ox:0px}.sr-doors{height:auto}.sr-door{--x:0px;padding:9vw 16px 30px;position:relative;inset:auto}.sr-b{margin-top:-5vw;padding:0}.sr-edge{display:none}.sr-paper{clip-path:polygon(0 3vw,16% 1vw,38% 4vw,61% 1.2vw,83% 4.4vw,100% 2vw,100% 100%,0 100%);padding:12vw 16px 30px;position:relative;inset:auto}.sr-ister{font-size:26px;position:static}.sr-word{margin:4px 0 0 -2px;font-size:33.4545vw;position:static}.sr-slab,.sr-a .sr-slab,.sr-b .sr-slab{max-width:620px}.sr-col{width:auto;margin-top:18px;position:static}.sr-col h3{font-size:clamp(28px,7.4vw,44px)}.sr-col p{margin-top:10px;font-size:16px}.sr-slab,.sr-a .sr-slab,.sr-b .sr-slab{width:100%;margin-top:26px;position:relative;top:auto;left:auto;transform:rotate(-1deg)}.sr-vers,.sr-a .sr-vers{border-top:0;width:auto;margin-top:26px;padding-top:0;display:block;position:static}.sr-vers div{border-top:2px solid #0b0b0f;padding:10px 0}.sr-vers span{font-size:15px}.sr-m{display:none;inset:auto 6px auto auto}.sr-free{box-shadow:none;margin:0;padding:30px 16px 34px;display:block;transform:none}.sr-fw{font-size:8.75vw}.sr-fr{margin-top:16px}}html.still .sr-doors{transition:none}.kv{--gap:clamp(24px,3.4vw,48px);--pink:#f472b6;--blue:#4dabf7;column-gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(56px,6.4vw,92px);display:grid}.kv-pic{grid-row:1;align-self:end;margin-bottom:22px;transition:opacity .4s,transform .5s cubic-bezier(.3,.7,.2,1)}.kv-pic img{width:100%;height:auto;box-shadow:0 0 0 1px var(--line2);border-radius:12px;display:block}.kv-desk{height:clamp(150px,14vw,196px);box-shadow:0 0 0 1px var(--line2);background:#161619;border-radius:12px;position:relative;overflow:hidden}.kv-desk i{filter:blur(1.6px);background:#26262c;border-radius:6px;position:absolute;box-shadow:0 0 0 1px #ffffff12}.kv-desk i:first-child{width:36%;height:44%;top:11%;left:6%}.kv-desk i:nth-child(2){width:30%;height:30%;top:60%;left:9%}.kv-desk i:nth-child(3){width:28%;height:32%;top:8%;right:5%}.kv-desk img{width:62%;height:auto;box-shadow:0 0 0 2px var(--pink),0 14px 30px #0000008c;border-radius:6px;position:absolute;top:24%;left:29%}.kv-rail{grid-area:2/1/auto/-1;grid-template-columns:subgrid;align-items:center;height:14px;display:grid;position:relative}.kv-rail:before,.kv-fill{content:"";background:var(--line2);height:2px;position:absolute;top:6px;left:0;right:0}.kv-fill{background:var(--pink);transform-origin:0;display:none;transform:scaleX(0)}.kv-dot{border:2px solid var(--line2);background:var(--bg);border-radius:50%;width:14px;height:14px;transition:background-color .25s,border-color .25s;position:relative}.kv-dot.on{border-color:var(--pink);background:var(--pink)}.kv-cur{--c:var(--pink);z-index:2;color:var(--c);will-change:transform;align-items:flex-start;display:none;position:absolute;top:-4px;left:0}.kv-cur svg{filter:drop-shadow(0 2px 3px #00000080);flex:none;display:block}.kv-cur b{background:var(--c);color:#0b0b0f;white-space:nowrap;border-radius:6px;margin:16px 0 0 -4px;padding:3px 8px;font:600 12.5px/1.2 Inter,Segoe UI,system-ui,sans-serif;transition:background-color .3s}.kv-cur.back{--c:var(--blue)}.kv-text{grid-row:3;padding-top:clamp(26px,2.4vw,34px)}.kv-text h3{letter-spacing:-.015em;margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:700;line-height:1.2}.kv-text p{max-width:330px;color:var(--muted);text-wrap:pretty;margin:7px 0 0;font-size:15.5px}.kv-live .kv-fill,.kv-live .kv-cur{display:flex}.kv-live .kv-fill{display:block}.kv-live .kv-pic{opacity:.34;transform:translateY(14px)}.kv-live .kv-pic.on{opacity:1;transform:none}@media (max-width:760px){.kv{margin-top:44px}.kv-rail{display:none}.kv-pic{align-self:stretch;margin:0}.kv-pic.s2,.kv-pic.s3{margin-top:34px}.kv-text{padding-top:16px}.kv{flex-direction:column;display:flex}.kv>.kv-pic.s1{order:1}.kv>.kv-text.s1{order:2}.kv>.kv-pic.s2{order:3}.kv>.kv-text.s2{order:4}.kv>.kv-pic.s3{order:5}.kv>.kv-text.s3{order:6}}html.still .kv-pic{transition:none}