/* 499 Group site. Square, hairlined, left-aligned. Tokens in tokens.css; the rules in brand/brand-sheet.html. */
*{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.06;letter-spacing:-.035em}
h1{font-size:clamp(48px,7.35vw,106px)}h2{font-size:clamp(36px,4.2vw,60px)}h3{font-size:28px}
p{color:var(--muted)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}button:disabled{cursor:default}
img,svg{max-width:100%;display:block}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
[hidden]{display:none!important}
.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}

/* Type roles */
.eyebrow{font-size:13px;line-height:1.4;color:var(--muted)}
.page-hero .eyebrow,.hero .eyebrow,.group-statement .eyebrow,.formats .eyebrow{margin-bottom:26px}
.section-intro{margin-top:22px;max-width:580px;font-size:19px}
.intro{font-size:21px;max-width:720px;margin-top:30px;line-height:1.55}
.arrow{display:inline-block;font-weight:400;line-height:1;transition:transform .18s cubic-bezier(.2,.8,.2,1);margin-left:16px}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:700;border-bottom:1px solid var(--ink);padding-block:10px;color:var(--ink)}
.text-link .arrow{margin-left:10px}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--accent);color:var(--button-text);min-height:54px;padding:14px 22px;font-weight:700;font-size:15px;border:1px solid transparent;line-height:1.3;transition:background .12s}
.button:hover{background:var(--accent-hover)}
.button{transition:background .12s,transform .16s cubic-bezier(.23,1,.32,1)}
.button:active{transform:scale(.98)}
.button:disabled{opacity:.6;transform:none}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.button.secondary:hover{background:var(--surface)}
@media(hover:hover) and (pointer:fine){a:hover>.arrow,.text-link:hover .arrow,.audience-item:hover .arrow{transform:translate(3px,-3px)}}
.skip-link{position:fixed;left:20px;top:-100px;z-index:var(--focus-layer);background:var(--ink);color:var(--paper);padding:12px 20px}
.skip-link:focus{top:10px}

/* Header */
.site-header{height:80px;max-width:1512px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:36px;margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:var(--nav-layer)}
.home-logo{display:block;flex:0 0 150px;width:150px;color:var(--ink)}
.wordmark{width:100%;height:auto}
#main-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px);font-family:var(--font-display);font-size:14px;line-height:1.4;font-weight:500}
#main-nav>a{padding-block:12px}
#main-nav>a:hover,#main-nav>a[aria-current=page]{color:var(--accent)}
#main-nav .nav-contact{border-bottom:1px solid var(--ink);margin-left:12px}
#main-nav .nav-contact:hover{border-color:var(--accent)}
.menu-button{background:none;border:0;font-family:var(--font-display);font-weight:600;padding:12px 0;font-size:16px}

