:root{--paper:#f1f2f1;--ink:#080d15}body{background:var(--paper);color:var(--ink)}.header{position:fixed;top:0;padding:27px 3%;border:0;mix-blend-mode:difference;color:#fff;display:grid;grid-template-columns:15% 1fr auto;gap:20px;pointer-events:none}.header a,.header button{pointer-events:auto}.studio-name{font-size:17px;letter-spacing:-.04em;font-weight:700;display:block}.header-role{font-size:14px;line-height:1.35}.header nav{font-size:14px;gap:27px}.contact-link{border:0;padding:0}.hero{height:100svh;min-height:690px;max-height:none;color:#f8f8f2;background:#030507}.hero-media{transform:none;inset:-1.5%;overflow:hidden}.hero-video{filter:brightness(.9) saturate(.87);transform:scale(1.025);object-position:center}.hero-next{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;object-fit:cover;filter:brightness(.9) saturate(.87);pointer-events:none}.hero-next.ready{opacity:1}.hero-shade{pointer-events:none;background:linear-gradient(0deg,#04070a99,transparent 57%,#02040925)}.hero-film-caption{position:absolute;left:3%;right:3%;top:115px;display:flex;justify-content:space-between;font-size:11px;color:#e1e5e7;pointer-events:none}.hero-copy{left:17%;right:auto;top:auto;bottom:13%;max-width:550px;z-index:3}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:clamp(30px,3.5vw,54px);letter-spacing:-.055em;line-height:1.1;font-weight:700}.hero h1 em{margin:0;font-size:1.3em;line-height:1.15;display:inline-block;letter-spacing:-.02em}.hero-scroll{display:inline-flex;gap:35px;align-items:center;margin-top:20px;font-size:14px}.hero-scroll span{font-size:21px}.hero-selector{position:absolute;right:3%;top:42%;display:flex;flex-direction:column;gap:4px;z-index:5}.scene-choice{display:flex;align-items:center;gap:20px;text-align:left;padding:12px 0;color:#c4c8cb;border-bottom:1px solid #ffffff30;min-width:135px;font-size:14px;transition:color .3s,transform .3s}.scene-choice span{font-size:10px;opacity:.6}.scene-choice.active{color:#fff;transform:translateX(-12px)}.scene-choice.active:after{content:'';width:4px;height:4px;background:currentColor;border-radius:50%;margin-left:auto}.hero-actions{position:absolute;bottom:28px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;z-index:5}.hero .reel-button{position:static;width:auto;height:auto;border:none;border-radius:0;backdrop-filter:none;font:14px Arial;gap:24px;padding:10px 0;display:flex}.hero .reel-button:hover{background:none;transform:none}.hero-actions #motion-toggle{font-size:12px;color:#d3d7db}.manifesto{padding-top:110px;padding-bottom:90px;overflow:hidden;background:#f1f2f1}.manifesto-meta{display:flex;justify-content:space-between;align-items:start;margin-bottom:90px;font-size:15px;line-height:1.4}.manifesto-meta>.mono{font-size:11px}.manifesto-title{font-size:clamp(70px,11.4vw,178px);font-weight:700;line-height:.85;letter-spacing:-.08em;perspective:1000px}.type-line{display:block;transform-origin:left bottom;will-change:transform,opacity}.manifesto-title .outlined{-webkit-text-stroke:1px #6b747b;color:transparent}.manifesto-title em{font-size:1.21em;line-height:.9;display:block;padding-left:23%;font-weight:400;letter-spacing:-.04em}.manifesto-note{display:grid;grid-template-columns:.25fr 1fr 1fr;gap:45px;margin:70px 0 0 15%;font-size:18px;line-height:1.45}.manifesto-note>span{font-size:40px}.manifesto-note>p:last-child{font-size:16px;color:#5d6269}.work{background:#f1f2f1;padding-top:80px;padding-left:0;padding-right:0;padding-bottom:110px;overflow:hidden}.work .section-heading{margin:0 6.2% 40px;display:flex;align-items:end;justify-content:space-between;gap:35px}.work .section-heading>.eyebrow{position:absolute;transform:translateY(-105px)}.work .section-heading h2{font-size:65px}.work .section-heading>p:last-child{font-size:15px;color:#646b75}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:0 6.2% 20px;color:#6d737a}.gallery-controls>.mono{font-size:11px}.gallery-controls>div{display:flex;gap:15px}.gallery-controls button{border:1px solid #141f3438;border-radius:50%;width:40px;height:40px;font-size:19px}.gallery-controls button:hover{background:#dce0e4}.project-grid{display:grid;grid-auto-flow:column;grid-auto-columns:75%;grid-template-columns:none;gap:25px;overflow-x:auto;padding:10px 12.5% 35px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}.project-grid::-webkit-scrollbar{display:none}.project-grid.dragging{scroll-snap-type:none;cursor:grabbing}.project-grid .project{padding:0;scroll-snap-align:center;user-select:none}.project-grid .project-visual{height:auto;aspect-ratio:1.8;max-height:760px;transform-origin:50% 65%;color:#fff;border-radius:0}.project-grid .portrait-film video{object-position:50% 30%}.project-grid .project-meta{border-top:1px solid #111c3030;display:flex;margin-top:20px;padding-top:16px}.project-meta p{color:#676f77}.project-meta h3{font-size:23px}.project-note{display:none}.work-foot{margin:50px 6.2% 0;border-color:#1019292b;color:#626a73}.frame-journey{color:var(--paper)}.studio-section{background:#f1f2f1}.studio-intro{padding-top:110px}.studio-description p{color:#182232}.studio-description p+p{color:#626a73}.soundstage{color:#dce5f4;background-color:#080e19;height:880px}.stage-head{color:#a2b5d4}.stage-base{color:#a2b5d4}.stage-world{inset:150px 0 185px}.stage-panel{height:400px}.stage-line{bottom:83px}.stage-panel figcaption{color:#a5b8d6}.services{background:#f1f2f1}.services-title>p:last-child,.service-list details>p{color:#626a73}.service-list details{border-color:#0a182329}.service-list summary h3{font-size:25px}.service-list summary>.mono,.service-list .plus{color:#63707a}.process{background:#f1f2f1;border-color:#0a182329}.process-steps article{border-color:#0a182329}.process-steps p{color:#626a73}.process-steps .mono{color:#677079}.instagram-section{color:#eef0f2}.instagram-profile>p,.reel-item>p{color:#a3adbd}.contact{color:#eef0f2}.contact h2{font-size:clamp(65px,9vw,145px)}footer{background:#f1f2f1}.footer-bottom{color:#626b75;border-color:#1223372a}.film-dialog{color:#eff0ef}.brush-reveal:after{background:linear-gradient(90deg,#6d7e9c,#a9bedc 45%,#829ac200)}.cursor{background:#d7e1ef;color:#101923;width:90px;height:90px;font-size:10px}.frame-journey .journey-copy{color:var(--paper)}.js .scene-transition{clip-path:none}.header:has(~main dialog[open]){opacity:0}
@media(min-width:1700px){.project-grid{grid-auto-columns:65%;padding-inline:17.5%}.manifesto-title{font-size:175px}.manifesto{max-width:1800px;margin:auto}.work{padding-left:0;padding-right:0}}
@media(max-width:1000px){.header{grid-template-columns:20% 1fr auto}.hero-copy{left:8%;max-width:55%}.hero-selector{right:5%}.hero h1{font-size:39px}.manifesto-title{font-size:11.5vw}.manifesto-note{margin-left:0;gap:25px}.manifesto-title em{padding-left:15%}.work .section-heading h2{font-size:54px}.project-grid{grid-auto-columns:83%;padding-inline:8.5%}.stage-world{inset:140px 0 180px}.stage-panel{height:380px}}
@media(max-width:800px){.header{padding:23px 6%;grid-template-columns:1fr auto;align-items:start}.header-role{display:none}.header .studio-name{font-size:17px}.header nav{gap:20px;font-size:13px}.header nav a{display:none!important}.header nav .contact-link{display:block!important}.hero{min-height:720px;height:100svh;max-height:none}.hero-film-caption{top:93px;left:6%;right:6%;font-size:9px}.hero-copy{left:6%;right:6%;bottom:23%;max-width:none}.hero-copy .eyebrow{font-size:9px;max-width:240px;line-height:1.5}.hero h1{font-size:35px}.hero h1 em{font-size:1.18em;letter-spacing:-.04em}.hero-scroll{font-size:13px;gap:25px;margin-top:18px}.hero-selector{left:6%;right:6%;top:auto;bottom:12%;flex-direction:row;justify-content:space-between;gap:15px}.scene-choice{min-width:0;gap:8px;font-size:12px;padding:10px 0;flex:1}.scene-choice span{font-size:9px}.scene-choice.active{transform:none}.scene-choice.active:after{display:none}.hero-actions{left:6%;right:6%;bottom:22px}.hero-actions #motion-toggle{font-size:11px}.hero .reel-button{font-size:12px}.hero-video{object-position:55% 50%}.manifesto{padding-top:70px;padding-bottom:70px}.manifesto-meta{font-size:13px;gap:25px;margin-bottom:60px}.manifesto-meta>.mono{max-width:135px;font-size:10px}.manifesto-title{font-size:11.65vw;letter-spacing:-.075em;line-height:.95}.manifesto-title em{padding-left:9%;font-size:1.31em;line-height:.95}.manifesto-note{grid-template-columns:25px 1fr;gap:22px 16px;margin-top:45px;font-size:17px}.manifesto-note>p:last-child{grid-column:2;font-size:14px;line-height:1.6}.manifesto-note>span{font-size:29px}.work{padding:50px 0 60px}.work .section-heading{display:block;margin:0 6% 20px}.work .section-heading>.eyebrow{position:static;transform:none;margin-bottom:25px}.work .section-heading h2{font-size:49px}.work .section-heading>p:last-child{margin-top:20px;font-size:14px}.gallery-controls{margin:0 6% 15px}.gallery-controls>.mono{font-size:9px;max-width:170px}.gallery-controls button{width:34px;height:34px}.project-grid{grid-auto-columns:86%;gap:15px;padding:5px 7% 20px}.project-grid .project-visual{aspect-ratio:.9}.project-grid .landscape-film video{object-position:50% 50%}.project-meta h3{font-size:21px}.project-meta p{font-size:12px}.work-foot{margin:30px 6% 0}.studio-intro{padding-top:75px}.soundstage{height:710px}.stage-world{inset:130px -30% 170px}.stage-panel{height:305px}.services{padding-top:75px;padding-bottom:75px}.service-list summary h3{font-size:21px}.process{padding-top:60px}.instagram-heading h2{font-size:48px}.contact h2{font-size:64px}.footer-bottom{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html:not(:has(body.motion-enabled)) .type-line,html:not(:has(body.motion-enabled)) .hero-copy h1{transform:none!important;opacity:1!important}html:not(:has(body.motion-enabled)) .hero-next{transition:none}html:not(:has(body.motion-enabled)) .project-grid{scroll-behavior:auto}html:not(:has(body.motion-enabled)) .hero .brush-reveal .brush-ink{clip-path:none;animation:none}}