:root{--ink:#f4f4f0;--paper:#0d0d0e;--line:#303033}body{background:var(--paper);color:var(--ink);font-family:Grandis,Arial,sans-serif;font-size:14px}p{color:#a2a2a8;line-height:1.8}h1,h2,h3{letter-spacing:-.065em}h2{font-size:clamp(30px,4vw,62px)}.section-pad{padding:100px 5%}.site-header{position:absolute;inset:18px 3% auto;height:74px;border:1px solid #ffffff25;border-radius:12px;background:#12121285;color:white;padding:0 24px;backdrop-filter:blur(22px)}.brand img,.footer-top .brand img{width:115px;height:42px;filter:none!important}.header-cta{border-color:#ffffff40;border-radius:30px}.site-header nav{font-size:11px;gap:28px}.reel-hero{position:relative;margin:10px;min-height:720px;height:94svh;max-height:1050px;overflow:hidden;border-radius:12px;background:#242424}.reel-image,.hero-scrim{position:absolute;inset:0}.reel-image img,.reel-image video{width:100%;height:100%;object-fit:cover}.hero-scrim{background:linear-gradient(180deg,#0005,transparent 30%,#0009 75%,#000d)}.reel-top{position:absolute;top:115px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#fffc}.reel-bottom{position:absolute;bottom:7%;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:30px}.reel-bottom h1{font-size:clamp(52px,8vw,130px);max-width:850px;line-height:1}.reel-bottom p{margin-top:27px;font-size:10px;letter-spacing:.16em;color:#eee}.reel-placeholder{min-width:190px;font-size:9px;letter-spacing:.08em}.reel-placeholder small{display:block;color:#b6b6b6;font-size:9px;margin-top:12px}.reel-dash{display:block;width:35px;height:3px;background:var(--red);margin-bottom:20px}.play-reel{background:transparent;color:white;border:0;display:flex;align-items:center;gap:15px;text-align:left;white-space:nowrap}.play-reel small{display:block;font-size:8px;margin-top:8px;color:#ccc}.play-circle{border:1px solid #fff8;border-radius:50%;width:65px;height:65px;display:grid;place-items:center}.studio-intro{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding-block:120px}.studio-intro h2{font-size:clamp(26px,3vw,46px);line-height:1.25}.studio-intro p{max-width:680px;margin-top:30px;font-size:13px}.intro-mark{font-size:85px;color:var(--red)}.intro-actions{display:flex;gap:30px;margin-top:32px}.eyebrow{font-size:9px;letter-spacing:.12em}.clients-band{background:transparent;border-color:var(--line);padding-block:30px}.client-track{gap:65px;padding-block:35px}.client-logo img{filter:none;max-height:55px}.placeholders span{opacity:.35;font-size:14px}.section-label{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.09em;margin-bottom:45px;color:#a0a0a5}.section-label>span:first-child{color:var(--red)}.section-label i{width:45px;height:1px;background:#505055}.section-heading{margin-bottom:55px}.section-heading p{font-size:12px}.mixed-projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px;align-items:start}.work-tile:nth-child(even){padding-top:100px}.tile-media{position:relative;overflow:hidden;background:#1d1d20;border-radius:5px;aspect-ratio:1.3}.tile-media img,.tile-media video{width:100%;height:100%;object-fit:cover;transition:transform .6s}.shape-portrait .tile-media{aspect-ratio:4/5}.shape-square .tile-media{aspect-ratio:1}.work-tile:hover .tile-media img{transform:scale(1.025)}.tile-caption{display:flex;justify-content:space-between;gap:25px;margin-top:21px}.tile-caption h3{font-size:23px}.tile-caption p{font-size:10px;margin-top:10px;max-width:400px}.tile-caption>span{font-size:30px}.demo-chip{position:absolute;left:16px;bottom:16px;background:#111b;backdrop-filter:blur(10px);font-size:7px;letter-spacing:.1em;padding:7px 10px;border-radius:3px}.clip-mark{position:absolute;right:20px;top:20px}.services-section{background:#141416;border-block:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.services-layout>div>p{margin-top:25px;font-size:12px}.service-list{margin:0}.service-row{grid-template-columns:28px 1fr 30px;gap:17px;padding:30px 0}.service-row h3{font-size:24px}.service-row p{font-size:11px;margin-top:15px}.service-arrow{font-size:30px;color:var(--red)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.team-member{border-top:1px solid var(--line);padding-top:15px}.avatar-wrap{height:250px;background:radial-gradient(ellipse at center,#27272a,transparent 65%);display:grid;place-items:center;overflow:hidden}.avatar-wrap>img{width:90%;height:100%;object-fit:contain}.avatar-sprite{width:190px;height:253px;background:url('/assets/team/avatar-concepts.png') no-repeat;background-size:400% 100%}.avatar-0{background-position:0% 0}.avatar-1{background-position:33.333% 0}.avatar-2{background-position:66.667% 0}.avatar-3{background-position:100% 0}.team-member h3{font-size:18px;margin:20px 0 10px}.team-role{font-size:10px;color:#999}.team-member p{font-size:11px;margin-top:15px}.team-member .text-link{margin-top:15px}.avatar-initial{font-size:80px;color:var(--purple)}.quiet-note{margin-top:30px;font-size:10px;color:#888}.journal{border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journal-card img{aspect-ratio:1.6;object-fit:cover;width:100%;border-radius:5px}.article-meta{display:flex;justify-content:space-between;font-size:9px;color:#999;margin:20px 0}.journal-card h3{font-size:25px;line-height:1.25}.journal-card h3 span{color:var(--red)}.journal-card p{font-size:12px;margin-top:20px}.journal-coming{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:50px;background:#171719;border:1px solid var(--line);border-radius:8px}.journal-index{font-size:clamp(90px,17vw,240px);letter-spacing:-.1em;color:var(--purple);line-height:1}.journal-coming h3{font-size:32px}.journal-coming p{font-size:12px;margin-top:20px}.contact-page{background:#171719;border-block:1px solid var(--line);gap:9%}.contact-page h2,.contact-page h1{font-size:clamp(35px,4.5vw,65px)}.contact-page label{font-size:10px}.contact-page input:not([type=checkbox]),.contact-page select,.contact-page textarea{color:white;border-color:#55555a;font-size:12px;margin-top:8px}.contact-page option{background:#171719}.contact-page .consent{color:#a3a3aa;font-size:9px}.contact-page>div p{font-size:12px}.contact-email{font-size:clamp(16px,2vw,26px);color:var(--red);display:inline-block;overflow-wrap:anywhere}.booking{margin-top:35px;display:flex;align-items:center;gap:15px;font-size:10px}.button-red{background:var(--red)}.optional{color:#888}.form-status.error{color:#ff7083}.section-pad .button{font-size:11px}.page-intro{padding:165px 5% 70px}.page-intro h1{font-size:clamp(45px,7vw,110px)}.page-intro>p{font-size:16px}.project-intro-row{display:flex;justify-content:space-between;gap:50px;margin-top:40px}.project-intro-row>p{max-width:660px;font-size:15px}.project-intro-row>div{display:flex;flex-direction:column;gap:12px;font-size:10px;min-width:180px}.draft-tag{background:#242428;color:#999;font-size:9px}.story-cover{margin:0 3%;overflow:hidden;border-radius:6px}.story-cover>img,.story-cover>video{width:100%;max-height:850px;object-fit:contain;background:#161618}.template-production .story-cover>img{aspect-ratio:16/9;object-fit:cover}.template-social .story-cover{max-width:760px;margin-inline:auto}.story-content{padding:80px 5%}.story-grid{gap:50px}.story-grid h2{font-size:25px}.prose p{font-size:14px;line-height:1.9;margin-bottom:25px}.content-block{margin:0 auto 65px}.content-block h2{font-size:32px;margin-bottom:28px}.block-text,.block-quote{max-width:850px}.content-block img,.content-block video{width:100%;max-height:900px;object-fit:contain;border-radius:4px}.media-pair,.media-collection,.legacy-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-collection figure{margin:0}.block-reels .media-collection{grid-template-columns:repeat(3,minmax(0,1fr))}.block-reels video,.block-reels img{aspect-ratio:9/16;object-fit:cover}.content-block blockquote{font-size:30px;margin:0;border-left:3px solid var(--red);padding:20px 30px}.media-caption{font-size:10px;margin-top:15px}.next-project{padding:40px 5% 80px;border-top:1px solid var(--line)}.next-project span{font-size:9px;color:#999}.next-project h2{margin-top:25px}.closing-cta{display:flex;justify-content:space-between;align-items:center;background:var(--red);gap:40px}.closing-cta h2{font-size:clamp(35px,5vw,75px)}footer{background:#0d0d0e}.footer-top{align-items:start}.footer-bottom{font-size:8px}.service-detail,.process-section{background:#161618}.service-detail li{border-color:var(--line);font-size:12px}.process-grid h3{font-size:20px}.process-grid p{font-size:11px}.faq-section h2{font-size:36px}.faq-list summary,.faq-list p{font-size:12px}.article-byline{display:flex;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:10px;color:#aaa}.article-body{padding:70px 5%;max-width:1100px}.article-body>.prose{max-width:760px;margin:auto}.editorial h1{font-size:clamp(40px,6vw,85px)}.legal-page .prose{max-width:900px;margin-top:45px}#reel-dialog{width:min(1200px,95vw);padding:50px 12px 12px;background:#111;border:1px solid #444;color:white;border-radius:10px}#reel-dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}#reel-dialog video{width:100%;max-height:80svh}.close-reel{position:absolute;top:12px;right:15px;background:none;border:0;color:white;font-size:12px}.motion-toggle{position:fixed;bottom:15px;right:15px;z-index:25;background:#171719e8;border:1px solid #777;color:white;border-radius:25px;padding:9px 14px;font-size:9px}.skip-link{color:#111}
@media(min-width:1600px){.section-pad,.page-intro{padding-inline:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.reel-hero{min-height:640px}.reel-bottom{display:block}.reel-placeholder,.play-reel{margin-top:30px}.services-layout{grid-template-columns:1fr;gap:45px}.services-layout h2{max-width:600px}.team-grid{grid-template-columns:1fr 1fr}.studio-intro{gap:40px;grid-template-columns:1fr 2fr}.contact-page{grid-template-columns:1fr;gap:55px}.story-grid{grid-template-columns:1fr}.section-pad{padding-block:75px}.journal-coming{gap:30px;padding:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:600px){.site-header{inset:15px 5% auto;padding:0 15px;height:65px}.site-header .brand img{width:95px}.site-header .header-cta{display:none}.site-header .menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:12px}.menu-toggle span{width:22px;height:1px;background:white}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#171719fa;padding:28px;border:1px solid #444;border-radius:10px;flex-direction:column;font-size:17px}.site-header nav.open{display:flex}.reel-hero{margin:7px;min-height:650px;height:90svh}.reel-top{top:98px;font-size:7px}.reel-top>span:last-child{display:none}.reel-bottom{bottom:6%;left:6%;right:6%}.reel-bottom h1{font-size:50px}.reel-bottom p{font-size:8px;letter-spacing:.08em}.studio-intro{grid-template-columns:1fr;gap:15px}.studio-intro>div:first-child{display:flex;justify-content:space-between;align-items:start}.intro-mark{font-size:45px}.studio-intro h2{font-size:27px}.section-heading{display:block}.section-heading p{margin-top:22px}.section-label{font-size:7px;gap:10px}.section-pad{padding:60px 6%}.mixed-projects{grid-template-columns:1fr;gap:40px}.work-tile:nth-child(even){padding-top:0}.tile-caption h3{font-size:22px}.team-grid{gap:20px 12px}.avatar-wrap{height:190px}.avatar-sprite{width:143px;height:190px}.team-member h3{font-size:14px}.team-role{font-size:8px}.journal-grid{grid-template-columns:1fr}.journal-coming{grid-template-columns:1fr;padding:28px}.journal-index{font-size:100px}.journal-coming h3{font-size:27px}.form-pair{grid-template-columns:1fr;gap:0}.page-intro{padding-top:140px}.project-intro-row{display:block}.project-intro-row>div{margin-top:30px}.story-content{padding-block:50px}.media-pair,.media-collection{grid-template-columns:1fr}.block-reels .media-collection{grid-template-columns:1fr}.block-reels figure{max-width:350px;margin-inline:auto}.content-block h2{font-size:26px}.content-block blockquote{font-size:22px}.service-detail,.faq-section{grid-template-columns:1fr;gap:35px}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.closing-cta .circle-link{width:65px;height:65px;font-size:35px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-bottom{flex-direction:column}.intro-actions{flex-wrap:wrap}.text-link{font-size:11px}.booking{align-items:start;flex-direction:column}}
/* Keep legacy styles from overriding the new motion control and readable copy. */
.motion-toggle{top:auto;font-family:Grandis,Arial,sans-serif}.service-row p{display:block}.section-heading h2{max-width:750px}
.template-production .story-grid{display:block;max-width:850px;margin:0 auto}.template-production .story-grid>div{margin-bottom:55px}.template-production .block-image,.template-production .block-video{margin-inline:-2%;}.template-social .story-grid{grid-template-columns:1fr;max-width:760px;margin:auto}.template-social .block-reels{max-width:1100px}.template-brand .media-pair{align-items:center}
@media(max-width:600px){.section-heading h2{max-width:100%}.service-row p{font-size:10px}.reel-bottom h1{font-size:clamp(40px,12.8vw,50px)}}