.studio-opening-flow{--opening-top:96px;position:relative}.studio-opening-flow.is-pinned{height:520svh}.studio-opening-stage{position:relative}.is-pinned .studio-opening-stage{top:var(--opening-top);height:calc(100svh - var(--opening-top));perspective:1200px;position:sticky;overflow:hidden}.is-pinned .opening-scene{transform-origin:50% 30%;will-change:transform, opacity;position:absolute;inset:0 0 auto}.opening-scene-message{z-index:2}.opening-scene-second{z-index:3}.studio-opening-film{width:min(1440px,100% - 64px);margin:0 auto;padding:24px 0}.studio-opening-frame{aspect-ratio:16/9;background:#1b1520;border-radius:24px;width:min(100%,177.778svh - 444.444px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 80px #50334d30}.studio-opening-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.studio-opening-caption{color:#50334d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:12px;display:flex}.studio-opening-caption a,.studio-opening-caption button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.opening-timeline{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f4f5ed;border-top:1px solid #50334d22;justify-content:center;gap:clamp(20px,7vw,100px);padding:20px 16px;display:flex;position:absolute;inset:auto 0 0}.opening-progress{transform-origin:0;background:#70587c;height:3px;position:absolute;inset:0 0 auto}.opening-timeline button{color:#70587c;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px;font-size:12px;display:flex}.opening-timeline button[aria-current]{color:#502f4c;font-weight:750}.opening-timeline button span{opacity:.5;font-size:10px}.studio-opening-stage :is(button,a):focus-visible{outline-offset:5px;outline:2px solid #70587c}.is-pinned .classic-studio-hero{min-height:calc(100svh - var(--opening-top) - 76px);border:0;border-radius:32px 32px 0 0;padding:32px 24px}.is-pinned .classic-studio-hero:before{display:none}.is-pinned .studio-intro-film{min-height:calc(100svh - var(--opening-top) - 72px);background:#e8dfec;border-radius:32px 32px 0 0;align-items:center;padding:32px;display:grid}.is-pinned .studio-intro-film .studio-reveal{opacity:1!important;transform:none!important}@media (max-width:800px){.studio-opening-flow.is-pinned{height:480svh}.studio-opening-film{width:calc(100% - 32px);padding-top:28px}.is-pinned .opening-scene-film{top:12%}.studio-opening-frame{border-radius:16px;width:100%}.studio-opening-caption{font-size:11px}.studio-opening-caption>span{width:100%}.opening-timeline{justify-content:space-between;gap:10px;padding:18px 10px}.opening-timeline button{gap:5px;font-size:11px}.is-pinned .classic-studio-hero{padding:28px 16px 36px}.is-pinned .studio-intro-film{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.studio-opening-flow.is-pinned{height:auto}.is-pinned .studio-opening-stage{height:auto;position:relative;overflow:visible}.is-pinned .opening-scene{position:relative;opacity:1!important;transform:none!important}}
.brand-entrance{z-index:3000;color:#d8d5dd;isolation:isolate;background:#101113;place-items:center;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0;overflow:hidden}.brand-entrance:before{content:"";pointer-events:none;background:radial-gradient(35% 35% at 50% 51%,#70587c20,#0000 75%);position:absolute;inset:0}.brand-entrance.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.brand-entrance-center{flex-direction:column;align-items:center;display:flex;transform:translateY(-1.5vh)}.brand-entrance-mark{aspect-ratio:238/176;filter:drop-shadow(0 0 22px #a38bac55);background:linear-gradient(125deg,#7c7881 3%,#f3f0f3 30%,#a09ca5 54%,#54535a 78%,#bbb7c0 100%);width:clamp(180px,19vw,286px);animation:2.15s cubic-bezier(.2,.7,.2,1) both entrance-mark;-webkit-mask:url(/brand/viarvo-emblem.svg) 50%/contain no-repeat;mask:url(/brand/viarvo-emblem.svg) 50%/contain no-repeat}.brand-entrance-name{font-family:var(--font-outfit), sans-serif;letter-spacing:.48em;margin-top:30px;padding-left:.48em;font-size:clamp(18px,2.1vw,27px);font-weight:400;line-height:1;animation:1.1s .35s both entrance-copy}.brand-entrance-tagline{color:#a9a2ad;font-family:var(--font-outfit), sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:16px;font-size:clamp(10px,.85vw,12px);animation:1.1s .55s both entrance-copy}.brand-entrance-skip{z-index:1;color:#c9c2cd;font:500 12px var(--font-outfit), sans-serif;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a9a2ad80;padding:8px 2px;position:absolute;bottom:clamp(30px,4vw,58px);right:clamp(20px,4vw,64px)}.brand-entrance-skip:hover{color:#fff;border-color:#fff}.brand-entrance-skip:focus-visible{outline-offset:5px;outline:2px solid #fff}.brand-entrance-progress{transform-origin:0;background:#ae91bd;width:100%;height:2px;animation:2.35s linear both entrance-progress;position:absolute;inset:auto auto 0 0}@keyframes entrance-mark{0%{opacity:0;filter:blur(12px);transform:translateY(22px)scale(.92)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes entrance-copy{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes entrance-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:600px){.brand-entrance-mark{width:min(60vw,238px)}.brand-entrance-tagline{letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){.brand-entrance,.brand-entrance-mark,.brand-entrance-name,.brand-entrance-tagline,.brand-entrance-progress{transition:none;animation:none}}