:root{
  --ink:#0b0b0a;--paper:#f4f2ec;--white:#fff;--grey:#77746d;--line:#cbc7bd;
  --signal:#ee3f18;--pad:clamp(20px,4.5vw,72px);--sans:Arial,Helvetica,sans-serif;
  --display:Georgia,"Times New Roman",serif;--ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
::selection{background:var(--signal);color:#fff}:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.skip{position:fixed;left:12px;top:-90px;z-index:200;background:#fff;padding:12px 16px}.skip:focus{top:12px}
.nav{height:64px;position:sticky;top:0;z-index:80;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(11,11,10,.94);color:#fff;border-bottom:1px solid #363633;backdrop-filter:blur(14px);transition:transform .6s var(--ease)}
.nav-hidden{transform:translateY(-102%)}.brand,.nav-mail{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-mail{justify-self:end}.nav-links{display:flex;gap:clamp(16px,2.5vw,38px);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.nav a{transition:opacity .25s}.nav a:hover{opacity:.55}
.label,.project-type,.eyebrow{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.project-type{color:var(--signal)}
.section-top{padding:20px var(--pad);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.section-top.dark{border-color:#3b3b37}
.arrow,.text-link{display:inline-flex;gap:8px;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}

/* Homepage hero */
.hero{height:calc(100svh - 64px);min-height:660px;position:relative;overflow:hidden;background:var(--ink);color:#fff}
.hero-media{position:absolute;inset:0;margin:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.06) 76%),linear-gradient(0deg,rgba(0,0,0,.56),transparent 48%)}.hero-media img{object-position:center;transform:scale(1.04);animation:hero-drift 15s var(--ease) both}
.hero-copy{position:relative;z-index:2;height:100%;padding:26px var(--pad) 34px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;gap:28px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#d1d1cc}.hero-title{margin-top:auto;margin-bottom:clamp(36px,5vw,72px)}.hero h1{font-size:clamp(4.3rem,8.8vw,9.6rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 0;max-width:9ch;animation:title-in 1.1s .1s var(--ease) both}.hero h1 em{font-family:var(--display);font-weight:400;text-transform:none;color:var(--signal)}
.hero-context{display:grid;grid-template-columns:minmax(280px,610px) auto;align-items:end;gap:35px;border-top:1px solid rgba(255,255,255,.4);padding-top:18px}.hero-context p{font:clamp(1.1rem,1.55vw,1.55rem)/1.2 var(--display);margin:0}.hero-caption{position:absolute;z-index:3;right:var(--pad);top:46%;writing-mode:vertical-rl;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:#eee}
@keyframes hero-drift{from{transform:scale(1.08) translate3d(0,-1%,0)}to{transform:scale(1.02) translate3d(0,1%,0)}}@keyframes title-in{from{opacity:0;transform:translateY(60px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
.manifesto{background:var(--ink);color:#fff;padding:clamp(100px,15vw,220px) var(--pad)}.manifesto p{font:clamp(2.6rem,6.3vw,6.8rem)/.98 var(--display);letter-spacing:-.055em;margin:0;max-width:15ch}.manifesto em{color:var(--signal);font-weight:400}

/* Work index */
.work-list{padding:0 var(--pad) clamp(100px,13vw,180px)}.work-card{display:grid;grid-template-columns:46px minmax(260px,.72fr) minmax(380px,1fr);gap:clamp(18px,3vw,52px);align-items:center;padding:clamp(46px,6vw,86px) 0;border-bottom:1px solid var(--line)}.work-card .num{align-self:start;font-size:.7rem;color:var(--grey)}.work-card h2{font-size:clamp(2.4rem,4.7vw,5.5rem);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:10px 0 18px;transition:transform .6s var(--ease)}.work-card .descriptor{font:italic clamp(1.3rem,2vw,2.1rem)/1.05 var(--display);margin:0}.work-card .meta{margin:21px 0 0;color:var(--grey);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.work-card figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:#ddd}.work-card img{--media-scale:1.03;transform:translate3d(0,var(--parallax-y,0),0) scale(var(--media-scale));transition:transform .7s var(--ease)}.work-card:hover h2{transform:translateX(10px)}.work-card:hover img{--media-scale:1.075}.work-card.feature figure{aspect-ratio:16/9}

/* Campaign systems */
.campaign-systems{background:var(--ink);color:#fff;padding-bottom:clamp(100px,12vw,170px)}.systems-intro{padding:clamp(80px,10vw,145px) var(--pad) 65px;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.systems-intro h2{font:clamp(3.5rem,7.2vw,8rem)/.88 var(--display);letter-spacing:-.065em;margin:0}.systems-intro h2 em{color:var(--signal);font-weight:400}.systems-intro p{font:clamp(1.2rem,1.9vw,2rem)/1.25 var(--display);margin:0;max-width:23ch;color:#c4c3bd}.touchpoint-stage{padding:0 var(--pad);display:grid;grid-template-columns:1.3fr .55fr .55fr;gap:clamp(18px,3vw,48px);align-items:end}.master-visual{height:68vh;min-height:560px;position:relative;overflow:hidden}.master-visual span{position:absolute;left:15px;bottom:15px;background:#fff;color:#111;padding:8px 10px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.phone-mockup{height:590px;border:8px solid #222;border-radius:34px;overflow:hidden;position:relative;background:#111;box-shadow:0 28px 70px rgba(0,0,0,.4)}.phone-mockup>img{height:62%;object-position:center}.phone-bar{height:34px;position:absolute;z-index:2;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:12px 18px}.phone-bar i{display:block;width:32px;height:4px;background:rgba(255,255,255,.8);border-radius:5px}.ad-copy{padding:22px;display:flex;height:38%;flex-direction:column;justify-content:space-between}.ad-copy small,.ad-copy span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#aaa}.ad-copy strong{font:1.7rem/1 var(--display)}.format-stack{border-top:1px solid #454542}.format-stack div{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #454542;font-size:.73rem;text-transform:uppercase;letter-spacing:.09em}.format-stack b{color:var(--signal)}

/* Capabilities / About / Contact */
.capabilities{padding-bottom:clamp(90px,12vw,160px)}.capabilities>h2{font:clamp(3.5rem,7vw,7.8rem)/.9 var(--display);letter-spacing:-.06em;margin:0;padding:clamp(80px,10vw,140px) var(--pad) 65px}.cap-grid{margin:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.cap{padding:20px 22px 50px 0;border-bottom:1px solid var(--line)}.cap+.cap{padding-left:22px;border-left:1px solid var(--line)}.cap>span{font-size:.65rem;color:var(--signal)}.cap h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin:35px 0 24px}.cap p{margin:0;color:var(--grey);line-height:1.8}
.for-agencies{background:var(--signal);color:#fff;padding:clamp(90px,12vw,160px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.agency-copy h2{font:clamp(3.5rem,7vw,8rem)/.88 var(--display);letter-spacing:-.065em;margin:35px 0 0}.agency-offer{align-self:end}.agency-offer>p{font:clamp(1.4rem,2.5vw,2.7rem)/1.13 var(--display);max-width:25ch;margin:0 0 38px}.offer-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.55);margin-bottom:38px}.offer-list span{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.55);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.about{padding:clamp(90px,12vw,160px) var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#fff}.about h2{font:clamp(3.4rem,6.8vw,7.8rem)/.88 var(--display);letter-spacing:-.06em;margin:45px 0 0}.about-copy{font:clamp(1.35rem,2.25vw,2.45rem)/1.18 var(--display)}.about-copy p{margin:0 0 30px}.about-meta{font:700 .69rem/1.7 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--grey)}
.contact{min-height:88vh;background:var(--ink);color:#fff;padding:clamp(90px,11vw,150px) var(--pad) 35px;display:flex;flex-direction:column}.contact h2{font-size:clamp(4.2rem,10vw,11rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:50px 0}.contact h2 em{font-family:var(--display);font-weight:400;text-transform:none;color:var(--signal)}.contact-email{font:clamp(1.1rem,2vw,2.2rem)/1.1 var(--display);width:max-content;border-bottom:1px solid #777;padding-bottom:7px}.contact-foot{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:25px;border-top:1px solid #444;padding-top:20px}.contact-foot p{margin:0;color:#aaa}.contact-links{display:flex;justify-content:flex-end;gap:10px}.pill{border:1px solid #555;border-radius:99px;padding:11px 17px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.pill:hover{background:var(--signal);border-color:var(--signal)}

/* Case study */
.case-hero{min-height:calc(100svh - 64px);display:grid;grid-template-rows:auto 1fr}.case-heading{padding:clamp(45px,7vw,95px) var(--pad) 28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.case-heading h1{font-size:clamp(4.1rem,9.5vw,10.5rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:18px 0 28px}.case-heading .idea{font:italic clamp(1.5rem,2.6vw,3rem)/1.04 var(--display);max-width:22ch;margin:0}.project-facts{min-width:260px;border-top:1px solid var(--line)}.fact{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.fact span:first-child{color:var(--grey)}.case-cover{height:78vh;min-height:520px;overflow:hidden}.case-cover img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.045)}.disclaimer{margin:0;background:var(--ink);color:#bbb;padding:15px var(--pad);font-size:.7rem;letter-spacing:.04em;text-align:center}
.story{padding:clamp(85px,11vw,150px) var(--pad)}.story-grid{display:grid;grid-template-columns:.48fr 1.52fr;gap:8vw;padding:38px 0;border-top:1px solid var(--line)}.story-grid h2{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin:0}.story-grid .copy{font:clamp(1.4rem,2.3vw,2.5rem)/1.17 var(--display);max-width:34ch}.story-grid .copy p{margin:0 0 24px}
.big-idea{background:var(--signal);color:#fff;padding:clamp(90px,13vw,180px) var(--pad)}.big-idea h2{font-size:clamp(4.5rem,11vw,11.5rem);line-height:.76;letter-spacing:-.075em;text-transform:uppercase;margin:38px 0 48px}.big-idea p{font:clamp(1.5rem,2.5vw,2.8rem)/1.1 var(--display);max-width:26ch;margin:0}
.visual-system{background:var(--ink);color:#fff;padding:clamp(90px,11vw,155px) var(--pad)}.visual-system>h2{font:clamp(3.1rem,6.8vw,7.5rem)/.88 var(--display);letter-spacing:-.06em;margin:0 0 60px}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3a3a36;border:1px solid #3a3a36}.system-grid.three{grid-template-columns:repeat(3,1fr)}.system-item{background:var(--ink);padding:24px;min-height:230px}.swatch{height:68px;margin-bottom:55px;background:var(--swatch,#999)}.system-item h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px}.system-item p{color:#aaa;margin:0}
.execution{padding:clamp(90px,11vw,155px) var(--pad)}.execution>h2{font-size:clamp(3.2rem,6.8vw,7.5rem);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 58px}.hero-frame{height:min(78vh,840px);overflow:hidden}.hero-frame img,.campaign-frame img,.next-media img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.045)}.applications{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);margin-top:var(--pad)}.application{background:#ddd;overflow:hidden}.application.tall{aspect-ratio:4/5}.application.wide{aspect-ratio:4/3}.campaign-frame{margin:var(--pad) 0 0;overflow:hidden;position:relative;background:#ddd}.campaign-frame.landscape{aspect-ratio:3/2}.campaign-frame.portrait{height:min(92vh,980px)}.campaign-frame figcaption{position:absolute;left:15px;bottom:15px;background:var(--paper);padding:8px 11px;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.poster{height:100%;background:var(--ink);color:#fff;padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between}.poster h3{font-size:clamp(2.3rem,4.8vw,5.8rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:0}.poster p{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin:0;color:#aaa}
.creative-angles{padding:clamp(90px,11vw,150px) var(--pad);background:#dedbd3}.creative-angles>h2{font:clamp(3rem,6.6vw,7.2rem)/.9 var(--display);letter-spacing:-.06em;margin:0 0 60px}.angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa;border:1px solid #aaa}.angle{background:var(--paper);padding:24px;min-height:340px;display:flex;flex-direction:column}.angle .num{color:var(--signal);font-size:.67rem}.angle h3{font:clamp(1.8rem,3vw,3.4rem)/.9 var(--display);margin:35px 0 20px}.angle p{margin:0;color:#555}.angle .hook{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-weight:700;color:var(--ink)}
.photo-direction{padding:clamp(90px,11vw,150px) var(--pad);display:grid;grid-template-columns:.48fr 1.52fr;gap:8vw;background:#fff}.photo-direction h2{font:clamp(3rem,6.4vw,7.2rem)/.88 var(--display);letter-spacing:-.06em;margin:0 0 42px}.photo-direction>div>p{font:clamp(1.3rem,2.1vw,2.25rem)/1.2 var(--display);max-width:35ch;margin:0 0 30px}.photo-direction .note{font:700 .68rem/1.7 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.process{padding:clamp(90px,11vw,150px) var(--pad);background:#dedbd3}.process>h2{font:clamp(3rem,6.4vw,7.2rem)/.88 var(--display);letter-spacing:-.06em;margin:0 0 58px}.process-row{display:grid;grid-template-columns:42px .7fr 1fr;gap:28px;border-top:1px solid #aaa;padding:21px 0}.process-row:last-child{border-bottom:1px solid #aaa}.process-row b{text-transform:uppercase;font-size:clamp(1.2rem,2.1vw,2.3rem);line-height:1}.process-row p{margin:0;color:#5d5b55}
.delivery-system{background:#171716;color:#fff;padding:clamp(90px,11vw,155px) var(--pad)}
.delivery-head{display:grid;grid-template-columns:.45fr 1.1fr .55fr;gap:4vw;align-items:end;margin-bottom:clamp(48px,7vw,88px)}
.delivery-head h2{font:clamp(3.2rem,6.5vw,7.3rem)/.87 var(--display);letter-spacing:-.06em;margin:0}
.delivery-head>p:last-child{font:clamp(1.05rem,1.6vw,1.45rem)/1.3 var(--display);color:#bbb;margin:0;max-width:27ch}
.delivery-stage{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(320px,1fr) minmax(250px,.72fr);gap:clamp(18px,3vw,46px);align-items:stretch}
.social-device{background:#f7f6f2;color:#111;border:7px solid #30302e;border-radius:34px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.36);align-self:start}
.device-status{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #ddd;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.social-head{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:15px}.social-avatar{width:42px;height:42px;border-radius:50%;background:var(--signal);display:grid;place-items:center;color:#fff;font:italic 1rem var(--display)}
.social-head strong{display:block;font-size:.75rem}.social-head span{display:block;color:#777;font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;margin-top:2px}
.social-strip{padding:8px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:12px;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}.social-grid figure{margin:0;aspect-ratio:1;overflow:hidden;background:#ccc}.social-grid img{transform:scale(1.04)}.social-grid figure:nth-child(2n) img{object-position:65% center}.social-grid figure:nth-child(3n) img{object-position:35% center}
.device-foot{padding:12px 15px;display:flex;justify-content:space-between;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#777}
.vertical-asset{position:relative;min-height:690px;overflow:hidden;background:#222}.vertical-asset:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}.vertical-asset img{position:absolute;inset:0}.vertical-copy{position:absolute;z-index:2;inset:auto 24px 25px}.vertical-copy span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.vertical-copy h3{font-size:clamp(2.6rem,4vw,5.3rem);line-height:.82;letter-spacing:-.06em;text-transform:uppercase;margin:13px 0 19px}.vertical-copy p{margin:0;color:#d2d2cc;max-width:28ch}
.delivery-board{border-top:1px solid #555;display:flex;flex-direction:column}.delivery-board h3{font:clamp(1.8rem,2.8vw,3.4rem)/.96 var(--display);margin:24px 0 34px}.delivery-board>p{color:#aaa;margin:0 0 28px}.asset-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;padding:13px 0;border-top:1px solid #454542;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.asset-row:last-of-type{border-bottom:1px solid #454542}.asset-row b{color:var(--signal)}.asset-row span:last-child{color:#92928c;text-align:right}.delivery-note{margin-top:auto!important;padding-top:30px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#fff!important}
.role{padding:clamp(90px,11vw,150px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.role h2{font:clamp(3rem,6vw,6.8rem)/.9 var(--display);letter-spacing:-.055em;margin:0}.role-copy{font-size:1.08rem}.role-copy h3{font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px}.role-copy p{margin:0 0 33px;max-width:44ch}.next{display:grid;grid-template-columns:1fr 1fr;background:var(--signal);color:#fff}.next-copy{padding:clamp(45px,7vw,88px) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.next-copy h2{font-size:clamp(3rem,6.3vw,7.2rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:35px 0}.next-media{min-height:520px}

/* Project-specific applications: interface and editorial layouts, not physical mockups */
.brand-apps{padding:clamp(64px,9vw,130px) var(--pad);scroll-margin-top:75px}
.brand-apps header{max-width:950px;margin-bottom:64px}
.brand-apps h2{font:clamp(2.8rem,6vw,6.8rem)/.98 var(--display);letter-spacing:-.045em;margin:25px 0}
.brand-apps h3{font:clamp(1.7rem,3vw,3.2rem)/1.08 var(--display);margin:20px 0}
.brand-apps p{max-width:65ch;line-height:1.6}
.brand-apps .label{font-size:.875rem;line-height:1.5}
.brand-apps figure{margin:0;min-width:0}
.brand-apps figure img{height:auto;aspect-ratio:4/5}
.brand-apps figcaption{font-size:.875rem;line-height:1.5;padding:14px 0}
.prototype-note{font-size:.875rem;border-top:1px solid currentColor;padding-top:22px;margin-top:50px;opacity:.8}
.technical-apps{background:#dbe0df;color:#182123;font-family:Arial,sans-serif}
.technical-apps h2,.technical-apps h3{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:700}
.field-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center}
.field-spec{border-top:3px solid #182123}
.field-spec dl{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;font-size:1rem}
.field-spec dd{margin:0}.field-spec dt{font-weight:bold}
.campaign-destination{display:grid;grid-template-columns:1fr 1fr;background:#192123;color:white;margin-top:70px;align-items:center}
.campaign-destination>div{padding:35px}.campaign-destination figure img{aspect-ratio:1}
.campaign-destination figcaption{padding:15px}.campaign-destination a{display:inline-block;border-bottom:1px solid;padding:12px 0}
.format-ledger{margin-top:50px;border-top:1px solid}.format-ledger p{border-bottom:1px solid #a2adad;padding-bottom:14px}
.editorial-apps{background:white;color:#151818}
.editorial-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;padding:5vw 0;border-block:1px solid #aaa}
.editorial-layout h3{font:italic clamp(2.5rem,5vw,6rem)/1 var(--display)}
.paid-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.paid-routes article{min-width:0;border-top:1px solid #aaa;padding-top:12px}
.ad-art{aspect-ratio:4/5}.ad-art.portrait-ad{aspect-ratio:9/16}
.paid-routes h4{font:1.65rem/1.2 var(--display);margin:20px 0}
.paid-routes p{font-size:1rem}.sample-cta{display:block;border:1px solid;padding:12px;font-size:.875rem}
.subheading{padding-top:65px}
.narrative-apps{background:#3e1922;color:#f9eee3}
.episode-layout{display:grid;grid-template-columns:1fr 1.2fr .85fr;gap:25px;align-items:start}
.episode-layout figure:nth-child(2){margin-top:90px}.episode-layout figure:nth-child(3){margin-top:170px}
.episode-copy{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:65px}
.brand-apps details{border-top:1px solid;padding:18px 0}.brand-apps summary{cursor:pointer;min-height:30px;font-size:1rem}
.cinema-apps{background:#10202b;color:#f2dcc6}
.cinema-feature{max-width:800px;margin-left:auto}.cinema-feature figure img{aspect-ratio:5/4;object-position:center 30%}
.film-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px}
.film-strip figure img{aspect-ratio:16/9}
.film-notes{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:45px;border-top:1px solid;padding-top:25px}
.commerce-apps{background:#e8e4dd;color:#302b28}
.commerce-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:start}
.product-interface{background:#faf9f6;padding:clamp(20px,3vw,50px)}
.product-interface>figure img{aspect-ratio:3/2}.product-interface h3{font-size:3.5rem}
.commerce-path{padding-top:35px}.commerce-path p{display:inline-block;border-top:1px solid;margin-right:25px;padding-top:15px}
.technical-apps~.photo-direction{background:#f0f3f2}
@media(max-width:800px){.field-layout,.campaign-destination,.editorial-layout,.commerce-layout{grid-template-columns:1fr}.episode-layout{grid-template-columns:1fr 1fr}.episode-layout figure:nth-child(3){margin-top:0;grid-column:2}.episode-copy{grid-template-columns:1fr}.paid-routes{gap:16px}.brand-apps header{margin-bottom:35px}}
@media(max-width:560px){.paid-routes,.episode-layout,.film-strip,.film-notes{grid-template-columns:1fr}.episode-layout figure:nth-child(n){margin-top:0;grid-column:auto}.episode-layout{gap:40px}.paid-routes{gap:45px}.portrait-ad{max-width:300px}.brand-apps h2{font-size:2.8rem}.brand-apps{overflow-wrap:break-word}.field-spec dl{grid-template-columns:1fr}.field-spec dd{padding-bottom:15px}.cinema-feature{margin:0}.brand-apps figure img{max-height:none}}
.product-studies{padding:clamp(65px,9vw,130px) var(--pad);background:#f8f8f5;color:#171717}
.product-studies>header{max-width:850px;margin-bottom:45px}.product-studies h2{font:clamp(2.8rem,6vw,6rem)/1 var(--display);letter-spacing:-.04em;margin:24px 0}
.product-studies .label{font-size:.875rem}.product-studies p{max-width:62ch}
.product-study{display:grid;grid-template-columns:.35fr 1fr;gap:30px;align-items:center;margin:45px 0}
.product-study figure,.product-pair figure{margin:0;min-width:0}
.product-study img{height:auto;object-fit:contain}.product-study figcaption,.product-pair figcaption{font-size:.875rem;padding:15px 0;line-height:1.5}
.product-pair{display:grid;grid-template-columns:1.35fr .75fr;align-items:center;gap:4vw}
.product-pair img{height:auto}.product-pair figure:first-child img{aspect-ratio:3/2;object-fit:contain}
.product-studies details{padding:20px 0;border-top:1px solid #aaa}.product-studies summary{cursor:pointer;min-height:35px}
@media(max-width:650px){.product-study,.product-pair{grid-template-columns:1fr}.product-study figure:first-child{max-width:220px}.product-studies h2{font-size:2.8rem}}
.feed-showcase{padding:clamp(60px,8vw,110px) var(--pad);background:#171716;color:#f5f4ef;display:grid;grid-template-columns:1fr minmax(330px,580px);gap:35px 6vw;align-items:center;scroll-margin-top:80px}
.feed-intro h2{font:clamp(2.8rem,5vw,5.8rem)/.98 var(--display);letter-spacing:-.045em;margin:24px 0}
.feed-intro p{max-width:40ch}.feed-intro .label{font-size:.875rem}.feed-disclosure{font-size:.875rem;color:#bbb;margin-top:28px}
.corrected-feed{width:100%;max-width:580px;justify-self:center;border-width:7px;box-shadow:none}
.corrected-feed .social-head{display:block;padding:20px}.corrected-feed .social-head strong{font-size:1.1rem}
.corrected-feed .social-head span,.corrected-feed .social-strip,.corrected-feed .device-foot,.corrected-feed .device-status{font-size:.75rem}
.corrected-feed .device-status{height:auto;min-height:38px;gap:10px;flex-wrap:wrap;padding:10px 14px}
.corrected-feed .social-grid img{transform:none;object-position:center!important}
.corrected-feed .social-grid img[src*="product-study"]{object-fit:contain;background:#e9e6df}
.feed-key{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 25px;margin:0;padding-left:22px;font-size:.875rem;color:#ccc}
@media(max-width:760px){.feed-showcase{grid-template-columns:minmax(0,1fr)}.feed-key{grid-column:1}.corrected-feed{max-width:540px}.feed-intro h2{font-size:3rem}}
@media(max-width:430px){.feed-key{grid-template-columns:1fr 1fr}.corrected-feed .device-foot{gap:10px;flex-wrap:wrap}}
/* Motion */
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal-media{clip-path:inset(10% 0 0);transition:clip-path 1.1s var(--ease)}.reveal-media.in{clip-path:inset(0)}.scroll-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--signal)}.page-curtain{position:fixed;z-index:1000;inset:0;background:var(--ink);transform:translateY(-100%);pointer-events:none}.page-curtain.enter{animation:curtain-enter .8s var(--ease) both}.page-curtain.exit{animation:curtain-exit .65s var(--ease) both}@keyframes curtain-enter{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes curtain-exit{0%{transform:translateY(100%)}100%{transform:translateY(0)}}

@media(max-width:960px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero-context{grid-template-columns:1fr}.hero-context .arrow{display:none}.work-card{grid-template-columns:34px 1fr}.work-card figure{grid-column:1/-1}.systems-intro,.about,.for-agencies,.case-heading,.next{grid-template-columns:1fr}.touchpoint-stage{grid-template-columns:1fr 1fr}.format-stack{grid-column:1/-1}.cap-grid,.system-grid,.system-grid.three{grid-template-columns:1fr 1fr}.cap:nth-child(3){border-left:0;padding-left:0}.story-grid,.photo-direction{grid-template-columns:1fr;gap:22px}.delivery-head{grid-template-columns:1fr 1fr}.delivery-head .label{grid-column:1/-1}.delivery-stage{grid-template-columns:1fr 1fr}.delivery-board{grid-column:1/-1}.next-media{min-height:58vh}}
@media(max-width:640px){.nav{height:58px}.nav-mail{font-size:.65rem}.hero{height:calc(100svh - 58px);min-height:610px}.hero-copy{padding-top:20px}.hero-kicker{gap:12px;flex-wrap:wrap}.hero-kicker span:nth-child(2){display:none}.hero h1{font-size:16.5vw}.hero-media img{object-position:45% center}.hero-media:after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 60%)}.hero-caption{display:none}.hero-context p{font-size:1.05rem}.manifesto p{font-size:10.8vw}.work-card{grid-template-columns:25px 1fr;gap:12px}.work-card h2{font-size:10.5vw}.work-card figure,.work-card.feature figure{aspect-ratio:4/5}.touchpoint-stage{grid-template-columns:1fr}.master-visual{height:auto;min-height:0;aspect-ratio:4/5}.phone-mockup{height:560px;max-width:340px}.format-stack{grid-column:auto}.cap-grid,.system-grid,.system-grid.three,.applications,.angle-grid,.role,.contact-foot{grid-template-columns:1fr}.cap+.cap{border-left:0;padding-left:0}.offer-list{grid-template-columns:1fr}.contact h2{font-size:16.5vw}.contact-email{font-size:1rem}.contact-links{justify-content:flex-start}.case-heading h1,.big-idea h2{font-size:16.5vw}.case-cover{height:64vh;min-height:420px}.story-grid .copy{font-size:1.45rem}.campaign-frame.portrait{height:auto;aspect-ratio:4/5}.process-row{grid-template-columns:30px 1fr}.process-row p{grid-column:2}.delivery-head,.delivery-stage{grid-template-columns:1fr}.delivery-head .label,.delivery-board{grid-column:auto}.social-device{max-width:340px;margin:auto;width:100%}.vertical-asset{min-height:620px}.next-copy h2{font-size:13vw}.next-media{min-height:50vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.reveal-media{clip-path:none;transition:none}.hero h1,.hero-media img,.page-curtain{animation:none}.page-curtain{display:none}}

/* Product-led portfolio chapters */
:root{--grey:#625f59}
.nav-links{font-size:.875rem;letter-spacing:.05em}.brand,.nav-mail{font-size:.875rem;letter-spacing:.035em}
.label,.project-type,.eyebrow,.section-top,.arrow,.text-link,.work-card .meta,.cap h3,.system-item h3,.fact,.role-copy h3,.about-meta{font-size:.875rem;line-height:1.5}
.hero-kicker,.work-card .num,.disclaimer,.photo-direction .note,.pill,.poster p{font-size:.8125rem;line-height:1.55}
h1,h2,h3{overflow-wrap:break-word}.hero h1{line-height:.94;letter-spacing:-.055em}.work-card h2,.case-heading h1,.big-idea h2,.contact h2,.poster h3,.next-copy h2{line-height:.98;letter-spacing:-.055em}
.hero{min-height:720px}.hero-title{margin-bottom:38px}.hero-context p{line-height:1.4}.hero-caption{font-size:.75rem}.compact-manifesto{padding-block:85px}.compact-manifesto p{font-size:clamp(2.4rem,4.3vw,4.8rem);max-width:29ch;line-height:1.1}.index-disclosure{max-width:65ch;color:#c6c4be;margin-top:35px;line-height:1.7}
.work-card{grid-template-columns:35px minmax(0,.78fr) minmax(0,1fr)}.work-card .text{min-width:0}.work-card.product-led figure{aspect-ratio:3/2}.work-card .meta{letter-spacing:.025em;text-transform:none}.work-card .project-type{letter-spacing:.055em}.work-card h2{font-size:clamp(2.4rem,4.3vw,5rem)}
.contact-email{max-width:100%;overflow-wrap:anywhere}.contact-foot{margin-top:65px}.format-stack div,.ad-copy small,.ad-copy span,.master-visual span{font-size:.8125rem}.phone-mockup{height:650px}.ad-copy strong{line-height:1.15}.cap h3{min-height:3em}.cap p,.system-item p{line-height:1.7}
.reveal{opacity:1;transform:none}.reveal-media{clip-path:none}.motion-ready .reveal:not(.in){opacity:0;transform:translateY(28px)}.motion-ready .reveal-media:not(.in){clip-path:inset(5% 0 0)}
.nav:focus-within{transform:none}section[id]{scroll-margin-top:90px}
.product-case{background:var(--case-paper);--signal:var(--case-accent)}
.product-case-header{padding:80px var(--pad) 45px;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end}.product-case-header h1{font-size:clamp(3.8rem,8vw,8.8rem);line-height:1;letter-spacing:-.06em;margin:25px 0}.case-idea{font:italic clamp(1.7rem,3vw,3rem)/1.2 var(--display);margin:0}.product-case-header dl{margin:0}.product-case-header dl>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:13px 0;border-top:1px solid #a4a4a0;font-size:.875rem}.product-case-header dt{color:#595959}.product-case-header dd{margin:0}
.product-case-cover{margin:0;background:#202020;position:relative}.product-case-cover img{height:auto;aspect-ratio:3/2;max-height:82vh;object-fit:cover}.product-case-cover figcaption{position:absolute;bottom:20px;left:var(--pad);background:#111;color:#fff;padding:10px 14px;font-size:.8125rem}
.case-context{padding:24px var(--pad);background:#111;color:#ccc;display:flex;gap:35px;justify-content:space-between;align-items:center;font-size:.875rem}.case-context p{margin:0}.case-context a{color:#fff;border-bottom:1px solid #aaa;padding-block:10px;flex-shrink:0}
.case-brief,.reference-chapter,.direction-chapter,.campaign-chapter,.social-chapter,.case-delivery{padding:clamp(65px,8vw,120px) var(--pad)}
.case-brief>h2{font:clamp(1.8rem,3.1vw,3.5rem)/1.25 var(--display);max-width:37ch;margin:28px 0 55px;letter-spacing:-.025em}.brief-pair{display:grid;grid-template-columns:1fr 1fr;gap:6vw;border-top:1px solid #aaa;padding-top:25px}.brief-pair h3,.case-delivery h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.06em}.brief-pair p{max-width:48ch}
.reference-chapter{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.reference-copy h2,.campaign-chapter h2,.social-chapter h2,.case-delivery h2{font:clamp(2.8rem,5.4vw,6rem)/1.06 var(--display);letter-spacing:-.045em;margin:25px 0}.reference-copy p{max-width:42ch}.source-link{display:inline-block;text-decoration:underline;text-underline-offset:6px;padding-block:15px}.reference-chapter figure{margin:0;max-width:560px;width:100%;justify-self:center}.reference-chapter img{height:auto;aspect-ratio:1;object-fit:contain;background:#f6f6f5}.reference-chapter figcaption{font-size:.875rem;color:#555;padding-top:15px}
.direction-chapter{background:var(--case-accent);color:#fff}.direction-chapter h2{font:clamp(3rem,6vw,6.6rem)/1.04 var(--display);letter-spacing:-.04em;max-width:15ch;margin:35px 0}.direction-statement{font-size:1.2rem;max-width:58ch;line-height:1.7}.direction-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.direction-rules article{border-top:1px solid #ffffff70;padding-top:20px}.direction-rules span{font-size:.875rem}.direction-rules h3{font-size:1.3rem;margin:22px 0 15px}.direction-rules p{line-height:1.7}
.campaign-chapter{background:var(--case-paper)}.campaign-chapter header{max-width:800px;margin-bottom:55px}.campaign-pair{display:grid;grid-template-columns:1.3fr .8fr;gap:5vw;align-items:start}.campaign-pair figure{margin:0}.campaign-pair figure:nth-child(2){margin-top:120px}.campaign-pair img{height:auto}.campaign-pair figcaption{font-size:.875rem;padding-top:16px}
.social-chapter{background:#121212;color:white}.social-chapter header>p:last-child{color:#ccc}.social-applications{margin:60px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.68fr);gap:9vw;max-width:980px;align-items:start}.feed-ad{background:var(--case-paper);color:#111}.ad-image{aspect-ratio:4/3;overflow:hidden}.real-ad-copy{padding:clamp(20px,3vw,40px)}.real-ad-copy>span:first-child{font-size:.875rem;text-transform:uppercase;letter-spacing:.07em}.real-ad-copy h3{font:clamp(1.8rem,3vw,3rem)/1.15 var(--display);letter-spacing:-.025em;margin:20px 0}.proposed-cta{display:inline-block;margin-top:15px;border-bottom:1px solid;padding:8px 0;font-size:.875rem}.format-label{font-size:.8125rem;padding:15px 20px;background:#222;color:#ddd;margin:0}.story-art{aspect-ratio:9/16;position:relative;background:#222;overflow:hidden}.story-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 55%)}.story-ad-copy{position:absolute;inset:auto 22px 30px;z-index:1;color:#fff}.story-ad-copy span{font-size:.875rem}.story-ad-copy h3{font:clamp(1.7rem,2.8vw,2.7rem)/1.08 var(--display);margin:18px 0}.story-ad-copy p{font-size:.875rem;border-bottom:1px solid #ccc;padding-bottom:8px;width:fit-content}
.case-delivery{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.case-delivery p{line-height:1.7;margin-bottom:30px}.case-next{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:50px var(--pad);background:var(--case-accent);color:white}.case-next strong{font:clamp(2rem,4vw,4rem)/1.2 var(--display)}.case-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px var(--pad);background:#111;color:#ccc;font-size:.875rem}.case-footer a{color:#fff;min-height:35px;padding-block:6px}
@media(max-width:1000px){.product-case-header{grid-template-columns:1fr;gap:35px}.product-case-header dl{max-width:550px}.case-context{align-items:start;flex-direction:column;gap:14px}.work-card{grid-template-columns:30px minmax(0,1fr)}.nav{height:auto;min-height:72px;grid-template-columns:1fr auto;padding-top:13px;padding-bottom:12px;gap:12px}.nav-links{grid-row:2;grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;letter-spacing:.02em}.nav-mail{grid-row:1;grid-column:2}.hero{height:auto;min-height:750px}.hero-copy{min-height:750px}.direction-rules{gap:22px}.case-delivery{gap:5vw}}
@media(max-width:650px){.brand,.nav-mail{font-size:.75rem}.nav-links{font-size:.8125rem;gap:10px}.hero,.hero-copy{min-height:650px}.hero h1{font-size:15vw}.hero-title{margin-top:85px}.hero-context p{font-size:1.1rem}.compact-manifesto{padding-block:65px}.compact-manifesto p{font-size:2.35rem}.work-card.product-led figure{aspect-ratio:4/3}.work-card h2{font-size:2.8rem}.work-card .meta{font-size:.875rem}.section-top{font-size:.75rem;flex-wrap:wrap}.product-case-header{padding-top:55px}.product-case-header h1{font-size:clamp(3rem,13vw,5rem)}.product-case-cover img{aspect-ratio:4/3;max-height:none}.product-case-cover figcaption{position:static;background:#111;padding:14px var(--pad)}.brief-pair,.reference-chapter,.direction-rules,.campaign-pair,.case-delivery{grid-template-columns:1fr}.reference-chapter{gap:35px}.reference-chapter figure{max-width:430px}.campaign-pair{gap:45px}.campaign-pair figure:nth-child(2){margin-top:0;max-width:450px}.social-applications{grid-template-columns:1fr;gap:45px}.story-ad{max-width:330px;width:100%;justify-self:center}.case-next{align-items:start;flex-direction:column;gap:15px}.case-footer{flex-direction:column}.contact-email{font-size:1rem}.cap h3{min-height:0}.hero-kicker{font-size:.75rem}.case-cover{min-height:0}.system-item{min-height:0}.systems-intro h2,.agency-copy h2,.about h2,.visual-system>h2,.photo-direction h2,.process>h2{line-height:1.04}.big-idea h2{font-size:14vw}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.in){opacity:1;transform:none}.motion-ready .reveal-media:not(.in){clip-path:none}}
.feed-art{aspect-ratio:4/5;display:grid;grid-template-rows:55% 45%;overflow:hidden}.feed-art .ad-image{aspect-ratio:auto;min-height:0}.feed-art .real-ad-copy{padding:clamp(16px,2.4vw,30px);display:flex;flex-direction:column;justify-content:space-between;min-height:0}.feed-art .real-ad-copy h3{font-size:clamp(1.4rem,2.5vw,2.6rem);margin:10px 0;line-height:1.12}.feed-art .proposed-cta{margin-top:0;align-self:flex-start;padding:5px 0}.proposed-caption{padding:16px 22px;border-top:1px solid #aaa;font-size:1rem}.proposed-caption p{margin:0}.feed-art .real-ad-copy>span:first-child{font-size:.8125rem}
/* Revised text palette: petrol headings, graphite copy, clear light-on-dark text. */
.social-copy-chapter{padding:clamp(55px,7vw,100px) var(--pad);background:#edf0ec;color:#293b44;scroll-margin-top:120px}
.product-case .social-chapter .source-link{color:#b6e1ed}
.social-copy-chapter header{max-width:760px;margin-bottom:40px}.social-copy-chapter h2{font:clamp(2.4rem,4.5vw,4.8rem)/1.08 var(--display);color:#173f4b;margin:20px 0;letter-spacing:-.035em}
.copy-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px;margin-top:50px}.copy-example{border-top:1px solid currentColor;padding-top:22px;min-width:0}.copy-label{font:400 .875rem/1.5 var(--sans);opacity:.85;letter-spacing:0;text-transform:none}.copy-example h3{font:clamp(1.6rem,2.3vw,2.3rem)/1.18 var(--display);letter-spacing:-.025em;margin:24px 0;max-width:24ch}.post-body{font-size:1rem;line-height:1.65;max-width:46ch}.copy-action{font-size:1rem;font-weight:600;margin:24px 0}.copy-example details{border-top:1px solid #829296;padding-top:14px;font-size:.875rem;line-height:1.6}.copy-example summary{cursor:pointer;min-height:44px;padding:8px 0}.copy-example details p{max-width:48ch}.social-chapter .copy-example{color:#f4f7f7}.social-chapter .copy-example h3{color:inherit}
.mockup-caption{background:#f8f8f5;color:#25343a;padding:20px;text-align:left}.mockup-caption>span{font-size:.75rem;line-height:1.5}.mockup-caption p{font-size:1rem;line-height:1.55;margin:14px 0}.mockup-caption strong{display:inline-block;margin-bottom:10px}.copy-test{margin-top:45px;border-top:1px solid currentColor;padding-top:22px}.copy-test p{max-width:70ch;line-height:1.65}.copy-test .test-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.test-pair blockquote{margin:0;padding:20px 0;font-size:1.2rem}.social-chapter[id]{scroll-margin-top:120px}
@media(max-width:650px){.copy-examples{grid-template-columns:1fr;gap:35px}.copy-test .test-pair{grid-template-columns:1fr;gap:0}.mockup-caption{padding:16px}.copy-example h3{font-size:1.9rem}.feed-art .real-ad-copy h3{font-size:clamp(1.4rem,6vw,2rem)}.feed-art .proposed-cta{font-size:.8125rem}}
:root{--ink:#101b22;--signal:#285f70;--grey:#53616a}
body{color:#293b44}.work-card h2,.capabilities>h2,.about h2,.case-heading h1,.execution>h2,.creative-angles>h2,.photo-direction h2,.process>h2,.role h2,.product-case-header h1,.case-brief>h2,.reference-copy h2,.campaign-chapter h2,.case-delivery h2{color:#173f4b}
.strategy-details{max-width:720px;margin:42px auto 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:16px 0}.strategy-details summary{cursor:pointer;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.strategy-details p{max-width:58ch;margin:16px 0 4px}.phone-applications{display:grid;grid-template-columns:.85fr .62fr;gap:9vw;max-width:760px;margin:55px auto 0;align-items:end}.osoi-phone{position:relative;justify-self:center;width:min(100%,310px);margin:0;color:#111}.osoi-phone.phone-story{width:min(100%,260px)}.osoi-phone:before{content:"";position:absolute;inset:-6px;background:#242424;border-radius:36px;box-shadow:0 18px 42px #0006;z-index:0}.phone-notch{position:absolute;z-index:2;top:2px;left:50%;transform:translateX(-50%);height:18px;width:38%;background:#171717;border-radius:0 0 14px 14px}.phone-ui{position:relative;z-index:1;overflow:hidden;border-radius:29px;background:#fff;aspect-ratio:9/17.9}.phone-feed .phone-ui{aspect-ratio:9/18.1}.phone-ui img{display:block;width:100%;height:auto;object-fit:cover}.phone-feed .phone-ui img{aspect-ratio:4/5}.phone-story .phone-ui img{height:100%;aspect-ratio:9/16;object-fit:cover}.feed-top{display:flex;align-items:center;gap:7px;padding:19px 11px 8px;min-height:49px;font:700 .72rem Arial,sans-serif}.feed-avatar{display:grid;place-items:center;width:24px;height:24px;border:1px solid #6c202c;border-radius:50%;color:#6c202c;font-family:Georgia,serif}.feed-top em{margin-left:auto;font-size:.5rem;font-style:normal;letter-spacing:.06em;color:#777}.feed-actions{padding:9px 12px 6px;font-size:1rem;line-height:1}.feed-copy{padding:0 12px 13px;font:.67rem/1.45 Arial,sans-serif}.feed-copy p{margin:5px 0}.feed-copy span{color:#777}.story-bars{position:absolute;z-index:2;top:15px;left:16px;right:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.story-bars i{height:2px;background:#fff}.story-brand{position:absolute;z-index:2;top:28px;left:17px;color:#fff;font:700 .62rem Arial,sans-serif;text-shadow:0 1px 7px #0008}.story-brand span{font-size:.5rem;font-weight:400;opacity:.8;margin-left:4px}.story-copy{position:absolute;z-index:2;bottom:23px;left:17px;right:17px;color:#fff;text-shadow:0 1px 10px #000c;font-family:Arial,sans-serif}.story-copy b{display:block;font-size:1rem;line-height:1.06}.story-copy span{display:inline-block;margin-top:12px;padding:6px 9px;border:1px solid #fffd;border-radius:99px;font-size:.62rem}.osoi-phone>p{position:relative;z-index:1;margin:17px 0 0;text-align:center;color:#ccc;font-size:.8125rem}.delivery-points{display:grid;grid-template-columns:1fr 1fr;gap:23px 35px}.delivery-points article{border-top:1px solid #aaa;padding-top:14px}.delivery-points h3{margin-bottom:8px}.delivery-points p{margin:0;font-size:1rem;line-height:1.55}.osoi-delivery-note{grid-column:1/-1;margin:5px 0 0!important;font-size:.875rem!important;opacity:.8}.delivery-points .text-link{grid-column:1/-1;width:fit-content}
@media(max-width:650px){.phone-applications{grid-template-columns:1fr;gap:42px;margin-top:42px}.osoi-phone{width:min(100%,290px)}.osoi-phone.phone-story{width:min(100%,245px)}.delivery-points{grid-template-columns:1fr;gap:18px}.osoi-delivery-note,.delivery-points .text-link{grid-column:auto}}
.project-type,.cap>span{color:#93452f}.work-card .meta,.about-meta,.fact span:first-child{color:#52616a}
.hero h1 em,.manifesto em,.systems-intro h2 em,.contact h2 em{color:#a4dce2}.hero-context p,.manifesto p,.systems-intro h2,.contact h2{color:#f3f7f7}
.for-agencies,.big-idea{background:#285f70}.agency-copy h2,.agency-offer,.big-idea h2,.big-idea p,.next-copy{color:#fff}
.offer-list span,.story-grid h2,.role-copy h3,.system-item h3{font-size:.875rem;line-height:1.5}.cap>span,.asset-row,.osoi-delivery-note{font-size:.8125rem}.corrected-feed .social-head span,.corrected-feed .device-foot{color:#5b6064}
.hero h1{font-size:clamp(3.6rem,7.3vw,8rem);max-width:13ch;line-height:1.03}.hero-title{margin-top:70px}.systems-intro h2{font-size:clamp(3rem,5.8vw,6.3rem);line-height:1.04}.agency-copy h2{font-size:clamp(3rem,5.8vw,6.2rem);line-height:1.04}.feed-intro h2{font-size:clamp(2.5rem,4.4vw,4.8rem);line-height:1.1}.contact h2{font-size:clamp(4rem,9vw,9.5rem);line-height:1.02}.product-case .source-link,.product-case .text-link{color:#244f60}
@media(max-width:650px){.hero h1{font-size:12vw}.hero-title{margin-top:70px}.systems-intro h2,.agency-copy h2{font-size:2.9rem}.feed-intro h2{font-size:2.6rem}.contact h2{font-size:14vw}.work-card .project-type{font-size:.8125rem}.case-heading h1{font-size:14vw}}
.contact-phone{display:block;width:max-content;margin:16px 0 28px;font-size:clamp(1rem,1.4vw,1.35rem);border-bottom:1px solid #777;padding-bottom:7px}

/* Editorial process and secondary work. Existing imagery and palette preserved. */
.work-method{padding:70px var(--pad);scroll-margin-top:130px}
.work-method ol{display:flex;flex-wrap:wrap;gap:18px 30px;list-style:none;padding:25px 0;margin:0;font:clamp(1.2rem,2.2vw,2rem)/1.4 var(--display)}
.work-method li:not(:last-child)::after{content:" →";color:var(--grey);margin-left:25px}
.work-method p,.explorations-intro{max-width:65ch;line-height:1.7}
.visual-explorations .work-list{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.visual-explorations .work-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:28px 0;min-width:0}
.visual-explorations .work-card figure{order:-1;width:100%;height:auto;aspect-ratio:4/3;margin:0}
.visual-explorations .work-card h2{font-size:clamp(2rem,3.8vw,4rem)}
.visual-explorations .work-card .num{display:none}
.project-notes{border-top:1px solid #839093;border-bottom:1px solid #839093}
.project-notes>summary{padding:24px var(--pad);cursor:pointer;font-size:1rem;min-height:48px}
.project-notes[open]>summary{border-bottom:1px solid #839093}
.strategy-details summary{min-height:44px;display:list-item;padding:10px 0}
.osoi-phone{height:auto;overflow:visible;border:0;border-radius:0;background:transparent}
.phone-feed .phone-ui{aspect-ratio:auto;padding-bottom:14px}
.feed-copy{font-size:.8125rem}.feed-top{font-size:.8125rem}.feed-top em{font-size:.625rem}
.phone-story .phone-ui{aspect-ratio:9/16}
.story-brand span{font-size:.625rem}.story-copy span{font-size:.75rem;background:#17222bdb}
.story-copy{background:linear-gradient(transparent,#101820c9);padding:20px 10px 10px;left:7px;right:7px}
.nav:focus-within{transform:none!important}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:650px){.visual-explorations .work-list{grid-template-columns:1fr}.work-method ol{gap:12px 20px}.work-method li:not(:last-child)::after{margin-left:12px}.work-method{padding:50px var(--pad)}}

.visual-explorations>.explorations-intro{margin:0 var(--pad) 28px}
@media(max-width:650px){.hero-kicker span:nth-child(2){display:inline}.nav-links a{min-height:44px;display:flex;align-items:center}}