.project{min-width:0}.project.offset{padding-top:155px}.project.offset-small{padding-top:80px}.project-visual{display:block;width:100%;padding:0;position:relative;overflow:hidden;text-align:left;background:#11151b;transform-style:preserve-3d}.portrait-film{height:650px}.portrait-film video{object-position:50% 40%}.landscape-film{aspect-ratio:1.3}.project-visual video{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1s;filter:saturate(.78);transform:scale(1.035)}.project-visual:hover video{transform:scale(1.09);filter:saturate(1)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 45%,rgba(0,0,0,.22));pointer-events:none}.project-index{position:absolute;z-index:2;top:24px;left:24px;font-size:11px}.project-play{position:absolute;z-index:2;bottom:24px;right:24px;font-size:26px;width:47px;height:47px;display:grid;place-items:center;border:1px solid #ffffff85;border-radius:50%}.corner{position:absolute;z-index:2;width:25px;height:25px;border-color:#ffffff60;border-style:solid}.corner.tl{top:18px;right:18px;border-width:1px 1px 0 0}.corner.br{bottom:18px;left:18px;border-width:0 0 1px 1px}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:23px}.project-meta h3{font-size:24px;font-weight:700;letter-spacing:-.04em}.project-meta p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.5}.project-meta>.mono{color:#747b86}.project-note{font-size:18px;line-height:1.6;color:var(--muted);margin-top:50px}.work-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:75px;padding-top:23px;color:var(--muted);font-size:11px}.studio-section{background:#0c111b}.studio-intro{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;padding-bottom:50px}.studio-intro>.eyebrow{padding-top:10px}.studio-intro h2{font-size:clamp(60px,6.5vw,102px)}.studio-description{padding-top:13px}.studio-description p{font-size:17px;line-height:1.6;color:#d9dde5}.studio-description p+p{font-size:15px;margin-top:23px;color:var(--muted)}.soundstage{height:830px;position:relative;overflow:hidden;perspective:1300px;background:radial-gradient(ellipse at 50% 46%,#26365380,transparent 62%)}.stage-head,.stage-base{position:absolute;left:6.2%;right:6.2%;display:flex;justify-content:space-between;color:#7e8ca7;z-index:3;font-size:11px}.stage-head{top:35px}.stage-base{bottom:40px}.stage-grid{position:absolute;width:140%;height:120%;left:-20%;top:23%;background:linear-gradient(#758bae17 1px,transparent 1px),linear-gradient(90deg,#758bae17 1px,transparent 1px);background-size:75px 75px;transform:rotateX(64deg);mask-image:linear-gradient(transparent,#000 30%,transparent 80%);pointer-events:none}.stage-world{position:absolute;inset:100px 0 175px;transform-style:preserve-3d;will-change:transform;transform:rotateY(-3deg)}.stage-panel{position:absolute;width:25%;height:390px;margin:0;border:1px solid #9db3d140;box-shadow:0 30px 80px #0008;backface-visibility:hidden;background:#0c1018}.stage-panel img,.stage-panel video{filter:saturate(.65);object-position:50% 35%}.stage-panel figcaption{position:absolute;bottom:-35px;font-size:11px;color:#a1acc0}.stage-left{left:8%;top:50px;transform:rotateY(24deg) translateZ(-100px)}.stage-center{left:37.5%;top:0;transform:translateZ(95px);z-index:2}.stage-right{right:8%;top:50px;transform:rotateY(-24deg) translateZ(-100px)}.stage-line{position:absolute;bottom:80px;left:0;right:0;text-align:center;font-size:clamp(32px,4.1vw,61px);font-weight:700;letter-spacing:-.04em;line-height:1}.stage-line em{font-size:1.2em;line-height:1.1;color:#becbe5}.services{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;padding-top:135px;padding-bottom:135px}.services-title>.eyebrow{margin-bottom:37px}.services-title h2{font-size:clamp(48px,5.2vw,80px)}.services-title>p:last-child{color:var(--muted);line-height:1.65;font-size:16px;margin-top:30px}.service-list{padding-top:0}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}.service-list summary{cursor:pointer;display:flex;align-items:center;gap:22px;min-height:103px;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary>.mono{color:#828c9c}.service-list summary h3{font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:-.04em;flex:1}.service-list .plus{font-weight:300;font-size:25px;color:var(--muted);transition:transform .3s}.service-list details[open] .plus{transform:rotate(45deg)}.service-list details>p{font-size:16px;line-height:1.65;margin:0 37px 28px 42px;color:var(--muted);max-width:490px}.process{padding-top:85px;padding-bottom:100px;border-top:1px solid var(--line)}.process-heading{display:flex;align-items:start;gap:8%;justify-content:space-between}.process-heading>.eyebrow{padding-top:12px}.process-heading h2{font-size:clamp(32px,4vw,61px)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;margin-top:75px}.process-steps article{border-top:1px solid var(--line);padding-top:22px}.process-steps .mono{color:#909aaa;font-size:11px}.process-steps h3{font-size:24px;letter-spacing:-.035em;margin:32px 0 15px}.process-steps p{color:var(--muted);font-size:16px;line-height:1.65}.contact{position:relative;min-height:660px;display:flex;align-items:center;background:#0c111b;overflow:hidden}.contact-image{position:absolute;right:0;top:0;bottom:0;width:41%;opacity:.65}.contact-image img{object-position:50% 35%;filter:saturate(.3)}.contact-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c111b,transparent 65%)}.contact-content{position:relative;z-index:2;width:100%}.contact-content .eyebrow{margin-bottom:38px}.contact h2{font-size:clamp(65px,8.3vw,125px);line-height:.91}.contact h2 em{font-size:1.2em;line-height:1}.project-cta{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:390px;border-bottom:1px solid var(--paper);padding:28px 0 18px;margin-top:24px;font-size:13px;letter-spacing:.04em}.project-cta span{font-size:27px;transition:transform .3s}.project-cta:hover span{transform:translate(4px,-4px)}.email{display:inline-block;font-size:15px;color:var(--muted);margin-top:23px}.email:hover{color:white}footer{padding:55px 6.2% 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.footer-top>p{font-size:48px;font-weight:700;letter-spacing:-.08em;display:flex;gap:22px;align-items:center}.footer-top>p span{font-size:11px;font-weight:400;letter-spacing:.07em}.footer-top>a{font-size:11px}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#888f9b}.js .reveal{opacity:0;transform:translateY(65px);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.7,.15,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .process-steps article:nth-child(2){transition-delay:.1s}.js .process-steps article:nth-child(3){transition-delay:.2s}.header .studio-name span{font-size:12px}.footer-bottom,.footer-top>a,.footer-top>p span,.work-foot,.stage-head,.stage-base,.project-index,.process-steps .mono,.stage-panel figcaption{font-size:12px}
@media(min-width:1700px){.section-pad{padding-left:max(6.2%,calc((100vw - 1540px)/2));padding-right:max(6.2%,calc((100vw - 1540px)/2))}.portrait-film{height:760px}}
@media(max-width:1000px){.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.studio-intro{grid-template-columns:1fr 2fr}.studio-description{grid-column:2}.portrait-film{height:530px}.soundstage{height:740px}.stage-panel{height:340px}.stage-world{inset:110px 0 170px}.services{gap:6%}.service-list summary{gap:14px}.service-list details>p{margin-left:35px}.process-heading{gap:30px}}
@media(max-width:800px){.project.offset,.project.offset-small{padding-top:0}.portrait-film{height:560px;max-height:135vw}.landscape-film{aspect-ratio:1.25}.project-meta h3{font-size:23px}.project-note{display:none}.project-index{top:18px;left:18px}.project-meta p{font-size:13px}.work-foot{gap:20px;font-size:10px;margin-top:45px}.work-foot span:last-child{display:none}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{grid-column:auto}.studio-intro{grid-template-columns:1fr;gap:30px;padding-bottom:20px}.studio-intro h2{font-size:72px}.studio-description{grid-column:auto;max-width:530px}.studio-description p{font-size:16px}.soundstage{height:650px;perspective:900px}.stage-head{top:30px;font-size:10px;gap:20px}.stage-head span:last-child{display:none}.stage-world{inset:110px -30% 170px}.stage-panel{height:290px;width:30%}.stage-left{left:0;top:40px;transform:rotateY(30deg) translateZ(-150px)}.stage-right{right:0;top:40px;transform:rotateY(-30deg) translateZ(-150px)}.stage-center{left:35%;transform:translateZ(20px)}.stage-line{bottom:98px;font-size:39px}.stage-base{font-size:10px;bottom:32px}.stage-base span:last-child{display:none}.stage-panel figcaption{font-size:10px}.services{grid-template-columns:1fr;gap:46px;padding-top:80px;padding-bottom:70px}.services-title>.eyebrow{margin-bottom:27px}.services-title h2{font-size:57px}.service-list summary{min-height:94px;gap:15px}.service-list summary h3{font-size:23px}.service-list details>p{font-size:15px;margin-left:30px}.process-heading{display:block}.process-heading .eyebrow{margin-bottom:30px}.process-heading h2{font-size:43px;line-height:1.1;max-width:330px}.process-heading h2 em{display:block;font-size:1.5em}.process-steps{grid-template-columns:1fr;gap:35px;margin-top:45px}.process-steps h3{margin-top:24px}.process-steps p{font-size:15px;max-width:450px}.contact{min-height:620px;padding-top:85px;padding-bottom:80px}.contact h2{font-size:64px}.contact-image{width:75%;opacity:.32}.contact-content .eyebrow{font-size:11px}.project-cta{max-width:340px;font-size:12px}.email{font-size:14px}.footer-top{margin-bottom:35px;gap:20px}.footer-top>p{font-size:37px}.footer-top>p span{font-size:10px;line-height:1.5;max-width:105px}.footer-top>a{font-size:10px;max-width:90px}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:18px}.footer-bottom>span:last-child{width:100%}.header .studio-name span{font-size:9px}.js .reveal{transform:translateY(35px)}}
@media(prefers-reduced-motion:reduce){html:not(:has(body.motion-enabled)) .js .reveal{opacity:1;transform:none}html:not(:has(body.motion-enabled)) .stage-world{transform:none!important}html:not(:has(body.motion-enabled)) .hero-media{transform:none!important}html:not(:has(body.motion-enabled)) .project-visual video{transform:none!important}}