.hero{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;height:100svh;min-height:560px;position:relative;overflow:hidden}.hero.dragging{cursor:grabbing}.word{z-index:2;perspective:1100px;perspective-origin:var(--word-x,50%) var(--word-y);pointer-events:none;font-family:var(--display);color:var(--ink);font-weight:900;line-height:1;position:absolute;inset:0}.word-in{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.ch{transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:50%}.ch i{transform-origin:50% 55% -.42em;backface-visibility:hidden;font-style:normal;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .45s ease-out;display:block}.ch.out i{opacity:0;transition-duration:.42s,.3s;transition-timing-function:cubic-bezier(.5,0,.75,0),ease-in;transform:rotateX(78deg)}.ch.pre i{opacity:0;transition:none;transform:rotateX(-78deg)}.ring{z-index:1;perspective:var(--P);perspective-origin:50% var(--cy);position:absolute;inset:0}.ring .track{transform-style:preserve-3d;position:absolute;inset:0}.card{left:50%;top:var(--cy);width:var(--cw);height:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);border-radius:calc(var(--cw) * .085);will-change:transform,opacity;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;background:#e9e7e2;display:block;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0c0b0b12}.card img{object-fit:cover;object-position:top;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card .sharp{filter:grayscale()contrast(.66)brightness(1.2);transition:filter .5s ease-out}.card .soft{opacity:0;will-change:opacity}.card:focus-visible{outline:3px solid var(--red);outline-offset:4px}.card .fog{background:var(--paper);opacity:.3;will-change:opacity;transition:opacity .4s ease-out;position:absolute;inset:0}.card.on .sharp{filter:none}.card.on .fog,.card.on .soft{opacity:0!important}.me{z-index:3;left:50%;top:var(--me-t);height:var(--me-h);pointer-events:none;image-rendering:auto;width:auto;position:absolute;transform:translate(-43.2%)}.side{z-index:4;top:var(--side-y);font:700 clamp(13px,1.2vw,17px)/1.15 var(--sans);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;pointer-events:none;position:absolute}.side-l{right:calc(50% + var(--side-x));transform-origin:100%;transform:rotate(-4deg)}.side-r{left:calc(50% + var(--side-x));transform-origin:0;transform:rotate(4deg)}.who{z-index:4;height:calc(64px + env(safe-area-inset-bottom));padding:0 clamp(16px,2.6vw,40px) env(safe-area-inset-bottom);font:600 12px/1.45 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);pointer-events:none;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.who b{color:var(--ink);font-weight:700}.who>span{max-width:calc(50% - 156px)}.who .nw{white-space:nowrap}.who-r{text-align:right}.cap{z-index:7;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);font:600 14px/1 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:.55em;padding:11px 16px 11px 18px;transition:opacity .22s ease-out,transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;transform:translate(-50%,10px);box-shadow:0 1px #0c0b0b0f,0 10px 30px -12px #0c0b0b73}.cap b{font-weight:700}.cap span{color:var(--ink-2)}.cap span:before{content:"·";color:var(--ink-2);margin-right:.55em}.cap svg{width:14px;height:14px;color:var(--red)}.cap.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.cta{z-index:6;height:calc(64px + env(safe-area-inset-bottom));padding:0 30px env(safe-area-inset-bottom);background:var(--red);color:#fff;font:700 15px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;cursor:pointer;border-radius:22px 22px 0 0;align-items:center;gap:12px;transition:background-color .2s ease-out,height .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.cta:hover{height:calc(72px + env(safe-area-inset-bottom))}.cta:hover svg{transform:translate(2px,-2px)}.cta:active{background:var(--red-press)}.hero{--cy:47%;--word-y:15.5%;--me-h:min(71.2vh,58vw);--me-t:24%;--side-y:71%;--side-x:max(min(27.5vw,400px),calc(var(--me-h) * .58))}html:root .me{z-index:6;transform:translateX(var(--me-x,-47%));transition:transform .3s cubic-bezier(.16,1,.3,1)}html:root .cta{z-index:5}html:root .hero:has(.cta:hover) .me{transform:translateX(var(--me-x,-47%)) translateY(-8px)}html:root .hero{--side-y:73.5%;--side-x:min(24vw,330px)}html:root .card .sharp{filter:grayscale()contrast(.46)brightness(1.36)}html:root .card{background:#efede9;box-shadow:0 0 0 1px #0c0b0b0f}.figs{z-index:6;pointer-events:none;will-change:transform;position:absolute;inset:0}html:root .me.alt{opacity:0}html:root .hero{--me-x:-47%}html:root .me{left:var(--fx,50%)}html:root .ring{perspective-origin:var(--fx,50%) var(--cy)}html:root .card,html:root .cta{left:var(--fx,50%)}@media (min-width:700px){html:root .hero .side-l,html:root .hero .cap.l{right:calc(100% - var(--fx,50%) + var(--side-x))}html:root .hero .side-r,html:root .hero .cap.r{left:calc(var(--fx,50%) + var(--side-x))}}.hero.hint .cta{height:calc(68px + env(safe-area-inset-bottom))}.hero.hint .me{transform:translateX(var(--me-x,-47%)) translateY(-8px)}html:root .side{transition:opacity .25s ease-out}html:root .hero.capon .side{opacity:0}html:root .cap{bottom:auto;left:auto;right:auto;top:calc(var(--side-y) - 9px);transform:translateY(8px)}html:root .cap.show{transform:none}html:root .cap.l{right:calc(50% + var(--side-x))}html:root .cap.r{left:calc(50% + var(--side-x))}@media (max-width:699px){.hero{--cy:53%;--word-y:16%;--me-h:min(440px,53svh);--me-t:37%;--side-y:calc(100% - 64px - env(safe-area-inset-bottom) - 72px);--side-x:0px}.hero.capon .side{opacity:0}.side{letter-spacing:.03em;font-size:12px;transition:opacity .25s ease-out}.side-l{transform-origin:0;left:16px;right:auto;transform:rotate(-5deg)}.side-r{transform-origin:100%;left:auto;right:16px;transform:rotate(5deg)}.cta{padding:0 26px env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;justify-content:center;font-size:15px}.cta:hover{height:calc(60px + env(safe-area-inset-bottom))}html:root .hero{--side-y:75.5%}html:root .side{white-space:normal;width:6.2em;line-height:1.18}html:root .side-r{text-align:right}html:root .side-l{width:min-content}html:root .side-r{white-space:nowrap;width:auto}.who{top:var(--who-y,31%);text-align:center;letter-spacing:.03em;height:auto;padding:0 12px;font-size:11.5px;display:block;bottom:auto}.who>span{max-width:none;display:block}.who-r{text-align:center}html:root .cap{white-space:normal;max-width:136px;top:calc(var(--side-y) - 6px);border-radius:14px;grid-template-columns:auto auto;justify-content:start;gap:4px 8px;padding:9px 12px 10px;font-size:13px;display:grid}html:root .cap b{line-height:1.12}html:root .cap svg{grid-area:1/2;margin-top:1px}html:root .cap span{overflow-wrap:anywhere;grid-area:2/1/auto/-1;font-size:12px}html:root .cap span:before{display:none}html:root .cap.l{left:12px;right:auto}html:root .cap.r{left:auto;right:12px}html:root .cap{column-gap:6px;padding:9px 11px 9px 12px;font-size:12.5px}html:root .cap span{display:none}html:root .cap.l{max-width:var(--capw-l,136px)}html:root .cap.r{max-width:var(--capw-r,136px)}}html:root .hero[data-pose="3"] .cap{opacity:0;pointer-events:none}.point{z-index:7;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .16s ease-out;position:absolute;inset:0;overflow:visible}.point.on{opacity:1;transition:none}.point .ink{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.point .rim{fill:none;stroke:var(--paper);stroke-linecap:round;stroke-linejoin:round}.point .m{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.ch,.ch i,.cap,.card .sharp,.cta{transition:none!important}}
.s-works{background:var(--paper);color:var(--ink);font-family:var(--sans);--works-pad:clamp(16px,2.6vw,40px);--works-fs:clamp(56px,19vw,84px);position:relative}.s-works .s-works__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s-works .s-works__list{padding:72px var(--works-pad) 0;gap:96px;list-style:none;display:grid}.s-works .s-works__item{text-align:center;justify-items:center;display:grid}.s-works .s-works__text{justify-items:center;gap:0;width:100%;display:grid}.s-works .s-works__num{font:700 12px/1 var(--sans);letter-spacing:.08em;color:var(--ink-2)}.s-works .s-works__num b{color:var(--ink);font-weight:700}.s-works .s-works__name{font-family:var(--display);font-weight:900;font-size:var(--works-fs);text-transform:uppercase;letter-spacing:-.012em;color:var(--ink);margin-top:14px;line-height:.9}.s-works .s-works__name a{display:inline-block}.s-works .s-works__w{white-space:nowrap;display:inline-block}.s-works .s-works__body{justify-items:center;margin-top:14px;display:grid}.s-works .s-works__meta{font:700 12px/1.35 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.s-works .s-works__line{font:600 15px/1.4 var(--sans);text-wrap:balance;max-width:30ch;margin-top:8px}.s-works .s-works__links{font:700 13px/1 var(--sans);gap:22px;margin-top:12px;display:flex}.s-works .s-works__links a{border-bottom:1.5px solid #0000;align-items:center;gap:.4em;padding:6px 0;transition:border-color .2s ease-out;display:inline-flex}.s-works .s-works__links a:hover{border-color:currentColor}.s-works .s-works__links svg{width:13px;height:13px}.s-works .s-works__host{display:none!important}.s-works .s-works__links .s-works__case{color:var(--ink-2)}.s-works .s-works__links .s-works__case:hover{color:var(--ink)}.s-works .s-works__card{aspect-ratio:390/844;-webkit-tap-highlight-color:transparent;background:#efede9;border-radius:8.5%/3.93%;width:72%;max-width:330px;margin-top:26px;transition:box-shadow .5s ease-out;display:block;position:relative;box-shadow:0 0 0 1px #0c0b0b0f}.s-works .s-works__screen{border-radius:inherit;filter:grayscale()contrast(.46)brightness(1.36);transition:filter .5s ease-out;position:absolute;inset:0;overflow:hidden;container-type:size}.s-works .s-works__screen img{will-change:transform;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.s-works .s-works__screen img:not([src]){visibility:hidden}.s-works .s-works__fog{background:var(--paper);opacity:.34;pointer-events:none;transition:opacity .4s ease-out;position:absolute;inset:0}.s-works .s-works__card.is-live .s-works__screen{filter:none}.s-works .s-works__card.is-live .s-works__fog{opacity:0}.s-works .s-works__card.is-live{box-shadow:0 0 0 1px #0c0b0b0f,0 26px 40px -30px #0c0b0b66}.s-works .s-works__card:focus-visible{outline:3px solid var(--red);outline-offset:4px}.s-works .s-works__pill{background:var(--paper);color:var(--ink);white-space:nowrap;font:600 13px/1 var(--sans);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:.5em;padding:10px 14px 10px 16px;transition:opacity .22s ease-out,transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);box-shadow:0 1px #0c0b0b0f,0 10px 30px -12px #0c0b0b73}.s-works .s-works__pill svg{width:13px;height:13px;color:var(--red)}.s-works .s-works__card.is-live .s-works__pill{opacity:1;transform:translate(-50%)}@keyframes works-roll{0%,7%{transform:translateY(0)}93%,to{transform:translateY(calc(100cqh - 100%))}}.s-works:not(.is-pin) .s-works__screen img{animation:works-roll var(--works-dur,34s) cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}.s-works:not(.is-pin) .s-works__card.is-live .s-works__screen img{animation-play-state:running}.s-works.is-js .s-works__ch{display:inline-block}.s-works.is-js .s-works__ch i{transform-origin:50% 55% -.42em;backface-visibility:hidden;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .45s ease-out;transition-delay:calc(var(--works-k) * 40ms + .14s);font-style:normal;display:inline-block}.s-works.is-js .s-works__item:not(.is-on) .s-works__ch i{opacity:0;transition:none;transform:perspective(700px)rotateX(-78deg)}.s-works.is-js .s-works__item.is-out .s-works__ch i{opacity:0;transition:transform .42s cubic-bezier(.5,0,.75,0),opacity .3s ease-in;transition-delay:calc(var(--works-k) * 35ms);transform:perspective(700px)rotateX(78deg)}.s-works .s-works__more{padding:120px var(--works-pad) 120px;gap:22px;display:grid}.s-works .s-works__total{align-items:flex-end;gap:14px;display:flex}.s-works .s-works__total b{font-family:var(--display);letter-spacing:-.02em;font-size:128px;font-weight:900;line-height:.78}.s-works .s-works__total span{font:700 12px/1.35 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px}.s-works .s-works__cloud{overflow:hidden}.s-works .s-works__hosts{font:600 15px/1.75 var(--sans);color:var(--ink-2);flex-wrap:wrap;margin-left:-1.2em;list-style:none;display:flex}.s-works .s-works__hosts li{white-space:nowrap}.s-works .s-works__hosts li:before{content:"·";text-align:center;color:#0c0b0b4d;width:1.2em;display:inline-block}.s-works .s-works__hosts a{transition:color .15s ease-out}.s-works .s-works__hosts a:hover{color:var(--ink);text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1.5px}.s-works .s-works__all{box-shadow:inset 0 0 0 1.5px var(--ink);font:700 14px/1 var(--sans);border-radius:999px;justify-self:start;align-items:center;gap:.6em;margin-top:6px;padding:15px 22px;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.s-works .s-works__all svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.s-works .s-works__all:hover{background:var(--ink);color:var(--paper)}.s-works .s-works__all:hover svg{transform:translate(3px)}.s-works a:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.s-works .s-works__count{display:none}@media (min-width:700px){.s-works{--works-fs:clamp(72px,10vw,150px)}.s-works .s-works__list{gap:120px;padding-top:120px}.s-works .s-works__item{text-align:left;grid-template-columns:1fr auto;place-items:center start;gap:48px}.s-works .s-works__text,.s-works .s-works__body{justify-items:start}.s-works .s-works__card{width:min(34vw,330px);margin:0}.s-works .s-works__host{display:inline-flex!important}.s-works .s-works__line{max-width:34ch;font-size:17px}.s-works .s-works__more{grid-template-columns:auto 1fr;align-items:start;column-gap:clamp(40px,6vw,110px);padding-top:150px}.s-works .s-works__total{flex-direction:column;grid-row:span 2;align-items:flex-start;gap:16px}.s-works .s-works__total b{font-size:clamp(150px,17vw,260px)}.s-works .s-works__hosts{max-width:62ch;font-size:clamp(16px,1.45vw,21px);line-height:1.7}.s-works .s-works__cloud,.s-works .s-works__all{grid-column:2}}.s-works.is-pin .s-works__track{height:var(--works-track,600vh);position:relative}.s-works.is-pin .s-works__stage{perspective:1700px;height:100vh;perspective-origin:var(--works-cx) 50%;position:sticky;top:0;overflow:hidden}.s-works.is-pin .s-works__list{padding:0;display:block;position:absolute;inset:0}.s-works.is-pin .s-works__item{text-align:left;pointer-events:none;display:block;position:absolute;inset:0}.s-works.is-pin .s-works__text{left:var(--works-pad);width:var(--works-colw);top:calc(50% + var(--works-dy) - var(--works-ch) / 2 - var(--works-fs) * var(--works-capk,.063));display:block;position:absolute}.s-works.is-pin .s-works__head{position:relative}.s-works.is-pin .s-works__num{display:none}.s-works.is-pin .s-works__name{white-space:nowrap;margin:0;line-height:.86}.s-works.is-pin .s-works__body{opacity:0;justify-items:start;margin:26px 0 0;transition:opacity .22s ease-in,transform .3s ease-in;position:relative;transform:translateY(10px)}.s-works.is-pin .s-works__item.is-on .s-works__body{opacity:1;transition:opacity .4s ease-out .3s,transform .6s cubic-bezier(.16,1,.3,1) .3s;transform:none}.s-works.is-pin .s-works__item.is-on .s-works__text{pointer-events:auto}.s-works.is-pin .s-works__meta{font-size:clamp(12px,.92vw,15px)}.s-works.is-pin .s-works__line{max-width:28ch;margin-top:12px;font-size:clamp(18px,1.55vw,26px);line-height:1.3}.s-works.is-pin .s-works__links{margin-top:18px;font-size:14px}.s-works.is-pin .s-works__card{pointer-events:auto;max-width:none;left:calc(var(--works-cx) - var(--works-cw) / 2);top:calc(50% + var(--works-dy) - var(--works-ch) / 2);width:var(--works-cw);height:var(--works-ch);will-change:transform;backface-visibility:hidden;margin:0;position:absolute}.s-works.is-pin .s-works__card .s-works__pill{bottom:18px}.s-works.is-pin .s-works__card.is-live .s-works__pill{opacity:0;transform:translate(-50%,8px)}.s-works.is-pin .s-works__card.is-live:hover .s-works__pill,.s-works.is-pin .s-works__card.is-live:focus-visible .s-works__pill{opacity:1;transform:translate(-50%)}.s-works.is-pin .s-works__count{left:calc(var(--works-cx) + var(--works-cw) / 2 + 34px);top:calc(50% + var(--works-dy) - var(--works-ch) / 2 + 4px);font:700 14px/1 var(--sans);letter-spacing:.08em;color:var(--ink-2);white-space:nowrap;display:block;position:absolute}.s-works.is-pin .s-works__count b{color:var(--ink);font-weight:700;display:inline-block}.s-works.is-pin .s-works__more{padding-top:110px}.s-works .s-works__toc{display:none}.s-works.is-pin .s-works__toc{left:var(--works-pad);bottom:calc(50% - var(--works-dy) - var(--works-ch) / 2 - 3px);font:600 clamp(14px,1.1vw,17px)/1 var(--sans);gap:clamp(9px,.85vw,13px);margin:0;padding:0;list-style:none;transition:opacity .3s ease-out;display:grid;position:absolute}.s-works.is-pin .s-works__toc.is-off{opacity:0;pointer-events:none}.s-works .s-works__toc button,.s-works .s-works__toc a{font:inherit;color:#0c0b0b99;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:14px;padding:0;transition:color .25s ease-out;display:inline-flex}.s-works .s-works__toc i{letter-spacing:.06em;font-variant-numeric:tabular-nums;min-width:2.1em;font-size:12px;font-style:normal;font-weight:700}.s-works .s-works__toc span{position:relative}.s-works .s-works__toc span:after{content:"";transform-origin:0;background:currentColor;height:1.5px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.s-works .s-works__toc button:hover,.s-works .s-works__toc a:hover{color:var(--ink-2)}.s-works .s-works__toc li.is-cur button{color:var(--ink)}.s-works .s-works__toc li.is-cur span:after{transform:none}.s-works .s-works__toc .s-works__toc-more{margin-top:7px}.s-works .s-works__toc .s-works__toc-more a{color:var(--ink-2)}.s-works .s-works__toc .s-works__toc-more a:hover{color:var(--ink)}.s-works .s-works__toc svg{align-self:center;width:12px;height:12px}@media (prefers-reduced-motion:reduce){.s-works .s-works__screen,.s-works .s-works__fog,.s-works .s-works__pill,.s-works .s-works__card{transition:none!important}.s-works .s-works__screen img{animation:none!important}.s-works.is-js .s-works__item .s-works__ch i{opacity:1!important;transition:none!important;transform:none!important}}