.studio-hero{background:var(--paper)}.studio-stage{height:100svh;min-height:760px;overflow:clip}.scene.is-live>.studio-stage{min-height:0}.studio-opening{z-index:2;padding:12px var(--gutter) 0;pointer-events:none;position:relative}.studio-opening h1{font-family:var(--font-instrument),sans-serif;letter-spacing:-.06em;grid-template-columns:43% 12% 45%;font-size:14vw;font-weight:700;line-height:.86;display:grid;position:relative}.studio-word{transform-origin:0;white-space:nowrap;width:max-content;display:block;overflow:clip}.studio-letter{vertical-align:top;display:inline-block}.studio-word-left{grid-column:1;transform:scaleX(1.45)}.studio-word-right{grid-column:3;transform:scaleX(1.2)}.studio-mascot-mark{width:12.4%;height:auto;position:absolute;top:-6%;left:43%}.studio-mascot-portrait{width:100%;height:auto;display:block}@keyframes wordmark-resolve{0%{opacity:0}to{opacity:1}}@keyframes wordmark-portrait-arrive{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.studio-letter{animation:.45s linear both wordmark-resolve}.studio-mascot-portrait{animation:.65s cubic-bezier(.23,1,.32,1) 80ms both wordmark-portrait-arrive}}.studio-statement{letter-spacing:-.035em;text-align:center;max-width:700px;margin:18px auto 0;font-size:clamp(22px,1.9vw,30px);line-height:1.22}.studio-render{position:absolute;inset:0}.studio-canvas,.studio-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.studio-canvas{opacity:0;pointer-events:none;z-index:1}.studio-still{z-index:2}.studio-hero[data-ready=true] .studio-canvas{opacity:1}.studio-hero[data-ready=true] .studio-still{visibility:hidden}.studio-disciplines{z-index:2;bottom:20px;left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:20px;font-size:18px;display:flex;position:absolute}.studio-disciplines>a{align-items:center;gap:36px;min-height:44px;display:inline-flex}.studio-screen-frame{z-index:0;visibility:hidden;transform-origin:0 0;will-change:transform;background:#191820;position:absolute;inset:0;overflow:clip}.studio-screen{transform-origin:0 0;color:var(--paper);padding:100px var(--gutter) 45px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;display:grid;position:absolute;inset:0}.studio-motion-toggle{background:0 0;min-height:44px;padding:0;font-size:14px;display:none}.studio-hero[data-ready=true] .studio-motion-toggle{align-items:center;display:inline-flex}.studio-reel-copy h2{font-size:clamp(68px,7vw,120px)}.studio-reel-copy p{margin-top:32px;font-size:24px}.studio-reel-copy .button{margin-top:30px}.studio-reel-art{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;display:grid}.studio-reel-art img{width:100%;height:auto}.studio-reel-art img:nth-child(2){transform:translateY(-48px)}.studio-reel-art img:nth-child(3){transform:translateY(48px)}.studio-reel-credit{bottom:24px;right:var(--gutter);font-size:14px;position:absolute}.site-header{top:calc((100vw - 2 * var(--gutter)) * .125 + 12px);background:0 0;height:60px;position:absolute;left:0;right:0}html.js .site-header{position:fixed}html:has(.studio-hero[data-ready=false]) .site-header{position:absolute}.site-header .nav{gap:22px;width:100%;font-size:15px}.site-header .nav-action{gap:24px;margin-left:auto}.site-header .brand{opacity:0;visibility:hidden;mix-blend-mode:normal;width:48px;height:48px;position:absolute;top:6px;left:calc(50% - 24px)}.site-header .brand img{object-fit:contain;width:100%;height:100%;position:static}.site-header.is-scrolled{background:var(--paper)}@media (min-width:1900px){.studio-statement{max-width:860px}}@media (max-width:1100px){.studio-stage{min-height:740px}.studio-statement{max-width:580px;margin-top:60px;font-size:24px}.studio-disciplines{font-size:16px}.studio-disciplines>span:nth-child(2){display:none}}@media (max-width:767px){.site-header{background:var(--paper);height:64px;top:0}.site-header .brand{left:var(--gutter);opacity:1;visibility:visible;width:44px;height:44px;top:9px}.site-header .menu-toggle{margin-left:auto}.site-header .nav{background:var(--paper);width:100%;position:absolute;top:64px;left:0;right:0}.site-header .nav-action{margin-left:0}.studio-stage{height:100svh;min-height:740px}.studio-opening{padding-top:84px}.studio-statement{max-width:440px;margin-top:24px;font-size:24px;line-height:1.25}.studio-disciplines{font-size:16px;bottom:16px}.studio-disciplines>span{display:none}.studio-disciplines>a{flex:1;justify-content:space-between;gap:12px}.studio-motion-toggle{font-size:13px}.studio-screen{padding:85px var(--gutter) 55px;grid-template-columns:1fr;align-content:center;gap:38px}.studio-reel-copy h2{font-size:60px}.studio-reel-copy p{margin-top:24px;font-size:18px}.studio-reel-art{grid-template-columns:1fr 1fr;gap:16px;max-width:450px}.studio-reel-art img:nth-child(3){display:none}.studio-reel-art img:nth-child(2){transform:translateY(0)}.studio-reel-credit{font-size:12px}}@media (prefers-reduced-motion:reduce){.studio-hero[data-ready=true] .studio-motion-toggle{display:none}html.js .site-header{position:absolute}}
.scene,.scene>.scene-stage{position:relative}html.js .scene.is-live{height:calc((var(--hold,2) + 1) * 100svh)}html.js .scene.is-live>.scene-stage{contain:layout paint;height:100svh;position:sticky;top:0;overflow:clip}.scene.is-live [data-move]{will-change:transform, opacity}html.is-smooth{scroll-behavior:auto}html.is-smooth body{overscroll-behavior:none}@media (prefers-reduced-motion:reduce){html.js .scene.is-live{height:auto}html.js .scene.is-live>.scene-stage{height:auto;position:relative}}
