:root{--accent:#c7b5ff;--soft:#a5a5aa;--page-gutter:clamp(24px,4vw,96px);--section-space:clamp(72px,7vw,128px)}html{scroll-padding-top:24px}body{background:#0c0c0c}.hero-nav{justify-content:space-between;gap:24px;padding:25px 4vw}.brand-mark{font-size:21px;font-weight:700;letter-spacing:-1px}.brand-mark span,.system-convergence span{color:var(--accent)}.desktop-links{align-items:center;gap:28px}.desktop-links .nav-project{padding:12px 19px;border:1px solid #505055;border-radius:30px}.hero{min-height:760px;height:min(1000px,100svh);max-height:none}.hero-heading-wrap{top:115px}.hero-heading{font-size:clamp(72px,14.4vw,230px);letter-spacing:-.07em}.hero-portrait{top:24%;height:62%;width:45%;max-width:630px}.hero-bottom{align-items:end;bottom:35px;gap:28px;z-index:3}.hero-tagline{font-size:clamp(23px,2.3vw,36px);max-width:450px;line-height:1.1}.hero-name{display:block;max-width:430px;font-size:15px;line-height:1.65;margin-top:14px;color:#b4b4b8}.hero-actions{display:flex;gap:12px;align-items:center}.primary-cta{background:#e2d9ff;color:#17131f;white-space:nowrap}.hero-actions .outline-button{white-space:nowrap}.editorial-section{width:100%;max-width:none;margin:0;padding:var(--section-space) var(--page-gutter)}.section-intro{margin-bottom:40px}.section-intro>.eyebrow{display:block;color:var(--soft);margin-bottom:18px;letter-spacing:.14em}.section-intro h2{font-size:clamp(38px,5.4vw,82px);font-weight:500;line-height:1.04;letter-spacing:-.045em}.trust-section{padding-top:36px;padding-bottom:45px;border-block:1px solid #27272b}.trust-section .section-intro{margin-bottom:22px}.trust-section h2{display:none}.trust-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:clamp(12px,1.1vw,17px);font-weight:600;letter-spacing:.05em;color:#d2d2d5}.featured-film{border:1px solid #343438;border-radius:20px;overflow:hidden}.film-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#17171b;overflow:hidden;border:0;padding:0;text-align:left;color:#fff;cursor:pointer}.film-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.2,1),filter .7s}.feature-cover{max-height:620px}.film-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0008);pointer-events:none}.play-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding-left:3px;border:1px solid #ffffff70;border-radius:50%;background:#17171b60;backdrop-filter:blur(12px);z-index:1;transition:transform .5s,background .5s}.feature-cover .play-orb{width:100px;height:100px;font-size:23px}.film-cover:hover img,.film-cover:focus-visible img{transform:scale(1.045);filter:brightness(.78)}.film-cover:hover .play-orb{background:#c7b5ff; color:#151119;transform:translate(-50%,-50%) scale(1.1)}.film-hover{position:absolute;bottom:22px;left:24px;z-index:1;font-size:13px;text-transform:uppercase;letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:.4s}.film-cover:hover .film-hover,.film-cover:focus-visible .film-hover{opacity:1;transform:none}.film-caption{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.film-caption h3{font-size:24px;font-weight:500;line-height:1.2;margin-top:5px}.film-caption .eyebrow{color:#999;text-transform:uppercase}.film-caption a{font-size:14px}.film-index{color:#6e6e77;font-size:14px}.showcase-revamp{padding-top:40px}.showcase-revamp .section-intro h2{font-size:clamp(32px,4vw,54px)}.image-stream{height:460px;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;perspective:30cqw;border-block:1px solid #25252a;background:radial-gradient(ellipse at center,#25212b,#0c0c0c 70%)}.stream-card{position:absolute;left:50%;top:50%;width:25cqw;height:14.0625cqw;margin-left:-12.5cqw;margin-top:-7.03125cqw;backface-visibility:hidden;will-change:transform;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite;border-radius:5px;overflow:hidden;border:1px solid #ffffff26}.stream-card img{width:100%;height:100%;object-fit:cover}.rail-left{animation-name:stream-left}.rail-right{animation-name:stream-right}.stream-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0c,transparent 20%,transparent 80%,#0c0c0c);pointer-events:none}.stream-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(24px,4vw,52px);font-weight:600;letter-spacing:-.04em;text-shadow:0 2px 30px #000;line-height:1.02;pointer-events:none}.stream-label span{color:var(--accent)}.showcase-contact-sheet{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.showcase-contact-sheet button{border:0;background:#151515;padding:0;aspect-ratio:16/9;overflow:hidden;border-radius:5px;cursor:pointer}.showcase-contact-sheet img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.showcase-contact-sheet button:hover img{transform:scale(1.08)}.create-list article{display:grid;grid-template-columns:40px 1fr 1fr 28px;gap:24px;align-items:center;border-top:1px solid #36363b;padding:30px 0}.create-list article:last-child{border-bottom:1px solid #36363b}.create-list h3{font-size:clamp(24px,2.6vw,40px);font-weight:500}.create-list p{color:#aaaab1;line-height:1.6;font-size:16px}.create-list article>span:last-child{font-size:28px;color:var(--accent)}.film-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 20px!important}.film-grid .project-slot{padding:0!important;min-height:0!important;position:static!important}.film-grid .project-card{display:block!important;padding:0!important;border:1px solid #29292e;border-radius:12px!important;background:#141416!important;overflow:hidden;transform:none!important;min-height:0!important;position:static!important}.film-grid .film-caption{padding:17px}.film-grid .film-caption h3{font-size:21px}.film-grid .play-orb{width:48px;height:48px}.film-grid .project-slot[hidden]{display:none!important}.js-revamp .film-grid:not(.expanded):not(.filtered) .additional-film{display:none!important}.more-films{display:block;margin:36px auto 0}.system-modules{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.system-modules article{padding:26px 20px;background:linear-gradient(150deg,#25212b,#141416);border:1px solid #39323f;border-radius:12px;transition-delay:calc(var(--module)*60ms)}.module-letter{font-size:84px;line-height:1;color:var(--accent);font-weight:500}.system-modules h3{font-size:18px;margin:22px 0 12px}.system-modules p{color:#b7b3bd;font-size:14px;line-height:1.6}.system-convergence{position:relative;text-align:center;padding-top:50px}.system-convergence>div{position:absolute;left:10%;right:10%;top:0;height:30px;border:1px solid #595061;border-top:0;border-radius:0 0 30px 30px}.system-convergence>div:after{content:'';height:21px;width:1px;background:#595061;position:absolute;left:50%;top:100%}.system-convergence strong{font-size:clamp(38px,6vw,78px);font-weight:500;letter-spacing:-.05em}.system-convergence small{display:block;font-size:10px;letter-spacing:.22em;color:#929098}.client-process{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0}.client-process li{padding:20px;border-top:1px solid #49434f;border-right:1px solid #29252f}.client-process li:last-child{border-right:0}.client-process li>span{color:var(--accent);font-size:13px}.client-process h3{font-size:24px;font-weight:500;margin:30px 0 15px}.client-process p{color:#aaa6b0;font-size:15px;line-height:1.6}#philosophy{padding-block:100px;text-align:center;border-block:1px solid #24242a;background:radial-gradient(ellipse at center,#201825 0%,transparent 70%)}#philosophy h2{font-size:clamp(52px,8.5vw,126px)}.philosophy-copy{max-width:660px;margin:auto;font-size:clamp(18px,2vw,26px);color:#bdb9c5;line-height:1.6}.philosophy-values{margin-top:32px;font-size:13px;color:#aaa}.philosophy-values span{margin:0 12px;color:var(--accent)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.why-grid article{border-top:1px solid #39353e;padding-top:22px}.why-grid h3{font-size:22px;font-weight:500}.why-grid p{font-size:16px;line-height:1.7;color:#aaa6af;margin-top:12px}.about{width:100%;padding:var(--section-space) var(--page-gutter)!important;max-width:none;margin:0;overflow:visible;min-height:0!important}.about-content{max-width:none!important;margin:0;gap:48px}.about .section-heading{font-size:clamp(42px,6vw,80px)!important;line-height:1.1!important}.about-story{font-size:clamp(24px,3vw,40px)!important;line-height:1.5!important}.identity-pair{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:32px;margin-top:0}.identity-pair>div{border-top:1px solid #36303e;padding-top:20px}.identity-pair strong{display:block;font-size:23px;font-weight:500}.identity-pair span{font-size:14px;color:#999}.about-contact{flex-wrap:wrap}.about-content>.linkedin-button{display:none}.skills-section{width:100%;max-width:none;margin:0;padding:var(--section-space) var(--page-gutter)}.skills-section>.section-heading{font-size:clamp(38px,5vw,68px)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0}.capability-grid h3{font-size:19px;font-weight:500}.capability-grid p{font-size:14px;line-height:1.7;color:#a4a1aa;margin-top:10px}.skills-track,.skills-window.reverse .skills-track{animation-duration:var(--skills-duration,90s)!important;animation-timing-function:linear!important}.skill-pill{font-size:14px!important;padding:12px 20px!important}.compact-experience article{display:grid;grid-template-columns:35px 1fr auto;gap:24px;border-top:1px solid #333038;padding:25px 0}.compact-experience h3{font-size:clamp(23px,2vw,36px);font-weight:500;line-height:1.25}.compact-experience p{color:#c0bcc7;font-size:17px;margin-top:10px}.compact-experience .experience-summary{font-size:16px;line-height:1.7;max-width:78ch;color:#aaa4b2}.compact-experience .date-pill{align-self:start;font-size:11px;background:#232126;color:#bdb8c9;white-space:nowrap}.background-details{max-width:1260px;margin:0 auto 70px;border-block:1px solid #353139;padding:24px}.background-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:20px}.background-details summary span{font-size:25px}.background-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:32px}.background-columns h2{font-size:24px;margin-bottom:20px}.background-columns article{border-top:1px solid #29262e;padding:20px 0}.background-columns h3{font-size:18px;margin:10px 0}.background-columns p{font-size:14px;color:#a9a5b1;line-height:1.7}.contact-section{width:100%;max-width:none;padding:var(--section-space) var(--page-gutter);gap:clamp(32px,5vw,100px)}.contact-intro h2{font-size:clamp(42px,4.8vw,74px)!important;line-height:1.05!important}.contact-form select{width:100%;border:1px solid #424048;background:#202024;color:#eee;padding:15px;border-radius:6px;font:inherit;font-size:14px;min-height:52px;color-scheme:dark}.contact-form label span{color:#8e8997;font-size:11px}.contact-form select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.video-player{width:min(1200px,96vw);max-width:96vw;padding:0;border:1px solid #4c4753;border-radius:14px;background:#111014;color:white;max-height:96dvh;overflow:auto}.video-player::backdrop{background:#050408ef;backdrop-filter:blur(12px)}.video-toolbar{display:flex;gap:12px;padding:16px 20px;align-items:center;border-bottom:1px solid #333}.video-toolbar h2{font-size:18px;font-weight:500;margin-right:auto}.video-toolbar button{border:1px solid #57515e;padding:9px 15px;border-radius:25px;background:#232027;color:#fff;cursor:pointer;white-space:nowrap;font-size:13px}.video-stage{aspect-ratio:16/9;max-height:75dvh;background:#000}.video-stage iframe{width:100%;height:100%;display:block;border:0}.video-help{padding:12px 20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#a5a0ad}.video-source{color:#e1d5fa}.video-player:fullscreen{max-width:100vw;width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.video-player:fullscreen .video-stage{height:calc(100dvh - 105px);max-height:none;aspect-ratio:auto}.stream-paused .stream-card,.motion-paused .stream-card{animation-play-state:paused!important}.motion-paused .film-cover img,.motion-paused .play-orb,.motion-paused .showcase-contact-sheet img{transition:none}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.testimonial-grid figure{border:1px solid #39313f;padding:30px;border-radius:15px}.testimonial-grid blockquote{font-size:24px;line-height:1.6}.testimonial-grid figcaption{color:#999;margin-top:20px}.footer{border-top:1px solid #29252f}
@media(max-width:1000px){.desktop-links{gap:18px}.hero{min-height:800px}.hero-portrait{width:65%;height:60%;top:20%}.hero-heading-wrap{top:105px}.hero-bottom{align-items:start}.hero-actions{flex-direction:column;align-items:stretch}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.system-modules{grid-template-columns:repeat(3,1fr)}.client-process{grid-template-columns:repeat(3,1fr)}.create-list article{grid-template-columns:30px 1fr 1fr 20px;gap:15px}.compact-experience article{grid-template-columns:25px 1fr}.compact-experience .date-pill{grid-column:2;justify-self:start}.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero{height:850px;min-height:850px}.hero-nav{padding:20px}.brand-mark{font-size:18px}.hero-heading-wrap{top:95px}.hero-heading{font-size:16.5vw!important;letter-spacing:-.075em}.hero-portrait{top:21%;height:44%;width:92%;max-width:440px}.hero-bottom{left:22px;right:22px;bottom:30px;display:block;text-align:center}.hero-tagline{font-size:26px;max-width:100%;line-height:1.15}.hero-name{max-width:100%;font-size:14px;line-height:1.5;margin-top:12px}.hero-actions{flex-direction:row;justify-content:center;margin-top:22px;gap:10px}.hero-actions a{font-size:12px;padding:13px 15px;min-height:45px}.editorial-section{padding:58px 22px}.section-intro{margin-bottom:28px}.trust-section{padding-block:25px}.trust-strip{gap:18px 24px;font-size:11px}.trust-section .section-intro{margin-bottom:12px}.film-grid{grid-template-columns:1fr!important;gap:22px!important}.film-caption{padding:17px}.film-caption h3{font-size:21px}.featured-film .film-caption{align-items:start;flex-direction:column;gap:10px}.feature-cover .play-orb{width:66px;height:66px;font-size:18px}.image-stream{height:260px}.showcase-contact-sheet{grid-template-columns:repeat(3,1fr);gap:6px}.create-list article{grid-template-columns:25px 1fr 20px;padding:24px 0}.create-list article p{grid-column:2;grid-row:2;font-size:14px}.create-list article>span:last-child{grid-column:3;grid-row:1}.system-modules{grid-template-columns:1fr 1fr;gap:10px}.system-modules article{padding:20px 16px}.system-modules article:last-child{grid-column:1/-1}.module-letter{font-size:58px}.system-modules h3{margin-top:15px}.system-modules p{font-size:13px}.client-process{grid-template-columns:1fr}.client-process li{display:grid;grid-template-columns:26px 1fr;gap:15px;border-right:0;padding:24px 0}.client-process h3{margin:0}.client-process p{grid-column:2;margin:0}.why-grid{grid-template-columns:1fr;gap:25px}.why-grid p{font-size:15px}#philosophy{padding-block:65px}.philosophy-values{line-height:2.2;font-size:11px}.philosophy-values span{margin:0 4px}.identity-pair{grid-template-columns:1fr;gap:25px}.identity-pair strong{font-size:21px}.about{padding:58px 22px!important}.about-stats{gap:16px!important}.about-stats strong{font-size:32px!important}.about-stats span{font-size:11px!important}.skills-section{padding:30px 22px 45px}.capability-grid{gap:24px 16px}.capability-grid h3{font-size:17px}.capability-grid p{font-size:13px}.compact-experience article{gap:14px}.compact-experience h3{font-size:19px;overflow-wrap:anywhere}.background-details{margin-inline:22px;padding:20px 0}.background-details summary{font-size:17px}.background-columns{grid-template-columns:1fr;gap:20px}.contact-section{padding:55px 22px!important}.contact-intro h2{font-size:47px!important}.contact-form{padding:22px!important}.video-toolbar{padding:12px;flex-wrap:wrap;gap:8px}.video-toolbar h2{flex-basis:100%;font-size:16px}.video-toolbar button{font-size:12px;padding:7px 12px}.video-help{font-size:10px;padding:12px}.video-stage{min-height:210px}.testimonial-grid{grid-template-columns:1fr}.footer-name{font-size:38px!important}}
@media(prefers-reduced-motion:reduce){.stream-card{animation-play-state:paused!important}.film-cover img,.play-orb,.showcase-contact-sheet img{transition:none!important}.system-modules article{transition:none!important}}

/* Keep the original character while giving the new positioning clear space. */
.hero-nav{display:flex;align-items:center}.desktop-links{justify-content:flex-end}.desktop-links a{font-size:14px}.hero-heading-wrap{position:absolute;inset:105px 0 auto;margin:0}.hero-portrait{top:28%;bottom:auto;max-width:630px;height:56%}.hero-portrait .magnet{height:100%}.hero-portrait img{height:100%;max-height:none;object-position:center}.hero-bottom{position:absolute;left:0;right:0;bottom:0;margin:0;padding:30px 4vw}.about-story{max-width:100%}.primary-cta{box-shadow:none;outline:none}.hero-actions .contact-button{padding-inline:25px}
@media(max-width:1000px){.hero-portrait{max-width:600px}.hero-bottom{flex-direction:row;text-align:left;align-items:end}.hero-bottom>div:first-child{max-width:52%}}
@media(max-width:640px){.hero-nav{justify-content:space-between}.hero-heading-wrap{top:100px;margin:0}.hero-portrait{top:21%;height:43%;max-width:440px}.hero-bottom{display:block;padding:24px 22px 30px;text-align:center}.hero-bottom>div:first-child{max-width:100%}.hero-actions .contact-button{padding-inline:17px}.hero-actions{align-items:stretch}}

.video-stage{width:100%}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:black}.classification{display:inline-block;margin:0 17px 14px;padding:5px 9px;border:1px solid #595065;border-radius:20px;font-size:10px;color:#d2bfdc}.film-case-study{padding:0 17px 20px}.film-case-study summary{cursor:pointer;color:#d2bfdc;font-size:13px}.film-case-study h4{font-size:14px;margin-top:18px}.film-case-study p{font-size:13px;color:#aaa;line-height:1.6;margin-top:6px}
@keyframes skills-left{to{transform:translateX(var(--skills-shift,calc(-50% - 8px)))}}
@media(min-width:1001px){.hero{min-height:700px;height:100svh;max-height:1000px}}.hero-actions .outline-button{margin-top:0}