/* Home */
.hero{padding-block:70px 46px}
.hero h1 span,.page-hero h1 span{color:var(--accent)}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:36px}
.hero-bottom p{max-width:510px;font-size:19px;line-height:1.6}
.hero-actions{display:flex;align-items:center;gap:26px;flex-shrink:0}
.portfolio-preview{display:grid;grid-template-columns:1.25fr .72fr 1fr;gap:18px;padding-bottom:8px}
.preview-tile{height:280px;overflow:hidden;display:grid;grid-template-rows:74px 1fr;background:var(--tint);border:1px solid var(--line)}
.preview-logo{display:flex;align-items:center;justify-content:center;padding:14px 18px;background:var(--tint)}
.preview-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){.preview-tile:hover>img{transform:scale(1.02)}}
.brand-logo{height:44px;width:auto;max-width:88%;object-fit:contain}
.bob .brand-logo,.preview-bob .brand-logo,.ndr .brand-logo{height:60px}
.group-statement h2,.group-statement p{max-width:760px}
.group-statement h2{margin-bottom:30px}
.group-statement p:not(.eyebrow){max-width:740px;font-size:21px;line-height:1.65;margin-bottom:18px}
.group-statement .text-link{margin-top:15px}
.brand-index{padding-top:24px}
.brand-list{margin-top:40px;border-top:1px solid var(--line)}
.brand-list>a{display:grid;grid-template-columns:1fr 220px 32px;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}
.brand-list>a>span:first-child{font-family:var(--font-display);font-size:clamp(20px,2.2vw,32px);font-weight:700;letter-spacing:-.035em}
.brand-list>a:hover{color:var(--accent)}
.brand-list .arrow{font-size:27px;margin:0}
.audience-grid{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.audience-item{display:flex;flex-direction:column;align-items:flex-start;padding-top:28px;border-top:2px solid var(--ink)}
.audience-item h3{font-size:clamp(28px,3.15vw,44px);margin-top:26px}
.audience-item p:not(.eyebrow){font-size:18px;margin:20px 0 30px;max-width:460px}
.audience-item .text-link{margin-top:auto}

/* Footer */
.site-footer{border-top:1px solid var(--line);max-width:1512px;margin:auto;padding:70px var(--gutter) 30px}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:35px;align-items:start}
.footer-logo{width:180px;flex-basis:180px}
.footer-top>p{font-size:15px;line-height:1.7}
.footer-top>div a{display:block;font-size:14px;padding-block:8px;margin-bottom:2px}
.footer-top a:hover,.footer-bottom a:hover{text-decoration:underline}
.footer-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:48px;gap:24px;font-size:12px}
.footer-bottom>div{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.footer-bottom>div a{padding-block:12px}
.footer-button{border:0;background:none;padding:12px 0;min-height:44px;color:var(--muted);font-size:12px}
.footer-button:hover{text-decoration:underline}

/* Page hero and portfolio */
.page-hero{padding-block:75px 64px}
.page-hero h1{font-size:clamp(46px,6.7vw,96px);max-width:1140px}
.page-hero .button{margin-top:30px}
.portfolio-section{padding-bottom:32px}
.filters{display:flex;flex-wrap:wrap;gap:12px 28px;margin:8px 0 45px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.filters button{border:0;background:none;padding:9px 0;font-size:14px;border-bottom:2px solid transparent;color:var(--muted)}
.filters button:hover{color:var(--ink)}
.filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}
.portfolio-grid{display:grid;grid-template-columns:1fr;gap:72px}
.portfolio-grid .brand-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.portfolio-grid .brand-caption{padding-top:0}
.brand-anchor{min-width:0;scroll-margin-top:35px}


.brand-art{display:block;background:var(--tint);overflow:hidden;border:1px solid var(--line)}
.brand-masthead{display:flex;justify-content:center;align-items:center;height:108px;padding:22px}
.brand-photo{width:100%;height:290px;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){.brand-art:hover .brand-photo{transform:scale(1.02)}}
.brand-caption{padding-top:24px}
.brand-caption h3{font-size:clamp(23px,2.4vw,32px);margin:12px 0 15px;letter-spacing:-.025em;overflow-wrap:anywhere}
.brand-caption h3 a{display:flex;justify-content:space-between;gap:15px;align-items:center}
.brand-caption h3 a:hover{color:var(--accent)}
.brand-caption p:not(.eyebrow){font-size:16px;max-width:500px}

/* Editorial sections */
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}
.editorial-split h2{font-size:clamp(33px,3.6vw,50px)}
.editorial-split p{margin-bottom:20px}
.editorial-split .large-copy{font-size:25px;line-height:1.4;color:var(--ink)}
.detail-rows{margin-top:45px}
.detail-rows>div{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:30px 0}
.detail-rows h3{font-size:27px}
.detail-rows p{max-width:550px}
.formats{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.formats>div>p:not(.eyebrow){margin-top:24px;max-width:500px}
.format-list{background:var(--surface);padding:40px}
.format-list h3{font-size:23px;margin:26px 0 10px}
.format-list h3:first-child{margin-top:0}
.format-list p{font-size:16px}
.disclosure{max-width:980px}
.disclosure h2{font-size:37px;margin-bottom:25px}
.disclosure p{margin-bottom:18px}
.partner-types{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}
.partner-types>div:last-child{grid-column:1/-1;max-width:570px}
.partner-types h3{margin-bottom:20px}
.closing{padding-top:35px}
.closing .button{margin-top:30px}
.closing p{margin-top:20px;font-size:14px}
.company-details dl{margin:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.company-details dt{font-size:13px;color:var(--muted);margin-bottom:10px}
.company-details dd{margin:0;font-size:22px;line-height:1.5}
.company-details dd a{border-bottom:1px solid var(--line-strong)}

/* Contact */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;padding-bottom:100px}
.contact-aside h2{font-size:30px;margin-bottom:20px}
.email-link{font-size:22px;color:var(--accent);border-bottom:1px solid}
.contact-aside p{margin-top:25px;max-width:350px}
.contact-aside address{font-style:normal;font-size:15px;color:var(--muted);margin-top:45px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field{min-width:0}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}
.field.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
input,select,textarea{display:block;width:100%;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);padding:13px 14px;line-height:1.5;border-radius:0}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b3261e;border-width:2px}
textarea{resize:vertical}
.field-hint,.form-note{font-size:13px;line-height:1.6}
.field-hint{margin-top:10px}
.form-note{margin:25px 0}
.form-note a{text-decoration:underline}
.form-error{margin:0 0 20px;padding:14px 16px;border:1px solid #b3261e;color:var(--ink);font-size:15px;display:flex;gap:10px;align-items:flex-start}
.form-error::before{content:"!";flex:0 0 22px;height:22px;border:2px solid #b3261e;color:#b3261e;font-weight:700;font-size:14px;line-height:18px;text-align:center}
.cf-turnstile{margin-top:24px}
.enquiry-result{padding:28px;background:var(--surface);grid-column:2;align-self:start}
.enquiry-result h2{font-size:30px}
.enquiry-result p{margin:15px 0 20px}

/* Legal */
.legal-copy{padding-block:60px 100px}
.legal-copy h1,.legal-copy h2,.legal-copy h3,.legal-copy p,.legal-copy ul,.legal-copy table{max-width:880px}
.legal-copy h1{font-size:55px}
.legal-copy h2{font-size:28px;margin:35px 0 15px;letter-spacing:-.025em}
.legal-copy h3{font-size:23px;margin-top:22px}
.legal-copy p,.legal-copy ul{margin-block:18px}
.legal-copy a{text-decoration:underline}
.legal-copy ul{padding-left:25px}
.legal-copy .updated{font-size:14px;margin-top:20px}
.legal-copy table{width:100%;border-collapse:collapse;margin-block:18px;font-size:15px}
.legal-copy th,.legal-copy td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--line)}
.legal-copy th{font-size:13px;color:var(--muted);font-weight:400}

/* Consent */
.consent{position:fixed;left:20px;bottom:20px;z-index:var(--nav-layer);max-width:420px;background:var(--paper);border:1px solid var(--line-strong);padding:22px 24px;display:grid;gap:18px}
.consent p{font-size:14px;color:var(--ink)}
.consent p a{text-decoration:underline}
.consent-actions{display:flex;gap:12px;flex-wrap:wrap}
.consent .button{min-height:44px;padding:10px 18px}

