:root{--paper:#f3f0e8;--ink:#263b28;--sage:#6c7c5a;--line:#263b2838;--pink:#e9cbd0}body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.7}.wrap{width:92%;max-width:1900px;margin-inline:auto}.micro{font:10px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.site-header{height:88px;width:92%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark strong{font-size:50px}.wordmark span{font:8px/1.45 Arial;letter-spacing:.13em}.site-header nav{display:flex;gap:36px;font:12px Arial}.site-header sup{font-size:8px;margin-left:3px}.header-contact{font:12px Arial;border-bottom:1px solid;padding-bottom:8px}.header-contact span{margin-left:32px}.menu-toggle{display:none;background:none}.under-link{display:inline-flex;justify-content:space-between;gap:28px;border-bottom:1px solid;padding:0 0 7px;background:none;font:11px/1.5 Aaargh,Arial,sans-serif;cursor:pointer}.brand-opening{padding-block:25px 40px}.brand-topline{display:flex;justify-content:space-between}.brand-lockup{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:40px}.brand-opening h1{font-size:16.5vw;white-space:nowrap;line-height:.82;letter-spacing:-.02em;margin:0}.brand-opening h1>span{color:var(--sage)}.brand-intro{display:flex;flex-direction:column;align-items:start;gap:16px;max-width:300px;padding-bottom:4px}.brand-intro>p{font-size:12px;line-height:1.7}.brand-intro>p:nth-child(2){color:#5b6651}.brand-intro>.under-link{font-size:10px}.case-title{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:center;padding-block:36px}.case-number{font:52px/.9 Steelfish,Impact,sans-serif;color:var(--sage)}.case-title .micro{font-size:9px;margin-bottom:11px}.case-title h2{font-size:clamp(60px,5vw,90px);line-height:.9}.case-link{display:flex;align-items:center;gap:35px;font:11px Aaargh,Arial;background:none;border-bottom:1px solid;padding:0 0 8px;margin-left:25px}.case-link>span{font:23px Arial}.chateau-feature{background:#ece6de}.postcard-stage{position:relative;display:block;width:100%;height:610px;background:#ddbfc2;overflow:hidden;color:var(--ink)}.stage-caption{position:absolute;top:30px;left:4%;font-size:9px}.postcard{position:absolute;width:35%;max-width:650px;box-shadow:0 20px 30px #49343526;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.postcard-one{left:3%;top:150px;transform:rotate(-10deg)}.postcard-two{left:32%;top:95px;transform:rotate(5deg);z-index:2}.postcard-three{right:1.5%;top:220px;transform:rotate(-7deg);z-index:3}.postcard-stage:hover .postcard-one{transform:rotate(-7deg) translateY(-8px)}.postcard-stage:hover .postcard-two{transform:rotate(2deg) translateY(-8px)}.postcard-stage:hover .postcard-three{transform:rotate(-4deg) translateY(-8px)}.stage-footer{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between}.case-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:25px 32px}.case-foot p{font-size:11px;line-height:1.7}.case-foot>.micro{font-size:9px}.image-stories{padding-block:75px}.portfolio-pair{display:grid;grid-template-columns:1fr 1fr;gap:4%}.portfolio-image{position:relative;display:block;width:100%;aspect-ratio:4/4.6;background:#bec0b7;padding:0;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.portfolio-image:hover img{transform:scale(1.025)}.puma-image img{object-position:50% 27%}.etihad-image img{object-position:50% 20%}.image-index{position:absolute;left:24px;top:22px;background:var(--paper);color:var(--ink);padding:7px 10px;font-size:8px}.round-arrow{position:absolute;bottom:22px;right:22px;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:30px Arial}.portfolio-caption{display:flex;justify-content:space-between;align-items:start;padding-top:22px;gap:25px}.portfolio-caption :is(h2,h3){font-size:clamp(44px,4.5vw,80px);line-height:.95}.portfolio-caption p{font-size:11px;margin-top:12px}.portfolio-caption button{background:none;font:27px Arial;padding:0}.portfolio-credit{display:block;font-size:8px;color:#5b6651;margin-top:17px}.film-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.film-copy{padding:55px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.film-copy>.case-number{font-size:70px;color:#bbc5a5;margin-bottom:25px}.film-copy h2{font-size:clamp(90px,10.5vw,190px);margin:28px 0;line-height:.9}.film-copy p:not(.micro){font-size:12px;max-width:360px}.film-copy .under-link{margin-top:30px}.film-credit{margin-top:55px;font-size:9px;color:#c2c9b3}.film-window{position:relative;background:#141a13;aspect-ratio:1}.film-window video{width:100%;height:100%;object-fit:cover;display:block}.film-play{position:absolute;left:30px;bottom:65px;display:flex;align-items:center;gap:18px;color:var(--ink);background:var(--paper);padding:13px 22px}.film-play>span:first-child{font:20px Arial}.film-play .micro{font-size:8px;text-align:left;line-height:1.6}.motion-control{position:absolute;bottom:20px;left:30px;background:transparent;color:white;padding:3px 0;border-bottom:1px solid #fff8;font-size:9px;text-shadow:0 1px 6px #000}.academic-feature{padding-block:55px 65px}.academic-feature .case-title{padding-block:0 35px}.study-spread{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:stretch}.study-spread button{padding:6%;display:flex;flex-direction:column;justify-content:center;gap:22px;overflow:hidden;background:#e0e5d4;text-align:left}.study-spread img{width:100%;height:auto;aspect-ratio:1.4;object-fit:contain}.study-spread .micro{font-size:8px}.study-detail{background:#e5e1d8!important}.studio-section{background:#dfe4d5;padding-block:70px}.studio-title{font-size:clamp(110px,13vw,240px);margin-top:30px;line-height:.86}.studio-description{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:45px 55px}.studio-lead{font-size:23px;line-height:1.6}.studio-description>div{max-width:460px;font-size:12px}.studio-description>div p+p{margin-top:18px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line);padding-top:30px}.people-grid h3{font-size:clamp(54px,5.8vw,102px);margin-block:25px;line-height:.9}.people-grid article>p{font-size:12px;max-width:410px}.experience{list-style:none;padding:0;margin:28px 0 0}.experience li{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 Arial;border-top:1px solid var(--line);padding:12px 0}.experience li span:last-child{text-align:right;color:#4f5a47}.studio-recognition{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.studio-recognition h3{font-size:42px;line-height:1}.studio-recognition p{font:10px/1.7 Arial;margin-top:12px}.studio-recognition .under-link{font:10px Arial;gap:0}.capabilities{padding-block:70px 85px}.capabilities-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:28px 0 40px}.capabilities-heading h2{font-size:clamp(100px,12vw,210px)}.capabilities-heading>p{max-width:320px;font-size:12px;padding-bottom:5px}.capability-list details{border-top:1px solid var(--line)}.capability-list details:last-child{border-bottom:1px solid var(--line)}.capability-list summary{display:flex;align-items:center;gap:50px;cursor:pointer;padding:23px 0;list-style:none}.capability-list summary::-webkit-details-marker{display:none}.capability-list summary>h3{font:50px/1 Steelfish,sans-serif;flex:1}.detail-icon{font:30px Arial;transition:transform .25s}.capability-list details[open] .detail-icon{transform:rotate(45deg)}.capability-list details>p{font-size:12px;padding:0 55px 25px 65px;max-width:850px}footer{background:var(--ink);color:var(--paper);padding-top:60px;overflow:hidden}.footer-invitation{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:35px 55px}.footer-invitation h2{font-size:clamp(150px,22vw,390px);line-height:.85}.footer-invitation h2 span{color:#c5d0ae}.footer-arrow{font:140px Arial}.footer-bottom{font:10px/1.6 Arial}.footer-signature{font-size:23vw;white-space:nowrap;margin-top:70px;line-height:.8;letter-spacing:-.02em;color:#c1c9ad}#mobile-nav[hidden]{display:none}#mobile-nav{padding:25px 6% 35px;background:var(--ink);color:var(--paper);display:grid;gap:20px;font:36px Steelfish}#project-dialog{width:calc(100% - 60px);max-width:1320px;background:var(--paper);color:var(--ink);max-height:94vh;overscroll-behavior:contain}#project-dialog::backdrop{background:#0c180fe6}.project-dialog-bar{position:sticky;top:0;z-index:3;background:var(--paper);padding:20px 35px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.close-project{background:none;font:11px Arial;padding:10px}.project-content-head{padding:40px 5%}.project-content-head h2{font:85px/.95 Steelfish;margin:16px 0 23px}.project-content-head>p{font-size:12px;max-width:700px}.project-content-head .project-role{font:10px/1.6 Arial;margin-top:25px;border-top:1px solid var(--line);padding-top:15px;letter-spacing:.03em}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 5% 45px}.project-gallery figure.full{grid-column:1/-1}.project-gallery img{width:100%;height:100%;max-height:720px;object-fit:contain;background:#e7e4db}.project-gallery figure{margin:0;display:flex;flex-direction:column}.project-gallery figcaption{font:10px/1.6 Arial;padding-top:9px}.project-gallery video{width:100%;max-height:76vh;background:#111;display:block}.project-gallery .video-figure{grid-column:1/-1}.project-source{padding:0 5% 35px;font:10px Arial;text-decoration:underline}.project-source a{display:inline-block;padding:10px 0}body.project-open{overflow:hidden}
@media(min-width:1800px){.brand-opening h1{font-size:min(16.5vw,342px)}.postcard-stage{height:740px}}
@media(max-width:1200px) and (min-width:761px){.case-title{grid-template-columns:45px 1fr auto;gap:20px}.case-title h2{font-size:7vw}.case-link{gap:20px;font-size:10px}.postcard-stage{height:490px}.postcard-one{top:130px}.postcard-two{top:100px}.postcard-three{top:200px}.film-copy{padding-block:35px}.film-copy>.case-number{font-size:48px;margin-bottom:18px}.film-copy h2{font-size:11vw;margin-block:20px}.film-credit{margin-top:30px}.studio-recognition{grid-template-columns:.7fr 1.2fr auto;gap:25px}.studio-recognition h3{font-size:34px}}
@media(max-width:760px){.wrap,.site-header{width:88%}.site-header{height:75px}.wordmark strong{font-size:43px}.wordmark span{font-size:7px}.site-header nav,.header-contact{display:none}.menu-toggle{display:block;font:11px Arial;padding:12px 0}.menu-toggle>span{font-size:17px;margin-left:8px}.brand-opening{padding-block:20px 28px}.brand-topline{font-size:7px;gap:15px}.brand-lockup{display:block;padding-top:27px}.brand-opening h1{font-size:23vw;letter-spacing:-.025em;margin:0 0 24px}.brand-intro{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:16px;border-top:1px solid var(--line);max-width:none}.brand-intro>p{font-size:10px;line-height:1.8}.brand-intro>p:nth-child(2){display:none}.brand-intro>.under-link{font:9px Arial;gap:12px;padding-bottom:6px}.case-title{grid-template-columns:28px 1fr;gap:15px;padding-block:25px}.case-number{font-size:35px;align-self:start;margin-top:4px}.case-title .micro{font-size:7px;margin-bottom:9px;line-height:1.6}.case-title h2{font-size:10.4vw;line-height:1}.case-link{grid-column:2;justify-self:start;margin:0;gap:23px;font:9px Arial;padding-bottom:5px}.case-link>span{font-size:17px}.postcard-stage{height:375px}.stage-caption{font-size:7px;left:6%;top:18px}.postcard{width:63%}.postcard-one{left:-9%;top:85px;transform:rotate(-14deg)}.postcard-two{left:24%;top:78px;transform:rotate(5deg)}.postcard-three{right:-5%;top:190px;transform:rotate(-7deg)}.stage-footer{font-size:7px;bottom:17px;left:6%;right:6%;gap:15px}.case-foot{padding-block:19px 25px;gap:20px;align-items:start}.case-foot p{font-size:9px}.case-foot>.micro{font-size:7px;text-align:right;max-width:40%}.image-stories{padding-block:40px 45px}.portfolio-pair{grid-template-columns:1fr;gap:40px}.portfolio-image{aspect-ratio:4/4.6}.image-index{font-size:7px;left:15px;top:15px;padding:6px 8px}.round-arrow{width:40px;height:40px;bottom:15px;right:15px;font-size:25px}.portfolio-caption{padding-top:17px;gap:15px}.portfolio-caption :is(h2,h3){font-size:12.5vw;line-height:1}.portfolio-caption p{font-size:10px;margin-top:10px}.portfolio-caption button{font-size:23px}.portfolio-credit{font-size:7px;margin-top:12px}.film-feature{display:flex;flex-direction:column}.film-copy{padding:35px 6%}.film-copy>.case-number{font-size:42px;margin-bottom:22px}.film-copy>.micro{font-size:8px}.film-copy h2{font-size:25vw;margin-block:20px}.film-copy p:not(.micro){font-size:11px}.film-copy .under-link{font-size:10px;margin-top:22px}.film-credit{margin-top:27px;font-size:8px}.film-window{aspect-ratio:1;width:100%}.film-play{left:6%;bottom:55px;padding:11px 16px}.motion-control{left:6%;bottom:18px;font-size:8px}.academic-feature{padding-block:35px 40px}.academic-feature .case-title{padding-block:0 25px}.academic-feature .case-title h2{font-size:14vw}.study-spread{grid-template-columns:1fr;gap:18px}.study-spread button{padding:7%;gap:16px}.study-main img{height:auto}.study-detail{width:100%;justify-self:stretch}.study-detail img{height:auto}.study-spread .micro{font-size:7px}.academic-feature .case-foot{padding-bottom:0}.studio-section{padding-block:45px}.studio-section .micro{font-size:8px}.studio-title{font-size:24vw;line-height:.89;margin-top:25px}.studio-description{display:block;padding-block:28px 35px}.studio-lead{font-size:19px;line-height:1.5}.studio-description>div{font-size:11px;margin-top:22px}.people-grid{grid-template-columns:1fr;gap:32px;padding-top:25px}.people-grid h3{font-size:15vw;margin-block:18px}.people-grid article>p{font-size:11px}.experience li{font-size:9px;gap:10px}.studio-recognition{display:block;padding-top:22px;margin-top:30px}.studio-recognition h3{font-size:37px;margin-top:16px}.studio-recognition p{font-size:9px}.studio-recognition .under-link{margin-top:18px;font-size:9px}.capabilities{padding-block:45px 55px}.capabilities>.micro{font-size:8px}.capabilities-heading{display:block;margin:22px 0 28px}.capabilities-heading h2{font-size:26vw}.capabilities-heading>p{font-size:11px;margin-top:22px;max-width:270px}.capability-list summary{gap:20px;padding-block:20px}.capability-list summary>.micro{font-size:8px}.capability-list summary h3{font-size:36px;line-height:1.05}.detail-icon{font-size:23px}.capability-list details>p{font-size:10px;padding:0 15px 22px 35px}footer{padding-top:35px}footer .micro{font-size:8px}.footer-invitation{padding-block:30px 40px;gap:15px}.footer-invitation h2{font-size:32vw}.footer-arrow{font-size:50px}.footer-bottom{font-size:9px}.footer-signature{font-size:23vw;margin-top:45px}#project-dialog{width:calc(100% - 20px);max-height:95vh}.project-dialog-bar{padding:12px 5%}.project-dialog-bar .micro{font-size:8px}.project-content-head{padding:25px 6%}.project-content-head h2{font-size:57px;margin:12px 0 20px}.project-content-head>p{font-size:11px}.project-content-head .project-role{font-size:9px}.project-gallery{grid-template-columns:1fr;padding:0 6% 30px;gap:25px}.project-gallery figure.full,.project-gallery .video-figure{grid-column:auto}.project-gallery figcaption{font-size:9px}.project-source{padding-inline:6%;font-size:9px}}
/* Motion and the expanded Etihad series. */
.motion-toggle{display:flex;align-items:center;gap:7px;background:none;padding:8px 0;font:9px/1.4 Arial;letter-spacing:.07em;white-space:nowrap}.motion-indicator{width:6px;height:6px;border-radius:50%;background:var(--sage)}.motion-toggle[aria-pressed=false] .motion-indicator{background:transparent;box-shadow:inset 0 0 0 1px var(--sage)}.motion-toggle:disabled{cursor:default;opacity:.7}.brand-opening h1 .word-mask{color:inherit;display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.word-mask>span{display:inline-block}.brand-opening h1 i{font-style:normal;color:var(--sage)}html[data-motion=on] .word-mask>span{animation:brand-enter 1000ms cubic-bezier(.16,1,.3,1) both}html[data-motion=on] .word-mask:nth-child(2)>span{animation-delay:100ms}@keyframes brand-enter{from{transform:translateY(110%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}
.motion-ready[data-motion=on] .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready[data-motion=on] .reveal.is-seen{opacity:1;transform:none}.postcard-stage{--fan:1;--card-lift:0px}.postcard{will-change:transform;transition:none}.postcard-one{transform:translate3d(calc((1 - var(--fan))*25vw),calc((1 - var(--fan))*-40px + var(--card-lift)),0) rotate(calc(-10deg*var(--fan)))}.postcard-two{transform:translate3d(0,var(--card-lift),0) rotate(calc(5deg*var(--fan)))}.postcard-three{transform:translate3d(calc((1 - var(--fan))*-25vw),calc((1 - var(--fan))*-80px + var(--card-lift)),0) rotate(calc(-7deg*var(--fan)))}
.postcard-stage:hover .postcard-one{transform:translate3d(calc((1 - var(--fan))*25vw),calc((1 - var(--fan))*-40px + var(--card-lift)),0) rotate(calc(-10deg*var(--fan)))}.postcard-stage:hover .postcard-two{transform:translate3d(0,var(--card-lift),0) rotate(calc(5deg*var(--fan)))}.postcard-stage:hover .postcard-three{transform:translate3d(calc((1 - var(--fan))*-25vw),calc((1 - var(--fan))*-80px + var(--card-lift)),0) rotate(calc(-7deg*var(--fan)))}
.portfolio-image .round-arrow{transition:transform .3s cubic-bezier(.2,.7,.3,1),background .3s}.portfolio-image:hover .round-arrow{background:#d5dfbd}.series-layer{position:absolute;inset:0;opacity:0;transition:opacity .65s ease,transform 1.2s cubic-bezier(.2,.7,.3,1)!important;object-fit:cover}.series-layer.is-current{opacity:1}.series-progress{position:absolute;left:0;bottom:0;right:0;height:3px;background:#f3f0e8;transform:scaleX(0);transform-origin:left;z-index:2}.series-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.series-current{display:grid;grid-template-columns:42px 1fr;column-gap:10px;row-gap:4px}.series-count{grid-row:1/3;font-size:8px;align-self:center;color:var(--sage)}.series-person{font:13px Aaargh,Arial}.series-city{font-size:8px;color:#5b6651}.series-buttons{display:flex;align-items:center;gap:8px}.series-buttons button{background:none;padding:7px;font:22px Arial}.series-buttons .series-pause{font:9px Arial;min-width:43px}.series-dots{display:flex;gap:5px;margin-top:15px}.series-dots button{display:block;flex:1;background:none;padding:9px 0}.series-dots button span{display:block;height:2px;background:#263b2838;transition:background .25s}.series-dots button[aria-pressed=true] span{background:var(--ink)}.series-all{font-size:10px;margin-top:10px}.series-player{padding:0 5% 40px;display:grid;grid-template-columns:1.6fr 1fr;gap:25px}.series-player-frame{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.series-player-frame iframe{width:100%;height:100%;border:0;display:block}.episode-cover{padding:0;position:relative;display:block;width:100%;height:100%;background:var(--ink);color:var(--paper);text-align:left;overflow:hidden}.episode-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.episode-cover-title{position:absolute;left:6%;bottom:25%;font-size:clamp(45px,5vw,85px);line-height:1;max-width:86%}.episode-play{position:absolute;left:6%;bottom:10%;font-size:9px;padding:8px 12px;background:var(--paper);color:var(--ink)}.episode-now{padding-top:15px}.episode-now>.micro{font-size:8px;color:#627057}.episode-now p{font-size:13px;margin-block:7px}.episode-now a{display:inline-block;margin-top:5px;font-size:8px;border-bottom:1px solid var(--line);padding-bottom:4px}.episode-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:20px}.episode-list button{display:flex;align-items:start;gap:12px;text-align:left;background:none;border-top:1px solid var(--line);padding:14px 5px;font:13px/1.5 Steelfish,Arial;transition:background .3s,color .3s}.episode-list button>span:nth-child(2){flex:1;font:22px/1.2 Steelfish}.episode-list button small{display:block;font:8px/1.5 Arial;margin-top:5px;opacity:.7}.episode-list button>.micro{font:8px/1.5 Arial;padding-top:2px;opacity:.7}.episode-list button[aria-pressed=true]{background:#e0e5d4}.episode-list button:hover{background:#e6e9de}.project-dialog-bar .close-project{transition:transform .2s}.project-dialog-bar .close-project:hover{transform:translateX(3px)}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off]{scroll-behavior:auto}.motion-ready[data-motion=off] .reveal{opacity:1;transform:none}.motion-ready[data-motion=off] .postcard-stage{--fan:1!important}.motion-ready[data-motion=off] .postcard{will-change:auto}
@media(max-width:1000px) and (min-width:761px){.site-header{gap:15px}.site-header nav{gap:22px}.motion-toggle{font-size:8px}.series-controls{display:block}.series-buttons{margin-top:10px;justify-content:flex-end}.series-player{grid-template-columns:1fr}.episode-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{gap:12px}.wordmark span{font-size:6px}.motion-toggle{font-size:8px;gap:5px}.motion-indicator{width:5px;height:5px}.brand-opening h1 .word-mask{padding-bottom:.09em}.postcard-one{transform:translate3d(calc((1 - var(--fan))*29vw),calc((1 - var(--fan))*12px + var(--card-lift)),0) rotate(calc(-14deg*var(--fan)))}.postcard-three{transform:translate3d(calc((1 - var(--fan))*-22vw),calc((1 - var(--fan))*-100px + var(--card-lift)),0) rotate(calc(-7deg*var(--fan)))}.postcard-stage:hover .postcard-one{transform:translate3d(calc((1 - var(--fan))*29vw),calc((1 - var(--fan))*12px + var(--card-lift)),0) rotate(calc(-14deg*var(--fan)))}.postcard-stage:hover .postcard-three{transform:translate3d(calc((1 - var(--fan))*-22vw),calc((1 - var(--fan))*-100px + var(--card-lift)),0) rotate(calc(-7deg*var(--fan)))}.series-controls{gap:12px;margin-top:18px;padding-top:13px}.series-person{font-size:11px}.series-current{grid-template-columns:35px 1fr}.series-count,.series-city{font-size:7px}.series-buttons{gap:3px}.series-buttons button{font-size:19px;padding:6px}.series-buttons .series-pause{font-size:8px;min-width:35px}.series-dots{margin-top:8px}.series-all{font-size:9px;margin-top:7px}.series-player{padding:0 6% 30px;display:block}.series-player-frame{aspect-ratio:4/3}.episode-cover-title{font-size:13vw;bottom:30%}.episode-play{font-size:8px;bottom:10%;padding:7px 9px}.episode-now p{font-size:11px}.episode-list{margin-top:23px;column-gap:15px}.episode-list button{padding-block:12px;gap:8px}.episode-list button>span:nth-child(2){font-size:24px}.episode-list button>.micro,.episode-list button small{font-size:7px}.motion-ready[data-motion=on] .reveal{transform:translateY(20px)}.motion-ready[data-motion=on] .reveal.is-seen{transform:none}}
@media(prefers-reduced-motion:reduce){.postcard{will-change:auto}.series-layer{transition:none!important}.word-mask>span{animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Ongoing social and content work. */
.local-stories{padding-block:75px 30px}.fords-image img{object-position:50% 50%}.mrc-image img{object-position:50% 48%}.project-result{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.project-result .result-number{font-size:clamp(46px,5.2vw,86px);line-height:1;white-space:nowrap;letter-spacing:-.01em}.result-number span{font:35px Arial;vertical-align:middle;color:var(--sage)}.project-result>p:last-child{font:10px/1.8 Arial}.project-result>p:last-child span{font-size:9px;color:#5b6651}
@media(max-width:760px){.local-stories{padding-block:45px 10px}.project-result{gap:20px;padding-top:17px;margin-top:20px}.project-result .result-number{font-size:56px}.result-number span{font-size:25px}.project-result>p:last-child{font-size:9px}.project-result>p:last-child span{font-size:8px}}

.series-player-frame video{display:block;width:100%;height:100%;object-fit:contain;background:var(--ink)}
.local-stories .portfolio-image{aspect-ratio:3/4}.mrc-image img{object-position:50% 50%}

/* Unnumbered portfolio hierarchy. */
.case-title{grid-template-columns:minmax(0,1fr) auto}.puma-image img{object-position:50% 40%}.series-current{grid-template-columns:1fr}.episode-list button>.episode-name{flex:1;font:22px/1.2 Steelfish}.episode-list button>span[aria-hidden]{flex:none;font:13px/1.5 Arial}.capability-list details>p{padding-left:0}
@media(max-width:760px){.case-title{grid-template-columns:minmax(0,1fr)}.case-title .case-link{grid-column:1;margin-left:0;justify-self:start}.episode-list button>.episode-name{font-size:24px}.series-current{grid-template-columns:1fr}.capability-list details>p{padding-left:0}}

/* Plain navigation, two-name introduction and award beside its campaign. */
.site-header .wordmark span{font:20px/1 Steelfish,Impact,sans-serif;letter-spacing:.02em}.ups-award{border-top:1px solid #f3f0e840;margin-top:30px;padding-top:24px;width:100%}.ups-award>.micro{font-size:9px;color:#c2c9b3}.ups-award h3{font-size:clamp(32px,3.4vw,52px);line-height:1;margin:12px 0}.ups-award .award-credit{font:10px/1.7 Arial,sans-serif;margin-top:12px;color:#d8ddce}.film-copy .ups-award .under-link{font-size:10px;margin-top:18px}.film-copy .film-credit{margin-top:28px}
@media(max-width:760px){.site-header .wordmark span{font-size:16px}.brand-intro{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}.brand-intro>p:nth-child(2){display:block;font-size:9px;grid-column:1}.brand-intro>.under-link{grid-column:2;grid-row:1/span 2;align-self:end}.ups-award{margin-top:25px;padding-top:20px}.ups-award h3{font-size:38px}.ups-award .award-credit{font-size:9px}}


/* Miami film project following the UPS campaign and award. */
.bmw-feature{padding-block:35px 40px}.bmw-image{aspect-ratio:16/9}.bmw-image img{object-fit:cover;object-position:center}.bmw-feature .case-title :is(h2,h3){font-size:clamp(60px,6.8vw,120px)}
@media(max-width:760px){.bmw-feature{padding-block:20px 25px}.bmw-feature .case-title :is(h2,h3){font-size:15vw}.bmw-image .image-index{font-size:6px}.bmw-feature .case-foot>.micro{font-size:7px}}

/* Separate film, campaign and ongoing social work. */
.bmw-feature{padding-block:64px 80px}.bmw-feature .case-title{padding-top:0;padding-bottom:38px;align-items:end}.bmw-feature .case-title :is(h2,h3){font-size:clamp(68px,10.5vw,180px)}.bmw-feature .bmw-image,.bmw-feature .case-foot{width:88%;margin-left:auto}.bmw-feature .case-foot{padding-bottom:0}
.campaign-stories{background:#e6e3da;padding-block:80px 90px}.work-group-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-bottom:52px}.work-group-heading .micro{font-size:9px;margin-bottom:24px}.work-group-heading h2{font-size:clamp(80px,10.5vw,180px);line-height:.9}.work-group-heading>p{font-size:12px;max-width:300px;padding-bottom:5px}.campaign-stories .portfolio-pair{grid-template-columns:1fr 1fr;gap:7%}.campaign-stories #project-etihad{margin-top:150px}.campaign-stories .puma-image{aspect-ratio:3/4}.campaign-stories .etihad-image{aspect-ratio:4/5}.campaign-stories .portfolio-caption :is(h2,h3){font-size:clamp(40px,4.7vw,82px)}
.local-stories{background:#e0e5d4;padding-block:85px 95px}.social-heading{padding-bottom:60px}.social-case-list{display:grid;gap:80px}.social-case{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--line);padding-top:45px}.local-stories .fords-image{aspect-ratio:4/3}.local-stories .mrc-image{aspect-ratio:3/4;width:85%;justify-self:end}.social-case-copy>.micro{font-size:9px;margin-bottom:20px}.social-case-copy h3{font-size:clamp(58px,7.7vw,128px);line-height:.94;margin-bottom:24px}.social-case-copy>p:not(.micro){font-size:12px;max-width:380px}.social-case-copy .project-result{display:block;margin-block:30px 28px;padding-top:25px}.social-case-copy .result-number{font-size:clamp(60px,7vw,108px);margin-bottom:12px}.social-case-copy .project-result>p:last-child{font-size:11px}.social-case-copy .project-result>p:last-child span{font-size:10px}.social-case-copy .under-link{margin-top:12px}.social-case-copy .social-shoot-note{font-size:10px;margin-bottom:12px}#project-mrc{grid-template-columns:1fr 1.2fr}#project-mrc .social-case-copy{grid-column:1;grid-row:1}#project-mrc .portfolio-image{grid-column:2;grid-row:1}
@media(max-width:760px){.bmw-feature{padding-block:40px 45px}.bmw-feature .case-title{padding-bottom:25px}.bmw-feature .case-title :is(h2,h3){font-size:16vw}.bmw-feature .bmw-image,.bmw-feature .case-foot{width:100%}.campaign-stories{padding-block:45px 50px}.work-group-heading{display:block;padding-bottom:30px}.work-group-heading .micro{font-size:7px;margin-bottom:18px;line-height:1.8}.work-group-heading h2{font-size:21vw}.work-group-heading>p{font-size:11px;margin-top:24px;max-width:280px}.campaign-stories .portfolio-pair{grid-template-columns:1fr;gap:40px}.campaign-stories #project-etihad{margin-top:0}.campaign-stories .portfolio-caption :is(h2,h3){font-size:12vw}.local-stories{padding-block:45px 50px}.social-heading{padding-bottom:30px}.social-case-list{gap:40px}.social-case,#project-mrc{grid-template-columns:1fr;gap:25px;padding-top:30px}.social-case-copy,#project-mrc .social-case-copy{grid-column:1;grid-row:1}.social-case .portfolio-image,#project-mrc .portfolio-image{grid-column:1;grid-row:2;width:100%}.social-case-copy>.micro{font-size:7px;margin-bottom:17px}.social-case-copy h3{font-size:19vw;margin-bottom:20px}.social-case-copy>p:not(.micro){font-size:11px}.social-case-copy .project-result{margin-block:22px 18px;padding-top:18px;display:flex;gap:20px}.social-case-copy .result-number{font-size:58px;margin:0}.social-case-copy .project-result>p:last-child{font-size:9px}.social-case-copy .project-result>p:last-child span{font-size:8px}.local-stories .mrc-image{aspect-ratio:3/4}.social-case-copy .under-link{font-size:10px}.social-case-copy .social-shoot-note{font-size:9px}}

/* One photography and film section, with a shared stone background. */
.campaign-stories .bmw-feature{padding:0 0 60px;margin-bottom:65px;border-bottom:1px solid var(--line)}.campaign-stories .bmw-feature .case-title :is(h2,h3){font-size:clamp(60px,7.5vw,120px);line-height:.9}.campaign-stories .work-group-heading{padding-bottom:60px}
@media(max-width:760px){.campaign-stories .bmw-feature{padding-bottom:32px;margin-bottom:35px}.campaign-stories .bmw-feature .case-title :is(h2,h3){font-size:15vw}.campaign-stories .work-group-heading{padding-bottom:35px}}



/* Keep the UPS media within the height set by its campaign copy. */
@media(min-width:761px){.film-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.film-window{min-width:0;aspect-ratio:auto}.film-window video{position:absolute;inset:0;width:100%;height:100%}}

/* Four photography and film features beneath BMW. */
.campaign-stories .portfolio-pair{row-gap:70px;align-items:start}.campaign-stories #project-etihad{margin-top:0}.campaign-stories .portfolio-pair .portfolio-image{aspect-ratio:4/5}.campaign-stories .portfolio-pair .portfolio-caption h3{font-size:clamp(40px,4.7vw,82px)}.campaign-stories .series-dots,.campaign-stories .series-all{display:none}.campaign-stories .series-controls{margin-top:18px;padding-top:12px}.gears-image>img{object-position:50% 50%}.film-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:100%;width:100%;background:var(--paper)}.film-mosaic-tile{position:relative;min-width:0;min-height:0;overflow:hidden}.film-mosaic-tile img{width:100%;height:100%;object-fit:cover}.film-mosaic-tile:nth-child(2) img{object-position:30% center}.film-mosaic-tile>.micro{position:absolute;bottom:12px;left:10px;right:10px;color:#fff;text-shadow:0 1px 8px #000;font-size:8px}.film-mosaic-tile::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0006)}.film-mosaic-tile>.micro{z-index:1}.convicts-image .round-arrow{bottom:50%;transform:translateY(50%);right:calc(50% - 25px);background:var(--paper)}.film-collection{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;padding:0 5% 40px}.collection-current video{width:100%;aspect-ratio:16/9;display:block;background:var(--ink)}.collection-current figcaption{padding-top:20px}.collection-title{font-size:42px;line-height:1}.collection-credit{font:10px/1.7 Arial,sans-serif;margin-top:12px;max-width:600px}.collection-list{align-self:start;display:grid;gap:0}.collection-list button{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;align-items:center;gap:14px;text-align:left;background:none;padding:13px 8px;border-top:1px solid var(--line)}.collection-list button:last-child{border-bottom:1px solid var(--line)}.collection-list button[aria-pressed=true]{background:#e0e5d4}.collection-list img{width:82px;aspect-ratio:4/3;object-fit:cover}.collection-list strong{display:block;font:28px/1 Steelfish,Impact,sans-serif;font-weight:400;margin-top:6px}.collection-list .micro{font-size:8px}.collection-arrow{font:20px Arial,sans-serif}.related-film{padding:0 5% 45px}.related-film-heading{border-top:1px solid var(--line);padding-top:28px;margin-bottom:24px}.related-film-heading h3{font-size:54px;line-height:1;margin:15px 0}.related-film-heading>p:last-child{font:11px/1.7 Arial,sans-serif}.related-film-frame{aspect-ratio:16/9;background:var(--ink)}.related-film-frame iframe{display:block;border:0;width:100%;height:100%}.project-subtitle{font-size:46px;line-height:1;padding:0 5% 24px}.film-load-status{font:11px/1.7 Arial,sans-serif;padding-top:10px}.film-load-status:empty{display:none}
@media(max-width:1000px) and (min-width:761px){.film-collection{grid-template-columns:1fr}.collection-list{grid-template-columns:1fr 1fr;column-gap:16px}.collection-list button{grid-template-columns:70px minmax(0,1fr) 18px}.collection-list img{width:70px}}
@media(max-width:760px){.campaign-stories .portfolio-pair{row-gap:42px}.campaign-stories .portfolio-pair .portfolio-caption h3{font-size:12vw}.film-mosaic-tile>.micro{font-size:7px;bottom:10px;left:8px}.convicts-image .round-arrow{right:calc(50% - 20px)}.film-collection{grid-template-columns:1fr;gap:22px;padding:0 6% 30px}.collection-title{font-size:36px}.collection-current figcaption{padding-top:16px}.collection-credit{font-size:9px}.collection-list{grid-template-columns:1fr 1fr;gap:0 14px}.collection-list button{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:12px 4px;align-items:center}.collection-list img{width:44px;aspect-ratio:1;object-fit:cover}.collection-list strong{font-size:22px;line-height:1.1;margin-top:5px}.collection-list .micro{font-size:7px}.collection-arrow{display:none}.related-film{padding:0 6% 30px}.related-film-heading h3{font-size:40px}.related-film-heading>p:last-child{font-size:10px}.project-subtitle{font-size:35px;padding:0 6% 22px}}

.convicts-image .round-arrow{top:calc(50% - 25px);bottom:auto;transform:none}@media(max-width:760px){.convicts-image .round-arrow{top:calc(50% - 20px)}}

/* Founder biographies */
.founder-bios article>p+p{margin-top:1.25em}.founder-bios article>p{max-width:48em}

/* Founder heading flows directly into biographies. */
.studio-title+.founder-bios{margin-top:clamp(36px,5vw,72px)}

/* Film previews and project players. */
.portfolio-image .portfolio-preview{display:block;width:100%;height:100%;object-fit:cover}.etihad-image .portfolio-preview{object-position:center}.yoga-image .portfolio-preview{object-position:center}
.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.preview-controls button{padding:6px 0;white-space:nowrap}.preview-controls .micro{font-size:8px;line-height:1.7}.portfolio-credit br{display:block}
.collection-surface,.project-film-surface{position:relative;aspect-ratio:16/9;overflow:hidden;background:#142016}.collection-surface :is(video,iframe),.project-film-surface :is(video,iframe){width:100%;height:100%;display:block;border:0}.embedded-film-cover{display:block;position:relative;width:100%;height:100%;color:#f2efe6}.embedded-film-cover img{width:100%;height:100%;object-fit:cover;display:block}.embedded-film-cover::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}.embedded-film-play{position:absolute;z-index:1;bottom:24px;left:24px;display:flex;align-items:center;gap:15px}.embedded-film-play>span:first-child{display:grid;place-items:center;border:1px solid #f2efe699;border-radius:50%;width:48px;height:48px;font:15px Arial}.embedded-film-play .micro{font-size:10px}
.project-films{padding:0 5% 36px;display:grid;gap:32px}.project-films figcaption{font:11px Arial;margin-top:12px}.project-gallery:empty{display:none}.film-collection .collection-surface iframe{min-height:0}
@media(max-width:760px){.preview-controls{gap:12px}.preview-controls .micro{font-size:7px}.project-films{padding:0 6% 25px}.project-films figcaption{font-size:9px}.embedded-film-play{bottom:15px;left:15px;gap:10px}.embedded-film-play>span:first-child{width:36px;height:36px;font-size:12px}.embedded-film-play .micro{font-size:8px}}

.etihad-preview-layout{position:absolute;inset:0;display:grid;grid-template-rows:45% 55%;gap:3px}.etihad-preview-stills{display:grid;grid-template-columns:1fr 1fr;gap:3px;min-height:0;overflow:hidden}.etihad-preview-stills img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 20%}

.preview-controls button{background:transparent;border:0;color:inherit;cursor:pointer;padding:0;font:inherit;}

/* Readable body copy and supporting information at every screen size. */
html{scroll-behavior:auto}
body{font-size:16px;line-height:1.7}
body :is(.brand-intro>p,.case-foot p,.portfolio-caption p,.film-copy>p:not(.micro),.people-grid article>p,.capabilities-heading>p,.capability-list details>p,.work-group-heading>p,.social-case-copy>p:not(.micro),.project-content-head>p){font-size:16px;line-height:1.75;font-weight:600}
body :is(.brand-intro>p:nth-child(2),.portfolio-credit){color:var(--ink)}
body :is(.micro,.case-title .micro,.work-group-heading .micro,.social-case-copy>.micro,.studio-section .micro,.capabilities>.micro,footer .micro,.project-dialog-bar .micro){font-size:11px;line-height:1.65;letter-spacing:.08em}
body :is(.portfolio-credit,.film-credit,.case-foot>.micro,.study-spread .micro,.film-mosaic-tile>.micro,.preview-controls .micro){font-size:12px;line-height:1.7;letter-spacing:.06em}
body :is(.project-content-head .project-role,.project-gallery figcaption,.project-films figcaption,.collection-credit,.related-film-heading>p:last-child,.project-source,.ups-award .award-credit,.project-result>p:last-child,.project-result>p:last-child span,.social-case-copy .project-result>p:last-child,.social-case-copy .project-result>p:last-child span){font-size:13px;line-height:1.7}
body :is(.under-link,.brand-intro>.under-link,.film-copy .under-link,.film-copy .ups-award .under-link,.social-case-copy .under-link,.case-link,.header-contact,.close-project,.project-source a){font-size:14px;line-height:1.6}
body .site-header nav{font-size:14px}
body :is(.motion-toggle,.motion-control,.preview-controls button){font-size:12px;line-height:1.6;min-height:32px}
body :is(.image-index,.film-play .micro,.embedded-film-play .micro,.episode-play,.collection-list .micro){font-size:11px;line-height:1.6;letter-spacing:.05em}
body :is(.episode-now p,.episode-now a,.episode-now>.micro,.episode-list button small){font-size:13px;line-height:1.6;opacity:1}
body .social-case-copy .social-shoot-note{font-size:14px}
body .footer-bottom{font-size:13px;line-height:1.7}
body .stage-footer{gap:16px}
.motion-ready[data-motion=on] .reveal{transform:translateY(12px);transition-duration:.3s,.4s;transition-delay:0ms}
.motion-ready[data-motion=on] .reveal.is-seen{transform:none}
@media(max-width:760px){
 body :is(.brand-intro>p,.brand-intro>p:nth-child(2)){font-size:14px}
 body .brand-intro{grid-template-columns:minmax(0,1fr);gap:14px}
 body .brand-intro>.under-link{grid-column:1;grid-row:auto;justify-self:start}
 body :is(.stage-caption,.stage-footer,.brand-topline){font-size:10px}
 body .stage-footer>span{max-width:48%}
 body .stage-footer>span:last-child{text-align:right}
 body .case-foot{flex-wrap:wrap;gap:14px}
 body .case-foot>.micro{max-width:100%;text-align:left}
 body .preview-controls{align-items:flex-start;gap:12px}
 body .preview-controls>.micro{min-width:0}
 body .preview-controls button{flex:none}
 body .motion-toggle{font-size:11px}
 body .menu-toggle{font-size:14px;min-height:44px}
 body .film-play{bottom:70px}
 body .collection-list{grid-template-columns:1fr}
 body .collection-list button{grid-template-columns:56px minmax(0,1fr);gap:14px}
 body .collection-list img{width:56px}
 body .collection-list strong{font-size:28px}
}

/* Sofia's commercial design work has its own place beyond the city guides. */
.chateau-design-section{padding:80px 0 90px;background:var(--paper)}
.chateau-design-heading>p{max-width:420px;font-size:16px;line-height:1.75;font-weight:600}
.chateau-design-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 6%}
.chateau-design-card{min-width:0}
.chateau-retail-card,.chateau-events-card{grid-column:span 5}
.chateau-digital-card,.chateau-invites-card{grid-column:span 7}
.chateau-design-media{display:grid;position:relative;width:100%;aspect-ratio:5/4;overflow:hidden;padding:28px;gap:18px;background:#e4e7dc}
.chateau-design-media img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.chateau-design-media:hover img{transform:translateY(-4px)}
.chateau-retail-card .chateau-design-media{grid-template-columns:1fr 1fr;background:#dce1d5}
.chateau-digital-card .chateau-design-media{grid-template-rows:1fr 1fr;background:#e8e3d9;aspect-ratio:7/4}
.chateau-invites-card .chateau-design-media{grid-template-columns:1fr 1fr;background:#e6e3da;aspect-ratio:7/4}
.chateau-events-card .chateau-design-media{padding:0;display:block;background:#dfe4d5}
.chateau-events-card .chateau-design-media>img:first-child{object-fit:cover;object-position:center}
.chateau-events-card .chateau-design-media .event-inset{position:absolute;width:43%;height:auto;aspect-ratio:4/3;object-fit:cover;right:22px;bottom:24px;border:5px solid var(--paper);box-shadow:0 6px 24px #14201630}
.chateau-design-card .portfolio-caption h3{font-size:clamp(40px,4.4vw,76px);line-height:.95}
.chateau-design-card .portfolio-caption p{max-width:38em}
.chateau-events-photo-credit{text-align:right;margin-top:26px;font-size:11px}
@media(max-width:1000px) and (min-width:761px){.chateau-design-grid{gap:50px 5%}.chateau-design-media{padding:18px;gap:12px}.chateau-design-card .portfolio-caption{gap:15px}}
@media(max-width:760px){
 .chateau-design-section{padding:45px 0 50px}
 .chateau-design-grid{grid-template-columns:1fr;gap:42px}
 .chateau-design-card{grid-column:1}
 .chateau-design-media{padding:20px;gap:14px;aspect-ratio:5/4}
 .chateau-design-card .portfolio-caption h3{font-size:12vw}
 .chateau-digital-card .chateau-design-media,.chateau-invites-card .chateau-design-media{aspect-ratio:5/4}
 .chateau-events-card .chateau-design-media .event-inset{right:16px;bottom:20px;border-width:4px}
 .chateau-events-photo-credit{text-align:left;font-size:11px;margin-top:24px}
}

.chateau-design-card .portfolio-caption>button{min-width:44px;min-height:44px;}