:root{--surface:rgba(12,28,51,.77);--foreground:#f1f6ff;--secondary:#b6c8e0;--edge:rgba(178,210,255,.23);--accent:#8fcaff;--panel-shadow:0 25px 80px #0003;--nav-bg:rgba(8,21,41,.76)}
html[data-theme=light]{--surface:rgba(245,250,255,.76);--foreground:#122b46;--secondary:#344f6b;--edge:rgba(255,255,255,.75);--accent:#09549c;--panel-shadow:0 25px 75px #16395d1c;--nav-bg:rgba(233,244,255,.87)}
.experience{color:var(--foreground);background:#09152c;--muted:var(--secondary);--line:var(--edge);font-family:Arial,Helvetica,sans-serif;transition:color .7s,background .7s;isolation:isolate}
.experience h1,.experience h2,.experience h3{font-weight:500}.experience h2{font-size:clamp(38px,4.8vw,65px);letter-spacing:-.055em;line-height:1.07}.experience h3{font-size:36px;letter-spacing:-.04em;line-height:1.12}.experience .eyebrow{color:var(--secondary);font-size:10px;letter-spacing:2px;margin-bottom:24px}.experience em{color:inherit;font-family:Georgia,serif;font-style:italic;letter-spacing:-.075em}.experience .header{position:fixed;top:0;left:0;height:90px;padding:0 4%;gap:22px;background:var(--nav-bg);backdrop-filter:blur(20px);border-color:var(--edge);z-index:30;transition:box-shadow .4s,background .7s}.header.scrolled{box-shadow:0 5px 30px #0002}.experience .wordmark{gap:12px;letter-spacing:-.7px;font-size:19px}.brand-symbol{display:block;width:42px;height:42px;border-radius:9px;overflow:hidden}.brand-symbol img{width:100%;height:100%;object-fit:cover}.experience .header nav{margin-left:auto;gap:25px;font-size:12px}.experience .header nav a{padding:14px 0}.experience .header nav a:hover,.experience .header nav a[aria-current]{color:var(--accent)}.experience .menu-toggle{background:none;color:inherit;border:1px solid var(--edge);border-radius:7px;padding:10px;font-size:11px}.experience .under-link{font-size:13px;gap:30px;padding:13px 0;color:inherit}.experience .button{border-radius:7px;font-size:13px;padding:17px 23px;letter-spacing:0;gap:40px}.experience .button.blue{background:#176cdf;border-color:#438eec;color:white;box-shadow:0 10px 30px #062a5533}
.studio-hero{min-height:820px;height:100svh;max-height:1200px;position:relative;padding:130px 6% 75px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.studio-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03122888,transparent 80%);z-index:-1}html[data-theme=light] .studio-hero:before{background:linear-gradient(90deg,#dbedff99,transparent 90%)}.hero-overline{position:absolute;top:130px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--secondary)}.hero-statement{max-width:750px;will-change:transform}.hero-statement .eyebrow{margin:30px 0}.hero-statement h1{font-size:clamp(68px,8.3vw,126px);line-height:.98;letter-spacing:-.07em}.hero-intro{font-size:17px;line-height:1.7;margin-top:30px;color:var(--secondary)}.hero-actions{margin-top:32px;gap:32px}.horizon-panel{position:absolute;right:6%;bottom:135px;width:270px;padding:25px;border-radius:13px;transform:rotate(-2deg)}.horizon-panel>div{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:100%;background:#8edab8;box-shadow:0 0 14px #8edab855}.horizon-panel p{font-size:22px;line-height:1.35;margin:22px 0}.horizon-panel a{display:flex;justify-content:space-between;font-size:11px;padding-top:17px;border-top:1px solid var(--edge)}.hero-baseline{position:absolute;bottom:32px;left:6%;right:6%;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--edge);padding-top:22px;font-size:11px;color:var(--secondary)}.hero-baseline a{font-size:9px;letter-spacing:1.5px}
.studio-section{padding:105px max(6%,calc((100vw - 1400px)/2));position:relative}.studio-section:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--nav-bg);opacity:.85}.section-heading{margin-bottom:40px;align-items:end}.section-heading>p{font-size:14px;color:var(--secondary);line-height:1.7}.work-feature{display:grid;grid-template-columns:1.45fr 1fr;border-radius:16px;overflow:hidden}.work-image{position:relative;overflow:hidden;min-height:480px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.work-image:hover img{transform:scale(1.04)}.image-label{position:absolute;top:23px;left:24px;color:#fff;background:#091521a8;border:1px solid #ffffff40;border-radius:4px;font-size:8px;letter-spacing:1.5px;padding:10px}.image-arrow{position:absolute;bottom:25px;right:25px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #fff6;color:white;background:#07152188}.work-copy{padding:40px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-identity{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px;gap:10px}.project-identity img{width:52px;height:52px;border-radius:8px}.project-identity .pill{color:var(--secondary);border-color:var(--edge);background:none;font-size:8px;border-radius:20px}.work-copy h3{font-size:clamp(40px,4vw,62px)}.work-copy>p:not(.eyebrow){color:var(--secondary);font-size:14px;margin-top:20px}.work-copy .small-note{font-size:11px!important}.work-copy .under-link{margin-top:15px}
.film-chapter{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center;margin-top:70px}.film-copy p:not(.eyebrow){max-width:360px;color:var(--secondary);font-size:14px;margin:22px 0}.video-toggle{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;cursor:pointer}.film-screen{position:relative;border:1px solid var(--edge);border-radius:14px;overflow:hidden;background:#070c15;box-shadow:var(--panel-shadow)}.film-screen video{width:100%;max-height:450px;aspect-ratio:1.5;object-fit:contain;display:block}.film-label{display:block;padding:15px 20px;color:#aec2db;border-top:1px solid #ffffff20;font-size:8px;letter-spacing:2px}.ahead-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-block:1px solid var(--edge)}.ahead-section:before{opacity:.4}.ahead-intro{align-self:start;position:sticky;top:140px}.ahead-intro>p:last-child{max-width:410px;margin-top:30px;color:var(--secondary);font-size:15px}.ahead-rows{display:grid;gap:20px}.ahead-rows article{display:flex;gap:22px;padding:30px;border-radius:12px}.ahead-rows article>span{color:var(--accent);font-size:10px;padding-top:7px}.ahead-rows h3{font-size:25px;letter-spacing:-.035em}.ahead-rows p{color:var(--secondary);font-size:13px;margin-top:14px}.company-news{background:none}.empty-state{padding:35px;border-radius:12px;background:var(--surface);border:1px solid var(--edge)}.empty-state h3{font-size:24px}.empty-state p,.article-card p,.article-card .meta{color:var(--secondary)}.article-card img{border-radius:10px}.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--edge)}.studio-about>div>p:not(.eyebrow){max-width:420px;color:var(--secondary);font-size:15px;margin:28px 0}.contact-panel{padding:40px;border-radius:14px;align-self:center}.contact-panel h3{font-size:42px}.staff-entry{display:block;margin-top:30px;padding-top:25px;border-top:1px solid var(--edge);font-size:11px;color:var(--secondary)}
.experience .company-footer{background:var(--nav-bg);color:var(--foreground);border-top:1px solid var(--edge);padding:55px 6% 25px;backdrop-filter:blur(18px)}.experience .footer-directory p,.experience .footer-directory nav a,.experience .footer-bottom{color:var(--secondary)}.experience .footer-directory nav a:hover{color:var(--accent)}.experience .footer-directory nav h2{font-size:13px;letter-spacing:0}.experience .articles-page{padding-top:170px;min-height:85vh}.experience .articles-page h1{font-size:65px}.experience .article-page{margin:140px auto 60px;padding:45px;max-width:900px;border-radius:15px;color:var(--foreground)}.experience .article-excerpt,.experience .prose{color:var(--secondary)}.experience input{color:var(--foreground);background:var(--surface);border:1px solid var(--edge);border-radius:7px}.experience .search-label{color:var(--secondary)}.experience .article-cover{border-radius:10px}.experience .muted{color:var(--secondary)}
@media(max-width:1050px){.experience .header nav{gap:16px}.experience .header{gap:14px}.experience .wordmark{font-size:16px}.hero-statement h1{font-size:88px}.horizon-panel{width:230px;bottom:125px}.work-copy{padding:30px}.film-chapter{gap:35px}.studio-section{padding:80px 5%}}
@media(max-width:800px){.experience .header{height:76px;padding:0 5%;gap:13px}.experience .header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(30px);padding:20px 6%;border-bottom:1px solid var(--edge)}.experience .header nav.open{display:grid;gap:0}.experience .header nav a{padding:14px}.experience .menu-toggle{display:block}.experience .wordmark{margin-right:auto;font-size:14px}.brand-symbol{width:34px;height:34px}.studio-hero{height:auto;min-height:850px;padding:165px 6% 260px}.hero-overline{top:105px;font-size:8px}.hero-overline span:last-child{display:none}.hero-statement h1{font-size:clamp(64px,12vw,90px)}.hero-statement .eyebrow{font-size:8px}.hero-intro{font-size:15px}.hero-actions{gap:20px;flex-wrap:wrap}.horizon-panel{bottom:90px;left:6%;right:6%;width:auto;padding:20px;transform:none}.horizon-panel p{font-size:19px;margin:15px 0}.horizon-panel p br{display:none}.horizon-panel a{position:absolute;right:20px;top:25px;border:0;gap:20px}.hero-baseline{font-size:9px}.hero-baseline>span{max-width:170px}.hero-baseline a{font-size:8px}.work-feature,.film-chapter,.ahead-section,.studio-about{grid-template-columns:1fr}.work-image{min-height:0;aspect-ratio:1.5}.work-copy{padding:30px}.work-copy h3{font-size:46px}.film-chapter{gap:25px;margin-top:50px}.film-copy h3 br{display:none}.ahead-section,.studio-about{gap:40px}.ahead-intro{position:static}.studio-section{padding:65px 6%}.section-heading{gap:20px;align-items:start}.section-heading>p{display:none}.experience h2{font-size:40px}.empty-state{padding:25px;align-items:start;flex-direction:column}.contact-panel{padding:30px}.experience .footer-directory{grid-template-columns:1fr 1fr;gap:35px}.experience .article-page{margin:110px 5% 40px;padding:25px}.experience .article-page h1,.experience .articles-page h1{font-size:42px}.experience .journal-tools{display:block}.search-label{margin-top:20px}.experience .article-grid{grid-template-columns:1fr}.experience .theme-label{display:none}}
.studio-hero .horizon-panel{position:absolute}.hero-statement .eyebrow{margin-bottom:24px}.hero-overline{top:118px}.experience .sky>div{top:65px}
@media(max-width:800px){.studio-hero{display:block;height:auto;min-height:0;padding:170px 6% 30px}.studio-hero .horizon-panel{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:42px}.horizon-panel a{position:static;border-top:1px solid var(--edge);padding-top:14px}.hero-baseline{position:relative;left:auto;right:auto;bottom:auto;margin-top:32px}.experience .sky>div{background-position:right center}}
/* The original OV mark and wordmark lead the page, as on the studio banner. */
.studio-hero{min-height:780px;padding-top:160px;padding-bottom:140px}
.hero-statement{max-width:1200px;width:100%}
.hero-brand-mark{display:block;width:104px;height:104px;object-fit:cover;border-radius:16px;margin-bottom:26px;box-shadow:0 16px 40px #0003}
.experience .hero-statement h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,10.2vw,154px);font-weight:800;line-height:1;letter-spacing:-.055em;margin:0}
.brand-tagline{font-size:clamp(10px,1.4vw,20px);font-weight:600;letter-spacing:.28em;text-transform:uppercase;margin:24px 0 0;line-height:1.6}
.brand-tagline:after{content:"";display:block;width:150px;height:4px;background:#168cff;margin-top:26px;box-shadow:0 0 25px #168cff33}
.hero-intro{margin-top:26px;font-size:17px;color:var(--foreground)}
.hero-actions{margin-top:26px}
@media(max-width:800px){.studio-hero{min-height:0;padding:160px 6% 30px}.hero-brand-mark{width:80px;height:80px;border-radius:12px;margin-bottom:25px}.experience .hero-statement h1{font-size:clamp(35px,10.3vw,82px)}.brand-tagline{font-size:clamp(9px,2.3vw,16px);letter-spacing:.18em;margin-top:18px}.brand-tagline:after{width:100px;height:3px;margin-top:22px}.hero-intro{font-size:15px;max-width:280px;line-height:1.7}.hero-baseline{margin-top:65px;gap:16px}.hero-actions{gap:20px}.hero-actions .button{gap:20px}.hero-actions .under-link{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-statement{transform:none!important}}