@media(min-width:1440px){.hero{padding-top:80px}}
@media(max-width:1100px){
  #main-nav{gap:18px;font-size:13px}.home-logo{flex-basis:135px;width:135px}.site-header{gap:20px}
  .hero-actions{gap:18px}.hero-bottom p{max-width:420px;font-size:17px}
  .preview-tile{height:255px}
  .footer-top{grid-template-columns:1fr 1fr;gap:30px}.contact-layout{gap:48px}
}
@media(max-width:900px){
  .hero-bottom{display:block}.hero-actions{margin-top:25px}.hero-bottom p{max-width:570px}
  .menu-button:not([hidden]){display:block}
  html.js #main-nav{display:none;position:absolute;top:79px;left:0;right:0;padding:24px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);font-size:17px;align-items:stretch}
  html.js #main-nav.is-open{display:flex;flex-direction:column;gap:10px}
  #main-nav .nav-contact{margin-left:0;align-self:flex-start}
  html:not(.js) .site-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:16px}
  html:not(.js) #main-nav{flex-wrap:wrap}
  .portfolio-preview{grid-template-columns:1fr .8fr}.preview-justice{display:none!important}
  .group-statement p:not(.eyebrow){font-size:20px}
  .audience-grid,.editorial-split,.formats{gap:38px}
  .contact-layout{grid-template-columns:1fr 1.25fr;gap:35px}.email-link{font-size:18px}
  .brand-photo{height:225px}.brand-masthead{height:90px}.brand-logo{height:38px}.bob .brand-logo,.ndr .brand-logo{height:52px}
  .brand-caption h3{font-size:25px}
  .partner-types{gap:30px}.detail-rows>div{gap:35px}.intro{font-size:19px}
}
@media(min-width:901px){.menu-button{display:none!important}}
@media(max-width:640px){
  h1{font-size:clamp(38px,8.7vw,57px);letter-spacing:-.05em}h2{font-size:35px}
  .site-header{height:76px}.home-logo{width:128px;flex-basis:128px}html.js #main-nav{top:75px}
  .hero{padding-top:43px;padding-bottom:32px}.eyebrow{font-size:12px}
  .hero-bottom{margin-top:25px}.hero-bottom p{font-size:16px;line-height:1.6}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:23px}.hero-actions .button{min-height:48px}.hero-actions .text-link{font-size:14px}
  .portfolio-preview{gap:10px;grid-template-columns:1.05fr .8fr}.preview-tile{height:205px;grid-template-rows:55px 1fr}.preview-logo{padding:10px}.brand-logo{height:30px}.preview-bob .brand-logo{height:40px}
  .group-statement p:not(.eyebrow){font-size:18px}
  .brand-list>a{grid-template-columns:1fr 24px;gap:10px;padding:22px 0}.brand-list>a .eyebrow{grid-row:2;grid-column:1}.brand-list>a .arrow{grid-row:1;grid-column:2;font-size:23px}.brand-list>a>span:first-child{font-size:22px;overflow-wrap:anywhere}
  .audience-grid{grid-template-columns:1fr;gap:40px;margin-top:32px}.audience-item h3{font-size:34px;margin-top:22px}.audience-item p:not(.eyebrow){font-size:17px;margin-bottom:20px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-logo{width:140px;flex-basis:140px}.footer-top>p{font-size:13px}.footer-top>div a{font-size:12px;overflow-wrap:anywhere}
  .footer-bottom{align-items:start;flex-direction:column}.footer-bottom>div{gap:18px}
  .page-hero{padding-block:44px 42px}.page-hero h1{font-size:clamp(39px,9vw,56px)}.intro{font-size:18px}.page-hero .button{margin-top:25px}
  .filters{gap:6px 20px;margin-bottom:30px}.filters button{font-size:13px}
  .portfolio-grid{grid-template-columns:1fr;gap:45px}
  .brand-photo{height:220px}.brand-masthead{height:83px}.brand-caption h3{font-size:26px}
  .editorial-split,.formats,.contact-layout{grid-template-columns:1fr;gap:30px}.editorial-split p.large-copy{font-size:23px}
  .detail-rows>div{grid-template-columns:1fr;gap:16px;padding-block:25px}.detail-rows h3{font-size:26px}
  .format-list{padding:28px}.disclosure h2{font-size:32px}
  .partner-types{grid-template-columns:1fr}.partner-types>div:last-child{grid-column:auto}
  .company-details dl{grid-template-columns:1fr;gap:26px}.company-details dd{font-size:20px}
  .contact-layout{padding-bottom:65px}.contact-aside address{margin-top:22px}.contact-aside{padding-bottom:20px}
  .form-fields{grid-template-columns:1fr;gap:20px}.field.full{grid-column:auto}
  .enquiry-result{padding:22px;grid-column:auto}
  .legal-copy h1{font-size:39px}.legal-copy h2{font-size:25px}.legal-copy table{display:block;overflow-x:auto;white-space:nowrap}
  .consent{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-property:color,background-color,border-color,opacity!important;transition-duration:.15s!important;scroll-behavior:auto!important}.arrow,.preview-tile>img,.brand-photo,.button{transition:none!important;transform:none!important}}

