/* Local design study. Approved v18 is preserved separately. */
:root{--paper:#fffafb;--ink:#512337;--muted:#7a5966;--line:#ead6de;--accent:#af7187;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--paper)}
body::before,body::after,.slide::after,.intro::before,.intro::after,.portrait::after{display:none!important}
.masthead{max-width:none;padding:20px max(5%,calc((100vw - 1320px)/2));gap:32px;background:#fffafbef;border-bottom:1px solid #ead6deaa;box-shadow:none}
.masthead::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.masthead nav{gap:30px}.masthead nav a{position:relative;padding:8px 0;font-size:13px}.masthead nav a:last-child{border:0}
.masthead nav a::after{content:"";height:1px;position:absolute;bottom:2px;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.masthead nav a:hover::after,.masthead nav a[aria-current]{transform:scaleX(1)}
.masthead nav a[aria-current]::after{transform:scaleX(1)}
.language-switch{background:transparent;border-color:var(--line);gap:3px;padding:4px}.language-switch>span{display:none}.language-switch button{min-width:32px;min-height:30px;letter-spacing:.5px}.language-switch button[aria-pressed=true]:hover{color:white}
main{max-width:1500px}.slide{padding:90px 7%;min-height:0;scroll-margin-top:98px}.slide:nth-of-type(even){background:#fcf2f6}.slide.active{animation:none}
.eyebrow{font-size:10px;line-height:1.8;letter-spacing:2.5px;color:var(--muted)}
.intro{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:8%;min-height:calc(100svh - 96px);padding-block:60px 72px;background:linear-gradient(110deg,#fffafb 45%,#faeaf0)}
.intro-copy{max-width:560px}.intro h1{font-size:clamp(62px,5.8vw,86px);margin-bottom:24px}.intro h1 .script{margin-left:55px;font-size:1.42em;text-shadow:none}.intro h1 .script::after{display:none}
.intro .lead{font-size:30px;line-height:1.2}.intro-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.85;margin-bottom:18px}
.intro .portrait{width:100%;max-width:460px;padding:0 16px 18px 0;filter:none}.intro .portrait img{height:clamp(470px,62vh,650px);border-radius:240px 240px 0 0;object-position:50% 54%;box-shadow:none}
.intro .portrait::before{inset:14px 0 0 14px;border:1px solid #c895a866;border-radius:240px 240px 0 0;background:none}.portrait-tag{right:-16px;font-size:9px;letter-spacing:2.4px}
.community-note{max-width:400px;background:transparent;padding:16px 0;margin:22px 0;gap:20px}.community-note>strong{font-size:46px}.community-note>span{font-size:13px}.community-note small{font-size:11px}
.button.solid{border-radius:4px;padding:16px 25px;font-size:12px;gap:50px;box-shadow:0 8px 20px #51233712}.intro-details{font-size:10px;letter-spacing:.35px;margin-top:28px;padding-top:18px}
.section-heading{margin-bottom:44px;gap:30px}.section-heading .eyebrow{margin-bottom:24px}.section-heading .eyebrow::after{width:42px;bottom:-9px}.section-heading h2{font-size:clamp(46px,4.8vw,72px);line-height:1.12;letter-spacing:-1.7px}.section-heading h2 .script{font-size:1.2em}.section-heading>p{font-size:13px;max-width:260px;line-height:1.8}
.film-grid{max-width:1120px;gap:32px;align-items:start}.film{width:100%;position:relative}.film-frame{max-height:none;border-radius:9px;box-shadow:0 14px 35px #5123370c;aspect-ratio:9/15.5}.film-frame video{object-fit:cover}
.film-start{justify-content:flex-end;align-items:flex-start;padding:22px;gap:12px;flex-direction:row;background:linear-gradient(transparent 65%,#20101980)}
.play-circle{width:36px;height:36px;font-size:12px;background:#ffffff18;border-color:#ffffff70;padding-left:2px;flex:none}.play-label{position:static;align-self:center;font-size:10px;letter-spacing:1.8px;margin-right:auto}
.film.is-visible .play-circle,.more-insights.is-visible summary span{animation:none}.film figcaption{padding:20px 2px 0}.film figcaption .film-title{font-size:27px;letter-spacing:-.3px}.viral-results{margin-top:14px;padding-top:12px}.film figcaption .viral-label{font-size:9px;letter-spacing:1.8px}.video-stat{gap:12px;padding-top:7px}.video-stat strong{font-size:13px}.film figcaption .video-stat span{font-size:11px}
.section-tail{margin-top:42px;padding-top:22px}.section-tail p{font-size:11px}.text-link{font-size:12px;line-height:1.9;border-bottom-color:#ba8a9b;transition:color .2s,border-color .2s}
.insights .section-heading{margin-bottom:40px}.insights-layout{grid-template-columns:1.05fr .95fr;gap:7%;align-items:start}.period{font-size:11px;letter-spacing:.2px;margin-bottom:18px}.metrics{gap:14px}.metric{border-radius:5px;background:#fff9;box-shadow:none;padding:24px}.main-metric{background:#f6e5ec}.main-metric strong{font-size:clamp(64px,7vw,104px);letter-spacing:-3px}.metric strong{line-height:1.03}.metric span{display:block;font-size:12px;margin-top:10px}.metric::after{height:2px}.insight-note{font-size:24px;line-height:1.4;margin:24px 0}.audience{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:24px 0 0}.audience-row{font-size:12px}.bar{height:3px}.fine,.source-note{font-size:10px;line-height:1.7}.source-note{max-width:750px;margin-top:18px}
.proof{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:center;padding-top:34px}.screenshot-button{width:100%;max-width:240px;border-radius:10px;padding:7px;transform:none;box-shadow:0 18px 45px #51233710;transition:transform .5s var(--ease),box-shadow .5s}.screenshot-button img{border-radius:5px}.screenshot-button>span{font-size:10px;padding-block:12px 5px}.proof-note{display:block}.proof-note>.script{font-size:36px}.proof-note p{font-size:12px}.proof-note .text-link{font-size:11px}
.more-insights{border-radius:6px;border-color:#d9afbf;box-shadow:none;margin-top:36px}.more-insights summary{padding:21px 25px;font-size:14px;background:#f0d9e3}.more-insights summary span{font-weight:400;font-size:24px;transition:transform .4s var(--ease)}.more-insights[open] summary span{transform:rotate(45deg)}.expanded-insights{padding:28px;gap:36px 45px}.more-insights>.fine{padding:0 28px 15px}.expanded-insights .eyebrow{font-size:10px}.expanded-insights .text-link{font-size:11px}
.collaboration{padding-block:90px 65px;background:#f8e8ef}.collaboration h2{font-size:clamp(54px,6vw,86px)}.collab-intro{font-size:14px;line-height:1.85;max-width:570px;margin-bottom:40px}.collab-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1120px;padding:32px 0}.collab-options article{padding:34px 0 0}.collab-options article:last-child:nth-child(3){grid-column:auto;max-width:none}.option-number{top:0;font-size:18px}.collab-options h3{font-size:26px;line-height:1.2}.collab-options p{font-size:13px;line-height:1.85}.brand-services{max-width:1120px;padding:28px 30px;border:1px solid #ead6de;background:#fff7;border-radius:6px;margin:30px auto 42px}.service-list{justify-content:space-between;gap:15px}.service-list span{font-size:25px}.brand-services>p:last-child{font-size:13px;line-height:1.8;max-width:780px}.email{font-size:clamp(24px,3vw,39px)}.social-links{font-size:12px;margin-top:24px}.signoff{margin-top:34px;font-size:36px}
.page-nav{padding:22px 7%;background:var(--paper)}.footer-label{font-size:9px;letter-spacing:2px}.page-dots a{font-size:10px}.mobile-navigation{display:none}
.scroll-reveal{transition-duration:1s;transition-timing-function:var(--ease);will-change:auto}.slide.active .film.is-visible{animation:editorial-arrive .95s var(--ease) both;animation-delay:var(--stagger)}
.intro.section-in-view .portrait img{animation:hero-image 1.5s var(--ease) .1s both}.intro.section-in-view .intro-copy>*{animation-duration:1s;animation-timing-function:var(--ease)}
@keyframes editorial-arrive{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media(hover:hover){.film:hover .film-frame{box-shadow:0 24px 45px #5123371c}.film:hover .film-frame video{transform:scale(1.035)}.screenshot-button:hover{transform:translateY(-5px);box-shadow:0 24px 50px #51233720}}
@media(min-width:1001px){.film:nth-child(2){padding-top:32px}.work-slide{padding-top:85px;padding-bottom:70px}}
@media(min-width:701px) and (max-width:1050px){.masthead{gap:18px;padding-inline:4%}.masthead nav{gap:18px}.slide{padding-inline:5%}.intro{gap:5%}.intro h1{font-size:62px}.intro .portrait img{height:510px}.intro-copy>p:not(.eyebrow):not(.lead){font-size:13px}.proof{grid-template-columns:1fr;padding-top:0}.proof-note{text-align:center;max-width:270px}.screenshot-button{max-width:220px}.collab-options{gap:25px}.service-list{justify-content:flex-start}}
@media(max-width:700px){
 html{scroll-padding-top:80px}body{padding-bottom:76px}.masthead{padding:15px 6%;gap:12px}.wordmark{font-size:29px}.wordmark span{font-size:8px;letter-spacing:2px}.masthead nav{display:none}.language-switch{margin-left:auto}.language-switch button{min-width:31px;min-height:30px}
 .slide{padding:58px 6%;scroll-margin-top:78px}.intro{padding-top:42px;padding-bottom:55px;grid-template-columns:1fr;gap:36px}.intro h1{font-size:61px;max-width:100%;margin-bottom:22px}.intro h1 .script{margin-left:58px;font-size:1.45em}.intro .eyebrow{font-size:9px;letter-spacing:1.8px}.intro .lead{font-size:28px}.intro-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.85}.community-note{margin-block:22px;max-width:none}.intro-details{font-size:10px;gap:9px 18px;justify-content:space-between}.intro .portrait{width:90%;max-width:355px;padding:0 14px 18px 0}.intro .portrait img{height:440px}.portrait-tag{font-size:8px;right:-15px}
 .eyebrow{font-size:9px;letter-spacing:2px}.section-heading{margin-bottom:30px;gap:20px}.section-heading .eyebrow{margin-bottom:24px}.section-heading h2{font-size:48px;letter-spacing:-1px;line-height:1.1}.section-heading>p{max-width:300px;font-size:12px;margin:0}.section-heading .script{padding-top:5px}.film-grid{width:100%;max-width:420px;gap:40px}.film{width:100%;max-width:100%;margin:0}.film-frame{border-radius:8px;aspect-ratio:9/15}.film figcaption{padding:17px 2px 0}.film figcaption .film-title{font-size:27px}.film-start{padding:20px}.play-circle{width:38px;height:38px}.film figcaption .video-stat span{display:inline}.video-stat{flex-wrap:nowrap}.viral-results{margin-top:12px}.section-tail{align-items:start;gap:18px;margin-top:30px;padding-top:20px}.section-tail p{max-width:160px;font-size:10px}.section-tail .text-link{font-size:11px;white-space:normal;text-align:right}
 .insights .section-heading{margin-bottom:30px}.insights-layout{grid-template-columns:1fr;gap:26px}.period{font-size:10px}.metric{padding:20px 17px;border-radius:5px}.metric strong{font-size:43px}.main-metric strong{font-size:70px}.metric span{font-size:11px;margin-top:8px}.insight-note{font-size:24px;margin:23px 0}.proof{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;padding-top:0;justify-items:start}.screenshot-button{width:100%;max-width:240px}.screenshot-button>span{font-size:9px;line-height:1.6}.proof-note{text-align:left;max-width:none}.proof-note>.script{font-size:30px;margin-bottom:14px}.proof-note p{font-size:11px;line-height:1.8}.proof-note .text-link{font-size:10px}.audience{padding:22px 0 0}.audience .eyebrow{font-size:9px}.more-insights{margin-top:28px}.more-insights summary{font-size:13px;padding:19px 18px}.expanded-insights{padding:23px 18px}.more-insights>.fine{padding-inline:18px}
 .collaboration{text-align:left;padding-block:58px 45px}.collaboration h2{font-size:52px;line-height:1.1}.collab-intro{font-size:14px;margin-bottom:30px}.collab-options{grid-template-columns:1fr;gap:26px;padding-block:28px}.collab-options article{padding:0 0 0 35px}.option-number{top:4px}.collab-options h3{font-size:27px}.collab-options p{font-size:13px}.brand-services{padding:23px 20px;margin:27px 0 34px}.service-list{gap:13px}.service-list span{font-size:24px}.brand-services .eyebrow{font-size:9px}.email{font-size:26px}.social-links{font-size:12px}.signoff{font-size:33px}
 .page-nav{position:static;justify-content:center;padding:24px 6%;border:0;background:#f8e8ef}.footer-label{display:block;max-width:none;font-size:8px}.page-dots{display:none}.mobile-navigation{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffafbf2;backdrop-filter:blur(16px)}.mobile-navigation a{font-size:10px;text-align:center;padding:12px 4px;border-radius:5px;color:var(--muted);transition:background .3s,color .3s}.mobile-navigation a[aria-current]{color:var(--ink);background:#f3e1e9}.mobile-navigation a:hover{color:var(--ink)}
}
@media(max-width:360px){.intro h1{font-size:54px}.intro h1 .script{margin-left:44px}.section-heading h2{font-size:43px}.main-metric strong{font-size:62px}.proof{gap:14px}.proof-note>.script{font-size:27px}.email{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-reveal{opacity:1!important;transform:none!important}.bar i,.metric::after{transform:scaleX(1)!important}}

/* Anchor offsets use the section margin once, avoiding a double header gap. */
html{scroll-padding-top:0}.film-start{justify-content:flex-start;align-items:flex-end}.film-start .play-label{align-self:flex-end;line-height:36px}.film-frame{aspect-ratio:9/16}
@media(max-width:700px){.film-start .play-label{line-height:38px}}

/* A distinct, quiet feature for completed brand work. */
#work,#instagram{background:#fcf2f6}
#more-work,#tiktok{background:var(--paper)}
.slide.brand-feature{background:linear-gradient(115deg,#f5dee7,#fbeef3 62%,#fffafb);padding-block:64px 48px;border-top:1px solid #ddb7c8;border-bottom:1px solid #ddb7c8}
.brand-feature-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #c995aa66;margin-bottom:38px}
.brand-feature-top .eyebrow{margin:0;font-size:12px;letter-spacing:2px}
.brand-feature-category{font-size:12px;letter-spacing:1.4px;color:var(--muted)}
.brand-feature-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);gap:7%;align-items:center}
.brand-feature-copy h2{font:500 clamp(40px,3.8vw,58px)/1.1 var(--serif);letter-spacing:-1px;margin:0 0 26px}
.brand-feature-copy h2 .script{display:inline-block;font-size:1.28em;line-height:1.3;padding-top:5px;color:#9b526f}
.brand-feature-description{max-width:335px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:25px;text-wrap:pretty}
.brand-feature-formats{font-size:14px;padding-top:18px;border-top:1px solid #c995aa66;max-width:335px;margin-bottom:18px;color:var(--muted)}
.brand-feature-copy .text-link{font-size:14px}
.brand-feature-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:600px;margin:0 auto}
.brand-feature-videos .film{padding-top:0;max-width:none}
.brand-feature-videos .film-frame{max-height:none;border:5px solid #fffafbc9;border-radius:12px;box-shadow:0 15px 38px #51233714}
.brand-feature-videos .film-frame video{filter:none}
.brand-feature-videos .film:nth-child(2){padding-top:30px}
.brand-feature-videos .film figcaption{display:flex;align-items:baseline;gap:12px;padding:15px 4px 0}
.brand-feature-videos .film figcaption .brand-film-number{font:italic 16px var(--serif);color:#9b526f}
.brand-feature-videos .film figcaption .film-title{font-size:25px;line-height:1.25}
.brand-feature-note{margin:32px 0 0;padding-top:22px;border-top:1px solid #c995aa66;font-size:14px;color:var(--muted)}
@media(min-width:701px) and (max-width:1000px){.brand-feature-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:5%}.brand-feature-copy h2{font-size:40px}.brand-feature-description{font-size:15px}.brand-feature-videos{gap:16px}.brand-feature-videos .film figcaption .film-title{font-size:22px}}
@media(max-width:700px){
 .slide.brand-feature{padding:42px 6% 40px}
 .brand-feature-top{display:block;padding-bottom:19px;margin-bottom:27px}
 .brand-feature-top .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:7px}
 .brand-feature-category{font-size:12px;letter-spacing:.7px}
 .brand-feature-layout{grid-template-columns:1fr;gap:30px}
 .brand-feature-copy h2{font-size:45px;margin-bottom:17px}
 .brand-feature-copy h2 .script{font-size:1.2em}
 .brand-feature-description{max-width:400px;margin-bottom:19px;font-size:16px;line-height:1.7}
 .brand-feature-formats{max-width:none;padding-top:15px;margin-bottom:13px}
 .brand-feature-videos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;gap:14px}
 .brand-feature-videos .film:nth-child(2){padding-top:24px}
 .brand-feature-videos .film-frame{border-width:3px;border-radius:9px}
 .brand-feature-videos .film-start{padding:12px;gap:8px}
 .brand-feature-videos .play-circle{width:32px;height:32px;font-size:11px}
 .brand-feature-videos .film-start .play-label{font-size:9px;letter-spacing:.7px;line-height:32px;white-space:nowrap}
 .brand-feature-videos .film figcaption{display:block;padding:11px 2px 0}
 .brand-feature-videos .film figcaption .brand-film-number{font-size:14px;margin-bottom:3px}
 .brand-feature-videos .film figcaption .film-title{font-size:23px;line-height:1.15}
 .brand-feature-note{font-size:14px;line-height:1.65;margin-top:27px;padding-top:18px}
}
@media(max-width:360px){.brand-feature-copy h2{font-size:40px}.brand-feature-videos{gap:10px}.brand-feature-videos .film-start{padding:9px;gap:6px}.brand-feature-videos .play-circle{width:28px;height:28px}.brand-feature-videos .film-start .play-label{line-height:28px;font-size:8px}.brand-feature-videos .film figcaption .film-title{font-size:21px}}

/* Fullscreen keeps the entire portrait frame, independent of card cropping and hover. */
.film .film-frame video:fullscreen {
 object-fit:contain;
 object-position:center;
 transform:none;
 transition:none;
 background:#000;
}
.film .film-frame video:-webkit-full-screen {
 object-fit:contain;
 object-position:center;
 transform:none;
 transition:none;
 background:#000;
}