@font-face{font-family:Vastago;src:url('/assets/fonts/VastagoGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vastago;src:url('/assets/fonts/VastagoGrotesk-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Vastago;src:url('/assets/fonts/VastagoGrotesk-Heavy.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Bressay;src:url('/assets/fonts/Bressay_Trial_BdIt.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
:root{--cream:#FFFDED;--dark:#171514;--deep:#0F0E0D;--warm:#34231C;--ink-soft:rgba(23,21,20,.72);--cream-soft:rgba(255,253,237,.78);--rule:rgba(23,21,20,.2);--dark-rule:rgba(255,253,237,.2);--ease:cubic-bezier(.2,.7,.15,1);--gutter:clamp(24px,5.3vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--dark);color:var(--cream);font:400 16px/1.65 Vastago,Arial,sans-serif;letter-spacing:-.015em;overflow-x:clip}body::after{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:#a79a86;color:var(--deep)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.05;font-weight:800;letter-spacing:-.01em}em{font-family:Bressay,Georgia,serif;font-style:italic;font-weight:700;text-transform:none;line-height:1.05}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}.wrap{width:min(1360px,calc(100% - var(--gutter)*2));margin-inline:auto}.light-section{background:var(--cream);color:var(--dark)}.dark-section{background:radial-gradient(circle at 70% 20%,var(--warm),var(--dark) 52%,var(--deep));color:var(--cream)}.eyebrow{font-size:12px;font-weight:500;line-height:1.6;letter-spacing:-.01em}.arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-90px;left:20px;background:var(--cream);color:var(--dark);padding:12px 22px;z-index:120}.skip-link:focus{top:16px}.reading-progress{position:fixed;left:0;top:0;z-index:100;height:2px;background:var(--cream);width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;mix-blend-mode:difference;pointer-events:none}
/* A portrait-led opening, with the actual brand signature. */
.site-header{position:absolute;inset:0 0 auto;z-index:50;transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.is-scrolled{position:fixed;background:rgba(23,21,20,.93);backdrop-filter:blur(18px);border-bottom-color:var(--dark-rule);animation:headerIn .35s var(--ease)}.nav-inner{height:108px;display:flex;align-items:center;gap:40px}.brand{display:block;width:238px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:36px;margin-left:auto}.desktop-nav a,.header-contact{font-size:14px;position:relative}.desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}.header-contact{margin-left:36px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--dark-rule);padding:10px 0}.header-contact .arrow{width:18px;height:18px;transition:transform .3s}.header-contact:hover .arrow{transform:translate(3px,-3px)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none!important}.hero{height:100svh;min-height:790px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 70% 20%,#34231C,#171514 52%,#0F0E0D)}.hero-image{position:absolute;left:39%;right:-5%;top:-4%;bottom:-7%;z-index:-3;transform:translate3d(0,var(--portrait-y,0px),0);will-change:transform;mask-image:linear-gradient(90deg,transparent 0%,#000 23%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.65) brightness(.85);animation:portraitIn 1.6s var(--ease) both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171514 0%,rgba(23,21,20,.94) 20%,rgba(23,21,20,.6) 42%,rgba(23,21,20,.05) 66%,rgba(23,21,20,.12)),linear-gradient(0deg,#171514,transparent 31%),linear-gradient(180deg,rgba(23,21,20,.5),transparent 25%)}.hero-content{position:absolute;top:clamp(160px,20vh,215px);left:var(--gutter);max-width:710px;z-index:2}.hero-kicker{font-size:14px;color:var(--cream-soft);margin-bottom:32px}.hero h1{font-size:clamp(108px,11.4vw,172px);line-height:.83;letter-spacing:-.01em;margin-left:-7px;margin-bottom:34px}.title-line{display:block;overflow:hidden;padding:0 0 .09em}.title-line>span{display:block;animation:titleEnter 1.1s var(--ease) both}.title-line:nth-child(2)>span{animation-delay:130ms}.title-dot{color:#b8aa95}.hero-message h2{font-size:clamp(22px,2vw,29px);line-height:1.22;font-weight:500;margin-bottom:15px}.hero-message p{font-size:16px;line-height:1.65;color:var(--cream-soft)}.button{display:inline-flex;align-items:center;gap:34px;padding:7px 7px 7px 25px;border-radius:60px;font-size:15px;font-weight:500;line-height:1.3;transition:background .25s,color .25s,box-shadow .25s;will-change:transform}.cream-button{color:var(--dark);background:var(--cream);margin-top:29px}.button-arrow{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(23,21,20,.25);border-radius:50%;transition:transform .35s,background .35s,color .35s}.button-arrow .arrow{width:20px;height:20px}.button:hover .button-arrow{background:var(--dark);color:var(--cream);transform:rotate(45deg)}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;color:var(--cream-soft);border-top:1px solid var(--dark-rule);padding-top:21px}.hero-bottom>a{display:flex;align-items:center;gap:15px;color:var(--cream)}.down-circle{width:36px;height:36px;border:1px solid var(--dark-rule);border-radius:50%;display:grid;place-items:center;font-size:22px;transition:transform .35s}.hero-bottom a:hover .down-circle{transform:translateY(4px)}.hero-caption{font-size:12px;line-height:1.4;text-align:right}.hero-bottom>p{margin-left:auto}.enter{animation:fadeUp 1s var(--ease) both}.hero-kicker{animation-delay:80ms}.hero-message{animation-delay:300ms}.hero-content>.button{animation-delay:450ms}.hero-bottom.enter{animation-delay:650ms}
/* Brand typography, with the serif reserved for light sections. */
.intro{padding:130px 0 145px}.intro-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:55px}.intro-grid>.eyebrow{padding-top:10px}.statement{font-size:clamp(45px,5.45vw,82px);line-height:.98}.statement em{display:inline-block;margin-top:10px}.intro-bottom{display:flex;gap:27px;align-items:flex-start;max-width:530px;margin-top:39px}.intro-line{height:1px;width:80px;flex-shrink:0;background:var(--dark);margin-top:14px}.intro-bottom p{font-size:17px;line-height:1.65;color:var(--ink-soft)}.portfolio{padding:0 0 118px}.section-heading{position:relative;border-top:1px solid var(--rule);padding-top:28px;display:grid;grid-template-columns:1fr 2.15fr;gap:55px;margin-bottom:55px}.section-heading h2{font-size:clamp(38px,4.1vw,63px);line-height:1.08}.section-heading .heading-aside{position:absolute;right:0;top:31px;text-align:right;font-size:12px;line-height:1.5;display:none}.feature-work{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--dark);color:var(--cream);min-height:650px;overflow:hidden}.feature-media,.film-media{display:block;position:relative;overflow:hidden;padding:0;background:var(--dark);width:100%;text-align:left}.feature-media{height:100%;min-height:650px}.feature-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 45%;transition:transform 1s var(--ease),filter .7s}.media-trigger::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(15,14,13,.4),transparent 40%);transition:background .4s}.media-trigger:hover>img{transform:scale(1.045);filter:saturate(.8)}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:90px;height:90px;display:grid;place-items:center;border:1px solid rgba(255,253,237,.8);border-radius:50%;background:rgba(23,21,20,.22);backdrop-filter:blur(8px);transition:width .5s var(--ease),height .5s var(--ease),background .35s}.media-play svg{width:30px;height:30px;fill:var(--cream)}.media-trigger:hover .media-play{width:105px;height:105px;background:rgba(23,21,20,.55)}.media-duration{position:absolute;bottom:24px;right:26px;font-size:13px;color:var(--cream);z-index:2}.feature-copy{padding:65px 58px;display:flex;flex-direction:column;justify-content:center}.feature-copy .eyebrow{color:var(--cream-soft);margin-bottom:32px}.feature-copy h3{font-size:clamp(55px,5.5vw,84px);line-height:.96}.feature-client{font-size:18px;margin-top:20px}.feature-description{font-size:16px;color:var(--cream-soft);line-height:1.7;margin-top:25px;max-width:390px}.work-roles{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0 37px;font-size:12px;color:var(--cream-soft)}.work-roles span+span::before{content:'·';margin-right:20px}.underlined-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:none;border-bottom:1px solid currentColor;padding:0 0 11px;font-size:16px;font-weight:500;line-height:1.2;align-self:flex-start}.underlined-link>span{font-size:25px;transition:transform .3s}.underlined-link:hover>span{transform:translate(5px,-3px)}.source-link{font-size:12px;color:var(--cream-soft);display:inline-block;margin-top:20px;align-self:flex-start}.source-link:hover{text-decoration:underline}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:65px}.film-media{aspect-ratio:1.2}.film-media>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;transition:transform 1s var(--ease),filter .7s}.film-grid .media-play{width:72px;height:72px}.film-grid .media-trigger:hover .media-play{width:86px;height:86px}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.work-caption p,.visual-caption>p{font-size:12px;color:var(--ink-soft);margin-bottom:10px;line-height:1.5}.work-caption h3{font-size:29px;font-weight:500;line-height:1.2}.round-link{height:47px;width:47px;flex-shrink:0;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .35s,color .35s,transform .35s}.round-link:hover{color:var(--cream);background:var(--dark);transform:rotate(45deg)}.visual-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:110px 0 42px;border-top:1px solid var(--rule);padding-top:38px}.visual-heading h3{font-size:39px;line-height:1.12}.visual-heading p{font-size:16px;line-height:1.6;color:var(--ink-soft)}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.visual-work:nth-child(2){padding-top:75px}.visual-work:nth-child(3){padding-top:150px}.visual-media{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:#e8e6d8}.visual-media>img{width:100%;height:100%;object-fit:contain;transition:transform .8s var(--ease)}.visual-media:hover>img{transform:scale(1.025)}.visual-open{position:absolute;left:50%;bottom:20px;white-space:nowrap;background:var(--cream);color:var(--dark);border-radius:25px;font-size:13px;padding:11px 19px;transform:translate(-50%,20px);opacity:0;transition:transform .4s var(--ease),opacity .4s}.visual-media:hover .visual-open,.visual-media:focus-visible .visual-open{transform:translate(-50%,0);opacity:1}.visual-caption{padding-top:20px}.visual-caption h4{font-weight:500;font-size:22px;line-height:1.2;margin-bottom:9px}.visual-caption>span{font-size:14px;color:var(--ink-soft)}.portfolio-note{display:flex;justify-content:space-between;gap:35px;border-top:1px solid var(--rule);margin-top:75px;padding-top:25px;font-size:13px;color:var(--ink-soft)}.portfolio-note p{max-width:570px}.portfolio-note a{color:var(--dark);white-space:nowrap}.archive{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:40px}.archive summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;list-style:none;font-size:19px;font-weight:500}.archive summary::-webkit-details-marker{display:none}.archive-count{display:flex;gap:45px;font-size:13px;align-items:center;font-weight:400}.archive-count>span{font-size:30px;line-height:1;transition:transform .35s}.archive[open] .archive-count>span{transform:rotate(45deg)}.archive-intro{font-size:15px;color:var(--ink-soft);margin-bottom:24px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;padding:0 16px 24px 0;max-height:410px;overflow:auto}.archive-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:13px}.archive-link:hover{text-decoration:underline}.archive-link>span{min-width:0;overflow-wrap:anywhere}.archive-link b{font-weight:500}.archive-link small{display:block;font-size:12px;color:var(--ink-soft)}
/* A continuous service narrative, with expanding details. */
.services{padding:135px 0}.services-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:115px;align-items:start}.services-heading{position:sticky;top:155px}.services-heading h2{font-size:clamp(48px,4.8vw,73px);line-height:.99;margin:28px 0}.service-intro{font-size:19px;line-height:1.55;color:var(--cream-soft);margin-bottom:40px}.services-heading>.eyebrow{color:var(--cream-soft)}.service-item{border-top:1px solid var(--dark-rule)}.service-item:last-child{border-bottom:1px solid var(--dark-rule)}.service-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:35px;font-size:33px;line-height:1.1;padding:30px 0;cursor:pointer;font-weight:500}.service-item summary::-webkit-details-marker{display:none}.expand-symbol{font-size:33px;font-weight:400;transition:transform .35s var(--ease)}.service-item[open] .expand-symbol{transform:rotate(45deg)}.service-content{padding:0 50px 30px 0;animation:detailIn .4s var(--ease)}.service-content p{font-size:17px;line-height:1.75;color:var(--cream-soft)}.service-content>span{display:block;margin-top:24px;font-size:12px;color:rgba(255,253,237,.57)}.moving-band{border-top:1px solid var(--dark-rule);border-bottom:1px solid var(--dark-rule);overflow:hidden;background:var(--dark);padding:28px 0}.band-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.band-track>span{white-space:nowrap;font-size:clamp(31px,4.2vw,66px);line-height:1;font-weight:800;color:var(--cream);display:flex;align-items:center;gap:40px;padding-right:40px}.band-track i{font-size:.75em;font-style:normal;color:#aa9c86;font-weight:400}.moving-band:hover .band-track{animation-play-state:paused}.about{padding:140px 0 95px}.about-grid{display:grid;grid-template-columns:.92fr 1fr;gap:105px;align-items:center}.about-image{position:relative;overflow:hidden;aspect-ratio:.78;background:var(--dark)}.about-image>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.66)}.about-image::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(23,21,20,.85))}.photo-credit{position:absolute;bottom:26px;left:29px;z-index:1;color:var(--cream);font-size:14px;font-weight:500}.photo-credit span{display:block;font-size:12px;font-weight:400;margin-top:3px}.about-copy>.eyebrow{margin-bottom:28px}.about-copy h2{font-size:clamp(43px,4.45vw,69px);line-height:1.03;margin-bottom:32px}.about-copy h2 em{display:inline-block;margin-top:6px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--ink-soft);margin-bottom:22px}.about-copy>.large-copy{font-size:23px!important;line-height:1.4!important;color:var(--dark)!important}.about-copy .underlined-link{margin-top:10px}.method{padding:35px 0 140px}.method-heading{border-top:1px solid var(--rule);padding-top:32px;display:grid;grid-template-columns:1fr 2.15fr;gap:55px;margin-bottom:62px}.method-heading h2{font-size:clamp(38px,4vw,62px);line-height:1.1}.method-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.method-grid li{border-top:1px solid var(--rule);padding-top:22px}.method-grid li>span{font-size:12px;font-weight:500}.method-grid h3{font-size:22px;font-weight:500;line-height:1.2;margin:40px 0 16px}.method-grid p{font-size:16px;line-height:1.6;color:var(--ink-soft)}.contact{padding:95px 0 55px}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-top>p:last-child{font-size:16px;line-height:1.45;text-align:right;color:var(--cream-soft)}.contact-title{display:flex;align-items:center;justify-content:space-between;gap:60px;margin:70px 0 60px}.contact-title h2{font-size:clamp(62px,9.6vw,148px);line-height:.9}.contact-title h2>span{color:#aa9c86}.contact-orb{display:grid;place-items:center;background:var(--cream);color:var(--dark);width:156px;height:156px;border-radius:50%;flex-shrink:0;will-change:transform}.contact-orb>.arrow{width:70px;height:70px;stroke-width:.8;transition:transform .5s var(--ease)}.contact-title:hover .arrow{transform:rotate(45deg)}.contact-bottom{display:flex;gap:45px;align-items:center;border-top:1px solid var(--dark-rule);padding-top:25px;font-size:15px}.contact-bottom>a:first-child{font-size:19px}.contact-bottom>span{font-size:13px;margin-left:auto;color:var(--cream-soft)}.site-footer{background:var(--deep);padding:35px 0 25px}.footer-top{display:flex;align-items:center;gap:45px}.footer-top .brand{width:225px;margin-right:auto}.footer-top>a:not(.brand){font-size:14px}.footer-top .back-top{font-size:29px!important}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--dark-rule);margin-top:30px;padding-top:20px;font-size:12px;color:var(--cream-soft)}
/* Video playback stays on demand. */
.video-dialog{background:var(--dark);color:var(--cream);border:1px solid var(--dark-rule);padding:19px;max-width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);width:max-content;overflow:auto}.video-dialog::backdrop{background:rgba(15,14,13,.88);backdrop-filter:blur(12px)}.video-dialog[open]{animation:dialogIn .3s var(--ease)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:280px;margin-bottom:15px}.dialog-heading h2{font-size:17px;font-weight:500;line-height:1.3}.close-dialog{width:40px;height:40px;flex-shrink:0;background:none;border:1px solid var(--dark-rule);border-radius:50%;font-size:27px;line-height:1}.close-dialog:hover{background:var(--cream);color:var(--dark)}.video-dialog video{display:block;max-height:calc(100dvh - 180px);width:auto;max-width:100%;aspect-ratio:9/16;min-width:240px;background:#000;margin:auto}.video-source{display:block;font-size:13px;text-align:center;margin-top:16px;text-decoration:underline;text-underline-offset:5px}.video-error{font-size:14px;max-width:340px;margin-top:15px}
/* Three motion systems: entrance, scroll depth, and contextual feedback. */
.motion-ready .reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity .85s var(--ease) var(--reveal-delay,0ms),transform .85s var(--ease) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@keyframes titleEnter{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes portraitIn{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes headerIn{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes detailIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.hero-content{left:max(var(--gutter),calc((100vw - 1440px)/2))}.hero-image{left:42%}.hero h1{font-size:180px}.hero-content{top:210px}.hero-message{margin-top:8px}}
@media(max-width:1200px){.nav-inner{gap:25px}.brand{width:208px}.desktop-nav{gap:24px}.header-contact{margin-left:10px;gap:20px}.hero{min-height:810px}.hero h1{font-size:clamp(100px,12vw,150px)}.hero-content{top:175px}.hero-image{left:33%;right:-13%}.hero-shade{background:linear-gradient(90deg,#171514 0%,rgba(23,21,20,.94) 18%,rgba(23,21,20,.55) 44%,rgba(23,21,20,.05) 73%),linear-gradient(0deg,#171514,transparent 35%)}.hero-bottom>p{font-size:12px}.hero-caption{display:none}.intro-grid,.section-heading,.method-heading{grid-template-columns:.85fr 2.15fr;gap:35px}.feature-copy{padding:42px 37px}.feature-media,.feature-work{min-height:595px}.feature-copy h3{font-size:61px}.feature-description{font-size:16px}.services-layout{gap:70px}.service-item summary{font-size:29px}.about-grid{gap:65px}.contact-title{gap:30px}.contact-orb{width:128px;height:128px}.contact-orb>.arrow{width:58px;height:58px}.method-grid{gap:23px}}
@media(max-width:900px){.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;gap:7px;background:none;padding:14px 0 14px 12px;color:var(--cream)}.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:var(--dark);padding:30px var(--gutter) 40px;gap:22px;border-top:1px solid var(--dark-rule);font-size:25px;line-height:1.3;animation:detailIn .3s}.site-header:has(.mobile-nav:not([hidden])){background:var(--dark)}.hero-image{left:20%;right:-29%}.hero-content{max-width:570px}.hero h1{font-size:125px}.hero-shade{background:linear-gradient(90deg,#171514 0%,rgba(23,21,20,.9) 15%,rgba(23,21,20,.4) 55%,rgba(23,21,20,.08)),linear-gradient(0deg,#171514,transparent 65%)}.hero-message h2{font-size:24px}.hero-bottom>p{max-width:210px;text-align:right}.intro-grid{grid-template-columns:1fr;gap:36px}.intro{padding:85px 0 95px}.statement{font-size:67px}.intro-bottom{margin-left:auto}.section-heading,.method-heading{grid-template-columns:1fr;gap:28px}.section-heading h2,.method-heading h2{font-size:49px}.feature-work{grid-template-columns:1fr 1fr;min-height:560px}.feature-media{min-height:560px}.feature-copy{padding:32px 28px}.feature-copy h3{font-size:51px}.feature-copy .eyebrow{font-size:12px;margin-bottom:22px}.feature-description{font-size:15px;line-height:1.6;margin-top:20px}.work-roles{gap:12px;margin:23px 0 27px}.work-roles span+span::before{margin-right:12px}.feature-client{font-size:16px}.source-link{font-size:12px}.film-grid{gap:25px;margin-top:45px}.film-media{aspect-ratio:1}.work-caption h3{font-size:24px}.work-caption p{font-size:12px}.round-link{width:39px;height:39px}.visual-heading{margin-top:75px;gap:35px}.visual-heading h3{font-size:33px}.visual-heading p{max-width:255px;font-size:15px}.visual-grid{gap:20px}.visual-caption h4{font-size:20px}.visual-work:nth-child(2){padding-top:50px}.visual-work:nth-child(3){padding-top:100px}.services{padding:85px 0}.services-layout{grid-template-columns:1fr;gap:45px}.services-heading{position:static}.services-heading h2{font-size:60px}.services-heading .underlined-link{margin-top:0}.service-item summary{font-size:31px}.service-content{max-width:600px}.about{padding:90px 0 80px}.about-grid{gap:40px;grid-template-columns:.85fr 1fr}.about-copy h2{font-size:42px}.about-copy>.large-copy{font-size:20px!important}.about-copy>p:not(.eyebrow){font-size:16px}.about-image{aspect-ratio:.64}.method{padding-bottom:90px}.method-grid{grid-template-columns:1fr 1fr;gap:40px}.method-grid h3{margin-top:25px}.contact{padding-top:65px}.contact-orb{height:100px;width:100px}.contact-orb .arrow{width:45px;height:45px}.contact-title h2{font-size:10.2vw}.contact-title{margin:55px 0}.contact-bottom{gap:25px;flex-wrap:wrap}.contact-bottom>span{display:none}.contact-bottom>a:first-child{font-size:17px}}
@media(max-width:600px){:root{--gutter:23px}html{scroll-padding-top:90px}.nav-inner{height:86px;gap:20px}.brand{width:193px}.header-contact{display:none}.menu-toggle{margin-left:auto}.hero{height:100svh;min-height:730px;max-height:950px}.hero-content{top:148px;right:var(--gutter);max-width:initial}.hero-image{left:17%;right:-46%;top:1%;bottom:0;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 21%)}.hero-image img{object-position:53% 19%;filter:saturate(.5) brightness(.82)}.hero-shade{background:linear-gradient(90deg,#171514 0%,rgba(23,21,20,.82) 27%,rgba(23,21,20,.22) 76%,rgba(23,21,20,.12)),linear-gradient(0deg,#171514,rgba(23,21,20,.68) 20%,transparent 60%),linear-gradient(180deg,rgba(23,21,20,.4),transparent 25%)}.hero-kicker{font-size:12px;margin-bottom:29px}.hero h1{font-size:clamp(79px,20.8vw,118px);line-height:.86;margin-left:-3px;margin-bottom:29px}.hero-message h2{font-size:23px;line-height:1.18;margin-bottom:16px}.hero-message p{font-size:15px;line-height:1.6;max-width:295px}.hero-message p br{display:none}.cream-button{margin-top:26px}.button{font-size:14px;gap:18px;padding-left:21px}.button-arrow{width:42px;height:42px}.hero-bottom{bottom:22px;padding-top:18px;font-size:12px}.hero-bottom>p{display:none}.hero-bottom>a{gap:13px}.down-circle{height:32px;width:32px;font-size:19px}.intro{padding:74px 0 83px}.intro-grid{gap:29px}.intro-grid>.eyebrow{font-size:12px}.intro-grid>.eyebrow br{display:none}.statement{font-size:clamp(36px,9.7vw,58px);line-height:1.01}.intro-bottom{gap:18px;margin-top:30px}.intro-line{width:35px}.intro-bottom p{font-size:16px}.section-heading{gap:24px;margin-bottom:32px;padding-top:24px}.section-heading h2{font-size:clamp(33px,8.8vw,50px);line-height:1.1}.portfolio{padding-bottom:73px}.feature-work{grid-template-columns:1fr}.feature-media{height:460px;min-height:0;aspect-ratio:auto}.feature-media img{object-position:50% 37%}.feature-copy{padding:36px 27px 40px}.feature-copy h3{font-size:63px}.feature-copy .eyebrow{margin-bottom:24px}.feature-description{font-size:16px;max-width:100%}.feature-client{font-size:18px}.work-roles{margin:24px 0 29px}.media-play{width:78px;height:78px}.media-trigger:hover .media-play{width:90px;height:90px}.media-duration{bottom:20px;right:22px}.film-grid{grid-template-columns:1fr;gap:40px;margin-top:42px}.film-media{aspect-ratio:1.05}.work-caption{margin-top:19px;gap:15px}.work-caption h3{font-size:26px}.work-caption p{font-size:12px;line-height:1.5}.round-link{width:42px;height:42px}.visual-heading{display:block;margin-top:65px;padding-top:29px;margin-bottom:30px}.visual-heading h3{font-size:36px}.visual-heading p{font-size:16px;margin-top:23px;max-width:100%}.visual-heading p br{display:none}.visual-grid{grid-template-columns:1fr;gap:38px}.visual-work:nth-child(2),.visual-work:nth-child(3){padding-top:0}.visual-media{aspect-ratio:4/5}.visual-open{opacity:1;transform:translate(-50%,0);font-size:12px;padding:8px 15px;bottom:16px}.visual-caption{padding-top:17px}.visual-caption h4{font-size:25px}.visual-caption>span{font-size:15px}.portfolio-note{display:block;margin-top:40px;padding-top:22px;font-size:13px}.portfolio-note a{display:inline-block;margin-top:17px}.archive{margin-top:29px}.archive summary{font-size:16px;gap:15px;padding:22px 0;align-items:flex-start}.archive summary>span:first-child{max-width:175px}.archive-count{font-size:12px;gap:17px;white-space:nowrap;align-items:center}.archive-count>span{font-size:26px}.archive-grid{grid-template-columns:1fr;padding-right:12px}.archive-intro{font-size:14px}.services{padding:74px 0}.services-layout{gap:48px}.services-heading h2{font-size:48px;margin:27px 0 24px}.service-intro{font-size:18px;margin-bottom:31px}.service-item summary{font-size:29px;padding:26px 0}.service-content{padding-right:15px;padding-bottom:29px}.service-content p{font-size:16px}.service-content>span{font-size:12px}.moving-band{padding:23px 0}.band-track>span{font-size:34px;gap:27px;padding-right:27px}.about{padding:76px 0 70px}.about-grid{grid-template-columns:1fr;gap:44px}.about-image{aspect-ratio:.82}.about-copy h2{font-size:49px;margin-bottom:28px}.about-copy>.large-copy{font-size:22px!important}.about-copy>p:not(.eyebrow){font-size:16px}.about-copy>.eyebrow{margin-bottom:25px}.method{padding:0 0 77px}.method-heading{gap:25px;margin-bottom:38px;padding-top:25px}.method-heading h2{font-size:38px;line-height:1.13}.method-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.method-grid h3{font-size:21px;margin:22px 0 14px;line-height:1.15}.method-grid p{font-size:15px;line-height:1.6}.method-grid li>span{font-size:12px}.contact{padding:65px 0 34px}.contact-top{display:block}.contact-top>p:last-child{text-align:left;margin-top:19px;font-size:16px}.contact-title{position:relative;display:block;margin:45px 0 36px;padding-bottom:94px}.contact-title h2{font-size:clamp(41px,12.2vw,69px);line-height:.98;word-break:normal}.contact-orb{position:absolute;bottom:0;right:0;height:74px;width:74px}.contact-orb .arrow{width:32px;height:32px;stroke-width:1.3}.contact-bottom{display:block;padding-top:25px;font-size:17px}.contact-bottom>a{display:block;margin-bottom:10px}.contact-bottom>a:first-child{font-size:17px}.contact-bottom>span{display:block;margin-top:17px;font-size:13px}.site-footer{padding-top:29px}.footer-top{gap:24px;flex-wrap:wrap}.footer-top .brand{width:193px}.footer-top>a:not(.brand){font-size:13px}.footer-top .back-top{margin-left:auto}.footer-bottom{font-size:12px;gap:15px;margin-top:24px;line-height:1.5}.video-dialog{padding:14px}.dialog-heading h2{font-size:15px}.video-source{font-size:12px}.motion-ready .reveal{transform:translate3d(0,22px,0)}}
@media(max-width:370px){:root{--gutter:20px}.hero-content{top:139px}.hero{min-height:720px}.hero h1{font-size:77px}.hero-message h2{font-size:21px}.hero-kicker{font-size:12px}.brand{width:181px}.button{font-size:13px;gap:13px}.statement{font-size:35px}.feature-media{height:405px}.feature-copy{padding:32px 23px}.feature-copy h3{font-size:55px}.services-heading h2{font-size:43px}.about-copy h2{font-size:45px}.method-heading h2{font-size:35px}.method-grid{grid-template-columns:1fr;gap:30px}.method-grid h3{margin-top:20px}.method-grid p{font-size:16px}.archive-count{gap:10px}.archive summary>span:first-child{max-width:150px}.footer-top .brand{width:175px}}
@media(max-height:760px) and (min-width:901px){.hero{min-height:730px}.hero-content{top:142px}.hero-kicker{margin-bottom:23px}.hero h1{font-size:115px;margin-bottom:24px}.hero-message h2{font-size:24px}.hero-message p{font-size:15px}.cream-button{margin-top:21px}.hero-bottom{bottom:23px}.nav-inner{height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image{transform:none!important;will-change:auto}.motion-ready .reveal{opacity:1;transform:none}.magnetic{transform:none!important}.band-track{transform:none}.title-line>span{transform:none}}
.magnetic{transition:translate .22s var(--ease)}.button.enter{animation-fill-mode:backwards}
@media(max-height:850px) and (min-width:901px){.hero{min-height:780px}.hero-content{top:145px}.hero h1{font-size:clamp(108px,10vw,128px);margin-bottom:25px}.hero-kicker{margin-bottom:25px}.hero-message h2{font-size:24px}.hero-message p{font-size:16px}.cream-button{margin-top:24px}}