:root{--bg-1:#3a4650;--bg-2:#4a5763;--bg-3:#5a6772;--text:#fff;--muted:#ffffffb8;--accent:#e8834f;--toggle-on:var(--accent);--pad-x:4.2vw;--pad-y:6.5vh;--col-top:18vh;--row1:56px;--row-gap:6vh;--nav-center:17px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-1);overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}ul{list-style:none}.hero:active{cursor:grabbing}.hero a,.hero button{cursor:pointer}.line{vertical-align:middle;background:#ffffff8c;width:2.6vw;min-width:28px;height:1px;margin:0 .9em;display:inline-block}.hero{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(ellipse 45% 30% at 52% 88%, #ffffff0f, transparent 70%), linear-gradient(100deg, var(--bg-1) 0%, var(--bg-2) 50%, var(--bg-3) 100%);height:100vh;min-height:560px;position:relative;overflow:hidden}.hero__word{letter-spacing:-.04em;white-space:nowrap;color:#fff;-webkit-user-select:none;user-select:none;font-size:min(12.2vw,40vh);font-weight:700;line-height:1;animation:1.2s cubic-bezier(.2,.7,.2,1) both rise;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.hero__canvas{z-index:1;animation:1.4s .2s both fade;position:absolute;inset:0}.hero__nav{top:var(--pad-y);left:var(--pad-x);right:var(--pad-x);align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute}.logo{letter-spacing:-.02em;align-items:center;gap:6px;font-size:22px;font-weight:600;display:flex}.logo__mark{font-size:20px}.credits{margin-left:auto;position:relative}.credits__button{border:1.5px solid var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.2em;text-transform:uppercase;background:#2028308c;border-radius:999px;padding:9px 20px;font-size:11px;font-weight:700;transition:background .3s,box-shadow .3s,transform .3s;box-shadow:0 0 18px #e8834f40}.credits__button:hover,.credits__button.is-open{background:#e8834f29;box-shadow:0 0 26px #e8834f73}.credits__button:active{transform:scale(.96)}.credits__button:focus-visible{outline-offset:3px;outline:2px solid #fff}.credits__card{width:min(360px, calc(100vw - 2 * var(--pad-x)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:100% 0;opacity:0;visibility:hidden;background:#1e252ceb;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:20px;padding:22px 26px 22px 22px;transition:opacity .25s,transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;display:flex;position:absolute;top:calc(100% + 14px);right:0;transform:translateY(-10px)scale(.94);box-shadow:0 24px 60px #0a0e1273}.credits__card.is-open{opacity:1;visibility:visible;transition:opacity .3s,transform .5s cubic-bezier(.2,1.2,.3,1),visibility;transform:none}.credits__avatar{background:linear-gradient(145deg, #f6b98c, var(--accent) 55%, #c4552a);border-radius:50%;flex:none;width:80px;height:80px;padding:3px;box-shadow:0 0 22px #e8834f59}.credits__avatar img{object-fit:cover;border:3px solid #1e252c;border-radius:50%;width:100%;height:100%;display:block}.credits__body{gap:6px;min-width:0;display:grid}.credits__name{letter-spacing:-.01em;font-size:20px;font-weight:800}.credits__role,.credits__made{color:var(--muted);font-size:13.5px}.credits__link{color:var(--accent);justify-self:start;font-size:14px;font-weight:600;transition:color .2s}.credits__link span{transition:transform .25s;display:inline-block}.credits__link:hover{color:#f6b98c}.credits__link:hover span{transform:translate(2px,-2px)}@media (max-width:1400px){.credits__button{letter-spacing:.14em;padding:8px 14px}}.credits__avatar,.credits__body>*{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}.credits__avatar{transform:scale(.8)}.credits__card.is-open .credits__avatar,.credits__card.is-open .credits__body>*{opacity:1;transition:opacity .45s,transform .55s cubic-bezier(.2,1.2,.3,1);transform:none}.credits__card.is-open .credits__avatar{transition-delay:80ms}.credits__card.is-open .credits__body>:first-child{transition-delay:.14s}.credits__card.is-open .credits__body>:nth-child(2){transition-delay:.19s}.credits__card.is-open .credits__body>:nth-child(3){transition-delay:.24s}.credits__card.is-open .credits__body>:nth-child(4){transition-delay:.29s}.hero__left{left:var(--pad-x);top:var(--col-top);width:17vw;min-width:200px;font-size:13px;position:absolute}.meta{color:var(--muted);height:24px;margin-bottom:calc(var(--row1) - 24px);align-items:center;display:flex}.meta strong{color:#fff;font-weight:700}.hero__right{left:74.5%;top:var(--col-top);width:19vw;min-width:220px;font-size:13px;line-height:1.75;position:absolute}.colors{width:-moz-fit-content;width:fit-content;height:var(--row1);margin-bottom:var(--row-gap);transform:translateY(calc(var(--pad-y) + var(--nav-center) - 12px - var(--col-top)))}.dots{align-items:center;gap:.7vw;display:flex}.dot{border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:relative}.dot:after{content:"";background:var(--c);border-radius:50%;width:7px;height:7px;transition:width .35s,height .35s;box-shadow:0 0 0 1px #ffffff59}.dot:before{content:"";border:1.5px solid var(--accent);opacity:0;border-radius:50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0;transform:scale(.4)}.dot:hover:after{width:10px;height:10px}.dot.is-active:after{width:12px;height:12px;box-shadow:none}.dot.is-active:before{opacity:1;transform:scale(1)}.dot:focus-visible{outline-offset:2px;outline:2px solid #fff}.colors__name{letter-spacing:.04em;color:var(--muted);margin-top:10px;font-size:12px;font-weight:600;animation:.6s cubic-bezier(.2,.8,.2,1) backwards text-in}.hero__right h2{letter-spacing:-.01em;text-transform:uppercase;margin-bottom:.5em;font-size:clamp(18px,1.5vw,24px);font-weight:800}.hero__right p{color:#fff}.hero__right .fade{color:#ffffffb3;margin-top:.6em;-webkit-mask-image:linear-gradient(#000,#0000 95%);mask-image:linear-gradient(#000,#0000 95%)}.info h2,.info__text:not(.fade){text-shadow:0 1px 14px #141a1f73}.info__word{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.info__char{animation:.7s cubic-bezier(.2,.8,.2,1) both char-in;animation-delay:calc(var(--i) * 28ms);display:inline-block}.info__text{animation:.8s cubic-bezier(.2,.8,.2,1) backwards text-in;animation-delay:calc(.25s + var(--i) * .12s)}.info.is-leaving .info__char{animation:.35s cubic-bezier(.6,0,.8,.4) both char-out;animation-delay:calc(var(--i) * 8ms)}.info.is-leaving .info__text{animation:.3s both text-out}@keyframes char-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes char-out{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes text-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes text-out{to{opacity:0;transform:translateY(-8px)}}.toggle{cursor:pointer;align-items:center;gap:12px;margin-top:18px;font-weight:600;animation:.4s cubic-bezier(.2,.8,.2,1) backwards toggle-in;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:#ffffff38;border-radius:999px;flex:none;width:51px;height:31px;transition:background .3s;position:relative}.toggle__thumb{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .3s cubic-bezier(.3,1.4,.5,1),width .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.toggle:active .toggle__thumb{width:33px}.toggle input:checked+.toggle__track{background:var(--toggle-on)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.toggle:active input:checked+.toggle__track .toggle__thumb{transform:translate(14px)}.toggle input:focus-visible+.toggle__track{outline-offset:2px;outline:2px solid #fff}.pose-switch{grid-template-columns:repeat(var(--count), 1fr);width:calc(var(--count) * 62px);margin-top:calc(var(--row-gap) + 34px);background:#ffffff1f;border-radius:999px;padding:3px;display:grid;position:relative}.pose-switch__pill{width:calc((100% - 6px) / var(--count));transform:translateX(calc(var(--index) * 100%));background:#fff;border-radius:999px;transition:transform .35s cubic-bezier(.3,1.3,.5,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 3px 8px #0000002e}.pose-switch button{color:#fffc;padding:7px 0;font-size:12px;font-weight:600;transition:color .25s;position:relative}.pose-switch button.is-active{color:#1d242a}.pose-switch button:focus-visible{outline-offset:-2px;border-radius:999px;outline:2px solid #fff}.hotspot{background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .35s,transform .35s;position:relative;box-shadow:0 0 0 4px #ffffff40,0 2px 10px #00000059}.hotspot:before{content:"";border:1px solid #ffffffb3;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-4px}.hotspot:hover{transform:scale(1.25)}.hotspot.is-hidden{opacity:0;pointer-events:none;transform:scale(.4)}.hotspot__label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;background:#141a1fbf;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.hotspot:hover .hotspot__label,.hotspot:focus-visible .hotspot__label{opacity:1;transform:translate(-50%)}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hero__footer{left:var(--pad-x);right:var(--pad-x);bottom:var(--pad-y);justify-content:space-between;font-size:13px;font-weight:600;display:flex;position:absolute}.lang,.lang__item{align-items:center;gap:10px;display:flex}.lang i{background:var(--accent);border-radius:50%;width:3px;height:3px}.lang button{color:#ffffff80;font-weight:600;transition:color .25s}.lang button:hover{color:#ffffffd9}.lang button.is-active{color:#fff}.lang button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.hero__left,.hero__right,.hero__footer{z-index:2}.hero__nav{z-index:3;pointer-events:none}.hero__nav>*{pointer-events:auto}.hero__left,.hero__right,.hero__nav,.hero__footer{animation:1s .5s both fade}@media (prefers-reduced-motion:reduce){.info__char,.info__text{animation-duration:.01ms!important;animation-delay:0s!important}}@keyframes toggle-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:820px){.hero__word{font-size:20vw;top:52%}.meta{display:none}.hero__left{top:calc(var(--pad-y) + 44px);width:auto;min-width:0}.pose-switch{margin-top:0}.toggle{margin-top:12px}.hero__right{left:var(--pad-x);right:var(--pad-x);width:auto;top:auto;bottom:14vh}.colors{margin-bottom:2vh;transform:none}.hero__right .fade{display:none}}