/* Page-local additions: shared site styles and assets are unchanged. */
.direct-page .hero-direct{min-height:auto;padding-top:170px;padding-bottom:65px;border-bottom:0}
.direct-page .hero-direct h1{max-width:1150px;font-size:clamp(42px,6.4vw,88px);line-height:1.06}
.direct-page .demo-section{padding-top:12px}
.direct-page .demo-video-wrap{margin-top:24px}
.direct-page h3{font-family:Oswald,Inter,sans-serif;text-transform:uppercase;font-size:clamp(30px,3.7vw,52px);line-height:1.15;margin:14px 0 28px}
.direct-page h3 em{font-style:normal;color:var(--gold)}
.prep{display:grid;grid-template-columns:1fr;gap:18px;max-width:900px;margin:0 auto;text-align:center;justify-items:center}
.prep h2{font-size:clamp(42px,5vw,72px);line-height:1.05;margin-bottom:0}
.prep>p{margin:0;max-width:800px}
.prep>p,.host-positioning>p{color:var(--muted);font-size:19px;line-height:1.65}
.capabilities,.deliverables{margin-top:72px;padding-top:44px;border-top:1px solid var(--line)}
.capabilities{text-align:center}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin:0 auto}
.capability{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);padding:24px 18px;display:flex;flex-direction:column;gap:16px}
.capability>span{color:var(--gold);font-size:27px;font-weight:800;height:34px}
.capability strong{font-size:14px;line-height:1.5}
.flow-arrow{color:var(--red2);padding:0 6px}
.video-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-deliverables article{padding:25px;border:1px solid rgba(210,166,83,.4);border-radius:20px;background:rgba(255,255,255,.025);text-align:center}
h4{font-family:Oswald,Inter,sans-serif;font-size:25px;margin:18px 0 8px;text-transform:uppercase}
.video-deliverables p,.campaign-stage p,.control-grid p{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0}
.format-art{height:168px;display:flex;align-items:center;justify-content:center;gap:12px}
.screen-shape{border:2px solid var(--gold);border-radius:10px;background:radial-gradient(circle at 30% 20%,rgba(210,166,83,.13),transparent),#111;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--gold)}
.screen-shape.landscape{width:100%;max-width:235px;aspect-ratio:16/9}.screen-shape.portrait{height:156px;aspect-ratio:9/16}.screen-shape.feed{height:156px;aspect-ratio:4/5}.screen-shape.ad{border-color:var(--red2)}

.distribution{text-align:center}.ad-dashboard{text-align:left;margin-top:44px;border:1px solid rgba(210,166,83,.5);border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#181510,#0c0c0c)}
.dashboard-heading{padding:28px 32px;border-bottom:1px solid var(--line)}.dashboard-heading>span{font-size:10px;letter-spacing:.12em;color:var(--gold);font-weight:800}.dashboard-heading h3{margin-bottom:0}
.campaign-flow{display:grid;grid-template-columns:1fr auto .85fr auto 1.2fr;gap:20px;padding:32px;align-items:center}.campaign-stage{min-width:0}.stage-number{font-size:10px;letter-spacing:.1em;color:var(--gold);font-weight:800}.connector{font-size:32px;color:var(--red2)}
.campaign-icon{font-size:32px;color:var(--gold);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;width:100px;height:66px;margin-top:22px}.budget-number{font-family:Oswald,sans-serif;color:var(--gold);font-size:64px;line-height:1.2;margin-top:14px}
.campaign-stage dl{font-size:12px;line-height:1.5}.campaign-stage dl div{padding:8px 0;border-bottom:1px solid var(--line)}.campaign-stage dt{color:var(--muted)}.campaign-stage dd{margin:2px 0 0;font-weight:700}
.impressions{text-align:center;padding:20px 24px 32px;border-top:1px solid var(--line);background:rgba(210,166,83,.06)}.impressions>span{font-size:28px;color:var(--red2)}.impressions strong{display:block;font-family:Oswald,sans-serif;color:var(--gold);font-size:clamp(40px,7vw,92px);line-height:1.1;letter-spacing:-.03em}.impressions h4{margin-top:10px}.impressions p{font-size:12px;line-height:1.5;color:var(--muted)}
.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.control-grid h4{color:var(--gold);font-size:22px}.ad-disclaimer{font-size:12px;line-height:1.65;color:var(--muted);max-width:1000px;margin:30px auto 0;text-align:left}
.host-positioning{max-width:900px;margin:0 auto 46px}.host-positioning h3{font-size:clamp(27px,3vw,40px);margin-bottom:14px}
.direct-page .reveal{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
@media(max-width:900px){.prep{grid-template-columns:1fr;gap:18px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-deliverables{gap:10px}.video-deliverables article{padding:18px 12px}.campaign-flow{gap:14px;padding:24px}.campaign-stage h4{font-size:21px}}
@media(max-width:640px){.direct-page .hero-direct{padding:125px 22px 40px}.direct-page .hero-direct h1{font-size:clamp(36px,9.3vw,56px)}.direct-page .demo-section{padding-top:0}.capabilities,.deliverables{margin-top:44px;padding-top:30px}.capability{padding:18px 14px}.video-deliverables{grid-template-columns:1fr}.video-deliverables article{padding:24px}.campaign-flow{grid-template-columns:1fr;text-align:center}.campaign-icon{margin:20px auto 0}.connector{transform:rotate(90deg)}.campaign-stage dl{text-align:left;max-width:280px;margin:16px auto 0}.dashboard-heading{padding:24px}.control-grid{grid-template-columns:1fr;gap:0}.ad-disclaimer{font-size:12px}.flow-arrow{display:block}.prep>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}

/* Tablet layouts keep each video and campaign stage easy to read. */
@media(min-width:641px) and (max-width:1100px){
.video-deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.video-deliverables article:last-child{grid-column:1 / -1}
.video-deliverables article{padding:24px}
.campaign-flow{grid-template-columns:1fr;text-align:center}
.campaign-icon{margin:20px auto 0}.connector{transform:rotate(90deg)}
.campaign-stage dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;text-align:left;max-width:520px;margin:16px auto 0}
}
@media(max-width:380px){.capability{padding:16px 10px}.capability strong{font-size:12px}}

/* Existing interview still, cropped within each deliverable's aspect ratio. */
.screen-shape{position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}
.screen-shape img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.screen-shape.preview-people img{object-position:12% center}
.screen-shape.preview-brand img{object-position:88% center}


.screen-shape:hover{border-color:#fff}

.screen-shape.preview-guest img{object-position:center center}

/* Centered section introductions, with fluid type for phones and tablets. */
.direct-page .deliverables> .step,.direct-page .deliverables>h3{text-align:center}
.direct-page .capability-note{max-width:720px;margin:24px auto 0;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.6;text-align:center}
.direct-page .distribution .retention-copy h2{font-size:clamp(36px,5.2vw,72px);line-height:1.08;text-wrap:balance}
.direct-page .distribution .retention-copy>p:last-child{max-width:850px;margin:24px auto 0;font-size:clamp(17px,1.7vw,20px);line-height:1.6}

/* Balanced headline wrapping at phone, tablet, and desktop widths. */
.direct-page .hero-direct h1{ text-wrap:balance }
.direct-page .deliverables>.step{line-height:1.6}