.tdc-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; font-size:clamp(18px,1.35vw,21px); }
.tdc-page * { box-sizing:border-box; }
.tdc-page h1,.tdc-page h2 { margin:0; font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; text-wrap:balance; }
.tdc-page p { margin:0; font-size:clamp(18px,1.35vw,21px); line-height:1.6; font-weight:400; }
.tdc-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.tdc-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); grid-template-areas:"heading art" "intro art"; align-content:center; column-gap:clamp(40px,6vw,96px); row-gap:28px; padding-block:56px 64px; }
.tdc-hero-heading { grid-area:heading; align-self:end; }
.tdc-hero h1 { max-width:9.5ch; font-size:clamp(48px,5.4vw,84px); line-height:1.08; letter-spacing:-.035em; }
.tdc-hero-heading p { max-width:27ch; margin-top:28px; }
.tdc-hero-intro { grid-area:intro; align-self:start; max-width:43ch; }
.tdc-art { display:block; width:100%; max-width:400px; min-width:0; margin:0; padding:0; border:0; background:none; cursor:zoom-in; }
.tdc-art img { display:block; width:100%; height:auto; object-fit:contain; }
.tdc-hero > .tdc-art { grid-area:art; align-self:center; justify-self:end; }
.tdc-art:focus-visible { outline:3px solid #ffc02b; outline-offset:7px; }
.tdc-lead-film { max-width:1100px; padding-bottom:56px; }
.tdc-film { position:relative; width:100%; min-width:0; aspect-ratio:16/9; background:#071725; }
.tdc-film .local-video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; }
.tdc-chapter { padding-block:48px; }
.tdc-heading { position:relative; top:auto !important; margin-bottom:26px; }
.tdc-page h2 { font-size:clamp(30px,3vw,44px); line-height:1.2; letter-spacing:-.02em; }
.tdc-copy { min-width:0; max-width:58ch; }
.tdc-copy p+p { margin-top:1.1em; }
.tdc-research { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,7vw,112px); align-items:center; }
.tdc-research > .tdc-art { max-width:370px; justify-self:center; }
.tdc-campaign { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(36px,5vw,80px); align-items:center; }
.tdc-response { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(40px,7vw,112px); align-items:center; padding-bottom:64px; }
.tdc-response > .tdc-art { max-width:330px; justify-self:center; }
@media(max-width:900px) {
 .tdc-hero { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); column-gap:32px; padding-block:40px 48px; }
 .tdc-hero h1 { font-size:clamp(44px,6.3vw,58px); }
 .tdc-hero-heading p { margin-top:22px; }
 .tdc-hero > .tdc-art { max-width:330px; }
 .tdc-lead-film { padding-bottom:24px; }
 .tdc-chapter { padding-block:36px; }
 .tdc-research { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; }
 .tdc-campaign { grid-template-columns:minmax(0,1fr); gap:28px; }
 .tdc-campaign > .tdc-copy { max-width:65ch; }
 .tdc-response { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px; padding-bottom:48px; }
}
@media(max-width:600px) {
 .tdc-hero { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "art" "intro"; row-gap:28px; padding-block:32px 36px; }
 .tdc-hero h1 { max-width:10ch; font-size:clamp(42px,11vw,58px); }
 .tdc-hero-heading p { max-width:30ch; margin-top:20px; }
 .tdc-hero > .tdc-art { width:82%; max-width:300px; justify-self:center; }
 .tdc-lead-film { padding-bottom:12px; }
 .tdc-heading { margin-bottom:22px; }
 .tdc-chapter { padding-block:28px; }
 .tdc-research,.tdc-response { grid-template-columns:minmax(0,1fr); gap:28px; }
 .tdc-research > .tdc-copy { grid-row:1; }
 .tdc-research > .tdc-art { width:90%; max-width:330px; }
 .tdc-response > .tdc-art { width:82%; max-width:300px; }
 .tdc-response { padding-bottom:40px; }
}