@font-face{font-family:Storylev;src:local('Helvetica Neue')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#f7f5ef;color:#171b24;font-family:Storylev,'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #315bff;outline-offset:6px}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{color:inherit}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:.99}h1 em{font-style:normal;color:#7e98ff}h2 span{color:#70747b}p{line-height:1.55}::selection{background:#315bff;color:white}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.site-header{height:98px;background:#171b24;color:#f7f5ef;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:relative;z-index:20;border-bottom:1px solid #ffffff25}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{width:34px;height:44px;object-fit:contain}.mini{font-size:11px;line-height:1.3;letter-spacing:.04em}.menu-toggle{border:1px solid #ffffff55;border-radius:50%;width:49px;height:49px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .3s}.menu-toggle:hover{background:#ffffff22}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .4s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#site-menu{position:absolute;right:4.5%;top:82px;width:350px;padding:28px;background:linear-gradient(140deg,#2b3039ee,#171b24f5);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid #ffffff38;border-radius:20px;box-shadow:0 25px 65px #0006,inset 0 1px 0 #ffffff35;visibility:hidden;opacity:0;transform:translateY(-12px) scale(.97);transform-origin:top right;transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1),visibility .4s}#site-menu.open{visibility:visible;opacity:1;transform:none}#site-menu>a{font-size:25px;letter-spacing:-.035em;display:block;padding:9px 0;border-bottom:1px solid #ffffff16}#site-menu>a:hover{color:#a2b4ff;padding-left:8px}.menu-social{display:flex;gap:24px;padding-top:24px;font-size:12px;color:#c9cdd5}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:500}.hero{background:#171b24;color:#f7f5ef;padding:34px 4.5% 0;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-top .eyebrow{display:flex;align-items:center;gap:9px;color:#bec2cd}.status-dot{width:6px;height:6px;background:#7f9bff;border-radius:50%;box-shadow:0 0 10px #315bff}.hero-index{font-size:11px;color:#b8bdc8;line-height:1.35}.hero-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:3%;align-items:center;padding:65px 0 52px}.hero h1{font-size:clamp(78px,8.35vw,152px);letter-spacing:-.078em;position:relative;z-index:2;white-space:nowrap}.hero h1 em{display:inline-block;color:#a1b3ff;animation:word-in 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-film{position:relative;margin-top:20px;min-width:0}.film-open{border:0;padding:0;display:block;background:none;text-align:left}.hero-film>.film-open{width:100%;aspect-ratio:1.42;position:relative;overflow:hidden;border-radius:2px}.ambient-video{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-film>.film-open:hover video{transform:scale(1.035)}.film-control{position:absolute;bottom:20px;left:22px;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.02em;color:white;text-shadow:0 1px 10px #000}.play-icon{background:#171b2490;backdrop-filter:blur(12px);width:36px;height:36px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}.media-caption{display:flex;justify-content:space-between;padding-top:13px;font-size:10px;color:#bec2cd}.hero-bottom{display:flex;align-items:center;gap:24px;padding:0 0 42px}.hero-bottom p{font-size:15px;color:#c2c5cf;margin-right:auto;line-height:1.5}.light-button,.dark-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;border-radius:40px;border:1px solid transparent;font-size:12px;line-height:1.2;white-space:normal;transition:background .3s,transform .3s}.light-button{background:#f7f5ef;color:#171b24}.dark-button{background:#171b24;color:#f7f5ef}.light-button span,.dark-button span{font-size:20px;line-height:12px}.light-button:hover{background:#c6d0ff;transform:translateY(-2px)}.dark-button:hover{background:#315bff;transform:translateY(-2px)}.motion-control{background:transparent;color:#b6bbc8;border:0;border-bottom:1px solid #717780;padding:7px 0;font-size:10px}.hero-rule{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff30;padding:19px 0;font-size:10px;color:#b4b9c6;letter-spacing:.025em}.section{padding:110px 6%}.section-heading{display:grid;grid-template-columns:1fr 2.5fr 1.2fr;gap:30px;align-items:start;margin-bottom:60px}.section-heading .eyebrow{padding-top:10px}.section-heading h2{font-size:clamp(42px,4.1vw,72px)}.section-heading>p:last-child{font-size:14px;color:#686c75;max-width:250px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project:nth-child(2){margin-top:110px}.project-image{position:relative;display:block;aspect-ratio:1.18;overflow:hidden;background:#e8e5dc}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project-image:hover img{transform:scale(1.035)}.project-image.leather{background:#16191d}.project-image.leather img{object-fit:contain}.project-label{position:absolute;left:20px;bottom:20px;padding:10px 15px;border-radius:30px;font-size:11px;background:#f7f5efee;color:#171b24;backdrop-filter:blur(10px)}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid #171b2430}.project-caption h3{font-size:19px;font-weight:500;letter-spacing:-.04em}.project-caption>span{font-size:10px;color:#6b6e76;padding-top:5px;text-align:right}.section-foot{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-foot p{font-size:10px;color:#6b6e76;max-width:350px}.text-link{display:inline-block;font-size:13px;background:none;border:0;border-bottom:1px solid currentColor;padding:5px 0;margin:8px 15px 8px 0;text-align:left;line-height:1.3}.text-link:hover{color:#315bff}.manifesto{background:#315bff;color:#fff;position:relative;overflow:hidden}.manifesto>.eyebrow{margin-bottom:55px;color:#e0e6ff}.manifesto h2{font-size:clamp(48px,6.3vw,98px)}.manifesto h2 span{color:#b9c9ff}.manifesto-bottom{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:45px;margin-top:65px}.manifesto-bottom img{width:65px;height:76px;object-fit:contain}.manifesto-bottom p{font-size:17px;max-width:450px;color:#e9edff}.manifesto .text-link:hover{color:white}.services-section{background:#f7f5ef}.service-row{border-bottom:1px solid #171b2430}.service-row:first-of-type{border-top:1px solid #171b2430}.service-row summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:27px 0;gap:20px;font-size:clamp(23px,2.8vw,43px);letter-spacing:-.04em}.service-row summary::-webkit-details-marker{display:none}.service-row summary i{font-size:28px;font-weight:300;font-style:normal;color:#315bff;transition:transform .3s}.service-row[open] summary i{transform:rotate(45deg)}.service-answer{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding:0 0 35px 27%;font-size:15px}.service-answer small{font-size:10px;color:#71757d;display:block;line-height:1.7}.service-answer .text-link{margin-top:20px}.approach{display:grid;grid-template-columns:1.2fr 1fr;gap:14%;background:#eeece5}.approach h2{font-size:clamp(44px,4.3vw,70px);margin:35px 0}.steps article{padding:24px 0;border-top:1px solid #171b2430}.steps article:last-child{border-bottom:1px solid #171b2430}.steps article span{font-size:23px;letter-spacing:-.04em;display:block;margin-bottom:16px}.steps p{font-size:14px;color:#626772;max-width:370px}.plans-strip{background:#171b24;color:#f7f5ef;display:grid;grid-template-columns:1fr 2.5fr 1.2fr;gap:30px;padding:80px 6%;align-items:start;border-bottom:1px solid #ffffff30}.plans-strip h2{font-size:clamp(40px,4vw,65px)}.plans-strip .eyebrow{padding-top:10px}.plans-strip>div p{font-size:13px;color:#c2c6cf;margin:0 0 25px}.plans-strip .light-button{width:100%}footer{background:#171b24;color:#f7f5ef;padding:85px 6% 25px}.footer-top{display:grid;grid-template-columns:1fr 2.5fr 1.2fr;gap:30px;align-items:start}.footer-top h2{font-size:clamp(43px,5.3vw,85px)}.footer-top h2 span{color:#b1b6c3}.footer-top .eyebrow{padding-top:10px}.footer-top .light-button{margin-top:10px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:75px 0 70px;font-size:12px;border-top:1px solid #ffffff30;padding-top:30px}.footer-grid>div{display:flex;justify-content:flex-end;gap:25px}.footer-grid>div a{display:flex;align-items:center;gap:8px;height:20px}.footer-grid svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.footer-logo{width:100%;height:auto;max-height:290px;object-fit:contain;object-position:left;opacity:.95}.fine{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a6adba;margin-top:35px;padding-top:20px;border-top:1px solid #ffffff30}.page-intro{background:#171b24;color:#f7f5ef;padding-top:65px;padding-bottom:90px}.page-intro h1{font-size:clamp(65px,8.5vw,140px);margin:42px 0}.page-intro .lead{max-width:650px;color:#c6cad5}.lead{font-size:clamp(20px,2vw,28px);letter-spacing:-.025em;line-height:1.4}.page-intro .light-button{margin-top:35px}.about-editorial{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid #171b2430}.about-editorial h2{font-size:clamp(38px,4.2vw,64px);margin-top:30px}.about-editorial p+p{margin-top:24px}.about-editorial>div>p{font-size:17px;color:#5d626c}.founder-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:#eeece5}.founder-section>img{height:470px;width:100%;object-fit:cover;object-position:center top;background:#171b24}.founder-section h2{font-size:50px;margin:25px 0}.founder-section .lead{margin-bottom:25px}.founder-section p:last-child{color:#5d626c}.case-section{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;border-top:1px solid #171b2430;align-items:center}.case-section h2{font-size:60px;margin:30px 0}.case-section p{color:#626772}.case-section img{width:100%;max-height:650px;object-fit:contain}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #171b2430;border-bottom:1px solid #171b2430}.price-grid article{padding:35px 25px;border-right:1px solid #171b2430}.price-grid article:first-child{padding-left:0}.price-grid article:last-child{border:0}.price-grid h2{font-size:45px;margin:30px 0 20px}.price{font-size:32px;letter-spacing:-.045em}.price small{display:block;font-size:13px;letter-spacing:0;color:#71757d;margin:6px 0 22px}.price-grid article>p:not(.eyebrow):not(.price){font-size:14px;color:#626772;min-height:70px}.note{font-size:12px;color:#686d77;margin:25px 0;max-width:800px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-section h2{font-size:65px;margin-bottom:35px}.contact-section>div>p{font-size:14px;color:#626772;max-width:350px;margin:25px 0}.contact-email{display:block;font-size:25px;letter-spacing:-.045em;margin:25px 0}.draft-form{display:grid;gap:24px}.draft-form label{font-size:12px;display:grid;gap:10px}.draft-form input,.draft-form textarea,.draft-form select{width:100%;padding:13px 0;border:0;border-bottom:1px solid #171b2450;background:transparent;border-radius:0;color:#171b24;font-size:16px}.draft-form textarea{resize:vertical}.draft-form .dark-button{justify-self:start}.form-status{font-size:12px;color:#626772}.service-detail{padding:55px 6% 90px}.service-detail .crumb{font-size:12px;margin-bottom:30px;color:#626772}.service-detail section{padding:45px 0;border-bottom:1px solid #171b2430}.service-detail .hero{padding:50px;background:#171b24;color:#fff;border:0}.service-detail h1{font-size:clamp(50px,6vw,95px);white-space:normal;max-width:1000px;margin:35px 0}.service-detail h2{font-size:clamp(32px,3.5vw,52px);margin:15px 0 30px}.service-detail .lead{max-width:900px;margin-bottom:25px}.service-detail h3{font-size:22px;font-weight:500;margin:10px 0 15px}.service-detail .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.service-detail .grid p,.service-detail li{font-size:15px;color:#626772}.service-detail .button{display:inline-block;background:#315bff;color:white;padding:15px 24px;border-radius:30px;margin:15px 15px 0 0;font-size:13px}.service-detail .contact{padding:50px;background:#eeece5;margin-top:40px}.service-detail details{border-bottom:1px solid #171b2430;padding:18px 0}.service-detail summary{cursor:pointer;font-size:20px}.service-detail details p{padding:18px 0;color:#626772}.related{display:flex;flex-wrap:wrap;gap:20px}.related a{border-bottom:1px solid #171b2450;padding:7px 0;font-size:14px}dialog{border:1px solid #fff5;background:#171b24;color:white;width:min(1100px,95vw);padding:50px 16px 16px;border-radius:5px}dialog::backdrop{background:#06090de8;backdrop-filter:blur(15px)}dialog video{width:100%;max-height:78vh}.close-film{position:absolute;right:18px;top:15px;background:none;border:0;font-size:13px}.reveal{animation:appear .9s both}.js-motion .reveal{opacity:0;transform:translateY(24px);animation:none;transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.seen{opacity:1;transform:none}@keyframes word-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}body.motion-paused *{animation:none!important;transition:none!important}@media(min-width:1700px){.hero-composition{padding:85px 0 65px}.section{padding-top:130px;padding-bottom:130px}}@media(max-width:1050px){.section{padding:80px 5%}.hero-composition{gap:6%;padding:50px 0}.hero h1{font-size:9.4vw}.hero-film>.film-open{aspect-ratio:1.1}.section-heading{grid-template-columns:1fr 3fr}.section-heading>p:last-child{grid-column:2;max-width:450px}.hero-bottom{flex-wrap:wrap}.hero-bottom p{font-size:14px}.hero-bottom .light-button{font-size:11px}.motion-control{margin-left:auto}.manifesto-bottom{grid-template-columns:.5fr 2fr}.manifesto-bottom>.text-link{grid-column:2;justify-self:start}.plans-strip,.footer-top{grid-template-columns:1fr 2.7fr}.plans-strip>div,.footer-top>.light-button{grid-column:2;justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{justify-content:start}.service-answer{padding-left:15%}.price-grid article{padding:30px 18px}.price-grid h2{font-size:37px}.price{font-size:27px}.contact-section{gap:7%}.contact-section h2{font-size:50px}.case-section h2{font-size:45px}}
@media(max-width:650px){html{scroll-padding-top:30px}.site-header{height:80px;padding:0 6%}.mini{font-size:9px}.brand img{width:28px;height:36px}.menu-toggle{width:43px;height:43px}#site-menu{right:5%;width:90%;top:70px;padding:25px}.hero{padding:27px 6% 0}.hero-top .eyebrow{font-size:8px;letter-spacing:.1em}.hero-index{display:none}.hero-composition{display:flex;flex-direction:column;align-items:stretch;padding:37px 0 25px;gap:28px}.hero h1{font-size:clamp(58px,12.8vw,84px);line-height:1.02;letter-spacing:-.07em}.hero-film{margin-top:0}.hero-film>.film-open{aspect-ratio:1.6}.film-control{bottom:14px;left:14px}.media-caption{font-size:9px;padding-top:10px}.hero-bottom{gap:20px;padding-bottom:26px}.hero-bottom p{font-size:14px;width:100%;margin:0}.desktop{display:none}.light-button,.dark-button{padding:16px 20px;font-size:12px}.hero-rule{font-size:8px;padding:16px 0;align-items:center}.hero-rule>a{white-space:nowrap}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:42px;margin:25px 0}.section-heading>p:last-child{font-size:14px;max-width:290px}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(2){margin-top:0}.project-image{aspect-ratio:1.12}.project-caption h3{font-size:18px}.project-caption>span{font-size:9px;max-width:110px}.project-label{bottom:15px;left:15px}.section-foot{align-items:start;margin-top:25px}.section-foot p{font-size:9px;max-width:190px}.section-foot .text-link{font-size:11px;white-space:nowrap;margin-right:0}.manifesto>.eyebrow{margin-bottom:32px}.manifesto h2{font-size:41px;line-height:1.08}.manifesto-bottom{display:grid;grid-template-columns:42px 1fr;gap:25px;margin-top:35px}.manifesto-bottom img{width:38px;height:46px;align-self:start}.manifesto-bottom p{font-size:15px}.manifesto-bottom .text-link{margin-top:0}.service-row summary{font-size:25px;padding:23px 0;line-height:1.1;letter-spacing:-.045em}.service-row summary i{font-size:25px}.service-answer{padding:0 25px 28px 0;grid-template-columns:1fr;gap:20px;font-size:14px}.service-answer .text-link{margin-top:12px}.approach{grid-template-columns:1fr;gap:30px}.approach h2{font-size:43px;margin:27px 0}.steps article{padding:22px 0}.steps article span{font-size:22px}.plans-strip{display:block;padding:60px 6%}.plans-strip h2{font-size:44px;margin:28px 0}.plans-strip>div p{font-size:14px}.plans-strip .light-button{width:auto}footer{padding:60px 6% 25px}.footer-top{display:block}.footer-top h2{font-size:43px;margin:25px 0}.footer-top .light-button{margin-top:8px}.footer-grid{grid-template-columns:1fr;gap:24px;margin:45px 0;font-size:13px}.footer-logo{min-height:90px}.fine{font-size:8px;gap:15px;flex-wrap:wrap;margin-top:20px}.fine>span:nth-child(2){display:none}.page-intro{padding-top:40px;padding-bottom:60px}.page-intro h1{font-size:clamp(49px,12.3vw,76px);margin:30px 0}.page-intro .lead{font-size:19px}.about-editorial,.founder-section,.case-section,.contact-section{grid-template-columns:1fr;gap:35px}.about-editorial h2{font-size:40px;margin-top:25px}.about-editorial>div>p{font-size:16px}.founder-section>img{height:370px}.founder-section h2{font-size:43px}.case-section h2{font-size:43px}.price-grid{grid-template-columns:1fr}.price-grid article,.price-grid article:first-child{padding:32px 0;border-right:0;border-bottom:1px solid #171b2430}.price-grid article>p:not(.eyebrow):not(.price){min-height:0}.price-grid h2{font-size:43px}.price{font-size:32px}.contact-section h2{font-size:45px}.contact-email{font-size:26px}.service-detail{padding:30px 6% 60px}.service-detail .hero{padding:30px 22px}.service-detail h1{font-size:44px;letter-spacing:-.065em}.service-detail h2{font-size:33px}.service-detail .grid{grid-template-columns:1fr;gap:20px}.service-detail section{padding:35px 0}.service-detail .lead{font-size:19px}.service-detail .contact{padding:28px 22px}.service-detail summary{font-size:19px}.service-detail .button{font-size:12px;padding:14px 18px}.hero .motion-control{font-size:9px}.contact-section>div>p{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* STUDIO DIRECTION 02 — the story cuts through. */
body:has(:is(.hero-v2,.restored-hero)) .site-header{background:#f7f5ef;color:#171b24;border-bottom:1px solid #171b242a;height:88px}
body:has(:is(.hero-v2,.restored-hero)) .site-header .brand img{filter:brightness(0) saturate(100%);width:32px;height:42px}
body:has(:is(.hero-v2,.restored-hero)) .site-header .menu-toggle{border-color:#171b2450;background:transparent}
body:has(:is(.hero-v2,.restored-hero)) .site-header .menu-toggle:hover{background:#171b2410}
body:has(:is(.hero-v2,.restored-hero)) #site-menu{color:#f7f5ef}
.hero-v2{padding:0 4.5%;background:#f7f5ef;color:#171b24;position:relative;isolation:isolate;overflow:hidden}
.hero-v2-meta{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-top:29px;font-size:11px;line-height:1.35}
.hero-v2-meta>p:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.hero-v2-meta>p:nth-child(2){justify-self:center}
.hero-location{justify-self:end;text-align:right;font-size:10px;color:#666b73;line-height:1.45}
.statement-stage{position:relative;height:clamp(480px,42vw,750px);margin-top:25px}
.hero-v2 h1{font-size:clamp(130px,17.2vw,300px);line-height:.78;font-weight:600;letter-spacing:-.09em;white-space:nowrap;position:absolute;inset:0;margin:0;z-index:auto}
.headline-first{position:absolute;top:0;left:-.012em;z-index:3;display:block;animation:type-enter 1s cubic-bezier(.16,1,.3,1) both}
.headline-last{position:absolute;bottom:0;left:-.015em;z-index:4;display:block;color:#315bff;letter-spacing:-.083em;font-size:.99em;animation:type-enter 1s .12s cubic-bezier(.16,1,.3,1) both}
.hero-v2 .full-stop{display:inline-block;color:#171b24}
.story-aperture{position:absolute;left:43%;right:0;top:5%;bottom:7%;z-index:2;transform:rotate(-5deg);border-radius:48% 48% 6px 6px;overflow:hidden;background:#171b24;animation:aperture-enter 1.4s cubic-bezier(.16,1,.3,1) both;box-shadow:0 20px 50px #171b2412}
.story-aperture>.film-open{width:100%;height:100%;position:relative;overflow:hidden;color:white}
.story-aperture video{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.2s}
.story-aperture:hover video{transform:scale(1.12)}
.story-aperture .film-control{bottom:36%;left:7%;font-size:11px;text-shadow:0 2px 12px #000;z-index:3;transform:rotate(5deg)}
.aperture-note{position:absolute;top:10%;left:30%;font-size:9px;color:#fff;z-index:3;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 10px #000}
.orbit-seal{width:128px;height:128px;position:absolute;top:42%;left:22%;z-index:5;background:#315bff;border-radius:50%;transform:rotate(-15deg);box-shadow:0 8px 25px #315bff20}
.orbit-seal svg{width:100%;height:100%;animation:orbit-turn 24s linear infinite;fill:#fff;font-size:11.3px;letter-spacing:2px;font-weight:400}
.orbit-seal img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:31px;height:40px}
.stage-note{position:absolute;left:0;top:54%;font-size:13px;line-height:1.3;letter-spacing:-.02em;z-index:4}
.hero-v2-bottom{display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:center;padding:35px 0 32px}
.hero-v2-bottom>p{font-size:15px;line-height:1.45;color:#5e646d;letter-spacing:-.02em}
.hero-cta{background:#171b24;color:#f7f5ef;border-radius:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;justify-self:end;padding:18px 24px;font-size:13px;transition:background .3s,transform .4s}
.hero-cta span{font-size:24px;line-height:20px}.hero-cta:hover{background:#315bff;transform:translateY(-3px)}
.hero-v2 .motion-control{color:#666b73;border-bottom-color:#969ba2;align-self:center}
.hero-v2-services{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 25px;border-top:1px solid #171b2438;font-size:10px;color:#505762}
.hero-v2-services a{position:relative;transition:color .25s}.hero-v2-services a:hover{color:#315bff}.hero-v2-services a:not(:last-child)::before{content:'';display:inline-block;width:4px;height:4px;background:#315bff;margin-right:9px;border-radius:50%;vertical-align:middle}
.scroll-cue{display:flex;align-items:center;gap:30px}.scroll-cue span{font-size:17px;color:#171b24}
.hero-v2+.work-section{background:#171b24;color:#f7f5ef;border-radius:30px 30px 0 0;padding-top:85px;position:relative}
.hero-v2+.work-section .section-heading h2 span{color:#a4aab6}.hero-v2+.work-section .section-heading>p:last-child{color:#a7aebc}
.hero-v2+.work-section .project-caption{border-color:#ffffff38}.hero-v2+.work-section .project-caption>span,.hero-v2+.work-section .section-foot p{color:#a7aebc}
@keyframes type-enter{from{opacity:0;transform:translateY(60px) rotate(2deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes aperture-enter{from{opacity:0;transform:rotate(3deg) translateY(50px) scale(.92);border-radius:20%}to{opacity:1;transform:rotate(-5deg) translateY(0) scale(1);border-radius:48% 48% 6px 6px}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(min-width:1800px){.statement-stage{height:700px}.hero-v2 h1{font-size:300px}.story-aperture{left:45%}}
@media(max-width:1050px){.hero-v2-meta{font-size:10px}.statement-stage{height:44vw;min-height:385px}.hero-v2 h1{font-size:17vw}.orbit-seal{width:100px;height:100px;top:40%;left:21%}.orbit-seal img{width:27px;height:34px}.stage-note{top:53%;font-size:11px}.story-aperture{top:7%;bottom:7%;left:43%}.hero-v2-bottom{gap:20px;grid-template-columns:1.2fr 1fr auto}.hero-v2-bottom>p{font-size:13px}.hero-cta{font-size:12px;padding:17px 20px}.hero-v2-services{font-size:9px;gap:12px}.scroll-cue{gap:12px}}
@media(max-width:650px){body:has(:is(.hero-v2,.restored-hero)) .site-header{height:76px}.hero-v2{padding:0 6%}.hero-v2-meta{padding-top:24px;display:flex;justify-content:space-between;gap:20px}.hero-v2-meta>p:first-child{font-size:8px;max-width:110px;line-height:1.5}.hero-v2-meta>p:nth-child(2){font-size:9px;line-height:1.4}.hero-location{display:none}.statement-stage{height:440px;min-height:0;margin-top:30px}.hero-v2 h1{font-size:25vw;line-height:.8;font-weight:600;letter-spacing:-.09em}.headline-first{top:0;left:-.018em}.headline-last{bottom:0;left:-.018em;font-size:.7em;letter-spacing:-.09em;white-space:nowrap}.story-aperture{left:19%;right:-8%;top:15%;bottom:12%;border-radius:48% 48% 4px 4px;transform:rotate(-7deg)}.story-aperture .film-control{bottom:15%;left:13%;font-size:10px;transform:rotate(7deg)}.aperture-note{top:15%;left:31%;font-size:7px}.orbit-seal{width:86px;height:86px;top:36%;left:-2%;transform:rotate(-18deg)}.orbit-seal img{width:24px;height:30px}.stage-note{left:0;top:auto;bottom:19%;font-size:10px;line-height:1.4;max-width:70px}.hero-v2-bottom{padding:27px 0 25px;display:flex;flex-wrap:wrap;gap:21px}.hero-v2-bottom>p{font-size:14px;width:100%;max-width:310px}.hero-cta{font-size:12px;padding:16px 20px;gap:35px}.hero-v2 .motion-control{margin-left:auto;font-size:9px}.hero-v2-services{display:grid;grid-template-columns:1fr 1fr;font-size:9px;padding:21px 0 25px;gap:16px 10px}.hero-v2-services .scroll-cue{display:none}.hero-v2+.work-section{border-radius:20px 20px 0 0;padding-top:60px}}
@media(max-width:370px){.statement-stage{height:395px}.hero-v2-bottom>p{font-size:13px}.hero-v2-services{font-size:8px}.stage-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-v2 *{animation:none!important;transition:none!important}}
.hero-v2 h1{letter-spacing:-.065em}.headline-last{letter-spacing:-.065em}.headline-first{left:-.01em}.headline-last{left:-.01em}
@media(max-width:650px){.hero-v2 h1{letter-spacing:-.065em}.headline-last{letter-spacing:-.065em}}
.hero-v2 h1,.hero-v2 .headline-last{letter-spacing:-.045em}
@media(max-width:650px){.hero-v2 h1,.hero-v2 .headline-last{letter-spacing:-.045em}}
/* Film frame revision: keep the subject in view, give the typography the shape. */
.story-aperture{top:15%;bottom:14%;left:39%;right:0;border-radius:2px;transform:rotate(-4deg);animation:cinema-enter 1.2s cubic-bezier(.16,1,.3,1) both}
.story-aperture .film-control{bottom:45%;left:7%;transform:rotate(4deg)}
.aperture-note{top:8%;left:5%;transform:rotate(4deg)}
.story-aperture video{object-fit:cover;transform:scale(1.01)}
.story-aperture:hover video{transform:scale(1.04)}
@keyframes cinema-enter{from{opacity:0;transform:rotate(0deg) translateY(35px) scale(.97)}to{opacity:1;transform:rotate(-4deg) translateY(0) scale(1)}}
@media(max-width:1050px){.story-aperture{top:20%;bottom:17%;left:40%}.story-aperture .film-control{bottom:38%;font-size:10px}}
@media(max-width:650px){.statement-stage{height:350px}.story-aperture{left:9%;right:-4%;top:25%;bottom:18%;transform:rotate(-4deg)}.story-aperture .film-control{left:10%;bottom:22%;font-size:9px;transform:rotate(4deg)}.aperture-note{top:8%;left:8%;font-size:7px}.orbit-seal{top:37%;left:-4%;width:76px;height:76px}.orbit-seal img{width:22px;height:29px}.stage-note{top:auto;bottom:auto;left:auto;right:0;top:7%;font-size:9px;max-width:95px;text-align:right}.hero-v2 .headline-last{font-size:.7em}}
@media(max-width:370px){.statement-stage{height:305px}.orbit-seal{width:67px;height:67px}}
@media(prefers-reduced-motion:reduce){.story-aperture{animation:none}}
.aperture-note{left:auto;right:5%;top:8%}
@media(max-width:650px){.aperture-note{left:auto;right:6%;top:8%}}
/* The introduction uses the original symbol, then hands it to the actual header. */
.replay-intro{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}
.story-intro{position:fixed;inset:0;background:#f7f5ef;z-index:1000;pointer-events:auto;transition:opacity .55s cubic-bezier(.2,.7,.2,1)}
.story-intro.leaving{opacity:0;pointer-events:none}
.intro-symbol{position:fixed;left:0;top:0;width:110px;height:145px;z-index:1001;will-change:transform;pointer-events:none;transform-origin:0 0;isolation:isolate}
.intro-symbol img{width:100%;height:100%;object-fit:fill;filter:brightness(0);display:block}
.intro-symbol::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#315bff 43%,#a8bcff 50%,transparent 66%);background-size:300% 100%;mask:url('symbol-white.svg') center/100% 100% no-repeat;-webkit-mask:url('symbol-white.svg') center/100% 100% no-repeat;animation:logo-light .7s .15s cubic-bezier(.3,.6,.3,1) both}
.intro-skip{position:absolute;right:4.5%;bottom:35px;padding:12px 3px;color:#626772;background:none;border:0;border-bottom:1px solid #626772;font-size:11px;letter-spacing:.025em}
body.intro-running{overflow:hidden}body.intro-running .brand img{visibility:hidden}body.intro-running main,body.intro-running .site-header .mini,body.intro-running .menu-toggle{opacity:0}
body.intro-revealing main,body.intro-revealing .site-header .mini,body.intro-revealing .menu-toggle{animation:page-arrive .8s cubic-bezier(.16,1,.3,1) both}
.hero-v2-meta>p:first-child{max-width:260px;line-height:1.5}
@keyframes logo-light{from{background-position:130% 0;opacity:0}20%{opacity:1}to{background-position:-40% 0;opacity:0}}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.hero-v2-meta>p:first-child{max-width:145px;font-size:8px}.hero-v2-bottom>p{font-size:14px;max-width:340px}.intro-symbol{width:82px;height:108px}.intro-skip{right:6%;bottom:28px}}
@media(prefers-reduced-motion:reduce){.story-intro,.intro-symbol{display:none}body.intro-running .brand img{visibility:visible}body.intro-running main,body.intro-running .site-header .mini,body.intro-running .menu-toggle{opacity:1}}
@media(min-width:1051px) and (max-width:1799px){.statement-stage{height:clamp(480px,40vw,710px)}}
.hero-v2-bottom>p{font-size:18px;line-height:1.45}
@media(min-width:1051px) and (max-width:1799px){.statement-stage{height:clamp(480px,39vw,710px)}}
@media(max-width:1050px){.hero-v2-bottom>p{font-size:15px}}
@media(max-width:650px){.hero-v2-bottom>p{font-size:16px;line-height:1.45}}
/* Standard footer signature. */
.footer-logo{width:180px;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:left}
@media(max-width:650px){.footer-logo{width:155px;height:auto;min-height:0;max-height:none}}
/* Live hero composition in the current warm-white / cobalt palette. */
.live-hero-shell{background:#f7f5ef;color:#171b24;--blue:#315bff;--ink:#171b24;--paper:#f7f5ef}
.live-hero-shell .experience-stage{background:#f7f5ef}
.live-hero-shell .hero-copy h1 .hero-first{color:#171b24}
.live-hero-shell .hero-copy h1 .blue-word{color:#315bff}
.live-hero-shell .hero-copy>.eyebrow,.live-hero-shell .hero-copy>p:not(.eyebrow),.live-hero-shell .hero-actions .line-link{color:#5e646e}
.live-hero-shell .chapter-label,.live-hero-shell .chapter>p:last-child{color:#626772}
.live-hero-shell .chapter h2{color:#171b24}
.live-hero-shell .scene-hint,.live-hero-shell .motion-toggle{color:#5e646e}
.live-hero-shell .motion-toggle{border-color:#171b2455;background:#f7f5efb0}
.live-hero-shell .scene-selector button{background:#171b2408;border-color:#171b242a;color:#171b24}
.live-hero-shell .scene-selector button[aria-pressed=true]{background:#315bff12;border-color:#315bff80;color:#171b24}
.live-hero-shell .scene-selector small{color:#626772}
.live-hero-shell .scene-selector strong{color:#171b24}
.live-hero-shell .scene-selector button[aria-pressed=true] small{color:#315bff}
.live-hero-shell .experience-stage::before,.live-hero-shell .experience-stage::after{opacity:.12}
.live-hero-shell .service-pill{background:#f7f5efdd;color:#626772;border-color:#171b2420}
.restored-hero+.work-section{background:#171b24;color:#f7f5ef;border-radius:25px 25px 0 0}
.restored-hero+.work-section .section-heading h2 span{color:#a4aab6}
.restored-hero+.work-section .section-heading>p:last-child,.restored-hero+.work-section .project-caption>span,.restored-hero+.work-section .section-foot p{color:#a7aebc}
.restored-hero+.work-section .project-caption{border-color:#ffffff38}
#featured-film-dialog{width:min(1100px,95vw);padding:20px;background:#171b24;color:#f7f5ef;max-height:95vh;border:1px solid #ffffff35}
#featured-film-dialog .featured-film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px}
#featured-film-dialog .featured-film-toolbar small{font-size:9px;letter-spacing:.08em;color:#a7aebc}
#featured-film-dialog h2{font-size:24px;margin-top:6px}
#featured-film-dialog .close-featured-film{padding:12px 15px;background:#ffffff12;border:1px solid #ffffff35;border-radius:25px;color:white;font-size:12px}
#featured-film-dialog>video{max-height:75vh;width:100%}
#featured-film-dialog>p{font-size:10px;color:#a7aebc;padding-top:14px}
.live-hero-shell .service-world{color:#f7f5ef}
.live-hero-shell .reel-card{color:#f7f5ef;background:#202632f5}
@media(min-width:1101px){.live-hero-shell .experience{height:calc(100svh - 88px)}.live-hero-shell .experience-stage{height:calc(100svh - 88px)}}

html{scroll-behavior:auto}
.live-hero-shell .experience,.live-hero-shell .experience-stage{position:relative;top:auto}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){.live-hero-shell .experience{height:calc(100svh - 88px);min-height:830px}.live-hero-shell .experience-stage{height:100%;min-height:830px}}
/* Brand marks: a quiet, expandable strip between the hero and selected work. */
.brand-experience{padding:38px 6% 42px;background:#f7f5ef;color:#171b24;border-top:1px solid #171b2422;border-bottom:1px solid #171b2422}
.brand-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.brand-section-heading h2{font-size:13px;font-weight:500;letter-spacing:.01em;line-height:1.5}
.brand-section-heading p{font-size:11px;color:#70747b}
.brand-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:25px;margin-top:25px}
.brand-signature{display:flex;align-items:center;justify-content:center;min-height:108px;padding:15px 30px;border-radius:2px;transition:background .3s}
.brand-signature+.brand-signature{border-left:1px solid #171b2422}
.brand-signature:hover{background:#315bff08}
.brand-signature img{object-fit:contain;max-width:240px;width:auto;height:70px;max-height:70px}
.brand-name-fallback{font-size:28px;line-height:1.2;letter-spacing:-.04em;text-align:center;font-weight:500}
@media(min-width:1051px){.brand-logo-grid{max-width:850px;margin-left:auto;margin-right:auto}}
@media(max-width:650px){.brand-experience{padding:27px 6% 30px}.brand-section-heading{display:block}.brand-section-heading p{font-size:10px;margin-top:5px}.brand-logo-grid{gap:10px;margin-top:17px}.brand-signature{min-height:85px;padding:15px 12px}.brand-name-fallback{font-size:20px}.brand-signature img{max-width:100%;height:48px;max-height:48px}}
/* Actual brand artwork, retained in its original colours. */
.brand-experience{background:#171b24;color:#f7f5ef;border-top-color:#ffffff26;border-bottom-color:#ffffff26}
.brand-section-heading p{color:#a9b0bd}
.brand-signature+.brand-signature{border-left-color:#ffffff26}
.brand-signature:hover{background:#ffffff07}
.brand-signature img{height:76px;max-height:76px;width:auto;max-width:300px}
.brand-signature:first-child img{width:300px;max-width:100%;height:76px;object-fit:contain}
.brand-signature-dark{background:transparent}
@media(max-width:650px){.brand-signature img{height:65px;max-height:65px;max-width:100%}.brand-signature:first-child img{width:100%;height:65px;max-height:65px}.brand-signature{min-height:100px;padding:10px 4px}}