/* YouTube-only adaptation. Shared social components remain unchanged. */
.creative2d-page--youtube { --youtube-gutter: clamp(22px,5.5vw,106px); }
.creative2d-page--youtube :is(h1,h2,h3) { font-family: 'Social Business Condensed',var(--font-display); }
.creative2d-page--youtube .youtube-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(28px,4vw,76px); padding: clamp(48px,6vw,96px) var(--youtube-gutter); border-bottom: 1px solid var(--social-line); background: #0b1011; }
.creative2d-page--youtube .youtube-hero-copy { min-width: 0; }
.creative2d-page--youtube .brand-kicker { color: var(--social-orange); font: 700 12px/1.5 Inter,Arial,sans-serif; letter-spacing: .06em; }
.creative2d-page--youtube .youtube-hero h1 { font-size: clamp(42px,4.8vw,80px); line-height: 1.04; text-transform: uppercase; margin: 20px 0 24px; }
.creative2d-page--youtube .youtube-hero-copy > p:not(.brand-kicker) { font: 400 15px/1.7 Inter,Arial,sans-serif; color: #bec5c8; }
.creative2d-page--youtube .youtube-hero-copy > p.youtube-lead { color: #f2f0ec; font: 500 clamp(22px,1.8vw,30px)/1.3 'Social Business Condensed',sans-serif; margin-bottom: 18px; }
.creative2d-page--youtube .creative2d-actions { flex-wrap: wrap; gap: 18px 24px; }
.creative2d-page--youtube .creative2d-actions .cta { white-space: normal; }
.creative2d-page--youtube .youtube-episode { min-width: 0; }
.creative2d-page--youtube .youtube-episode-frame { position: relative; aspect-ratio: 16 / 9; border: 1px solid #46504c; border-top: 3px solid var(--social-orange); border-radius: 8px; background: radial-gradient(ellipse at 85% 90%,#47502255,transparent 65%),#141a1b; }
.creative2d-page--youtube .youtube-format-tag { position: absolute; top: 18px; left: 20px; color: var(--social-orange); font: 700 12px/1.4 Inter,Arial,sans-serif; }
.creative2d-page--youtube .youtube-episode-frame > p { position: absolute; left: 20px; top: 24%; width: 48%; margin: 0; font: 700 clamp(24px,2.6vw,44px)/1.08 'Social Business Condensed',sans-serif; text-transform: uppercase; color: #f2f0ec; }
.creative2d-page--youtube .youtube-episode-frame img { position: absolute; right: -2%; bottom: -12%; width: 54%; height: auto; pointer-events: none; }
.creative2d-page--youtube .youtube-shorts-tag { position: absolute; right: 10px; bottom: 12px; padding: 10px 12px; background: var(--social-orange); color: #111; border: 1px solid #111; transform: rotate(-5deg); font: 700 13px/1.2 Inter,Arial,sans-serif; }
.creative2d-page--youtube .youtube-story-beats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 40px; }
.creative2d-page--youtube .youtube-story-beats span { border-top: 2px solid var(--social-orange); padding-top: 10px; color: #dadbd8; font: 600 16px/1.3 'Social Business Condensed',sans-serif; }
.creative2d-page--youtube p.youtube-episode-note { margin: 16px 0 0; color: #a7b1b2; font: 400 12px/1.5 Inter,Arial,sans-serif; }
.creative2d-page--youtube #formats > header { padding: 0; min-height: 0; }
.creative2d-page--youtube .youtube-ideas > header { padding: 0; min-height: 0; margin-bottom: 32px; }
.creative2d-page--youtube p.youtube-section-lead { max-width: 850px; margin: 24px 0 0; }
.creative2d-page--youtube .social-character-copy h2 { font-family: 'Social Business Condensed',sans-serif; }
.creative2d-page--youtube .social-character-world .social-character-note { font-family: 'Social Business Condensed',sans-serif; }
.creative2d-page--youtube .youtube-pilot-character { display: block; width: 160px; height: auto; max-width: 40%; margin: 24px 0 0; }
.creative2d-page--youtube .social-pilot-step h3 { font-family: 'Social Business Condensed',sans-serif; }
@media (min-width: 901px) and (max-width: 1200px) {
 .creative2d-page--youtube .social-character-world > .social-character-banner { grid-template-columns: 14fr 29fr 64fr; }
 .creative2d-page--youtube .social-character-copy h2 { font-size: 25px; }
 .creative2d-page--youtube .social-process-track article { padding-right: 14px; }
 .creative2d-page--youtube .social-process-track h3 { font-size: 21px; overflow-wrap: anywhere; }
}
@media (max-width: 1024px) {
 .creative2d-page--youtube .youtube-hero { grid-template-columns: 1fr; gap: 44px; }
 .creative2d-page--youtube .youtube-hero-copy { max-width: 800px; }
 .creative2d-page--youtube .youtube-episode { width: 100%; max-width: 700px; justify-self: center; }
 .creative2d-page--youtube .youtube-episode-frame > p { font-size: clamp(30px,4.8vw,44px); }
}
@media (max-width: 600px) {
 .creative2d-page--youtube .youtube-hero h1 { font-size: clamp(38px,10vw,50px); }
 .creative2d-page--youtube .youtube-format-tag { top: 12px; left: 12px; font-size: 10px; }
 .creative2d-page--youtube .youtube-episode-frame > p { left: 12px; top: 28%; font-size: clamp(22px,6vw,32px); }
 .creative2d-page--youtube .youtube-shorts-tag { padding: 7px 9px; font-size: 10px; right: 6px; bottom: 8px; }
 .creative2d-page--youtube .youtube-story-beats { margin-top: 28px; gap: 8px; }
 .creative2d-page--youtube #formats > header,.creative2d-page--youtube .youtube-ideas > header { padding-bottom: 0; min-height: 0; }
}