@charset "UTF-8";
:root{--paper:#f5f4f0;--ink:#292d25;--muted:#767d6f;--line:#dce0d5;--serif:Didot,'Bodoni MT',Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:12px/1.6 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #829172;outline-offset:5px}::selection{background:#d9dfce}.shell{width:calc(100% - 100px);max-width:1440px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--paper);z-index:50}.skip:focus{top:12px}
.header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:26px;border-bottom:1px solid var(--line)}.identity{font-size:12px;letter-spacing:1.8px;text-transform:uppercase}.identity span{display:block;text-transform:none;letter-spacing:.2px;font-size:10px;color:var(--muted);margin-top:3px}nav{display:flex;gap:28px;font-size:11px}nav a:hover{color:#849076}.section{padding-block:38px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.section-heading h1,.section-heading h2,.contact h2{font:400 30px/1.2 var(--serif);letter-spacing:-.8px}.section-heading>span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.reel-grid{columns:4;column-gap:22px}.reel{break-inside:avoid;page-break-inside:avoid;margin-bottom:28px;display:inline-block;width:100%;vertical-align:top;scroll-margin-top:25px}.reel-media{display:block;position:relative;width:100%;aspect-ratio:var(--ratio,9/16);overflow:hidden;background:transparent}.reel-media img,.reel-media video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}.reel-link img{transition:transform .35s}.reel-link:hover img{transform:scale(1.02)}.media-arrow{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border:1px solid #ffffffa0;background:#141b1460;color:#fff;display:grid;place-items:center;font-size:17px}.work-client{font-size:10px;margin-top:10px}.work-title{font:400 10px/1.7 var(--sans);color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.source-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:15px}.source-group{display:flex;align-items:center;gap:18px;font-size:10px}.source-group>span{color:var(--muted)}.source-group>div{display:flex;gap:14px}.source-link{border-bottom:1px solid var(--line);padding:5px 0}
.sessions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.session-media{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#e2e6dc}.session-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.session-media:hover img{transform:scale(1.02)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffffb0;border-radius:50%;background:#0003;color:#fff;font-size:11px;padding-left:2px}.caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:12px}.caption h3{font:400 11px var(--sans)}.caption>span,.subtitle{font-size:9px;color:var(--muted)}.subtitle{margin-top:5px}.channel-links{display:flex;flex-wrap:wrap;gap:24px;font-size:10px;color:var(--muted);margin-top:28px}.channel-links a:hover{color:var(--ink)}
.contact{padding-block:32px;display:flex;justify-content:space-between;align-items:baseline;gap:40px;border-top:1px solid var(--line)}.contact-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:30px;font-size:11px}.contact .email{font:20px var(--serif)}.contact-links a:hover{color:#879775}.ticker{display:flex;gap:20px;align-items:center;padding:12px max(50px,calc((100% - 1440px)/2));border-block:1px solid var(--line);margin-top:20px;overflow:hidden}.ticker-window{overflow:hidden;flex:1;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.ticker-track{display:flex;width:max-content;animation:travel 160s linear infinite}.ticker-track ul{display:flex;align-items:center;flex-shrink:0;gap:35px;padding:10px 35px 10px 0;white-space:nowrap;font-size:11px;color:var(--muted)}.ticker-track a,.ticker-track button{display:inline-block;transition:transform .2s,color .2s;text-underline-offset:5px;background:none;border:0;padding:0}.ticker-track a:hover,.ticker-track a:focus-visible,.ticker-track button:hover,.ticker-track button:focus-visible{transform:scale(1.12);color:var(--ink);text-decoration:none}.ticker-pause{background:none;border:0;padding:8px;font-size:11px;color:var(--muted)}@keyframes travel{to{transform:translateX(-50%)}}
.logos{padding-block:35px}.logos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 30px}.logo-link{display:flex;align-items:center;justify-content:center;min-height:70px;padding:12px;text-align:center;background:none;border:0;width:100%}.logo-image{width:100%;max-width:128px;height:48px;object-fit:contain;opacity:1;transition:transform .2s,opacity .2s}.logo-link:hover img,.logo-link:focus-visible img{transform:scale(1.08);opacity:1}.footer{padding-block:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}
.player-dialog{width:min(850px,calc(100% - 32px));max-height:90dvh;padding:24px;border:1px solid #bfc8b5;background:var(--paper);color:var(--ink)}.player-dialog::backdrop{background:#182014b3;backdrop-filter:blur(3px)}.player-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.player-heading h2{font:400 25px var(--serif)}.player-heading p{font-size:10px;color:var(--muted);margin-top:6px}.player-close,.client-close{background:none;border:0;padding:0 5px;font-size:26px;align-self:flex-start}#player-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#20251c}#client-description{font-size:13px;line-height:1.9;color:var(--muted)}body.player-open{overflow:hidden}
.reel-grid{columns:initial;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 22px;align-items:start}.reel{margin-bottom:0}
@media(max-width:1100px){.reel-grid{columns:initial;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}nav{gap:18px}.contact{align-items:flex-start}.contact-links{justify-content:flex-end;gap:20px}.logos-grid{grid-template-columns:repeat(4,1fr)}.ticker{padding-inline:32px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header{padding-block:20px;gap:20px}.identity{font-size:10px;letter-spacing:1px}.identity span{font-size:8px}nav{font-size:10px;gap:16px}.section{padding-block:28px}.section-heading h1,.section-heading h2,.contact h2{font-size:27px}.section-heading>span{font-size:8px;letter-spacing:1px}.reel-grid{columns:2;column-gap:15px}.reel{margin-bottom:22px}.work-client,.work-title{font-size:9px}.sessions-grid{grid-template-columns:1fr 1fr;gap:24px 15px}.caption{display:block}.caption h3{font-size:10px}.caption>span{display:block;margin-top:4px;font-size:8px}.subtitle{font-size:8px}.play{width:32px;height:32px;font-size:9px}.contact{display:block;padding-block:25px}.contact-links{margin-top:22px;justify-content:flex-start;gap:20px}.contact .email{width:100%;font-size:21px}.ticker{padding-inline:20px}.logos-grid{grid-template-columns:repeat(3,1fr);gap:12px}.logo-link{padding:8px 4px;min-height:60px}.logo-image{height:36px;max-width:95px}.footer{font-size:8px}.player-dialog{padding:20px}.player-heading h2{font-size:22px}}
@media(max-width:700px){.reel-grid{columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.reel{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.ticker-track{animation:none}.ticker-window{overflow-x:auto;mask-image:none}.ticker-track ul[aria-hidden]{display:none}.ticker-pause{display:none}}

.external-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:95px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.external-play{font-size:20px;color:var(--ink)}.external-tile:hover{color:var(--ink)}
#session-player{padding:0;border:0;background:transparent;color:var(--paper);width:min(1000px,calc(100% - 32px));overflow:visible}#session-player .player-heading{margin-bottom:12px}#session-player .player-heading h2{font:400 18px var(--serif)}#session-player .player-heading p{color:#c0c8b9}#session-player[open]{animation:player-in .26s cubic-bezier(.2,.7,.2,1)}#session-player::backdrop{animation:backdrop-in .26s ease}#player-content iframe{border:0;outline:0}
.instagram-open{display:block;width:max-content;max-width:100%;margin:auto;position:relative}.instagram-open img{display:block;max-height:75dvh;width:auto;max-width:100%;object-fit:contain}.instagram-open span{position:absolute;bottom:12px;left:12px;right:12px;padding:12px;background:#182014d9;color:#fff;font:11px var(--sans);text-align:center}
@keyframes player-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:1000px) and (min-width:701px){.sessions-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){#session-player[open],#session-player::backdrop{animation:none}}

.ticker a,.ticker button,.logo-link{text-decoration:none}.ticker a:hover,.ticker a:focus,.ticker a:active,.ticker button:hover,.ticker button:focus,.ticker button:active,.logo-link:hover,.logo-link:focus,.logo-link:active{text-decoration:none}
main>.ticker:first-child{margin-top:0}
.work-groups{display:grid;grid-template-columns:1fr 1fr;gap:40px 44px}.work-group{min-width:0}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.group-heading h2{font:400 21px/1.2 var(--serif);letter-spacing:-.3px}.carousel-controls{display:flex;gap:8px}.carousel-controls button{border:1px solid var(--line);background:transparent;width:30px;height:30px;border-radius:50%;font-size:16px;padding:0;transition:color .2s,border-color .2s}.carousel-controls button:hover{border-color:var(--ink)}.carousel-controls button:disabled{opacity:.3;cursor:default}.carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c6ccbf transparent;padding-bottom:12px;overscroll-behavior-x:contain}.carousel-track .reel{flex:0 0 calc((100% - 32px)/3);width:auto;min-width:0;margin:0;scroll-snap-align:start}.carousel-track .reel-media{aspect-ratio:auto;background:transparent}.carousel-track .reel-media img{height:auto;aspect-ratio:auto;width:100%;object-fit:contain}.carousel-track .work-client{display:none}.carousel-track .work-title{font-size:9px;margin-top:8px}.carousel-track .media-arrow{right:8px;bottom:8px;width:24px;height:24px;border:0;background:#182014a0;font-size:15px}.carousel-track .reel-media:hover img{transform:scale(1.025)}
@media(max-width:1000px){.work-groups{gap:32px 24px}.carousel-track .reel{flex-basis:calc((100% - 14px)/2)}.carousel-track{gap:14px}}
@media(max-width:700px){.work-groups{grid-template-columns:1fr;gap:30px}.group-heading h2{font-size:21px}.carousel-track .reel{flex-basis:calc((100% - 26px)/2.2)}.carousel-track{gap:13px}.group-heading{margin-bottom:12px}.carousel-controls button{width:28px;height:28px}}
.header{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);gap:24px}.header nav{justify-self:end}.header-contacts{display:flex;align-items:center;justify-content:center;gap:24px;font-size:11px}.header-contacts a{white-space:nowrap}.header-contacts .email{font:20px var(--serif)}.header-contacts a:hover{color:#879775}
@media(max-width:1100px){.header-contacts{gap:18px;font-size:10px}.header-contacts .email{font-size:17px}}
@media(max-width:900px){.header{grid-template-columns:1fr auto;gap:20px}.header-contacts{grid-column:1/-1;grid-row:2;justify-self:center}.header nav{grid-column:2;grid-row:1}}
@media(max-width:600px){.header-contacts{flex-wrap:wrap;gap:10px 20px;width:100%;font-size:10px}.header-contacts .email{width:100%;text-align:center;font-size:18px}.header{padding-block:20px}}
.header-contacts .email{font-size:14px}