@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f2f0e9;--ink:#222722;--muted:#6f726b;--orange:#e65b34;--line:#d3d3c9;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}button:disabled{cursor:default}img{display:block;width:100%;object-fit:cover}::selection{background:var(--orange);color:var(--paper)}.wrap{width:calc(100% - 96px);max-width:1504px;margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.45px;line-height:1.6}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;font-weight:650;font-size:26px;letter-spacing:-1.3px;line-height:1}.studio-word{display:block;font-size:8px;letter-spacing:4.7px;line-height:2.5;font-weight:600}.brand-icon{width:36px;height:38px;display:flex;flex-direction:column;gap:3px;justify-content:center;overflow:hidden}.brand-icon i{display:block;width:37px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:50% 50% 0 0;transform:rotate(-12deg)}nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:500}nav>a{position:relative}nav>a:after{content:'';height:1px;background:var(--ink);position:absolute;left:0;right:100%;bottom:-6px;transition:right .2s}nav>a:hover:after{right:0}.nav-cta{background:var(--ink);color:var(--paper);padding:15px 19px;display:flex;align-items:center;gap:25px;font-size:12px}.nav-cta:hover{background:var(--orange)}.nav-cta span{font-size:19px}.menu-toggle{display:none}.hero{padding-top:30px}.hero-topline{display:flex;justify-content:space-between;align-items:center}.status-dot{width:6px;height:6px;display:inline-block;background:var(--orange);border-radius:50%;margin-right:8px;vertical-align:1px}.hero-copy{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 0 42px;gap:32px}h1,h2,h3,p{margin:0}h1{font-size:clamp(72px,8.9vw,140px);font-weight:500;line-height:.94;letter-spacing:-7px}em{font-family:var(--serif);font-weight:400}h1 em{letter-spacing:-4px;font-size:1.16em;color:var(--orange)}.orange-period{font-family:var(--serif);color:var(--orange);font-size:.48em;display:inline-block;vertical-align:top;line-height:1.1;margin-top:9px;margin-left:12px}.hero-intro{padding-bottom:9px;width:292px}.hero-intro p{font-size:15px;line-height:1.8;color:#62675f;margin-bottom:28px}.text-link{background:none;padding:0 0 9px;border-bottom:1px solid currentColor;display:inline-flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.hero-film{position:relative;overflow:hidden;background:#183435;aspect-ratio:2.58}.hero-image{height:100%;object-position:50% 52%;filter:brightness(.77);transition:transform 1.2s}.hero-film:hover .hero-image{transform:scale(1.02)}.film-grain{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 30%,#0004);pointer-events:none}.film-top,.film-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;color:#fff}.film-top{top:24px}.film-top .eyebrow{font-size:9px}.film-bottom{bottom:28px;align-items:flex-end}.film-bottom>span:first-child{font-size:24px;line-height:1.2;letter-spacing:-.5px}.film-bottom em{font-size:30px}.film-counter{font-size:10px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:12px}.film-counter span{opacity:.5}.film-counter i{width:65px;height:1px;background:#ffffff50;position:relative;margin-left:8px}.film-counter i:before{content:'';display:block;width:24px;height:1px;background:#fff}.reel-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);display:flex;align-items:center;flex-direction:column;background:none;color:white;gap:17px}.play-circle{width:82px;height:82px;border-radius:50%;background:#ffffff13;backdrop-filter:blur(3px);border:1px solid #ffffff85;display:grid;place-items:center;transition:background .25s,transform .25s}.play-circle svg{width:24px;fill:#fff;margin-left:4px}.reel-trigger:hover .play-circle{background:var(--orange);border-color:var(--orange);transform:scale(1.08)}.reel-label{font-size:9px;letter-spacing:1.7px;white-space:nowrap}.reel-label small{display:block;font-size:11px;text-transform:none;letter-spacing:0;margin-top:7px;opacity:.75}.frame-corner{position:absolute;width:15px;height:15px;border-color:#ffffff70;border-style:solid}.top-left{left:13px;top:13px;border-width:1px 0 0 1px}.bottom-right{right:13px;bottom:13px;border-width:0 1px 1px 0}.hero-footnote{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:11px;color:var(--muted)}.hero-footnote>span:last-child{font-size:9px;letter-spacing:1px}.hero-footnote>span:last-child span{margin-left:17px;font-size:15px}.section-space{padding-block:108px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}h2{font-size:clamp(40px,4.2vw,66px);font-weight:500;line-height:1.1;letter-spacing:-2.3px}.section-heading h2{margin-top:19px}.section-heading p{font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:4px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 21px}.filters{display:flex;gap:8px}.filters button{padding:9px 16px;border:1px solid transparent;background:none;border-radius:30px;font-size:11px}.filters button.active{border-color:var(--ink)}.filters button:hover{background:#e5e3da}.filters sup{font-size:8px;margin-left:4px}.concept-note{font-size:8px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px 25px}.project[hidden]{display:none}.project-image{position:relative;display:block;width:100%;height:345px;overflow:hidden;background:#d0c2ac;padding:0;text-align:left}.project-image img{height:100%;transition:transform .6s,filter .6s;filter:brightness(.92)}.project-image:hover img{transform:scale(1.045);filter:brightness(1)}.project-badge{position:absolute;top:19px;left:20px;color:white;font-size:8px;letter-spacing:1.2px;border:1px solid #ffffff60;padding:7px 10px;border-radius:20px;z-index:2;background:#0001}.project-open{position:absolute;right:20px;bottom:20px;width:41px;height:41px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:22px;transition:background .2s,transform .2s;z-index:2}.project-image:hover .project-open{background:var(--orange);color:white;transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-top:17px}.project-caption h3{font-size:16px;font-weight:500;letter-spacing:-.4px}.project-caption>span{font-size:10px;color:var(--muted);text-align:right}.project-wide{grid-column:1/-1}.project-wide .project-image{height:340px}.motion-art{background:#d5e548;color:#212820}.motion-grid{position:absolute;inset:0;background-image:linear-gradient(#22272212 1px,transparent 1px),linear-gradient(90deg,#22272212 1px,transparent 1px);background-size:68px 68px}.motion-art .project-badge{color:var(--ink);border-color:#22272250}.motion-word{position:absolute;left:15%;top:50%;transform:translateY(-50%) rotate(-4deg);font-size:108px;font-weight:700;line-height:.79;letter-spacing:-7px}.motion-word>span{font-family:var(--serif);font-style:italic;font-weight:400}.motion-asterisk{position:absolute;left:65%;top:22%;font-size:230px;line-height:1;animation:spin 35s linear infinite}.motion-side{position:absolute;right:25px;top:25px;writing-mode:vertical-rl;font-size:9px;letter-spacing:1.7px}.portfolio-note{font-size:10px;color:var(--muted);margin-top:28px}.studio-section{background:#232c28;color:var(--paper);padding-block:95px}.studio-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px}.studio-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:45px}.studio-left>.eyebrow:last-child{color:#9ea9a0;font-size:9px;line-height:1.8}.large-mark{height:95px;width:110px;overflow:hidden;display:flex;flex-direction:column;gap:7px;color:#d5e548}.large-mark i{width:107px;height:24px;border:4px solid currentColor;border-bottom:0;border-radius:50% 50% 0 0;transform:rotate(-12deg)}.studio-right h2{font-size:clamp(40px,4.4vw,66px);letter-spacing:-2px}.studio-right h2 em{color:#b1bdb2;font-size:1.13em}.studio-body{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;margin:34px 0 30px;max-width:700px}.studio-body p{font-size:13px;line-height:1.9;color:#b5bdb7}.studio-body p:first-child{font-size:16px;color:#ebece6;line-height:1.7}.light-link{font-size:11px}.services-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.services-intro h2{margin-top:24px}.services-intro>p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:25px}.services-intro>.text-link{margin-top:30px;font-size:11px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:21px;cursor:pointer;list-style:none;padding:26px 0}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--muted)}summary h3{font-size:23px;font-weight:450;letter-spacing:-.6px}.expand-icon{margin-left:auto;font-size:25px;font-weight:400;line-height:1;transition:transform .2s}details[open] .expand-icon{transform:rotate(45deg);color:var(--orange)}.service-body{padding:0 35px 28px}.service-body p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:18px}.service-body>span{font-size:8px;letter-spacing:.8px;font-weight:500}.contact-section{background:#e86039;color:#242722;padding:35px 42px 30px;margin-bottom:40px}.contact-top,.contact-bottom{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{font-size:9px}.contact-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:42px 0;background:none;text-align:left;font-size:clamp(64px,8.5vw,130px);font-weight:500;line-height:.97;letter-spacing:-6px}.contact-button em{font-size:1.13em}.contact-arrow{font-size:125px;align-self:center;font-weight:400;transition:transform .3s;line-height:1}.contact-button:hover .contact-arrow{transform:translate(9px,-9px)}.contact-bottom{border-top:1px solid #22272245;padding-top:23px}.contact-bottom p{font-size:12px;line-height:1.7}.contact-bottom>span{font-size:8px;letter-spacing:1px}.site-footer{display:flex;gap:30px;align-items:center;padding:10px 0 36px;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-wordmark{font-size:20px;color:var(--ink)}.footer-wordmark .studio-word{font-size:6px;letter-spacing:3.6px}.footer-wordmark .brand-icon{transform:scale(.8);transform-origin:left center;margin-right:-7px}.footer-concept{font-size:8px;letter-spacing:1px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);padding:15px;background:var(--ink);color:white;z-index:100}.skip-link:focus{transform:none}
dialog{border:0;padding:30px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow-y:auto;width:min(900px,calc(100% - 32px));box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0c1814ba;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-top h2{font-size:33px;letter-spacing:-1px;margin-top:7px}.close-button{background:none;font-size:22px;padding:10px;line-height:1;align-self:flex-start}.close-button:hover{color:var(--orange)}.reel-stage{position:relative;aspect-ratio:16/9;background:#1b2b27;overflow:hidden}.reel-scene{position:absolute;inset:0;opacity:0;transition:opacity .8s;overflow:hidden}.reel-scene.active{opacity:1}.reel-scene img{height:100%;filter:brightness(.7);transform:scale(1);transition:transform 6s linear}.reel-scene.active img{transform:scale(1.09)}.scene-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:10px}.scene-caption small{font-size:9px;letter-spacing:2px}.scene-caption strong{font:italic 84px var(--serif);font-weight:400}.reel-motion{background:#d5e548;display:flex;align-items:center;justify-content:center;gap:30px}.reel-motion-type{font-weight:700;font-size:90px;line-height:.85;letter-spacing:-5px;z-index:1}.reel-motion-star{font-size:190px;animation:spin 15s linear infinite}.reel-controls{display:flex;align-items:center;gap:15px;padding-top:18px;font-size:11px}.reel-controls button{background:none;padding:8px 0}.reel-progress{height:3px;flex:1;background:var(--line)}.reel-progress span{display:block;height:100%;width:0;background:var(--orange)}#reel-time{font-size:9px;font-variant-numeric:tabular-nums}.dialog-note{font-size:10px;color:var(--muted);margin-top:10px}.project-dialog{padding:25px}.project-dialog .dialog-top{margin-bottom:15px}#project-visual{height:350px;overflow:hidden;position:relative}#project-visual>img{height:100%}#project-visual .motion-art{height:100%;width:100%}.project-detail{padding:28px 5px 6px}.project-detail h2{font-size:42px;margin:12px 0 18px}.project-detail>p{font-size:14px;line-height:1.8;max-width:650px;color:var(--muted)}.project-detail-footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:20px}.project-detail-footer>span{font-size:10px;line-height:1.6}.project-detail-footer button{font-size:10px}.brief-dialog{width:min(640px,calc(100% - 32px));padding:32px 40px}.brief-dialog h2{font-size:48px}.brief-dialog h2 em{color:var(--orange)}.brief-intro{font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:600;margin-bottom:19px}input,textarea,select{border:1px solid #c9cec3;border-radius:0;background:#ffffff40;padding:12px;color:var(--ink);font-size:12px;min-width:0;width:100%}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:2px}.submit-button{width:100%;padding:16px 20px;background:var(--ink);color:var(--paper);text-align:left;display:flex;justify-content:space-between;gap:20px;font-size:12px}.submit-button:hover{background:var(--orange)}.form-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:13px}.success-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#d5e548;font-size:24px;margin-bottom:20px}#brief-success h3{font-size:25px;margin-bottom:12px}#brief-success>p{font-size:13px;line-height:1.7;color:var(--muted)}#brief-preview{background:#e9e8df;padding:18px;font:11px/1.8 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;margin:20px 0}.edit-brief{display:block;background:none;margin:17px auto 0;font-size:11px;text-decoration:underline}.reel-stage.paused *{animation-play-state:paused!important}.reel-stage.paused img{transition:none}body.modal-open .motion-asterisk{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero-film{aspect-ratio:2.85}.hero-copy{padding-block:35px 50px}.hero-intro{width:330px}.hero-intro p{font-size:17px}.project-image{height:405px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header{height:94px}nav{gap:22px}.hero-copy{padding-block:35px;gap:20px}h1{font-size:91px;letter-spacing:-5px}.hero-intro{width:240px}.hero-intro p{font-size:13px}.hero-film{aspect-ratio:2.1}.project-caption{flex-direction:column;gap:7px}.project-caption>span{text-align:left}.project-image{height:290px}.motion-word{font-size:94px;left:11%}.motion-asterisk{font-size:210px;left:64%}.studio-layout{grid-template-columns:1fr 2.3fr;gap:35px}.studio-body{gap:25px}.services-section{gap:40px}.contact-button{letter-spacing:-4px}.contact-arrow{font-size:105px}.section-space{padding-block:85px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{height:83px}.wordmark{font-size:23px}.brand-icon{width:31px;transform:scale(.9);transform-origin:left}.menu-toggle{display:flex;gap:14px;align-items:center;background:none;font-size:11px}.menu-toggle span{font-size:24px}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);z-index:10;padding:25px 24px;align-items:stretch;box-shadow:0 15px 20px #0001}.site-header nav.open{display:flex;flex-direction:column;gap:24px}.site-header nav>a{font-size:18px}.nav-cta{justify-content:space-between}.hero{padding-top:23px}.hero-topline .eyebrow{font-size:8px;letter-spacing:1px}.right-label{display:none}.hero-copy{display:block;padding:30px 0}h1{font-size:clamp(43px,13vw,93px);letter-spacing:-3.5px;line-height:.96}h1 em{letter-spacing:-2px}.orange-period{margin-left:7px}.hero-intro{display:flex;align-items:flex-end;gap:20px;width:100%;justify-content:space-between;margin-top:28px;padding:0}.hero-intro p{font-size:12px;line-height:1.7;margin:0;max-width:220px}.hero-intro .text-link{font-size:10px;gap:17px;flex-shrink:0}.desktop-br{display:none}.hero-film{aspect-ratio:1.22}.hero-image{object-position:57% center}.film-top{left:19px;right:19px;top:21px}.film-top>.eyebrow{font-size:7px}.film-top>.eyebrow:last-child{display:none}.film-bottom{left:21px;right:21px;bottom:23px}.film-bottom>span:first-child{font-size:18px}.film-bottom em{font-size:25px}.film-counter{font-size:8px;gap:7px}.film-counter i{width:30px}.play-circle{width:67px;height:67px}.reel-trigger{gap:12px}.reel-label{font-size:8px;letter-spacing:1.2px}.reel-label small{font-size:10px}.hero-footnote{font-size:8px}.hero-footnote>span:last-child{font-size:7px;letter-spacing:.5px}.hero-footnote>span:last-child span{margin-left:5px}.section-space{padding-block:65px}.section-heading{display:block;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.2px}h2{font-size:43px;letter-spacing:-1.7px}.section-heading h2{margin-top:16px}.section-heading p{font-size:12px;margin-top:18px}.work-toolbar{align-items:flex-start;gap:20px}.filters{gap:2px;white-space:nowrap}.filters button{padding:8px 12px;font-size:10px}.concept-note{font-size:6px;max-width:94px;text-align:right;padding-top:5px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{height:auto;aspect-ratio:1.28}.project-wide{grid-column:auto}.project-wide .project-image{height:auto;aspect-ratio:1.28}.project-caption{gap:6px;padding-top:14px}.project-caption h3{font-size:16px}.project-caption>span{font-size:11px}.motion-word{font-size:79px;left:8%;letter-spacing:-5px;z-index:1}.motion-asterisk{font-size:145px;left:59%;top:34%;opacity:.75}.motion-side{font-size:7px;right:14px}.portfolio-note{font-size:9px;line-height:1.7;margin-top:24px}.studio-section{padding-block:55px}.studio-layout{grid-template-columns:1fr;gap:32px}.studio-left{flex-direction:row;align-items:center;gap:20px}.studio-left>.eyebrow:last-child{display:none}.large-mark{height:42px;width:50px;gap:3px}.large-mark i{width:48px;height:11px;border-width:2px}.studio-right h2{font-size:42px}.studio-body{grid-template-columns:1fr;gap:15px;margin:25px 0}.studio-body p:first-child{font-size:16px}.studio-body p{font-size:13px}.services-section{grid-template-columns:1fr;gap:35px}.services-intro h2 br{display:none}.services-intro h2{max-width:350px;margin-top:17px}.services-intro>p{margin-top:18px}.services-intro>.text-link{margin-top:20px}summary{padding-block:23px}summary h3{font-size:23px}.service-body{padding-right:0}.service-body>span{font-size:7px}.contact-section{padding:24px;margin-bottom:25px}.contact-top .eyebrow{font-size:7px;letter-spacing:.7px}.contact-top>.eyebrow:last-child{display:none}.contact-button{font-size:59px;letter-spacing:-2.8px;padding:34px 0 30px;align-items:flex-end;gap:10px}.contact-arrow{font-size:56px;align-self:flex-end}.contact-bottom{gap:20px;padding-top:20px}.contact-bottom p{font-size:10px}.contact-bottom>span{font-size:6px;max-width:100px;line-height:1.8;text-align:right}.site-footer{flex-wrap:wrap;gap:23px 15px;padding-bottom:25px;font-size:8px}.footer-wordmark{width:calc(60% - 15px)}.footer-concept{font-size:7px;width:calc(60% - 15px)}.site-footer>a:last-child{text-align:right}.site-footer>span:nth-child(2),.site-footer>a:last-child{margin-left:auto}.brief-dialog{padding:25px}.brief-dialog h2{font-size:42px}.form-row{grid-template-columns:1fr;gap:0}.dialog-top h2{font-size:25px}.reel-dialog{padding:18px}.scene-caption strong{font-size:47px}.scene-caption small{font-size:6px}.reel-motion-type{font-size:51px;letter-spacing:-3px}.reel-motion-star{font-size:90px}.reel-motion{gap:10px}.reel-controls{gap:10px;font-size:10px}#reel-time{font-size:8px}.dialog-note{font-size:8px}#project-visual{height:240px}.project-dialog{padding:18px}.project-detail h2{font-size:34px}.project-detail-footer{flex-direction:column;align-items:flex-start}.project-detail>p{font-size:13px}.project-detail-footer button{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-film:hover .hero-image,.project-image:hover img{transform:none}}