.edition{background:#111214;color:#f2f1ee;--muted:#b6b5b6;--line:#ffffff28}
.edition #shell{position:sticky;top:0;z-index:10;height:0;overflow:visible}
.edition .topnav{top:14px;margin:0 auto;transform:translateY(14px);background:rgba(27,28,30,.68);border-color:#ffffff32;color:#f1f1ef;box-shadow:inset 0 1px #ffffff13}
.edition .topnav .wordmark{filter:brightness(0) invert(1)}
.edition .topnav nav a:hover,.edition .topnav nav a[aria-current]{background:#ffffff18}
.edition .nav-cta{background:#eee;color:#1c1c1c;white-space:nowrap}
.edition .topnav #drawer{background:#242527f7}
.edition #foot{background:#f4f3ef;color:#252526;--muted:#626365}
.edition footer#site-footer.site-footer{margin-top:0}
.ed-wrap{width:min(1390px,calc(100% - clamp(40px,9vw,144px)));margin-inline:auto}
.cover-scene{min-height:min(91svh,1020px);height:clamp(620px,59vw,960px);position:relative;isolation:isolate;display:flex;align-items:flex-end;background:#111214}
.cover-scene>img,.cover-scene:after{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 49%}
.cover-scene:after{content:'';z-index:-1;background:linear-gradient(90deg,#0c0d10ce,transparent 60%),linear-gradient(0deg,#08080ba8,transparent 37%)}
.cover-copy{padding:100px 0 clamp(104px,9vw,155px);margin-left:max(4.5vw,calc((100vw - 1390px)/2));width:min(68%,840px)}
.overline,.edition small,.index-title>span{font:560 11px/1.45 Inter,sans-serif;letter-spacing:.105em;text-transform:uppercase}
.cover-copy .overline{color:#dedbd7}
.edition h1{font-size:clamp(58px,7.25vw,126px);line-height:.95;letter-spacing:-.075em;font-weight:475;margin:22px 0}
.cover-copy .intro-copy{max-width:390px;color:#dedcdd}
.intro-copy{font-size:clamp(15px,1.18vw,20px);line-height:1.55;max-width:36ch;color:var(--muted)}
.edition-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding:9px 0;font-size:14px;font-weight:550;margin-top:21px}
.edition-link:hover,.index-plate:hover h3{text-decoration:underline;text-underline-offset:.18em}
.cover-credit{position:absolute;bottom:23px;left:4.5%;right:4.5%;border-top:1px solid #ffffff55;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.cover-credit button{background:#24242466;color:inherit;border:1px solid #ffffff55;border-radius:22px;padding:8px 14px;backdrop-filter:blur(15px)}
.edition-index{padding-block:clamp(42px,6vw,90px);scroll-margin-top:70px}
.index-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.index-title>span{color:var(--muted)}
.index-plates{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:clamp(14px,2vw,32px)}
.index-plate{min-width:0}.index-plate figure{overflow:hidden;border-radius:16px;aspect-ratio:1.05}.index-plate:nth-child(2) figure{aspect-ratio:1.36}
.index-plate img,.social-film img,.test-pair img,.agency-sheet img,.proof-ticket img{width:100%;height:100%;object-fit:cover;display:block}
.index-plate img{transition:transform .45s;object-position:50% 35%}.index-plate:hover img{transform:scale(1.028)}
.index-plate>div{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.edition h3{font-size:clamp(22px,2.2vw,37px);font-weight:490;letter-spacing:-.055em;line-height:1.06}
.index-plate p,.agency-proof p,.edit-note p{color:var(--muted);margin-top:8px}
.social-spread,.agency-sheet{padding-top:clamp(120px,11vw,175px);display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:5vw}
.social-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,.3fr);gap:17px;align-items:end;max-width:515px;justify-self:center;width:100%}
.portrait-frame{aspect-ratio:9/16;max-height:62vh;position:relative;overflow:hidden;border-radius:15px}
.portrait-frame span{position:absolute;bottom:16px;left:15px;color:#fff;background:#151518bf;border:1px solid #ffffff50;border-radius:20px;padding:6px 12px;font-size:11px;backdrop-filter:blur(10px)}
.film-select{display:grid;gap:11px}.film-select button{background:none;border:0;color:#c5c5c5;text-align:left;padding:0;font-size:11px}.film-select img{aspect-ratio:1.3;height:auto;border-radius:5px;opacity:.57;object-position:center 32%}.film-select button[aria-pressed=true] img{opacity:1;outline:2px solid #ddd;outline-offset:2px}.film-select span{display:block;margin-top:5px}
.edit-note,.agency-proof{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;margin-top:48px;border-top:1px solid var(--line);padding:35px 0 70px}
.edit-note h2,.agency-proof h2{margin:9px 0}.edit-note p{max-width:40ch}
.edition.campaigns{background:#191b1f}.test-desk{padding-block:clamp(120px,10vw,160px) 65px}
.test-desk header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.test-desk h1{margin-bottom:0}.test-desk .intro-copy{padding-bottom:5px}
.test-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#090a0c;border:1px solid #ffffff24;border-radius:17px;overflow:hidden}
.test-pair figure{position:relative;min-width:0}.test-pair img{aspect-ratio:16/9;height:auto}.test-pair figcaption{padding:14px 18px;display:flex;align-items:center;gap:16px;color:#f5f4f2}.test-pair strong{font-weight:520}
.test-spec{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-top:22px;padding-bottom:20px;gap:12px}
.test-spec small,.proof-ticket small{display:block;color:var(--muted)}.test-spec strong{display:block;font-size:15px;margin-top:4px;font-weight:510}
.edition.agencies{background:#edeae4;color:#252427;--muted:#5a585a;--line:#27252633}
.agency-sheet{gap:0;align-items:stretch}.agency-sheet header{align-self:center;padding-right:3vw}.agency-sheet h1{font-size:clamp(50px,6vw,102px)}.agency-sheet figure{border-radius:3px 24px 24px 3px;overflow:hidden;min-height:370px}.agency-sheet img{aspect-ratio:1.2}.agency-proof{align-items:center}
.proof-ticket{display:grid;grid-template-columns:32% 1fr;background:#fffefa;border-left:4px solid var(--client-accent,#7c5242);border-radius:13px;overflow:hidden;align-items:center;box-shadow:0 12px 45px #28221f0c}
.proof-ticket img{height:170px}.proof-ticket>div{padding:14px 18px}.proof-ticket h3{margin:9px 0}.proof-ticket span{font-size:12px}
.work{background:#17181a;color:#f0eeeb;--muted:#bfbdba;--line:#ffffff27}
.work .worknav,.work aside{background:#1c1d1f;color:#f1efeb}.work aside a[aria-current]{background:#393a3e}
.work .work-content{background:#202124}.work .project-band{background:#111214;border-radius:14px;grid-template-columns:.8fr 1.2fr}.work .project-band img{height:200px;object-position:65% center}
.work .asset,.work .editor,.work .calendar-list button{background:#2b2c2e;color:inherit;border-color:#ffffff29}
.work .asset-img{background:#111214}.work .asset-img.vertical img{object-fit:contain}.work .asset-body small,.work .work-content .eyebrow,.work .asset-head small{color:#c6c5c4}
.work .asset-grid{gap:14px}.work .asset-img.vertical img{object-position:center 32%}
.work .chip{color:#2a2826}.work .editor input,.work .editor button,.work dialog{color:#252425;--muted:#5c5c5e;--line:#d0cecc}.work .editor button{color:#fff}
.work .editor h2{color:inherit}.work .btn.outline{color:inherit}
@media(max-width:900px){
 .cover-copy{width:80%}.index-plates{gap:15px}.social-spread{grid-template-columns:1fr 1fr;gap:25px}
 .social-film{gap:10px;grid-template-columns:minmax(0,1fr) 70px}.test-desk header{align-items:start;display:block}.test-desk .intro-copy{max-width:52ch;margin-top:18px}
}
@media(max-width:680px){
 .edition .topnav{transform:translateY(9px)}.ed-wrap{width:calc(100% - 36px)}.cover-scene{height:clamp(620px,90svh,840px);min-height:0}
 .cover-scene>img{height:68%;object-position:70% 38%;object-fit:cover}.cover-scene:after{background:linear-gradient(0deg,#111214 27%,#111214f2 38%,#11121400 75%)}
 .cover-copy{width:auto;margin:0 19px;padding:0 0 90px}.edition h1{font-size:clamp(52px,10vw,75px);margin:13px 0 16px}
 .cover-copy .intro-copy{max-width:32ch}.cover-credit{left:19px;right:19px;bottom:16px}.cover-credit button{font-size:11px}.index-title>span{display:none}
 .index-plates{grid-template-columns:1fr}.index-plate{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:17px;border-top:1px solid var(--line);padding-top:14px}
 .index-plate figure,.index-plate:nth-child(2) figure{grid-row:1/3;aspect-ratio:1.2;border-radius:9px}.index-plate>div{align-self:end;margin:0}.index-plate p{font-size:13px;margin:4px 0}
 .social-spread,.agency-sheet{padding-top:95px;display:block}.social-film{margin:26px auto 0;max-width:365px;grid-template-columns:minmax(0,1fr) 85px}.portrait-frame{max-height:none}.edit-note,.agency-proof{grid-template-columns:1fr;gap:12px;margin-top:28px;padding:22px 0 46px}
 .test-desk{padding:95px 0 45px}.test-pair{grid-template-columns:1fr;gap:1px}.test-pair figcaption{padding:10px 13px}.test-spec{grid-template-columns:1fr;gap:8px}.test-spec>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
 .agency-sheet figure{min-height:0;margin-top:24px;border-radius:14px}.agency-sheet img{aspect-ratio:1.7}.proof-ticket img{height:140px}.work .project-band img{height:160px}
}

.test-pair video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#101113}
.work .asset-img.vertical img{transform:none}
@media(max-width:720px){.work .asset{grid-template-columns:minmax(95px,34%) minmax(0,1fr)}.work .asset-img{height:125px;min-height:0}.work .asset-img.vertical img{object-position:50% 32%;object-fit:contain}}
.portrait-frame.feed-frame{aspect-ratio:4/5;align-self:end}

/* Motion uses the exact same crop as the fallback still. */
.cover-motion{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 49%;opacity:0;pointer-events:none}
.cover-motion.ready{opacity:1}.cover-copy .edition-link,.edition .edition-link{border:1px solid currentColor;border-radius:999px;padding:11px 18px;text-decoration:none;gap:16px;min-height:44px}
.cover-copy .edition-link{background:#f7f6f2;color:#18191a;border-color:transparent}.edition-link:hover{filter:brightness(.9)}
.cover-credit small{color:#ccc9c8;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}
.cover-credit .motion-toggle{width:44px;height:44px;padding:0;font-size:17px;line-height:1}
.production{padding-block:clamp(48px,7vw,106px) 24px;scroll-margin-top:80px}
.production>header .overline{color:#a8a8a9;margin-bottom:8px}
.format-list{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}
.format-list button,.project-watch{border:1px solid #ffffff35;border-radius:999px;background:transparent;color:#efeeec;padding:9px 15px;min-height:44px;font-size:13px}
.format-list button:hover,.project-watch:hover{border-color:#ffffffaa;background:#ffffff0a}
.format-list button[aria-pressed=true]{background:#f3f1eb;color:#1a1b1d;border-color:#f3f1eb}
.format-story{display:grid;align-items:stretch;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border-block:1px solid #ffffff24;padding-block:20px;gap:clamp(24px,5vw,82px)}
.format-story figure{min-width:0;overflow:hidden;border-radius:16px;background:#1e1f21}
.format-story img{width:100%;height:100%;aspect-ratio:1.75;object-fit:cover;display:block}
.format-story>div{align-self:center;padding-block:12px}.format-story h3{font-size:clamp(31px,3.4vw,60px);margin:12px 0}
.format-story #format-copy{max-width:44ch;color:#c0bfc0;line-height:1.65}
.work .worknav{border-bottom:1px solid #ffffff21}
.agency-signature{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 9px 14px;border:1px solid #ffffff39;background:#ffffff08;border-radius:999px;max-width:100%}
.agency-type{font-size:clamp(15px,1.5vw,22px);font-weight:440;letter-spacing:-.055em;line-height:1.15;overflow-wrap:anywhere}
.agency-type b{font-weight:680}
.north-symbol{display:flex;align-items:center;gap:2px;transform:skew(-19deg);height:18px;flex:none}
.north-symbol i{height:9px;width:3px;background:#f0efeb;border-radius:3px}.north-symbol i:nth-child(2){height:17px}.north-symbol i:last-child{height:12px;background:color-mix(in srgb,var(--agency-accent) 54%,white)}
.work .work-grid aside a{border-radius:999px}.work .work-grid aside a[aria-current]{background:#ebeae6;color:#202123}
.work .worknav .textlink{border:1px solid #ffffff38;border-radius:999px;padding:8px 14px}
.work .project-band{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(230px,24vw,345px);border:1px solid #ffffff21;background:#111114}
.work .project-band>div{position:relative;align-self:flex-end;padding:clamp(22px,3vw,44px);z-index:2}
.work .project-band img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;object-fit:cover;object-position:67% 49%}
.work .project-band:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101014ee 5%,#10101494 47%,transparent 80%),linear-gradient(0deg,#09090b70,transparent 50%)}
.work .project-band h2{font-size:clamp(36px,4vw,66px);line-height:1;margin:10px 0}
.project-watch{min-height:36px;padding:7px 13px;margin-top:17px;background:#1a1a1e60;backdrop-filter:blur(8px)}
.asset-revision{display:block;color:#bcbab8;font-size:12px;margin-bottom:10px}
.brand-demo{background:#202124;color:#f2f1eb;border:1px solid #ffffff26;border-radius:14px;min-height:110px;display:grid;place-items:center;padding:14px;margin:16px 0 20px}
.work .work-content .editor label,.work .work-content .editor p{color:#dedddb}
@media(max-width:680px){
.cover-motion{height:68%;object-position:70% 38%}
.cover-copy{padding-bottom:92px}.cover-copy .intro-copy{max-width:33ch}
.production{padding-top:38px}.format-list{gap:5px;margin:18px 0}.format-list button{padding:7px 11px;font-size:12px}.format-story{grid-template-columns:1fr;gap:10px}
.format-story>div{padding-block:5px 12px}.format-story h3{margin:7px 0}.work .project-band{min-height:215px}
.work .project-band img{height:100%}.work .worknav .textlink{font-size:11px;padding:7px 10px}.work .worknav{gap:8px}.agency-signature{gap:7px;padding:7px 11px}
}

#format-sound audio{width:min(100%,360px);margin-top:15px;display:block}#format-sound p{max-width:39ch;font-size:13px;color:#cfceca;margin-top:8px}
@media(max-width:900px){.cover-scene>img,.cover-motion{object-position:85% 46%}}
@media(max-width:680px){.cover-scene>img,.cover-motion{object-position:89% 38%}}
.brief-welcome{padding:clamp(24px,5vw,54px);color:#29292a}.brief-welcome h2{font-size:clamp(30px,4vw,52px);margin-bottom:15px}.brief-welcome p{max-width:55ch;color:#58595c}.brief-welcome .choices{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.brief-welcome .choices .outline{border:1px solid #838185}.format-anchor{margin-left:12px;font-size:13px;color:#f2f1ef}.format-anchor:hover{text-decoration:underline}

/* Media shares the public shell's 500ms easing and scroll hysteresis. */
.edition{--glass-bg:rgba(28,29,31,.72);--glass-text:#f1f1ee;--glass-line:#ffffff36;--glass-chip:#ffffff12}
.edition.agencies{--glass-bg:rgba(255,255,255,.63);--glass-text:#282925;--glass-line:#292d2826;--glass-chip:#2629240d}
.edition .topnav,.media-dock{background:var(--glass-bg);color:var(--glass-text);border:1px solid var(--glass-line);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px #ffffff24,0 8px 30px #0002}
.edition .topnav{width:calc(100% - 42px);max-width:1480px;transition:width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.edition .topnav.compact{width:244px}
.edition .topnav>.brand,.edition .topnav>nav{transition:opacity .2s,filter .25s,visibility 0s;white-space:nowrap}
.edition .topnav.compact>.brand,.edition .topnav.compact>nav{display:flex;position:absolute;inset-inline-start:12px;max-width:calc(100% - 24px);overflow:hidden;opacity:0;filter:blur(6px);visibility:hidden;pointer-events:none;transition:opacity .18s,filter .22s,visibility 0s .22s}
.edition .topnav.compact .nav-cta{flex:1;justify-content:center}
.edition .topnav #drawer{background:#232426f5;color:var(--glass-text);width:min(340px,calc(100vw - 42px));left:auto;right:0}
.edition.agencies .topnav #drawer{background:#f8f7f1f5}
.edition.agencies .topnav .wordmark{filter:brightness(0)}
.edition.agencies .nav-cta{background:#282925;color:#fafaf7}
.edition .topnav nav a:hover,.edition .topnav nav a[aria-current]{background:var(--glass-chip)}
html[data-funnel-theme=dark] .edition #foot{--media-footer-surface:#21191b;background:var(--media-footer-surface);color:#eff2eb;--muted:#b4bfb0}
html[data-funnel-theme=dark] .edition #foot footer#site-footer.site-footer{background:var(--media-footer-surface)!important}
.media-dock{position:fixed;z-index:8;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border-radius:50px;animation:media-dock-in .45s cubic-bezier(.22,1,.36,1) both}
.media-dock button{display:flex;align-items:center;gap:9px;font:inherit;font-size:12px;color:inherit;background:transparent;border:0;border-radius:30px;padding:7px 15px;min-height:44px;white-space:nowrap}
.media-dock .dock-semmy{background:var(--glass-chip);padding:5px 12px 5px 6px;text-align:left}
.media-dock img{width:35px;height:35px;border-radius:50%;object-fit:cover}.media-dock .dock-semmy small{display:block;font-size:8px;line-height:1.25;font-weight:450;letter-spacing:.015em;text-transform:none;opacity:.84;margin-top:2px}
.edition .version{padding-bottom:90px}
@keyframes media-dock-in{from{opacity:0;filter:blur(8px);transform:translate(-50%,12px)}to{opacity:1;filter:blur(0);transform:translate(-50%,0)}}
html:has(.media-dock){scroll-padding-bottom:80px}
@media(max-width:720px){.edition .topnav.compact>nav{display:none}.edition .topnav{width:calc(100% - 24px)}.edition .topnav.compact{width:216px}}
@media(prefers-reduced-motion:reduce){.edition .topnav,.edition .topnav>.brand,.edition .topnav>nav{transition:none}.media-dock{animation:none}}

#production{scroll-margin-top:95px}
.format-story figure:has(.production-proof){align-self:center;background:transparent}
.production-proof{min-width:0}
.proof-screen{border-radius:15px;overflow:hidden;background:#171819;color:#f3efe9}
.proof-screen video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101112}
.proof-credit{display:block;padding:9px 14px;font-size:11px}
.music-sleeve{display:grid;gap:12px;padding:clamp(18px,3vw,32px);background:radial-gradient(ellipse at 85% 15%,#895447 0%,transparent 54%),linear-gradient(145deg,#372d37,#261d25 60%,#201d25)}
.music-sleeve small,.music-sleeve span{font-size:11px;letter-spacing:.035em;color:#f5e3dc}
.music-sleeve strong{font-weight:500;font-size:clamp(36px,4.6vw,74px);letter-spacing:-.065em;line-height:.94}
.production-proof .music-sleeve img{display:block;width:100%;height:48px;aspect-ratio:auto;object-fit:fill;mix-blend-mode:screen}
.music-sleeve audio{width:100%;height:36px}
.proof-switch{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:9px 0}
.proof-switch button,.proof-switch a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;width:auto;background:transparent;border:1px solid currentColor;border-radius:36px;padding:7px 12px;font:inherit;font-size:12px}
.proof-switch button[aria-pressed=true]{background:#eceae5;color:#242427}

.proof-screen video.portrait-edit{aspect-ratio:9/16;width:min(100%,33.75dvh);max-height:60dvh;height:auto;margin-inline:auto}
@media(max-width:680px){
  html:has(.media-page-scroll){overflow:hidden;scroll-padding:0}
  .edition .media-page-scroll{height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));overflow-y:auto;scroll-padding-bottom:12px;overscroll-behavior-y:contain}
  .edition.agencies{background:#edeae4}
  .edition .media-dock{bottom:calc(4px + env(safe-area-inset-bottom,0px));margin:0}
  .edition .version{padding-bottom:20px}
  #production:is([data-selected-format=music],[data-selected-format=commercials]) .format-story>div{order:-1}
  .proof-screen video.portrait-edit{width:min(100%,36dvh);max-height:64dvh}
}