.logo-evolution{position:relative;height:210vh;height:210svh;background:#10110e;color:#f4ebd8;scroll-margin-top:0}.logo-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);isolation:isolate;overflow:hidden;background:#10110e}.logo-scene-header{padding:27px 6% 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2}.logo-scene-header .kicker{font-size:10px;color:#c6bb9c}.logo-scene-header h2{font-family:var(--display);font-size:32px;font-weight:400;line-height:1.5;margin-top:4px}.logo-scene-header h2 em{color:var(--gold)}.logo-scene-header>a{font-size:10px;color:#cec6b1;border-bottom:1px solid #cec6b13b;white-space:nowrap}.logo-screen{position:relative;width:100%;min-height:0}.logo-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;pointer-events:none}.logo-frame.is-visible{opacity:1}.logo-evolution+section{scroll-margin-top:25px}
@media(min-width:1600px){.logo-scene-header{padding-top:32px;padding-bottom:22px}.logo-scene-header h2{font-size:39px}}
@media(max-width:780px){.logo-evolution{height:190svh}.logo-scene-header{padding:28px 6% 12px;align-items:start}.logo-scene-header h2{font-size:28px}.logo-scene-header .kicker{font-size:9px}.logo-scene-header>a{font-size:9px;margin-top:10px}.logo-stage{grid-template-rows:auto minmax(0,1fr)}.logo-frame{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.logo-evolution{height:auto}.logo-stage{position:relative;height:min(850px,100svh);min-height:500px}}

.logo-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;pointer-events:none}.logo-canvas.is-ready{opacity:1}