/* Editorial portfolio refresh. The Canva mark is unchanged. */
.site-header{border-bottom:0}
.home-logo{width:164px;flex-basis:164px}
#main-nav{font-weight:500}
#main-nav .nav-contact{border:1px solid var(--line-strong);border-radius:var(--radius);padding:11px 17px;margin-left:8px}
#main-nav .nav-contact .arrow{margin-left:10px}
.button{border-radius:var(--radius);font-weight:400;min-height:52px;padding:15px 20px}
.text-link{font-weight:400;font-size:15px;border-bottom:0;gap:14px}
.text-link:hover .arrow{transform:translate(4px,-4px)}
.text-link .arrow{border:1px solid var(--line-strong);border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin-left:0;font-size:17px}
.hero{padding-top:62px;padding-bottom:52px}
.hero>.eyebrow{margin-bottom:23px;font-size:14px;color:var(--ink)}
.hero-composition{display:grid;grid-template-columns:1.9fr .8fr;align-items:end;gap:44px}
.hero h1{font-size:clamp(58px,7.15vw,108px);line-height:1.025;letter-spacing:-.04em;white-space:nowrap}
.hero h1 span{color:var(--muted)}
.hero-note{padding-bottom:7px}
.hero-note p{font-size:16px;max-width:310px;line-height:1.7}
.hero-note .button{margin-top:24px;white-space:nowrap}
.showcase-panels{overflow:hidden;border-radius:var(--radius)}
.showcase-panel{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;background:var(--surface);animation:brand-arrive .22s cubic-bezier(.23,1,.32,1)}
.showcase-copy{padding:clamp(30px,4vw,65px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.showcase-brand{background:#f6f6f2;border-radius:6px;padding:12px 16px;margin-bottom:25px;max-width:270px}
.showcase-brand .brand-logo{height:30px;max-width:100%;width:auto}
.showcase-panel.bob .showcase-brand .brand-logo,.showcase-panel.ndr .showcase-brand .brand-logo{height:43px}
.showcase-copy>.eyebrow{font-size:13px;margin-bottom:22px;color:var(--muted)}
.showcase-copy h2{font-size:clamp(28px,2.8vw,40px);line-height:1.16;letter-spacing:-.025em;max-width:440px}
.showcase-copy .text-link{margin-top:30px;font-size:14px}
.showcase-image{overflow:hidden;min-width:0;min-height:0}
.showcase-image>img{height:100%;width:100%;object-fit:cover}
.showcase-panel.justice .showcase-image>img{object-position:50% 38%}
.showcase-selectors{display:none;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px;border-bottom:1px solid var(--line);gap:22px}
.js .showcase-selectors{display:grid}
.showcase-selector{display:flex;align-items:center;justify-content:center;position:relative;padding:23px 16px 27px;background:#f6f6f2;border:0;border-radius:var(--radius) var(--radius) 0 0;min-height:97px;transition:background .2s}
.showcase-selector::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:background .2s}
.showcase-selector[aria-pressed=true]::after{background:var(--accent)}
.showcase-selector:hover{background:#f0f0ed}
.showcase-selector .brand-logo{height:34px;width:100%;max-width:100%;object-fit:contain}
.showcase-selector.bob .brand-logo,.showcase-selector.ndr .brand-logo{height:46px}
.group-statement{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(55px,10vw,160px);align-items:center}
.group-introduction h2{font-size:clamp(38px,4.45vw,66px);line-height:1.1;margin-bottom:28px}
.group-statement .group-introduction>p{font-size:17px;line-height:1.75;max-width:490px;margin-bottom:14px}
.group-capabilities>div{padding:25px 0;border-bottom:1px solid var(--line)}
.group-capabilities>div:first-child{padding-top:0}
.group-capabilities h3{font-size:26px;letter-spacing:-.02em;margin-bottom:12px}
.group-statement .group-capabilities p{font-size:15px;line-height:1.7;margin:0;max-width:390px}
.partnership-section{padding-top:0}
.partnership-section>h2{font-size:clamp(43px,5.2vw,76px)}
.section-intro{font-size:17px;margin-top:18px}
.audience-grid{gap:24px;margin-top:38px}
.audience-item{border:0;padding:44px;border-radius:var(--radius);background:var(--surface);position:relative;min-height:335px;transition:transform .25s}
.audience-item:hover{transform:translateY(-4px)}
.audience-item h3{font-size:clamp(29px,3.1vw,45px);font-weight:400;margin-top:32px}
.audience-item p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:420px;margin:20px 0 24px}
.audience-item .eyebrow{font-size:13px;color:var(--muted)}
.audience-item .text-link{font-size:14px}
.site-footer{padding-top:60px;padding-bottom:35px}
.footer-top{grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:40px}
.footer-logo{width:200px;flex-basis:200px}
.footer-bottom{margin-top:65px}
.page-hero{padding-top:76px;padding-bottom:70px}
.page-hero h1{font-size:clamp(48px,6.6vw,100px);line-height:1.065;font-weight:400}
.page-hero h1 span{color:var(--muted)}
.intro{font-size:19px;line-height:1.7;max-width:670px;margin-top:27px}
.editorial-split{border-top:0;gap:100px;padding-top:30px}
.editorial-split h2{font-size:clamp(36px,4vw,60px);line-height:1.13}
.editorial-split p{font-size:16px;line-height:1.75}
.editorial-split .large-copy{font-size:24px;line-height:1.45}
.detail-rows>div{gap:100px;padding:34px 0}
.detail-rows h3{font-weight:400;font-size:28px}
.detail-rows p{font-size:16px;line-height:1.75}
.format-list{border-radius:var(--radius);padding:45px}
.format-list h3{font-weight:400}
.partner-types{gap:55px 75px}
.company-details dl{gap:45px}
input,select,textarea{border-radius:6px;background:var(--paper)}
.enquiry-result,.consent{border-radius:var(--radius)}
.contact-layout{padding-top:10px}
.brand-art{border:0;border-radius:var(--radius);background:#f0f0ed}
.brand-masthead{background:#f6f6f2;height:105px;padding:23px}
.portfolio-grid{gap:80px 36px}




.brand-caption h3{font-weight:400;letter-spacing:-.02em}
.brand-caption p:not(.eyebrow){line-height:1.75}
.brand-caption h3 .arrow{font-size:23px;flex-shrink:0}
@media(min-width:901px){.site-header{height:80px}}
@media(max-width:1100px){
  .hero-composition{grid-template-columns:1.8fr 1fr;gap:30px}
  .hero h1{font-size:6.9vw}.hero-note p{font-size:15px}
  .showcase-panel{min-height:480px}.showcase-copy{padding:36px}.showcase-copy h2{font-size:32px}
  .showcase-selector{padding:20px 12px;min-height:90px}
  .group-statement{gap:55px}.footer-top{grid-template-columns:1fr 1fr}
  .editorial-split,.detail-rows>div{gap:50px}
}
@media(max-width:900px){
  .hero{padding-top:47px;padding-bottom:40px}
  .hero-composition{display:block}.hero h1{font-size:clamp(58px,9vw,80px)}
  .hero-note{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px}
  .hero-note p{max-width:370px}.hero-note .button{margin-top:0;flex-shrink:0}
  .showcase-panel{min-height:440px}.showcase-copy{padding:28px}.showcase-copy h2{font-size:26px}
  .showcase-copy .text-link{font-size:12px;gap:8px}.showcase-copy .text-link .arrow{width:30px;height:30px;flex-shrink:0}
  .showcase-selectors{gap:10px}.showcase-selector{padding:17px 10px;min-height:76px}
  .showcase-selector .brand-logo{height:26px}.showcase-selector.bob .brand-logo,.showcase-selector.ndr .brand-logo{height:34px}
  .group-statement{gap:40px}.group-introduction h2{font-size:41px}
  .audience-item{padding:30px}
  
  
}
@media(max-width:640px){
  .site-header{height:76px}.home-logo{width:140px;flex-basis:140px}
  .hero{padding-top:37px;padding-bottom:34px}.hero>.eyebrow{font-size:12px;margin-bottom:22px}
  .hero h1{font-size:clamp(40px,10.2vw,62px);letter-spacing:-.04em;line-height:1.09;white-space:normal}
  .hero-note{display:block;margin-top:23px;padding:0}.hero-note p{font-size:15px;max-width:340px}
  .hero-note .button{margin-top:22px;min-height:49px;font-size:14px}
  .showcase-panel{display:flex;flex-direction:column-reverse;min-height:0}
  .showcase-image{height:210px}.showcase-image>img{max-height:none;object-position:center}
  .showcase-copy{padding:28px;min-height:243px}.showcase-copy>.eyebrow{margin-bottom:16px}
  .showcase-copy h2{font-size:27px;line-height:1.2;max-width:360px}
  .showcase-copy .text-link{font-size:13px;margin-top:22px}
  .js .showcase-selectors{display:flex;overflow-x:auto;overflow-y:hidden;gap:10px;margin-top:0;margin-bottom:18px;scroll-snap-type:x mandatory;padding-bottom:2px;scrollbar-width:thin}
  .showcase-selector{flex:0 0 125px;min-height:80px;scroll-snap-align:start;padding:18px 11px}
  .showcase-selector .brand-logo{height:28px}
  .group-statement{display:block;padding-top:72px;padding-bottom:70px}
  .group-introduction h2{font-size:38px;line-height:1.12;margin-bottom:24px}
  .group-statement .group-introduction>p{font-size:16px}
  .group-capabilities{margin-top:42px}.group-capabilities h3{font-size:25px}
  .group-capabilities>div{padding:22px 0}
  .partnership-section>h2{font-size:41px}.audience-grid{gap:18px;margin-top:30px}
  .audience-item{padding:29px;min-height:315px}.audience-item h3{font-size:32px;margin-top:27px}
  .audience-item p:not(.eyebrow){font-size:15px}
  .footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-logo{width:145px;flex-basis:145px}
  .footer-top>p{font-size:13px}.footer-top>div a{font-size:13px}.footer-bottom{margin-top:40px}
  .page-hero{padding-top:43px;padding-bottom:50px}.page-hero h1{font-size:clamp(39px,10vw,56px)}
  .intro{font-size:17px;margin-top:24px}.editorial-split{gap:26px;padding-top:14px}
  .detail-rows>div{gap:18px}.format-list{padding:28px}.partner-types{gap:32px}
  .portfolio-grid{gap:48px}
  
  
  .brand-masthead{height:87px}.brand-caption h3{font-size:27px}
  .company-details dd{font-size:20px}.contact-layout{gap:30px}
}
@keyframes brand-arrive{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.portfolio-grid .brand-photo{object-fit:contain;height:auto;aspect-ratio:1265/712}

/* Organic acquisition network. Canvas is decorative; the current story is readable HTML. */
.acquisition{padding-bottom:100px}.journey-heading{margin:5px 0 12px}.journey-heading h2{font-size:clamp(32px,3.4vw,49px)}.journey-heading h2 br{display:none}.journey-heading p{font-size:16px;margin-top:16px}
.journey-shell{position:relative}.journey-topline{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;color:var(--muted)}
.journey-canvas{height:600px;position:relative}
@media(min-width:1100px){.acquisition{display:grid;grid-template-columns:minmax(300px,.8fr) 1.4fr;gap:48px;align-items:center}.journey-heading{margin:0}.journey-heading h2 br{display:block}.journey-heading p{max-width:34ch}.journey-canvas{height:640px}}.acquisition-network{display:block;width:100%;height:100%}.network-event{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:255px;background:transparent;padding:22px 0}.network-event-label{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.network-event strong{font-family:var(--font-display);font-weight:400;font-size:29px;line-height:1.15;display:block;color:var(--ink)}.network-event.is-outcome strong{color:var(--accent)}
.journey-detail{display:grid;grid-template-columns:1fr auto;gap:35px;padding:28px 0;border-top:1px solid var(--line);min-height:205px;align-items:center}.journey-phase{font-size:12px;color:var(--accent);margin-bottom:10px}.journey-detail h3{font-size:30px;line-height:1.15;margin-bottom:12px}.journey-detail p:not(.journey-phase){font-size:15px;max-width:670px;line-height:1.7}.journey-controls{display:flex;align-items:center;gap:20px}.journey-controls button{background:none;border:0;border-bottom:1px solid var(--line-strong);padding:10px 0;font-size:12px;color:var(--muted);white-space:nowrap}.journey-controls button:hover{color:var(--accent)}.journey-controls>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.journey-footnote{font-size:11px;line-height:1.6;padding:0;color:var(--muted);max-width:850px}
@media(max-width:900px){.hero h1{font-size:7.7vw}.journey-detail{grid-template-columns:1fr}.journey-controls{justify-content:space-between}.journey-canvas{height:530px}}
@media(max-width:640px){.hero h1{font-size:9vw}.acquisition{padding-bottom:68px}.journey-heading h2{font-size:31px}.journey-heading h2 br{display:block}.journey-heading p{font-size:14px}.journey-topline{font-size:10px}.journey-canvas{height:540px;margin-inline:-12px}.network-event{width:155px;padding:17px 0}.network-event strong{font-size:23px}.network-event-label{font-size:10px}.journey-detail{padding:24px 0;min-height:310px;gap:20px}.journey-detail h3{font-size:27px}.journey-detail p:not(.journey-phase){font-size:14px}}

@media(max-width:640px){.network-event{width:120px}.network-event strong{font-size:21px}}

/* Keep motion controls available to keyboard users without a visible caption. */
.journey-controls{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.journey-controls:focus-within{position:relative;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}


/* Every portfolio item uses the same row, including filtered results. */
@media(max-width:700px){.portfolio-grid .brand-card{display:block}.portfolio-grid .brand-caption{padding-top:24px}}

/* Cobalt is reserved for primary actions; links lift in the dark theme. */
.button{background:#003ff5;color:#f6f6f2}
.button:hover{background:#002fb8}
:root[data-theme=dark] .button:not(.secondary){border-color:#8aa6ff}
.button.secondary{background:transparent;color:var(--ink)}
.button.secondary:hover{background:var(--surface)}

@media(prefers-color-scheme:dark){
:root:not([data-theme=light]) .button:not(.secondary){border-color:#8aa6ff}
}

/* Shared editorial identity across commercial pages and homepage. */
.site-header{height:100px;max-width:none;margin-inline:48px;padding-inline:0}
.home-logo{width:164px;flex-basis:164px}
.nav-contact,.button,.format-list,.audience-item{border-radius:0}
body:not([data-page=home]) .page-hero{padding-block:72px 48px}
body:not([data-page=home]) .section{padding-block:64px}
body:not([data-page=home]) .page-hero h1>span{color:var(--accent)}
body:not([data-page=home]) .closing{background:#c5e7f3;color:#252b2c;padding-block:64px;max-width:none}
body:not([data-page=home]) .closing p{color:#414f54}
body:not([data-page=home]) .closing .button{background:#003ff5;color:#fff}
.company-details{border-top:1px solid var(--line)}
.site-footer{padding-top:56px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:40px;align-items:start}.footer-top>.footer-logo{width:min(100%,460px);max-width:none}.footer-top>p{grid-column:1;grid-row:2;font-size:15px}.footer-top>div{grid-row:1/3}.footer-bottom{margin-top:48px}
@media(max-width:700px){.site-header{height:84px;margin-inline:24px}.home-logo{width:138px;flex-basis:138px}body:not([data-page=home]) .page-hero{padding-block:40px 32px}body:not([data-page=home]) .section{padding-block:40px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>.footer-logo{grid-column:1/-1;width:250px}.footer-top>p{grid-column:1/-1;grid-row:auto}.footer-top>div{grid-row:auto}.site-footer{padding-top:40px}}
.site-header .nav-contact{border-radius:0}
body .site-footer .home-logo.footer-logo{width:min(100%,220px);max-width:none;flex-basis:auto}
@media(max-width:700px){body .site-footer .home-logo.footer-logo{width:170px}.footer-top>div:last-child{grid-column:1/-1}.footer-top a[href^="mailto:"]{overflow-wrap:normal;white-space:nowrap}}
#main-nav .nav-contact{border-radius:0}

/* Commercial interiors: distinct compositions within the 499 identity. */
.buyer-hero,.about-intro{padding-block:64px 72px}
.buyer-hero h1,.partner-hero h1,.about-intro h1{font-size:clamp(64px,8.3vw,120px);line-height:1;letter-spacing:-.045em;font-weight:400}
.buyer-hero h1 span,.about-intro h1 span{color:var(--accent)}
.buyer-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px}
.buyer-intro>p,.about-statement>p:first-child{font:400 32px/1.25 var(--font-display);letter-spacing:-.02em}
.buyer-intro>div>p{max-width:550px;margin-bottom:24px}
.outcome-spread,.ownership-spread,.partner-agreement{padding:72px max(48px,calc((100vw - 1320px)/2));background:#252b2c;color:#f6f6f2;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;--focus:#c5e7f3}
.outcome-title h2,.inner-editorial>h2,.inner-close h2,.ownership-spread h2,.partner-agreement h2{font-size:clamp(42px,4.6vw,68px);line-height:1.06;letter-spacing:-.035em}
.outcome-title>p{margin-top:28px;max-width:300px;color:#bfc9c8}
.outcome-options article{display:grid;grid-template-columns:150px 1fr;gap:24px;padding-block:28px;border-top:1px solid #717d7c}
.outcome-options article:first-child{padding-top:0;border:0}.outcome-options h3{font-size:42px;color:#c5e7f3}.outcome-options p{color:#e3e7e5}.outcome-options span{display:block;margin-top:16px;color:#bfc9c8;font-size:14px}
.inner-editorial{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:80px}
.execution-list article+article{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}
.execution-list h3{font-size:28px;line-height:1.2;margin-bottom:16px}.execution-list p{max-width:570px}
.inner-close{background:#c5e7f3;color:#252b2c;padding:64px max(48px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.inner-close p{color:#414f54;max-width:540px;margin-bottom:24px}
.partner-hero{display:grid;grid-template-columns:1.2fr .8fr;margin:48px;gap:64px;align-items:stretch;padding-bottom:32px}
.partner-hero-copy{padding-top:24px}.partner-hero h1{font-size:clamp(60px,7.5vw,108px)}.partner-hero h1 span{color:var(--accent)}.partner-hero-copy>p:not(.eyebrow){max-width:530px;margin:32px 0 24px;font-size:19px}
.partner-channels{padding:48px;background:#c5e7f3;color:#252b2c;display:flex;flex-direction:column;justify-content:center}
.partner-channels h2{font-size:48px;line-height:1.05;margin-bottom:40px}.partner-channels>a{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #507585;font:400 32px/1.2 var(--font-display);min-height:64px}.partner-channels>a:hover{color:#003ff5}.partner-channels p{color:#414f54;font-size:16px;margin-top:32px}
.partner-routes{padding-block:48px 80px}.partner-routes article{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:40px;border-top:1px solid var(--line);scroll-margin-top:24px}.partner-routes h2{font-size:clamp(36px,4vw,56px);line-height:1.07;max-width:530px}.partner-routes p+p{margin-top:16px;color:var(--muted)}
.partner-agreement{grid-template-columns:1fr 1fr}.partner-agreement h2 span,.ownership-spread h2 span{color:#c5e7f3}.partner-agreement p{color:#e3e7e5}.partner-agreement ul{padding-left:20px;margin:28px 0;color:#c5e7f3}.partner-agreement li{padding-block:8px}
.about-intro h1{font-size:clamp(55px,7.1vw,104px)}.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px}
.ownership-spread>div>p{margin-top:32px;color:#bfc9c8;font-size:20px}.ownership-brands>a:not(.text-link){display:block;padding:24px 0;border-top:1px solid #717d7c}.ownership-brands>a:first-child{border:0;padding-top:0}.ownership-brands span{font-size:14px;color:#bfc9c8}.ownership-brands h3{font-size:30px;margin:10px 0;overflow-wrap:anywhere}.ownership-brands h3 .arrow{color:#c5e7f3}.ownership-brands p{color:#e3e7e5}.ownership-brands .text-link{color:#c5e7f3;margin-top:24px}
.company-record{border-top:1px solid var(--line);padding-block:48px 72px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.company-record h2{font-size:44px}.company-record dl{display:grid;grid-template-columns:1fr 1fr;gap:32px}.company-record dt{font-size:14px;color:var(--muted);margin-bottom:10px}.company-record dd{margin:0;font-size:16px;overflow-wrap:anywhere}
.portfolio-grid{grid-template-columns:1fr 1fr;gap:64px 48px}.portfolio-grid .brand-card{display:block}.portfolio-grid .brand-caption{padding-top:24px}.portfolio-grid .brand-masthead{height:96px;background:#fff}.portfolio-grid .brand-photo{border:1px solid var(--line)}.portfolio-grid .brand-caption h3{font-size:30px}.portfolio-section{padding-bottom:72px}
@media(max-width:1000px){.buyer-intro,.inner-editorial,.inner-close,.outcome-spread,.ownership-spread,.about-statement,.partner-agreement,.partner-routes article,.company-record{gap:40px}.partner-hero{gap:32px}.partner-channels{padding:28px}.partner-channels h2{font-size:38px}.partner-channels>a{font-size:27px}.outcome-options article{grid-template-columns:1fr;gap:14px}.company-record dl{grid-template-columns:1fr}}
@media(max-width:700px){
 .buyer-hero,.about-intro{padding-block:40px}
 .buyer-hero h1,.partner-hero h1,.about-intro h1{font-size:clamp(43px,11.8vw,68px)}
 .buyer-intro,.about-statement{display:block;margin-top:28px}.buyer-intro>p,.about-statement>p:first-child{font-size:27px;margin-bottom:24px}
 .outcome-spread,.ownership-spread,.partner-agreement,.inner-close{display:block;padding:44px 24px}
 .outcome-title h2,.inner-editorial>h2,.inner-close h2,.ownership-spread h2,.partner-agreement h2{font-size:42px}
 .outcome-title>p{margin-top:20px}.outcome-options{margin-top:36px}.outcome-options article{padding-block:24px}.outcome-options h3{font-size:38px}
 .inner-editorial{display:block;padding-block:44px}.execution-list{margin-top:32px}.execution-list h3{font-size:27px}
 .inner-close>div{margin-top:28px}
 .partner-hero{display:block;margin:0;padding-bottom:0}.partner-hero-copy{padding:40px 24px}.partner-hero-copy>p:not(.eyebrow){font-size:17px;margin-top:24px}.partner-channels{padding:32px 24px}.partner-channels h2{font-size:36px;margin-bottom:24px}.partner-channels h2 br{display:none}.partner-channels>a{padding-block:16px;font-size:30px}.partner-channels p{margin-top:20px}
 .partner-routes{padding-block:20px 32px}.partner-routes article{display:block;padding-block:28px}.partner-routes h2{font-size:36px;margin-bottom:24px}.partner-agreement>div{margin-top:28px}
 .ownership-brands{margin-top:36px}.ownership-brands h3{font-size:27px}.company-record{display:block;padding-block:36px}.company-record dl{margin-top:28px;gap:24px}
 .portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-grid .brand-caption h3{font-size:27px}.portfolio-grid .brand-masthead{height:80px}.portfolio-section{padding-bottom:40px}
}
.portfolio-grid .brand-art{border-radius:0}

/* Same rendered-film presentation as home, composed for the partner page. */
.partner-film-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;padding-block:64px 80px}
.partner-film-copy h2{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.04em;margin-bottom:28px}
.partner-film-copy>p{max-width:440px}.partner-format-list{margin:32px 0}.partner-format-list>div{padding-block:18px;border-top:1px solid var(--line);scroll-margin-top:40px}.partner-format-list dt{font:400 25px/1.2 var(--font-display);margin-bottom:10px}.partner-format-list dd{margin:0;font-size:15px;color:var(--muted);max-width:430px}.partner-film-note{font-size:13px;color:var(--muted);margin-bottom:22px}
.partner-film{position:relative;aspect-ratio:960/900;margin:0;overflow:hidden;background:#c5e7f3}
.partner-film picture,.partner-film img,.partner-film video{display:block;width:100%;height:100%;object-fit:cover}.partner-film video{position:absolute;inset:0;opacity:0}.partner-film.is-ready video{opacity:1}
.partner-film .film-control{position:absolute;left:16px;bottom:16px;transform:translateY(160%);background:#f6f6f2;color:#252b2c;border:1px solid #252b2c;padding:10px 16px;min-height:44px;font:inherit;z-index:2}.partner-film .film-control:focus-visible{transform:none;outline:3px solid #81d8d0;outline-offset:3px}
@media(max-width:1050px){.partner-film-section{grid-template-columns:1fr;gap:32px}.partner-film-copy>p{max-width:680px}.partner-format-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.partner-film{max-width:850px;width:100%;justify-self:center}}
@media(max-width:700px){.partner-film-section{display:flex;flex-direction:column;padding-block:40px;gap:28px}.partner-film-copy{display:contents}.partner-film-copy h2{order:0;align-self:flex-start;margin:0;font-size:44px}.partner-film-copy>p:first-of-type{order:1;align-self:flex-start}.partner-film{order:2;aspect-ratio:600/720;width:calc(100% + 48px);max-width:none;flex-shrink:0}.partner-format-list{order:4;display:block;margin:0;width:100%}.partner-film-copy .partner-film-note{order:5;margin:0;align-self:flex-start}.partner-film-copy>.text-link{order:3;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.partner-film video,.partner-film .film-control{display:none}}

/* Partners: campaign materials lead the composition. */
.publisher-opening{padding-top:64px;padding-bottom:64px}.publisher-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:20px 72px;align-items:end}.publisher-heading>.eyebrow{grid-column:1/-1}.publisher-heading h1{font-size:clamp(58px,6.5vw,94px);line-height:1.02;letter-spacing:-.045em}.publisher-heading h1 span{color:var(--accent)}.publisher-intro p{font-size:19px;max-width:440px;margin-bottom:26px}
.publisher-stage{background:#252b2c;color:#f6f6f2;margin-top:56px;padding:48px 48px 28px;display:grid;grid-template-columns:1fr 160px;gap:32px;align-items:end}.stage-edition{background:#f6f6f2;color:#252b2c;padding:28px}.edition-mast{border-bottom:2px solid #252b2c;padding-bottom:18px;font:400 27px var(--font-display);display:flex;justify-content:space-between;align-items:center}.edition-mast span{font:14px var(--font-body);color:#506065}.edition-story{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;padding:28px 0}.edition-story h2{font-size:clamp(32px,3.4vw,48px);line-height:1.02;margin:16px 0}.edition-story p{font-size:16px;color:#506065;max-width:260px}.edition-story>img{height:100%;min-height:270px;width:100%;object-fit:cover}.spec-label{font-size:13px;color:#506065;display:block}.edition-placement{background:#c5e7f3;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.edition-placement>img{width:145px;height:auto}.edition-placement p{font:400 25px/1.1 var(--font-display);color:#252b2c}.sample-action{display:block;background:#003ff5;color:#fff;padding:14px 18px;font-size:15px;line-height:1.3}.stage-note>span{display:block;font:400 28px/1.15 var(--font-display);color:#c5e7f3;margin-bottom:32px}.stage-note a{font-size:15px;color:#f6f6f2;text-decoration:underline;text-underline-offset:6px;display:block;padding:12px 0}
.partner-materials{padding-block:40px 80px;scroll-margin-top:32px}.materials-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.materials-heading h2{font-size:clamp(40px,4.5vw,64px);line-height:1.06}.materials-heading p{max-width:430px;font-size:19px}.materials-spread{display:grid;grid-template-columns:1.1fr .9fr;gap:9%}.materials-spread figure{margin:0;scroll-margin-top:32px}.sample-email{background:#fff;color:#252b2c;border:1px solid #9ba9ac;padding:32px}.email-envelope{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #a6b4b6;font-size:13px;color:#506065}.email-subject{font:400 40px/1.1 var(--font-display);margin-top:26px}.sample-email .email-preheader{font-size:15px;color:#506065;margin:12px 0 24px}.email-photo{width:100%;height:235px;object-fit:cover;display:block}.email-offer{padding-top:24px}.email-offer h3{font-size:42px;line-height:1.05;margin:16px 0}.email-offer p{color:#506065;font-size:16px;line-height:1.55;margin-bottom:22px}.email-offer .sample-action{display:inline-block}.placement-examples{padding-top:80px}.sample-display{background:#c5e7f3;color:#252b2c;max-width:360px;padding:28px}.sample-brand{width:160px;height:27px;object-fit:contain;object-position:left}.sample-display h3{font-size:52px;line-height:1;margin:24px 0}.sample-display>img:not(.sample-brand){width:100%;height:145px;object-fit:cover;display:block;margin-bottom:22px}.materials-spread figcaption{display:grid;gap:8px;padding-top:22px;max-width:430px}.materials-spread figcaption strong{font:400 26px/1.15 var(--font-display);color:var(--ink)}.materials-spread figcaption span{font-size:15px;line-height:1.5;color:var(--muted)}.placement-examples figure+figure{margin-top:56px}.sample-native{border-block:1px solid var(--line);padding:26px 0}.sample-native .spec-label{color:var(--muted)}.sample-native h3{font-size:35px;line-height:1.08;margin:18px 0}.sample-native p{font-size:16px;max-width:410px}.native-link{display:block;margin-top:20px;font-size:15px;color:var(--accent)}.materials-caption{font-size:13px;color:var(--muted);margin-top:32px}.partner-materials+.partner-film-section{border-top:1px solid var(--line)}.partner-film-copy>.partner-film-note{margin-top:24px}
@media(max-width:1050px){.publisher-heading{gap:24px;grid-template-columns:1.1fr 1fr}.publisher-stage{grid-template-columns:1fr;padding:28px}.stage-note{display:flex;align-items:center;justify-content:space-between}.stage-note>span{font-size:24px;margin:0}.stage-note>span br{display:none}.edition-placement{flex-wrap:wrap}.materials-spread{gap:40px}.sample-email{padding:24px}.email-envelope{display:block}.email-envelope span{display:block}.materials-heading{gap:40px}}
@media(max-width:700px){.publisher-opening{padding-block:36px}.publisher-heading{display:block}.publisher-heading h1{font-size:clamp(42px,11.5vw,64px);margin-top:18px}.publisher-intro{margin-top:24px}.publisher-intro p{font-size:17px}.publisher-stage{margin-top:32px;margin-inline:-24px;padding:24px 16px;gap:24px}.stage-edition{padding:18px}.edition-mast{font-size:23px}.edition-mast span{display:none}.edition-story{gap:18px;grid-template-columns:1fr;padding:22px 0}.edition-story h2{font-size:37px}.edition-story h2 br{display:none}.edition-story p{max-width:none}.edition-story>img{height:180px;min-height:0}.edition-placement{display:grid;grid-template-columns:1fr;padding:20px;gap:18px}.edition-placement p{font-size:28px}.edition-placement p br{display:none}.stage-note{display:block}.stage-note>span{font-size:24px}.stage-note a{margin-top:10px}.partner-materials{padding-block:24px 40px}.materials-heading{display:block;margin-bottom:28px}.materials-heading h2{font-size:40px}.materials-heading p{font-size:17px;margin-top:22px}.materials-spread{display:block}.sample-email{padding:22px}.email-subject{font-size:32px}.email-photo{height:175px}.email-offer h3{font-size:35px}.placement-examples{padding-top:40px}.sample-display{max-width:none}.sample-display h3{font-size:48px}.sample-display>img:not(.sample-brand){height:175px}.placement-examples figure+figure{margin-top:36px}.materials-spread figcaption strong{font-size:25px}.sample-native h3{font-size:33px}}

/* Portfolio: one readable detail and one identity per brand. */
.portfolio-intro .page-hero{padding-top:48px;padding-bottom:32px}.portfolio-intro .eyebrow{display:none}.portfolio-intro h1{font-size:clamp(40px,4.4vw,64px);max-width:1000px;letter-spacing:-.035em}.portfolio-intro .intro{margin-block:24px}.portfolio-intro .text-link{margin-top:4px}
.portfolio-grid{display:block}.portfolio-grid .brand-anchor{border-top:1px solid var(--line);padding-block:32px}.portfolio-grid .brand-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}.portfolio-grid .brand-caption{grid-column:1;grid-row:1;padding:0}.portfolio-grid .brand-art{grid-column:2;grid-row:1;display:block;min-width:0}.portfolio-grid .brand-caption h2{font:400 clamp(26px,2.6vw,36px)/1.15 var(--font-display);letter-spacing:-.025em;margin:12px 0 20px;overflow-wrap:anywhere}.portfolio-grid .brand-caption p{max-width:430px}.portfolio-grid .brand-detail-crop{position:relative;aspect-ratio:1.65;overflow:hidden;border:1px solid var(--line);background:#fff}.portfolio-grid .brand-detail-crop .brand-photo{position:absolute;width:170%;max-width:none;height:auto;aspect-ratio:auto;border:0;top:-9%;left:0;transform:none;transition:none}.portfolio-grid .bob .brand-photo{left:-69%;top:-8%}.portfolio-grid .ndr .brand-photo{left:-68%;top:-10%}.portfolio-grid .tqh .brand-photo{left:-68%;top:-8%}.portfolio-grid .justice .brand-photo{left:-2%;top:-9%}.portfolio-grid .savers .brand-photo{left:-1%;top:-17%}.portfolio-section .filters{margin-bottom:0}.portfolio-grid .brand-caption h2 a{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.sample-email-letter{font-family:var(--font-body);padding:32px}.sample-email-letter .email-subject{font:700 27px/1.25 var(--font-body);letter-spacing:-.025em}.email-editorial{border-bottom:1px solid #a6b4b6;padding-bottom:24px}.email-editorial p{font-size:16px;line-height:1.65;color:#414f54}.email-editorial p+p{margin-top:16px}.sample-email-letter .email-offer h3{font:700 25px/1.25 var(--font-body);letter-spacing:-.02em}.sample-email-letter .sample-action{background:none;color:#003ff5;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.sample-email-letter .email-offer{background:#f2f5f5;padding:24px;margin-top:24px}.sample-display h3{font-family:var(--font-body);font-weight:700;font-size:42px;letter-spacing:-.035em}.sample-native h3{max-width:420px;font-size:32px}
@media(max-width:700px){.portfolio-intro .page-hero{padding-top:32px;padding-bottom:28px}.portfolio-intro h1{font-size:40px}.portfolio-grid .brand-card{display:flex;flex-direction:column;gap:20px;align-items:stretch}.portfolio-grid .brand-caption h2{font-size:28px;margin:10px 0 14px}.portfolio-grid .brand-anchor{padding-block:26px}.portfolio-grid .brand-caption p{font-size:16px}.portfolio-grid .brand-art{width:100%}.portfolio-grid .brand-detail-crop{aspect-ratio:1.3}.portfolio-grid .brand-detail-crop .brand-photo{width:195%;top:-7%}.portfolio-grid .bob .brand-photo,.portfolio-grid .ndr .brand-photo,.portfolio-grid .tqh .brand-photo{left:-93%}.portfolio-grid .savers .brand-photo{top:-16%}.sample-email-letter{padding:22px}.sample-email-letter .email-subject{font-size:24px}.sample-email-letter .email-offer{padding:18px}.sample-email-letter .email-offer h3{font-size:23px}.sample-display h3{font-size:40px}}

.portfolio-grid .savers .brand-detail-crop{aspect-ratio:680/270}.portfolio-grid .savers .brand-detail-crop .brand-photo{width:186.0294%;left:-8.8235%;top:-162.2222%;}
.portfolio-grid .bob .brand-detail-crop{aspect-ratio:772/360}.portfolio-grid .bob .brand-detail-crop .brand-photo{width:163.8601%;left:-54.4041%;top:-95.2778%;}
.portfolio-grid .justice .brand-detail-crop{aspect-ratio:510/354}.portfolio-grid .justice .brand-detail-crop .brand-photo{width:248.0392%;left:-16.6667%;top:-28.2486%;}
.portfolio-grid .ndr .brand-detail-crop{aspect-ratio:525/442}.portfolio-grid .ndr .brand-detail-crop .brand-photo{width:240.9524%;left:-122.8571%;top:-23.0769%;}
.portfolio-grid .tqh .brand-detail-crop{aspect-ratio:512/394}.portfolio-grid .tqh .brand-detail-crop .brand-photo{width:247.0703%;left:-131.2500%;top:-29.9492%;}