/* OOO / The work in motion. Shared structure, distinct project direction. */
.case-page {--case-accent:#bc3f29;--case-wash:#ede7dc;--case-ink:#1e211e;background:var(--case-wash);color:var(--case-ink)}
.theme-june,.theme-flavor {--case-accent:#285641;--case-wash:#e9eddb;--case-ink:#183e31}
.theme-stagecoach {--case-accent:#994326;--case-wash:#eee0c6;--case-ink:#4b271c}
.theme-anniversary {--case-accent:#9c303b;--case-wash:#f4e7c4;--case-ink:#56302a}
.theme-blackbook,.theme-chrislake,.theme-merch {--case-accent:#c8f26d;--case-wash:#191b19;--case-ink:#f0eee8}
.theme-globe,.theme-surfline {--case-accent:#a4dce2;--case-wash:#172c34;--case-ink:#f0eee8}
.theme-goodmates {--case-accent:#335752;--case-wash:#e1eddf;--case-ink:#25423c}
.theme-luck,.theme-easyrider {--case-accent:#7b321f;--case-wash:#f0e0bc;--case-ink:#432a20}
.theme-hyq,.theme-bluebird {--case-accent:#0c5361;--case-wash:#dcecef;--case-ink:#143e48}
.theme-healthade {--case-accent:#71417e;--case-wash:#efdfec;--case-ink:#492153}
.theme-luna {--case-accent:#38534d;--case-wash:#e0e6d9;--case-ink:#253e36}
.theme-sundays {--case-accent:#305334;--case-wash:#e7eecb;--case-ink:#29422b}
.theme-beatbox,.theme-embers {--case-accent:#743239;--case-wash:#f2dbba;--case-ink:#492b2b}
.case-hero-editorial {display:block;padding-top:3.5rem}
.case-hero-editorial .case-title-block {max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem 5vw;padding-bottom:3rem}
.case-hero-editorial .eyebrow {grid-column:1/-1;color:var(--case-ink)}
.case-hero-editorial h1 {grid-column:1;grid-row:2/5;max-width:15ch;margin:0;font-size:clamp(3rem,5.8vw,6.4rem);line-height:1.01;letter-spacing:-.045em;color:inherit}
.case-hero-editorial .case-name {grid-column:2;margin:0;font-size:1.1rem;font-weight:bold;color:var(--case-ink)}
.case-hero-editorial .case-lede {grid-column:2;font-size:1.1rem;margin:0;color:var(--case-ink)}
.case-hero-editorial .case-tags {grid-column:2;color:var(--case-ink);border-color:currentColor}
.case-hero-editorial .case-note {grid-column:2}
.case-hero-editorial .project-hero-image .image-window {aspect-ratio:16/8.5;max-height:none}
.case-page .case-caption,.case-page .chapter-number,.case-page .milestone-date,.case-page .chapter-outputs li:before {color:var(--case-accent)}
.case-page .case-context,.case-page .case-sources,.case-page .case-takeaway {background:var(--case-wash);color:var(--case-ink)}
.case-page .context-copy p,.case-page .source-layout p,.case-page .chapter-media figcaption small,.case-page .case-chapter-nav>div>span {color:inherit;opacity:.8}
.case-page .case-topline,.case-page .case-chapter,.case-page .chapter-outputs,.case-page .chapter-outputs li,.case-page .case-milestones li {border-color:color-mix(in srgb,var(--case-ink) 25%,transparent)}
.case-page .case-chapter-nav a,.case-page .case-next a,.case-page .source-list a {color:inherit}
.case-page .case-chapter-nav a>span {color:var(--case-accent)}
@media(max-width:760px){.case-hero-editorial{padding-top:2rem}.case-hero-editorial .case-title-block{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.case-hero-editorial h1{font-size:clamp(2.5rem,10vw,4.2rem);max-width:16ch}.case-hero-editorial .project-hero-image .image-window{aspect-ratio:4/3}.case-hero-editorial .case-lede{font-size:1rem}}
:root{--header-height:78px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button,summary,select,a{-webkit-tap-highlight-color:transparent}
.motion-toggle{position:fixed;right:1.1rem;bottom:1rem;z-index:45;min-height:44px;padding:.55rem 1rem;border:1px solid #73746c;border-radius:30px;background:#f0eee8;color:#1e211e;font-size:.82rem;box-shadow:0 3px 16px #0001;cursor:pointer}
.motion-home{background:#1e211e;color:#f0eee8;padding:4.5rem 0 1.5rem;overflow:clip}
.motion-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end;padding-bottom:3.5rem}
.motion-intro h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.96;letter-spacing:-.055em;max-width:12ch;margin:1.4rem 0 0;text-wrap:initial}
.motion-intro h1 em{font-style:normal;color:#e7a58f}
.motion-intro-aside{max-width:28rem;padding-bottom:.4rem}
.motion-intro-aside p{font-size:1.07rem;line-height:1.6;margin:1.6rem 0}
.motion-intro-aside a{font-size:1rem}
.ooo-motion-mark{display:flex;gap:.05em;font-size:clamp(3rem,7vw,7rem);font-weight:bold;line-height:.9;letter-spacing:-.05em;color:#e7a58f}
.ooo-motion-mark span:last-child{transform:translateY(-.2em);animation:ooo-offset 5s ease-in-out infinite}
@keyframes ooo-offset{0%,100%{transform:translateY(-.2em)}50%{transform:translateY(.03em)}}
.home-reel-stage{--reel-progress:0;padding:0 calc((1 - var(--reel-progress))*5vw)}
.home-reel-window{overflow:hidden;border-radius:calc((1 - var(--reel-progress))*6vw);position:relative;background:#101210}
.archive-loop{position:relative;background:#171a17;width:100%;aspect-ratio:16/9;overflow:hidden}
.archive-loop video{width:100%;height:100%;object-fit:contain}
.loop-control{position:absolute;right:1rem;bottom:1rem;min-height:44px;padding:.55rem 1rem;border:1px solid #ffffff70;border-radius:30px;background:#1e211ee8;color:white;cursor:pointer;font-size:.88rem}
.loop-type{position:absolute;top:1rem;left:1rem;padding:.35rem .65rem;font-size:.75rem;line-height:1.3;background:#1e211ed9;color:white;pointer-events:none}
.loop-error{position:absolute;left:1rem;right:1rem;bottom:1rem;background:#f0eee8;color:#1e211e;padding:.7rem;font-size:.9rem}
.home-reel{max-height:78vh;aspect-ratio:16/8}
.home-reel video{object-fit:cover}
.home-reel .loop-control{bottom:4.8rem}
.reel-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:1.1rem 2rem;background:linear-gradient(transparent,#101210df);pointer-events:none}
.reel-caption>span:first-child{font-size:clamp(1.2rem,2.8vw,2.8rem);font-weight:bold;letter-spacing:-.04em;line-height:1.1}
.reel-caption>span:last-child{font-size:.82rem}
.reel-source{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;padding-top:.9rem;color:#e1e0d9}
.reel-credits{font-size:.86rem;padding-block:1.5rem 3rem}
.reel-credits summary{cursor:pointer;min-height:44px}
.reel-credits p{max-width:85ch}
.home-work{scroll-margin-top:100px}
.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 1.6rem}
.home-card-grid .card-tall{grid-row:auto}
.home-card-grid .work-card:nth-child(3){grid-column:1/-1}
.home-card-grid .card-image,.home-card-grid .card-tall .card-image{aspect-ratio:4/3}
.home-card-grid .work-card:nth-child(3) .card-image{aspect-ratio:2.3/1}
.card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s;pointer-events:none}
.preview-playing .card-preview{opacity:1}
.card-copy strong{transition:letter-spacing .3s}
.work-card:hover .card-copy strong{letter-spacing:-.04em}
.filter-bar{flex-wrap:wrap;gap:.5rem}
.filter-bar button{font-size:.87rem;min-height:44px}
.filter-result{font-size:.88rem;margin:0 0 1.5rem}
.case-page .case-tags strong,.case-page .case-note{color:inherit}
.case-page .project-hero-image figcaption{color:inherit;font-size:.82rem}
.case-page .section-label,.case-page .section-label>span:first-child{color:inherit}
.case-page .case-next{background:var(--case-wash);color:inherit}
.case-page .case-next-inner>span,.case-page .next-case{color:inherit}
.case-page .case-next-inner{padding-bottom:3.5rem}
.case-page .work-card{color:var(--case-ink)}
.case-page .card-kicker,.case-page .card-credit{color:inherit}
.case-page .card-copy{border-color:currentColor}
.case-page .case-takeaway>.wrap{display:block;max-width:900px}
.case-page .case-takeaway p:last-child{font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.4;letter-spacing:-.025em;max-width:40ch}
.project-brief{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;padding-block:4rem}
.project-brief>div>p{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.55;margin:1rem 0 0}
.project-brief dl{margin:0}
.project-brief dl>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--case-ink) 25%,transparent)}
.project-brief dt{font-size:.82rem;opacity:.75}.project-brief dd{font-size:.95rem;margin:0;line-height:1.45}.project-brief dd span{display:block;margin-bottom:.4rem}
.chapter-rail{position:sticky;top:var(--header-height);z-index:35;background:var(--case-wash);border-block:1px solid color-mix(in srgb,var(--case-ink) 25%,transparent)}
.chapter-rail-inner{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.rail-brand{flex:0 0 auto;display:flex;gap:.6rem;align-items:center;text-decoration:none;font-size:.88rem;max-width:220px;line-height:1.2}
.rail-o{font-weight:bold;display:inline-block;font-size:2rem;line-height:1;transform:translateY(-.15rem);color:var(--case-accent)}
.chapter-links{display:flex;gap:1.3rem;overflow:auto;min-width:0;scrollbar-width:thin;align-self:stretch;align-items:center}
.chapter-links a{position:relative;display:flex;align-items:center;flex-shrink:0;gap:.4rem;text-decoration:none;font-size:.84rem;min-height:60px;white-space:nowrap;border-bottom:3px solid transparent}
.chapter-links a small{font-size:.75rem;opacity:.7}
.chapter-links a[aria-current]{border-bottom-color:var(--case-accent);font-weight:bold}
.chapter-select-label{display:none}
.case-chapter{scroll-margin-top:90px;padding-block:5rem}
.case-chapter .chapter-heading h2{font-size:clamp(2.1rem,3.7vw,4rem);max-width:15ch}
.case-chapter .chapter-copy p{font-size:1rem;line-height:1.65}
.case-chapter .chapter-number{font-size:1.05rem;border:1px solid currentColor;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;letter-spacing:0;line-height:1}
.deliverable-details{margin-top:1.4rem;border-top:1px solid color-mix(in srgb,var(--case-ink) 25%,transparent);padding-top:.2rem}
.deliverable-details summary{cursor:pointer;font-size:.88rem;min-height:44px;padding:.65rem 0}
.deliverable-details .chapter-outputs{margin-top:.3rem;border:0}
.chapter-feature .chapter-media .image-window{background:transparent}
.chapter-feature .chapter-media .image-window img{max-height:85vh;width:100%;object-fit:contain}
.chapter-paired .chapter-media{grid-template-columns:1.2fr .8fr;align-items:center;gap:3vw}
.chapter-paired .chapter-media>.media-item:nth-child(2){padding-top:5rem}
.chapter-split{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:5vw;align-items:start}
.chapter-split .chapter-heading{display:block;position:sticky;top:calc(var(--header-height) + 110px)}
.chapter-split .chapter-heading h2{margin:1.3rem 0}
.chapter-split .chapter-media{grid-template-columns:1fr;gap:2.5rem}
.chapter-split .chapter-number{margin-bottom:1.5rem}
.chapter-gallery .chapter-heading{grid-template-columns:4rem 1fr 1.15fr}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;font-size:.9rem}
.gallery-toolbar>span small{display:block;font-size:.78rem;opacity:.7}
.gallery-toolbar>div{display:flex;align-items:center;gap:1rem;white-space:nowrap}
.gallery-toolbar button{border:1px solid currentColor;background:transparent;min-width:46px;min-height:46px;border-radius:50%;cursor:pointer}
.gallery-toolbar button:disabled{opacity:.3;cursor:default}
.chapter-media.gallery-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1.5rem;padding:0 0 1rem;align-items:start;touch-action:pan-x pan-y;cursor:grab}
.chapter-media.gallery-track>.media-item{flex:0 0 70%;max-width:none!important;scroll-snap-align:start;margin:0!important}
.gallery-track:after{content:'';flex:0 0 calc(30% - 1.5rem)}
.chapter-media.gallery-track .image-window{height:clamp(330px,46vw,620px);background:color-mix(in srgb,var(--case-ink) 6%,var(--case-wash))}
.chapter-media.gallery-track .image-window img{height:100%;width:100%;object-fit:contain;max-height:none;user-select:none}
.gallery-track.is-dragging{scroll-snap-type:none;cursor:grabbing}
.gallery-track.is-dragging a{pointer-events:none}
.kit-explorer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4vw;align-items:start}
.kit-photo{position:relative;width:100%;background:#dde1d9}
.kit-photo>img{width:100%;height:auto}
.kit-photo button{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#1e211e;color:white;box-shadow:0 2px 8px #0004;cursor:pointer;font-size:1rem}
.kit-photo button[aria-pressed=true]{background:#bc3f29;outline:3px solid #ffffff88;outline-offset:4px}
.kit-description{position:sticky;top:calc(var(--header-height) + 100px)}
.kit-description h3{font-size:clamp(2rem,3.8vw,4rem);max-width:12ch;margin:1rem 0}
.kit-description .kit-instruction{font-size:.88rem;opacity:.8}
.kit-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.kit-buttons button{border:1px solid currentColor;padding:.55rem .75rem;min-height:44px;background:transparent;font-size:.85rem;cursor:pointer}
.kit-buttons button[aria-pressed=true]{background:var(--case-ink);color:var(--case-wash)}
.kit-detail{border-top:1px solid currentColor;padding-top:1rem;min-height:160px}
.kit-detail h4{font-size:1.35rem;margin:.2rem 0 .7rem}.kit-detail p{font-size:1rem;line-height:1.5}
.kit-description>small{display:block;font-size:.8rem;opacity:.8}
.kit-full{display:inline-block;margin-top:1.2rem;font-size:.88rem;min-height:44px}
.build-story{padding-top:3.5rem}
.story-title{max-width:700px;margin-bottom:3rem}.story-title h2{font-size:clamp(3rem,5.3vw,6rem);margin:1.5rem 0;line-height:1}
.story-title p:last-child{font-size:1rem}
.story-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start;position:relative}
.story-visual{position:sticky;top:calc(var(--header-height) + 95px);height:calc(100svh - var(--header-height) - 125px);min-height:350px;max-height:750px}
.story-frame{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease}
.story-frame.is-active{opacity:1}
.story-frame img{width:100%;height:calc(100% - 60px);object-fit:cover}
.story-frame figcaption{font-size:.83rem;padding-top:.6rem;line-height:1.4}
.story-frame figcaption small,.story-mobile-image small{display:block;font-size:.76rem;opacity:.75}
.story-count{position:absolute;left:1rem;top:1rem;background:var(--case-ink);color:var(--case-wash);padding:.5rem .7rem;font-size:.85rem}
.story-steps article{min-height:75svh;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}
.story-steps article h3{font-size:clamp(2rem,3.6vw,4rem);line-height:1.05;margin:1.3rem 0}
.story-steps article p{font-size:1.05rem;line-height:1.65}
.story-steps article a{font-size:.88rem;min-height:44px}
.story-mobile-image{display:none}
[data-entrance]{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
[data-entrance]:not(.has-entered){transform:translateY(20px)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:ooo-out .16s ease both}
::view-transition-new(root){animation:ooo-in .3s ease both}
@keyframes ooo-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes ooo-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.theme-blackbook .chapter-feature .chapter-media{max-width:950px;margin-inline:auto}.theme-blackbook .chapter-heading h2{text-transform:uppercase}.theme-stagecoach .chapter-feature .chapter-media img{max-height:85vh}.theme-june .chapter-feature .chapter-heading{grid-template-columns:4rem 1fr 1fr}.theme-healthade .chapter-number,.theme-luna .chapter-number{border-radius:0}}
@media(max-width:1000px){.rail-brand>span:last-child{display:none}.motion-intro{gap:2rem}.project-brief{gap:3rem}.chapter-split{grid-template-columns:1fr;gap:1rem}.chapter-split .chapter-heading{position:static}.chapter-split .chapter-media{grid-template-columns:1fr 1fr}.story-layout{grid-template-columns:1fr 1fr;gap:2.5rem}.kit-explorer{gap:2rem}}
@media(max-width:760px){
 .motion-home{padding-top:2.4rem}.motion-intro{grid-template-columns:1fr;gap:1.6rem;padding-bottom:2.2rem}.motion-intro h1{font-size:clamp(3.3rem,11.6vw,5.8rem);line-height:.98;margin-top:1rem}.motion-intro-aside{max-width:none;display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem}.motion-intro-aside p{font-size:1rem;margin:0}.motion-intro-aside a{grid-column:1/-1;font-size:.9rem}.ooo-motion-mark{grid-column:2;grid-row:1;font-size:2.3rem;align-self:center}.home-reel-stage{padding:0}.home-reel-window{border-radius:0}.home-reel{aspect-ratio:16/9;max-height:none}.reel-caption{position:relative;padding:.8rem var(--gutter);background:#171a17;display:block}.reel-caption>span{display:block}.reel-caption>span:last-child{font-size:.76rem;margin-top:.3rem}.home-reel .loop-control{bottom:.65rem;right:.65rem}.loop-type{left:.6rem;top:.6rem;font-size:.7rem}.reel-source{display:block;font-size:.76rem}.reel-source a{display:inline-flex;align-items:center;min-height:44px}.motion-toggle{right:.6rem;bottom:.6rem;font-size:.75rem;min-height:44px;padding:.45rem .85rem}.home-card-grid{grid-template-columns:1fr;gap:2.5rem}.home-card-grid .work-card:nth-child(3){grid-column:auto}.home-card-grid .work-card:nth-child(3) .card-image{aspect-ratio:4/3}.project-brief{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.project-brief>div>p{font-size:1.1rem}.project-brief dl>div{grid-template-columns:6rem 1fr}.chapter-rail-inner{min-height:65px;gap:.8rem}.chapter-links{display:none}.chapter-select-label{display:block;flex:1;min-width:0}.chapter-select-label select{width:100%;min-height:44px;padding:.5rem 1.8rem .5rem .7rem;font:inherit;font-size:.9rem;border:1px solid currentColor;border-radius:0;background:var(--case-wash);color:var(--case-ink)}.rail-brand{max-width:none}.rail-brand>span:last-child{display:none}.case-chapter{padding-block:3rem;scroll-margin-top:80px}.case-chapter .chapter-heading,.chapter-gallery .chapter-heading{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;margin-bottom:1.7rem}.case-chapter .chapter-heading h2{font-size:clamp(1.8rem,7.8vw,2.6rem);max-width:none;margin:0}.case-chapter .chapter-number{width:2.3rem;height:2.3rem;font-size:.9rem;margin:0}.chapter-copy{grid-column:1/-1}.chapter-paired .chapter-media,.chapter-split .chapter-media{grid-template-columns:1fr;gap:1.8rem}.chapter-paired .chapter-media>.media-item:nth-child(2){padding-top:0}.chapter-media figcaption{flex-direction:column}.chapter-media figcaption small,.chapter-media figcaption a{font-size:.8rem}.chapter-media.gallery-track>.media-item{flex-basis:90%}.gallery-track:after{flex-basis:calc(10% - 1.5rem)}.chapter-media.gallery-track .image-window{height:390px;max-height:65svh}.gallery-toolbar>div{gap:.65rem}.gallery-toolbar{font-size:.83rem}.gallery-toolbar>span small{max-width:13ch}.gallery-toolbar button{min-width:44px;min-height:44px}.kit-explorer{grid-template-columns:1fr;gap:1.5rem}.kit-description{position:static}.kit-description h3{font-size:2.3rem;max-width:15ch}.kit-photo button{width:40px;height:40px;min-width:40px;min-height:40px}.kit-detail{min-height:150px}.build-story{padding-top:2rem}.story-title{margin-bottom:1rem}.story-title h2{font-size:2.8rem}.story-layout{display:block}.story-visual{display:none}.story-steps article{min-height:0;padding:2rem 0;border-bottom:1px solid color-mix(in srgb,var(--case-ink) 25%,transparent)}.story-steps article h3{font-size:2.2rem}.story-mobile-image{display:block;margin:1rem 0}.story-mobile-image img{width:100%;height:auto}.story-mobile-image figcaption{font-size:.83rem;padding-top:.65rem}.case-takeaway{padding-block:2.5rem}.case-page .case-takeaway p:last-child{font-size:1.45rem}.case-page .case-note{font-size:.9rem}.case-page .case-tags{font-size:.86rem}.filter-bar button{font-size:.83rem}.reel-credits{padding-bottom:4rem}
}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
.motion-paused [data-entrance]{transform:none;transition:none}
.motion-paused .story-frame,.motion-paused .card-preview{transition:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-entrance]{transform:none}.home-reel-stage{padding:0}.home-reel-window{border-radius:0}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.case-page .source-list small,.case-page .social-source-list a{color:inherit;font-size:.82rem}
.case-page .source-list,.case-page .source-list>a{border-color:color-mix(in srgb,var(--case-ink) 25%,transparent)}
.case-page .case-topline,.case-page .case-topline a,.case-page .case-topline>span{color:var(--case-ink)}
.site-footer{padding-bottom:3.5rem}
.process-board li{min-width:0}.process-board strong{overflow-wrap:anywhere}
@media(max-width:400px){.process-board ol{grid-template-columns:1fr}}
.motion-paused::view-transition-old(root),.motion-paused::view-transition-new(root){animation:none!important}

/* Find the exact brand, assignment and responsibility. */
.work-page-hero{min-height:0}.work-page-hero .page-hero-inner{padding-bottom:2.5rem}.work-page-hero h1{font-size:clamp(3rem,7vw,6.7rem)}
.work-finder{margin:1.5rem 0 0;padding:1.7rem;border:1px solid var(--ink,#1e211e);background:#e9e9de;color:#1e211e}
.work-finder label{display:block;min-width:0}.work-finder label>span{display:block;font-size:.76rem;font-weight:600;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.07em}
.work-finder input,.work-finder select{width:100%;min-width:0;border:1px solid #8d9185;border-radius:0;color:#1e211e;background:#f6f5eb;font:inherit;min-height:50px;padding:.7rem .9rem}
.work-finder input{font-size:1.3rem;border-color:#1e211e}.finder-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end;margin-top:1.4rem}.finder-reset,.finder-empty button{font:inherit;min-height:50px;padding:.75rem 1rem;border:1px solid #1e211e;background:transparent;color:#1e211e;cursor:pointer}.finder-help{font-size:.86rem;line-height:1.5;margin:1rem 0 0;max-width:75ch}.finder-status{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.9rem;padding-block:1.2rem}.finder-status>span{font-size:.78rem;color:#53564c}.work-result{min-width:0;display:flex;flex-direction:column}.work-result[hidden],.finder-empty[hidden]{display:none!important}.work-result .work-card{height:auto}.result-scope{padding:.5rem 0 1.4rem}.result-scope>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}.result-scope>p{font-size:.84rem;line-height:1.5;max-width:40ch;margin:.5rem 0 1rem}.result-sections{display:grid;gap:0}.result-sections a{font-size:.84rem;line-height:1.4;padding:.65rem 0;border-top:1px solid #afb0a5;display:block;min-height:44px}.finder-empty{padding:2rem 0 5rem}.finder-empty h2{font-size:2rem}
.case-hero-editorial .case-title-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-hero-editorial h1{grid-column:1;grid-row:2/5;font-size:clamp(3.2rem,7vw,7rem);line-height:1.02;max-width:14ch;align-self:start}.case-hero-editorial .case-name{font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.12;grid-column:2;grid-row:2;font-weight:600;max-width:24ch}.case-hero-editorial .case-lede{grid-row:3;grid-column:2;line-height:1.55}.case-hero-editorial .case-tags{grid-column:2;grid-row:4}.case-hero-editorial .case-note{grid-column:2}
.brand-projects{display:flex;gap:.75rem 1.4rem;flex-wrap:wrap;align-items:center;padding-block:1.5rem;border-block:1px solid color-mix(in srgb,var(--case-ink) 30%,transparent);font-size:.87rem}.brand-projects>span{font-weight:600}.brand-projects a{padding:.5rem 0;max-width:32ch}.brand-projects a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.case-contents{display:grid;grid-template-columns:1fr 2fr;gap:4vw;padding-block:1rem 4rem}.case-contents h2{font-size:clamp(2rem,3vw,3rem);max-width:15ch;line-height:1.1;margin-top:1rem}.scope-links{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.scope-links a{display:grid;grid-template-columns:1.5rem 1fr 1rem;gap:.75rem;align-items:start;padding:1rem 0;border-top:1px solid color-mix(in srgb,var(--case-ink) 30%,transparent);min-width:0}.scope-links a>span{font-size:.75rem;opacity:.65;padding-top:.2rem}.scope-links strong{font-size:1rem;line-height:1.3;display:block}.scope-links small{font-size:.77rem;line-height:1.4;display:block;margin-top:.4rem;opacity:.8}.scope-links b{font-weight:400}.scope-links a:hover strong{text-decoration:underline;text-underline-offset:3px}
.deliverable-details h3{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;margin:1.2rem 0 .7rem}.deliverable-details .chapter-outputs{margin:0}.case-chapter .chapter-heading h2{max-width:19ch;font-size:clamp(2rem,3.3vw,3.6rem)}
.case-fit{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;padding-block:4rem;border-bottom:1px solid color-mix(in srgb,var(--case-ink) 25%,transparent)}.case-fit h2{font-size:clamp(1.8rem,3.3vw,3.2rem);line-height:1.18;max-width:26ch}.fit-detail>p{line-height:1.5;margin-top:0}.fit-links{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0 2rem}.fit-links a{font-size:.78rem;border:1px solid currentColor;padding:.65rem .7rem;min-height:44px}.fit-links a:hover{background:var(--case-ink);color:var(--case-wash)}
@media(max-width:1000px){.finder-filters{grid-template-columns:1fr 1fr}.case-contents{grid-template-columns:1fr}.case-contents h2{max-width:none}.case-hero-editorial h1{font-size:clamp(3rem,7vw,5rem)}}
@media(max-width:760px){.work-finder{padding:1rem}.work-finder input{font-size:1rem}.finder-filters{grid-template-columns:1fr;gap:1rem}.finder-status>span{display:none}.work-index-grid{gap:2.3rem}.case-hero-editorial .case-title-block{display:flex}.case-hero-editorial h1{font-size:clamp(2.6rem,11vw,4.8rem);max-width:none}.case-hero-editorial .case-name{font-size:1.6rem;max-width:none}.case-contents{padding-bottom:2.5rem}.scope-links{grid-template-columns:1fr}.case-fit{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.case-fit h2{font-size:2rem;max-width:none}.brand-projects{gap:.5rem 1rem}.brand-projects>span{width:100%}.brand-projects a{font-size:.8rem}.case-chapter .chapter-heading h2{font-size:clamp(1.7rem,7.3vw,2.5rem);max-width:none}}
.work-page-hero .page-hero-inner{padding-top:3rem;padding-bottom:2.5rem}.work-page-hero .page-hero-shape{display:none}.work-page-hero .page-hero-foot{margin-top:1.5rem;padding-top:1.3rem;max-width:none}.work-page-hero h1{font-size:clamp(2.7rem,5vw,5rem);max-width:none}.work-page-hero .page-hero-foot p{max-width:65ch}.work-index.section-space{padding-top:2.5rem}.chapter-media.media-count-0{display:none}.chapter-feature .chapter-media .image-window img{object-fit:contain}.theme-luck .project-hero-image .image-window{aspect-ratio:auto;max-height:76vh}.theme-luck .project-hero-image .image-window img{object-fit:contain;max-height:76vh}
@media(max-width:760px){.work-page-hero .page-hero-inner{padding-block:2.3rem}.work-page-hero .page-hero-foot{margin-top:1.3rem}.work-page-hero .page-hero-foot>span{display:none}.work-index.section-space{padding-top:1.7rem}}
.service-jumps{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;padding-block:2rem;border-bottom:1px solid #8d9185}.service-jumps a{font-size:.85rem;min-height:44px;display:flex;align-items:center}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:4rem;border-bottom:1px solid #8d9185;scroll-margin-top:100px}.service-detail h2{font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.1;max-width:19ch;margin:1rem 0}.service-detail p{line-height:1.6;max-width:53ch}.service-detail h3{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.service-proof{display:block;padding:1rem 0;border-top:1px solid #afb0a5;font-size:1rem}.service-all{display:block;padding:1rem 0;font-size:.82rem}.engagement-path{padding-block:4rem}.engagement-path h2{font-size:clamp(2rem,3vw,3rem)}.engagement-path>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin:2rem 0}.engagement-path article>span{font-size:.8rem}.engagement-path h3{font-size:1.4rem}.engagement-path p{line-height:1.5}.capabilities-hero .page-hero-inner{padding-block:3rem}
@media(max-width:760px){.service-detail{grid-template-columns:1fr;gap:1.3rem;padding-block:2.5rem}.engagement-path>div{grid-template-columns:1fr;gap:1rem}.service-jumps{gap:.3rem 1rem}.service-jumps a{font-size:.78rem}}
.drop-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.drop-directory a{border:1px solid color-mix(in srgb,var(--case-ink) 40%,transparent);padding:1rem;min-width:0}.drop-directory strong{display:block;font-size:1rem;line-height:1.4}.drop-directory span{display:block;font-size:.78rem;margin-top:.7rem}.drop-directory a:hover{background:var(--case-ink);color:var(--case-wash)}.theme-merch .project-hero-image .image-window{aspect-ratio:16/8;background:#e5e5e0}.theme-merch .project-hero-image .image-window img{object-fit:contain}.theme-chrislake .project-hero-image .image-window img{object-position:center}.media-video{max-width:1280px;margin-inline:auto}
@media(max-width:760px){.drop-directory{grid-template-columns:1fr 1fr;gap:.6rem}.drop-directory a{padding:.75rem}.drop-directory strong{font-size:.85rem}.drop-directory span{font-size:.7rem}.theme-merch .project-hero-image .image-window{aspect-ratio:1}}
@media(max-width:380px){.drop-directory{grid-template-columns:1fr}}
.brand-branches{padding-block:1rem 4rem}.brand-branches>div:first-child{max-width:60ch}.brand-branches h2{font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.1;margin:1rem 0}.brand-branches p{line-height:1.6}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.branch-grid a{min-width:0;display:block}.branch-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.branch-grid strong{display:block;font-size:1.7rem;line-height:1.15;margin:.9rem 0 .6rem}.branch-grid span{display:block;font-size:.86rem;border-bottom:1px solid currentColor;padding-bottom:1rem;line-height:1.5}.two-branches{grid-template-columns:1fr 1fr;gap:3rem}.two-branches .product-branch{object-fit:contain;background:#e5e5e0}.brand-hub-hero{padding-block:3rem}.brand-hub-hero h1{font-size:clamp(4rem,9vw,8rem);margin:1rem 0 2rem;line-height:1}.brand-hub-hero>div{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;margin-bottom:2rem}.brand-hub-hero h2{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.1;margin:0}.brand-hub-hero p{font-size:1.1rem;line-height:1.6;margin:0}.brand-hub-hero>img{width:100%;max-height:70vh;object-fit:cover}.brand-hub-hero>small{display:block;font-size:.77rem;margin-top:.6rem}.brand-related{padding-block:2rem 4rem}.brand-related>a{display:block;padding:1rem 0;border-top:1px solid currentColor;font-size:1.1rem}
@media(max-width:760px){.branch-grid,.two-branches{grid-template-columns:1fr;gap:2rem}.brand-hub-hero>div{grid-template-columns:1fr;gap:1.3rem}.brand-hub-hero{padding-block:2rem}.brand-hub-hero h1{font-size:clamp(3rem,13vw,5rem)}.brand-hub-hero p{font-size:1rem}.brand-hub-hero>img{aspect-ratio:4/3}.brand-branches{padding-bottom:2.5rem}}
[data-card-preview][hidden]{display:none!important}
.brand-jumplinks{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin:0 0 2rem}.brand-jumplinks a{display:inline-flex;align-items:center;min-height:44px;border:1px solid currentColor;padding:.65rem 1rem;font-size:.87rem}.brand-jumplinks a:hover{background:var(--case-ink);color:var(--case-wash)}[data-project="under-construction-head-trip"] .project-hero-image .image-window{background:#e5e5e0;aspect-ratio:16/8}[data-project="under-construction-head-trip"] .project-hero-image .image-window img{object-fit:contain}[data-project="under-construction-head-trip"] #development .chapter-media .image-window{max-width:600px;margin-inline:auto}
@media(max-width:760px){[data-project="under-construction-head-trip"] .project-hero-image .image-window{aspect-ratio:1}.brand-jumplinks a{font-size:.78rem;padding:.55rem .7rem}}