/* ImageGen art is composited from a black matte. Eye frames are an independent layer. */
.nav{height:78px}.brand{font-weight:600}.dot{display:none}
h1,h2,h3{font-family:'Manrope','Golos Text',sans-serif;font-weight:500}
h2{letter-spacing:-1.4px}h3{letter-spacing:-.45px}
.hero{display:block;padding:38px 44px 42px}.hero-copy{display:grid;grid-template-columns:1.6fr 1fr;column-gap:50px;align-items:start}.hero .eyebrow{grid-column:1/-1;font-size:9px;color:#a6a0a8;letter-spacing:2.3px}.hero h1{grid-column:1;margin:20px 0 16px;font-size:clamp(30px,3.2vw,45px);letter-spacing:-1.8px;line-height:1.3;font-weight:500}.hero .nickname{font-size:inherit;letter-spacing:inherit;white-space:nowrap}.hero .intro{grid-column:1;font-size:13px;line-height:1.8;margin:0}.hero-actions{grid-column:2;grid-row:2;margin:24px 0 0;justify-content:flex-end}.hero .now{grid-column:2;grid-row:3;margin:0;justify-self:end;align-self:center}.hero .now p{max-width:245px}.ticker{padding:22px 0}.ticker>span{font-family:Manrope,sans-serif;font-weight:500}.section{padding-top:70px;padding-bottom:70px}
.studio-banner{width:100%;border-bottom:1px solid #433239;background:#151116}.studio-scene{height:clamp(300px,26vw,420px);position:relative;isolation:isolate;overflow:hidden;background:url('assets/studio-panorama-v3.png') center 55%/cover no-repeat}.studio-scene:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(0deg,#111113b0,transparent 22%,transparent 80%,#11111325)}.studio-caption{position:absolute;left:max(28px,calc((100vw - 1272px)/2));top:20px;z-index:5;display:flex;align-items:center;color:#d5c6c4;font-size:10px;letter-spacing:1px;background:#151116b8;padding:9px 13px;border:1px solid #63504750;border-radius:20px;backdrop-filter:blur(8px)}.studio-controls{position:absolute;right:max(28px,calc((100vw - 1272px)/2));bottom:17px;display:flex;gap:8px;z-index:6}.studio-controls button{border:1px solid #6a50494d;background:#171519d9;backdrop-filter:blur(10px);border-radius:5px;padding:10px 13px;font-size:10px;color:#d2c2bd}.studio-controls button:hover{border-color:#e085715e;background:#32232bea}.studio-controls button span{margin-left:12px;color:#fc8b8b}.ambient-glow{position:absolute;right:4%;top:0;width:25%;height:75%;background:radial-gradient(ellipse,#fc533614,transparent 65%);pointer-events:none;animation:lamplight 8s ease-in-out infinite}.actor-anchor{position:absolute;left:48%;bottom:25px;width:140px;height:314px;z-index:3;transform:translateX(-50%) scale(.85);transform-origin:bottom center;transition:left 3.2s linear}.actor-art{position:absolute;inset:0;mix-blend-mode:screen}.actor-body,.actor-eyes{position:absolute;inset:0;background-image:url('assets/artem-frames-v2.png');background-size:1075.2px 716.8px;background-repeat:no-repeat;background-position:-100.8px -16.8px;image-rendering:pixelated}.actor-eyes{clip-path:inset(48px 37px 246px 46px);animation:blink 6s step-end infinite}.actor-shadow{position:absolute;bottom:0;left:20px;right:20px;height:9px;background:#0009;border-radius:50%;filter:blur(3px);z-index:-1}.actor-anchor .speech{left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);font-family:'Golos Text',sans-serif;font-size:11px;padding:11px 14px;white-space:nowrap;background:#f1e5d9;color:#362b2e;border-radius:5px;box-shadow:0 4px 20px #0004;opacity:0;transition:opacity .25s}.actor-anchor .speech:after{left:50%;border-top-color:#f1e5d9}.actor-anchor.talking .speech{opacity:1}.actor-anchor.walking .actor-body{animation:walkframes .7s step-end infinite}.actor-anchor.walking .actor-eyes{display:none}.actor-anchor.facing-left .actor-art{transform:scaleX(-1)}.studio-scene.streaming .ambient-glow{background:radial-gradient(ellipse,#fc334344,transparent 70%)}.studio-scene.paused *{animation-play-state:paused!important}.studio-scene.paused .actor-anchor{transition:none}.studio-scene.streaming .studio-caption{color:#ff8a97}
@keyframes blink{0%,91%,100%{background-position:-100.8px -16.8px}92%,95%{background-position:-338.8px -16.8px}93%,94%{background-position:-576.8px -16.8px}}
@keyframes walkframes{0%{background-position:-100.8px -364px}25%{background-position:-338.8px -364px}50%{background-position:-576.8px -364px}75%{background-position:-814.8px -364px}}
@keyframes lamplight{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:1000px){.hero-copy{grid-template-columns:1fr}.hero h1{font-size:37px}.hero-actions{grid-column:1;grid-row:auto;justify-content:flex-start;margin:20px 0}.hero .now{grid-column:1;grid-row:auto;justify-self:start}.studio-scene{background-size:auto 440px;background-position:center 55%;height:340px}.actor-anchor{transform:translateX(-50%) scale(.7)}.studio-controls{right:20px}.studio-caption{left:20px}}
@media(max-width:700px){.nav{height:68px}.hero{padding:28px 22px 32px}.hero h1{font-size:30px;letter-spacing:-1.2px;max-width:470px;margin:16px 0}.hero .nickname{white-space:normal}.hero .intro{font-size:12px}.studio-scene{height:300px;background-size:auto 365px;background-position:51% 55%}.actor-anchor{bottom:38px;transform:translateX(-50%) scale(.65)}.studio-controls{left:12px;right:12px;bottom:10px;justify-content:center;gap:5px}.studio-controls button{font-size:9px;padding:9px 8px}.studio-controls button span{margin-left:4px}.studio-caption{top:12px;left:12px;font-size:9px}.section{padding-top:50px;padding-bottom:50px}.actor-anchor .speech{font-size:13px}.contact-section h2{font-weight:500}}
@media(prefers-reduced-motion:reduce){.actor-anchor{transition:none}.actor-eyes,.ambient-glow{animation:none}}
.actor-anchor{mix-blend-mode:screen}.actor-art{mix-blend-mode:normal}