/* Selected cinematic direction with the current NovaOrbital motion and visual system. */
:root{--studio-cyan:#8edfff;--studio-line:#8ccaff35;scroll-padding-top:28px}
.review-bar{font-size:11px;min-height:34px;letter-spacing:.025em}
.department-nav{gap:42px;padding-block:8px 14px}
.department-nav a{display:flex;align-items:center;gap:9px;font-size:12px;min-height:40px}
.department-nav img{width:34px;height:34px;object-fit:contain}
.department-nav a:first-child img{mix-blend-mode:screen}
.site-header{height:86px}.site-header .brand{font-size:17px}.site-header .desktop-nav{gap:30px}
.studio-home .studio-hero{max-width:1600px;margin:auto;padding:16px 4.5vw 0;min-height:670px;grid-template-columns:1.05fr 1fr}
.studio-home .hero-copy{padding:25px 18px 48px 0;max-width:640px}
.studio-home .hero-brand-lockup{gap:13px;margin-bottom:20px}
.studio-home .hero-brand-lockup img{width:94px;height:94px;mix-blend-mode:screen;border-radius:50%}
.studio-home .hero-brand-lockup strong{font-size:21px;letter-spacing:.06em;line-height:1.1}
.studio-home .hero-brand-lockup span{font-size:8px;margin-top:8px;letter-spacing:.095em;line-height:1.7}
.studio-home .hero-copy h1{font-size:clamp(44px,4.5vw,69px);line-height:1.04;letter-spacing:-.05em;margin:19px 0 22px}
.studio-home .hero-copy h1 em{color:#98e3ff;background:none;-webkit-text-fill-color:currentColor}
.studio-home .hero-description{font-size:16px;line-height:1.75;max-width:510px}
.studio-home .hero-copy .actions{gap:12px;margin-top:26px}
.studio-home .hero-foot{padding:22px 0;font-size:10px;letter-spacing:.15em}
.studio-home .brand-orbit{width:100%;max-width:550px;margin-block:15px 48px;justify-self:center}
.studio-home .brand-ring{animation:studio-ring-spin 8s linear infinite;transform-origin:center}
@keyframes studio-ring-spin{from{transform:rotate(-9deg)}to{transform:rotate(351deg)}}
.studio-home .brand-orbit .orbit-department{width:27%;height:27%}
.studio-home .brand-orbit .orbit-department:first-of-type img{mix-blend-mode:screen;border-radius:50%}
.studio-home .brand-orbit .orbit-position-0{left:37%;top:0}
.studio-home .brand-orbit .orbit-position-1{left:66%;top:58%}
.studio-home .brand-orbit .orbit-position-2{left:6%;top:58%;right:auto}
.studio-home .brand-orbit-caption{bottom:-18px;font-size:9px}
.studio-home .brand-orbit-core{width:45%;left:27.5%;top:27%}
.studio-home .studio-primary{background:#168ace;color:#fff;border-color:#87dbff;box-shadow:inset 0 1px 0 #e4f9ff77,0 0 24px #32b8ee33}
.studio-home .studio-primary:hover{background:#259fdc}
.studio-collection,.company-section{max-width:1500px;margin:auto;padding:60px 4.5vw 32px}
.studio-collection .section-heading{gap:40px;margin-bottom:30px}
.studio-collection h2,.company-section>.section-heading h2{font-size:clamp(31px,3vw,46px);line-height:1.17}
.studio-collection .section-heading>p{max-width:340px;line-height:1.75}
.studio-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-block:1px solid var(--studio-line);padding:0;gap:0;margin-bottom:33px;background:#04152a80}
.studio-tab{position:relative;background:transparent;padding:19px 16px 21px;text-align:left;min-height:83px;color:#b2c8df;border-radius:0}
.studio-tab+ .studio-tab{border-left:1px solid #84beed18}
.studio-tab strong{display:block;font-size:15px;line-height:1.35;color:inherit;font-family:Manrope,sans-serif;font-weight:800}
.studio-tab span{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;color:#9bb2c9}
.studio-tab.active{background:#07305265;color:#f2fbff;box-shadow:inset 0 -3px 0 #83e2ff}
.studio-tab:hover{background:#0b375963;color:white}
.studio-projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px}
.studio-project{position:relative;grid-column:span 6;min-width:0;overflow:hidden;border:1px solid #83c1eb40;border-radius:22px;background:#041225d9;box-shadow:0 16px 35px #0004;isolation:isolate}
.studio-project .project-copy{position:relative;z-index:2;padding:30px}
.project-identity{display:flex;align-items:center;gap:16px;margin-bottom:25px}
.project-logo{width:66px;height:66px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 15px #8dcfff20)}
.project-identity .eyebrow{font-size:9px;letter-spacing:.13em;color:#91dbfc;margin-bottom:6px}
.project-identity h3{font-size:25px;letter-spacing:-.02em;line-height:1.17}
.project-status{font-size:11px;color:#bdd3e5;margin-top:8px;line-height:1.5}
.studio-project h2{font-size:clamp(29px,2.55vw,39px);margin-bottom:18px;line-height:1.15}
.studio-project p:not(.eyebrow):not(.project-status){color:#b7cbe0;font-size:15px;line-height:1.75;max-width:500px}
.project-link{display:inline-flex;align-items:center;gap:18px;color:#a2e4ff;font-size:13px;font-weight:700;line-height:1.5;margin-top:23px;text-decoration:underline;text-decoration-color:#a2e4ff55;text-underline-offset:5px}
.project-link:hover{color:#fff;text-decoration-color:currentColor}
.classbound-feature{grid-column:1/-1;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;background:#05162cde;min-height:450px}
.classbound-feature .project-copy{padding:35px 25px 36px 34px}
.classbound-feature .project-logo{width:54px;height:66px;filter:none}
.classbound-feature .project-identity{gap:13px;margin-bottom:26px}
.classbound-feature .project-identity h3{font-size:32px;font-family:Manrope,sans-serif;letter-spacing:-.035em;color:#f3d49c}
.classbound-feature h2{font-size:clamp(32px,3.1vw,46px);line-height:1.1}
.classbound-feature .button{margin-top:24px}
.project-visual{min-width:0;margin:0;padding:25px 24px 20px 0}
.project-visual img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;border:1px solid #88cbe559;border-radius:10px;background:#061022;box-shadow:0 18px 34px #0007}
.project-visual figcaption{font-size:11px;text-align:right;color:#b4c6d7;margin-top:12px}
.classbound-feature .project-visual img{aspect-ratio:16/9;object-fit:cover}
.dawn-project,.animation-project{min-height:525px}
.dawn-project .project-copy,.animation-project .project-copy{padding-bottom:0}
.dawn-project .project-copy p:not(.eyebrow):not(.project-status),.animation-project .project-copy p:not(.eyebrow):not(.project-status){font-size:14px;max-width:420px}
.project-card-art{height:295px;overflow:hidden;position:relative;margin-top:5px}
.project-card-art .card-fan{height:330px;max-width:410px;margin:-12px auto 0}
.project-card-art .fan-card{height:87%;width:45%;top:5%}
.project-card-art .official-card{filter:drop-shadow(0 12px 17px #0009)}
.animation-project{display:flex;flex-direction:column}
.project-character-art{height:295px;margin-top:14px;overflow:hidden;flex:0 0 295px;min-height:0}
.project-character-art img{width:100%;height:100%;object-fit:cover;object-position:center 74%}
.compact-project{grid-column:span 4;display:flex;flex-direction:column}
.compact-project .project-copy{padding:25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.compact-project .project-identity{gap:12px;margin-bottom:18px}
.compact-project .project-logo{width:60px;height:60px}
.compact-project .project-identity h3{font-size:21px}
.compact-project h2{font-size:25px;line-height:1.2}
.compact-project .project-copy>p{font-size:14px;margin-bottom:5px}
.compact-project .project-link{margin-top:auto;padding-top:18px;font-size:12px}
.compact-art{display:none}
.studio-projects:not([data-view=all]) .compact-project{grid-column:span 6}
.studio-projects:not([data-view=all]) .compact-art{display:block;height:230px;overflow:hidden}
.compact-art img{width:100%;height:100%;object-fit:cover}
.studio-projects[data-view=software] .compact-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.studio-projects[data-view=software] .compact-art{height:100%;min-height:380px}
.studio-projects[data-view=software] .compact-art img{object-position:78% center}
.studio-projects[data-view=software] .project-copy{padding:38px}
.studio-projects[data-view=software] .project-logo{width:85px;height:85px}
.studio-projects[data-view=software] h2{font-size:39px}
.studio-projects[data-view=games] .dawn-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:420px;align-items:center}
.studio-projects[data-view=games] .dawn-project .project-copy{padding:35px}
.studio-projects[data-view=games] .project-card-art{height:420px;margin:0}
.studio-projects[data-view=games] .project-card-art .card-fan{height:430px;max-width:500px;margin:0 auto}
.studio-projects[data-view=animation] .animation-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:450px}
.studio-projects[data-view=animation] .animation-project .project-copy{padding:35px}
.studio-projects[data-view=animation] .project-character-art{height:450px;margin:0}
.company-section{padding-top:64px;padding-bottom:45px}
.company-grid{display:grid;grid-template-columns:1fr;gap:28px}
.department-feature{display:flex;gap:20px;padding:28px 25px;border:1px solid #8cbdec35;border-radius:20px;background:#041124b8;align-items:flex-start}
.company-logo{width:100px;height:100px;object-fit:contain;flex-shrink:0}
.department-feature .eyebrow{font-size:9px;margin-bottom:12px}
.department-feature h3{font-size:26px;line-height:1.25;margin-bottom:15px}
.department-feature p:not(.eyebrow){font-size:14px;line-height:1.7;color:#b4cbdf}
.company-section .section-heading>p{max-width:380px}
.studio-home .closing-cta{max-width:1450px;margin:auto;padding:50px 4.5vw 65px;border-top:1px solid var(--studio-line)}
.studio-home .closing-cta h2{font-size:34px;margin-block:12px}
.footer-links{max-width:650px}.footer .brand img{width:48px;height:48px}
.approval-summary h1{font-size:clamp(38px,5vw,72px);margin:20px 0 25px}
.approval-summary .feature-grid{margin-top:50px}.approval-summary .feature-grid h2{font-size:26px;margin-bottom:18px}
.draft-note{margin-top:40px;padding:20px;border-top:1px solid var(--studio-line)}
@media(min-width:1600px){.studio-home .studio-hero{padding-inline:72px}.studio-collection,.company-section{padding-inline:65px}}
@media(max-width:1100px){.studio-home .hero-copy h1{font-size:49px}.studio-home .hero-brand-lockup strong{font-size:17px}.studio-home .hero-brand-lockup img{width:78px;height:78px}.studio-home .hero-description{font-size:15px}.studio-home .studio-hero{min-height:610px}.studio-project .project-copy{padding:25px}.project-identity h3{font-size:22px}.project-logo{width:58px;height:58px}.classbound-feature{grid-template-columns:.85fr 1.15fr}.classbound-feature .project-identity h3{font-size:28px}.classbound-feature h2{font-size:36px}.project-visual{padding-right:18px}.compact-project .project-identity{align-items:flex-start;flex-direction:column}.compact-project h2{font-size:23px}.company-logo{width:75px;height:75px}.department-feature{padding:25px 20px;gap:14px}.department-feature h3{font-size:23px}}
@media(max-width:760px){.site-header{height:74px}.site-header .brand{font-size:14px}.site-header .brand img{width:43px;height:43px}.site-header .header-actions{gap:5px}.header-actions>.button{display:none}.department-nav{gap:28px;padding:4px 15px 13px}.department-nav a{font-size:11px;gap:6px}.department-nav img{width:31px;height:31px}.review-bar{font-size:9px;padding:8px 5vw;gap:15px}.studio-home .studio-hero{grid-template-columns:1fr;padding:12px 6vw 0;min-height:0}.studio-home .hero-copy{padding:18px 0 15px;max-width:none}.studio-home .hero-brand-lockup{margin-bottom:22px}.studio-home .hero-brand-lockup img{width:86px;height:86px}.studio-home .hero-brand-lockup strong{font-size:21px}.studio-home .hero-copy h1{font-size:clamp(40px,8.2vw,60px);margin-block:18px}.studio-home .hero-description{font-size:16px;max-width:580px}.studio-home .hero-copy .eyebrow{font-size:9px}.studio-home .brand-orbit{width:95%;max-width:440px;margin:5px auto 38px}.studio-home .hero-foot{padding:18px 0;gap:13px;display:block}.studio-home .hero-foot>span{display:block;font-size:9px;line-height:1.7}.studio-home .hero-foot>span+span{font-size:12px;letter-spacing:0;margin-top:4px}.studio-collection,.company-section{padding:42px 5vw 20px}.studio-collection .section-heading,.company-section .section-heading{display:block;margin-bottom:25px}.studio-collection h2,.company-section>.section-heading h2{font-size:32px}.studio-collection .section-heading>p,.company-section .section-heading>p{font-size:14px;max-width:100%;margin-top:16px}.studio-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:0;margin-inline:-5vw;padding-inline:5vw;margin-bottom:22px;scroll-padding-inline:5vw}.studio-tab{flex:0 0 auto;min-width:101px;padding:15px 13px 17px;min-height:74px}.studio-tab strong{font-size:14px}.studio-tab span{font-size:8px;letter-spacing:.025em;max-width:110px}.studio-projects{gap:20px}.studio-project,.compact-project,.studio-projects:not([data-view=all]) .compact-project{grid-column:1/-1}.classbound-feature{display:flex;flex-direction:column;align-items:stretch;min-height:0}.classbound-feature .project-copy{padding:27px 25px 22px}.classbound-feature h2{font-size:38px}.classbound-feature .project-identity{margin-bottom:22px}.project-visual{padding:0 16px 18px}.project-visual figcaption{text-align:left;font-size:10px}.studio-project h2{font-size:32px}.studio-project .project-copy{padding:25px}.project-identity{gap:14px;margin-bottom:21px}.project-identity h3{font-size:24px}.project-logo{width:61px;height:61px}.project-status{font-size:10px}.dawn-project,.animation-project{min-height:0}.dawn-project .project-copy,.animation-project .project-copy{padding-bottom:0}.project-card-art{height:315px}.project-card-art .card-fan{height:335px;max-width:440px}.project-character-art{height:290px;min-height:290px}.compact-project .project-identity{flex-direction:row;align-items:center}.compact-project .project-copy{padding:25px}.compact-project h2{font-size:28px}.compact-project .project-link{margin-top:5px}.studio-projects[data-view=software] .compact-project,.studio-projects[data-view=games] .dawn-project,.studio-projects[data-view=animation] .animation-project{display:flex;flex-direction:column}.studio-projects[data-view=software] .compact-art{width:100%;height:230px;min-height:0}.studio-projects[data-view=software] .project-copy,.studio-projects[data-view=games] .dawn-project .project-copy,.studio-projects[data-view=animation] .animation-project .project-copy{padding:25px;width:100%}.studio-projects[data-view=software] h2{font-size:32px}.studio-projects[data-view=software] .project-logo{width:70px;height:70px}.studio-projects[data-view=games] .project-card-art{height:330px;width:100%}.studio-projects[data-view=games] .project-card-art .card-fan{height:345px}.studio-projects[data-view=animation] .project-character-art{height:340px;width:100%}.company-grid{grid-template-columns:1fr;gap:20px}.department-feature{padding:25px;gap:15px}.department-feature h3{font-size:24px}.company-logo{width:62px;height:62px}.studio-home .closing-cta{display:block;padding:42px 6vw}.studio-home .closing-cta h2{font-size:30px}.studio-home .closing-cta .button{margin-top:25px}.footer-links{gap:15px}.approval-summary .feature-grid{display:block}.approval-summary .feature-grid article+article{margin-top:20px}}
@media(max-width:390px){.studio-home .hero-copy h1{font-size:39px}.studio-home .hero-brand-lockup img{width:75px;height:75px}.studio-home .hero-brand-lockup strong{font-size:19px}.studio-home .hero-brand-lockup span{font-size:7px}.studio-home .hero-copy .actions .button{font-size:12px;padding:12px 16px;gap:15px}.studio-home .brand-orbit{margin-block:10px 32px}.studio-home .brand-orbit-caption{font-size:7px}.classbound-feature .project-copy,.studio-project .project-copy{padding:23px}.classbound-feature h2{font-size:33px}.project-identity h3{font-size:22px}.company-logo{width:53px;height:53px}.department-feature{padding:22px 18px;gap:12px}.department-feature h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.studio-tab,.project-link{transition:none}}
@media(prefers-reduced-motion:reduce){.studio-home .brand-ring{animation:none}}
@media(min-width:761px) and (max-width:1100px){.studio-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.studio-tab{flex:0 0 154px}}