/* YouTube page layout. Surfaces inherit the approved homepage/Studio system. */
#main-content.yt-page { color:#f4f7f0; font-family:'Objectivity',sans-serif; }
#main-content.yt-page .yt-hero-inner,
#main-content.yt-page .yt-inner { max-width:1440px!important; margin:0 auto; padding:72px clamp(24px,6vw,90px)!important; position:relative; z-index:1; }
#main-content.yt-page .yt-hero-inner { padding-top:36px!important; padding-bottom:64px!important; }
#main-content.yt-page .yt-hero-grid { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:48px; }
#main-content.yt-page .yt-hero-copy h1 { font-size:clamp(34px,3.8vw,54px)!important; line-height:1.08!important; letter-spacing:-.04em!important; }
#main-content.yt-page .yt-hero-copy > p { font-size:16px!important; line-height:1.8!important; max-width:57ch; }
#main-content.yt-page .kk-service-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
#main-content.yt-page .yt-hero-copy .yt-hero-note { margin-top:18px; color:#a6bbb2; font-size:12px!important; }
#main-content.yt-page .yt-hero-film { display:block!important; padding:0!important; opacity:1!important; transform:none!important; }
#main-content.yt-page .yt-hero-film > div:first-child { aspect-ratio:16/9!important; }
#main-content.yt-page .yt-hero-film > div:last-child { padding:24px!important; gap:10px!important; }
#main-content.yt-page .yt-hero-film > div:last-child > p { font-size:23px!important; font-weight:800!important; letter-spacing:-.025em!important; line-height:1.3!important; text-transform:none!important; margin:0!important; }
#main-content.yt-page .yt-proof-note { color:#a6bbb2; font-size:12px; margin:14px 4px 0; line-height:1.6; }
#main-content.yt-page .yt-entry-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #3b5541; margin-bottom:56px; }
#main-content.yt-page .yt-entry-paths a { display:flex; flex-direction:column; gap:12px; padding:8px 24px 24px; color:#f4f7f0; text-decoration:none; }
#main-content.yt-page .yt-entry-paths a:first-child { padding-left:0; }
#main-content.yt-page .yt-entry-paths a + a { border-left:1px solid #3b5541; }
#main-content.yt-page .yt-entry-paths strong { font-size:23px; letter-spacing:-.025em; }
#main-content.yt-page .yt-entry-paths span { display:flex; justify-content:space-between; gap:16px; color:#bccbbf; font-size:14px; line-height:1.6; }
#main-content.yt-page .yt-entry-paths b { color:#fde500; font-size:20px; }
#main-content.yt-page .yt-entry-paths a:hover strong { color:#fde500; }
#main-content.yt-page .yt-offer { background:#0d1512!important; border-block:1px solid #263c30; }
#main-content.yt-page .yt-offer .yt-inner { padding-top:40px!important; }
#main-content.yt-page .yt-offer-intro { display:grid; grid-template-columns:1fr auto; gap:18px 48px; align-items:center; margin-bottom:48px; }
#main-content.yt-page .yt-offer-intro h2 { font-size:clamp(28px,3.1vw,42px)!important; line-height:1.2!important; margin:0!important; max-width:24ch; }
#main-content.yt-page .yt-offer-intro p { margin:0!important; max-width:65ch; grid-column:1; font-size:16px!important; }
#main-content.yt-page .yt-offer-intro > a { grid-column:2; grid-row:1 / 3; }
#main-content.yt-page .yt-offer .yt-inner > h2 { font-size:16px!important; line-height:1.5!important; letter-spacing:.04em!important; margin-bottom:20px!important; color:#a6bbb2!important; }
#main-content.yt-page .yt-model-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
#main-content.yt-page .yt-model { display:flex; flex-direction:column; align-items:flex-start; }
#main-content.yt-page .yt-model h3 { font-size:28px!important; margin-bottom:16px!important; }
#main-content.yt-page .yt-model > p { font-size:16px!important; margin-bottom:24px; }
#main-content.yt-page .yt-model-delivery { color:#f4f7f0; border-top:1px solid #3b5541; padding-top:20px; width:100%; margin-top:auto; margin-bottom:24px; font-size:13px; font-weight:700; line-height:1.6; }
#main-content.yt-page .yt-model .kk-button-primary { font-size:12px!important; }
#main-content.yt-page .yt-section-heading { margin-bottom:32px; max-width:760px; }
#main-content.yt-page .yt-section-heading h2 { font-size:clamp(30px,3.5vw,46px)!important; line-height:1.15!important; letter-spacing:-.035em!important; margin:0 0 20px!important; }
#main-content.yt-page .yt-section-heading h2 span { color:#fde500; }
#main-content.yt-page .yt-section-heading > p { color:#bccbbf; font-size:16px; line-height:1.75; max-width:63ch; }
#main-content.yt-page :is(.yt-core-grid,.yt-plan-grid,.yt-ongoing-grid,.yt-support-grid) { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
#main-content.yt-page .yt-service { scroll-margin-top:150px!important; }
#main-content.yt-page .yt-service h2 { font-size:25px!important; line-height:1.3!important; margin:0 0 14px!important; letter-spacing:-.025em!important; }
#main-content.yt-page .yt-service p { font-size:16px!important; margin:0!important; }
/* Like the other service pages, only the lead card carries a yellow title. */
#main-content.yt-page .yt-core-grid .yt-service:first-child h2 { color:#fde500!important; }
#main-content.yt-page :is(.yt-ongoing-grid,.yt-support-grid) { gap:0; border:1px solid #3b5541; border-radius:24px; overflow:hidden; background:#11231a; }
#main-content.yt-page :is(.yt-ongoing-grid,.yt-support-grid) .yt-service { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
#main-content.yt-page :is(.yt-ongoing-grid,.yt-support-grid) .yt-service + .yt-service { border-left:1px solid #3b5541!important; }
#main-content.yt-page .yt-link { display:inline-block; margin-top:20px; color:#fde500; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#fde50060; font-size:13px; font-weight:700; line-height:1.8; }
#main-content.yt-page .yt-link:hover { text-decoration-color:#fde500; }
#main-content.yt-page .yt-guides { background:#0d1512!important; border-block:1px solid #263c30; }
#main-content.yt-page .yt-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#main-content.yt-page .kk-panel.yt-guide { padding:0!important; display:flex; flex-direction:column; overflow:hidden; text-decoration:none; }
#main-content.yt-page .yt-guide > img { border-radius:0!important; aspect-ratio:16/9; object-fit:cover; }
#main-content.yt-page .yt-guide > div { padding:24px; display:flex; flex-direction:column; flex:1; align-items:flex-start; }
#main-content.yt-page .yt-guide h3 { font-size:20px!important; font-weight:800; letter-spacing:-.02em; color:#f4f7f0; margin:0 0 24px; }
#main-content.yt-page .yt-guide > div > span { color:#fde500; font-size:12px; font-weight:800; margin-top:auto; line-height:1.6; }
#main-content.yt-page .yt-guide:hover > div > span { text-decoration:underline; text-underline-offset:4px; }
#main-content.yt-page .yt-faq a { color:#fde500; text-decoration:underline; text-underline-offset:4px; }
#main-content.yt-page :is(.yt-entry-paths a,.yt-link):focus-visible { outline:2px solid #fde500; outline-offset:5px; }
@media(max-width:1050px) {
 #main-content.yt-page .yt-hero-grid { gap:32px; grid-template-columns:1.1fr 1fr; }
 #main-content.yt-page .yt-hero-copy h1 { font-size:38px!important; }
 #main-content.yt-page .yt-offer-intro { grid-template-columns:1fr; gap:20px; }
 #main-content.yt-page .yt-offer-intro > a { grid-column:1; grid-row:auto; justify-self:start; }
 #main-content.yt-page .yt-guide-grid { gap:18px; }
 #main-content.yt-page .yt-guide > div { padding:20px; }
 #main-content.yt-page .yt-guide h3 { font-size:18px!important; }
}
@media(max-width:760px) {
 #main-content.yt-page .yt-hero-inner,#main-content.yt-page .yt-inner { padding:48px 24px!important; }
 #main-content.yt-page .yt-hero-inner { padding-top:24px!important; }
 #main-content.yt-page .yt-hero-grid { grid-template-columns:1fr; gap:32px; }
 #main-content.yt-page .yt-hero-copy h1 { font-size:36px!important; }
 #main-content.yt-page .yt-hero-copy > p { font-size:15px!important; }
 #main-content.yt-page .kk-service-actions { gap:20px; }
 #main-content.yt-page .yt-hero-film > div:last-child > p { font-size:21px!important; }
 #main-content.yt-page .yt-entry-paths { grid-template-columns:1fr; margin-bottom:36px; }
 #main-content.yt-page .yt-entry-paths a { padding:20px 0; gap:6px; }
 #main-content.yt-page .yt-entry-paths a + a { border-left:0; border-top:1px solid #3b5541; }
 #main-content.yt-page .yt-entry-paths strong { font-size:21px; }
 #main-content.yt-page .yt-offer .yt-inner { padding-top:16px!important; }
 #main-content.yt-page .yt-offer-intro { margin-bottom:36px; }
 #main-content.yt-page .yt-offer-intro h2 { font-size:30px!important; }
 #main-content.yt-page .yt-model-grid,#main-content.yt-page .yt-guide-grid,
 #main-content.yt-page :is(.yt-core-grid,.yt-plan-grid,.yt-ongoing-grid,.yt-support-grid) { grid-template-columns:1fr; gap:16px; }
 #main-content.yt-page .yt-model h3 { font-size:25px!important; }
 #main-content.yt-page .yt-model .kk-button-primary { width:100%; text-align:center; justify-content:center; padding-inline:18px!important; line-height:1.6!important; }
 #main-content.yt-page :is(.yt-ongoing-grid,.yt-support-grid) { gap:0; }
 #main-content.yt-page :is(.yt-ongoing-grid,.yt-support-grid) .yt-service + .yt-service { border-left:0!important; border-top:1px solid #3b5541!important; }
 #main-content.yt-page .yt-service h2 { font-size:23px!important; }
}

/* Keep the action label legible through shared hover and focus states. */
#main-content.yt-page a[data-kk-cta="service_cta_click"]:is(:hover,:focus-visible) { color:#010a08!important; background:#fde500!important; }

/* Packaging: a real frame, an illustrative title, and a reader-controlled comparison. */
#main-content.yt-page .yt-pack-hero-link { display:inline-block; color:#fde500; font-size:13px; font-weight:700; line-height:1.6; margin-top:12px; text-underline-offset:5px; }
#main-content.yt-page .yt-packaging { background:#010a08; scroll-margin-top:130px; }
#main-content.yt-page .yt-pack-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:36px; }
#main-content.yt-page .yt-pack-heading h2 { font-size:clamp(34px,4vw,54px)!important; line-height:1.12!important; letter-spacing:-.035em; margin:0; }
#main-content.yt-page .yt-pack-heading h2 > span { color:#fde500; }
#main-content.yt-page .yt-pack-heading p { max-width:49ch; color:#bccbbf; font-size:17px; line-height:1.75; margin:0; }
#main-content.yt-page .yt-package-lab { display:grid; grid-template-columns:.95fr 1.05fr; gap:48px; align-items:center; }
#main-content.yt-page .yt-package-thinking h3 { font-size:28px!important; line-height:1.25!important; letter-spacing:-.025em; margin:0 0 16px; }
#main-content.yt-page .yt-package-thinking > p { font-size:15px; line-height:1.75; color:#bccbbf; max-width:42ch; }
#main-content.yt-page .yt-package-switch { display:flex; gap:8px; margin:24px 0; flex-wrap:wrap; }
#main-content.yt-page .yt-package-switch[hidden] { display:none; }
#main-content.yt-page .yt-package-switch button { appearance:none; border:1px solid #627963; border-radius:99px; background:transparent; color:#f4f7f0; font:700 13px/1.5 'Objectivity',sans-serif; padding:13px 18px; cursor:pointer; }
#main-content.yt-page .yt-package-switch button[aria-pressed="true"] { background:#fde500; border-color:#fde500; color:#010a08; }
#main-content.yt-page .yt-package-switch button:hover { border-color:#fde500; }
#main-content.yt-page :is(.yt-package-switch button,.yt-pack-hero-link):focus-visible { outline:2px solid #fde500; outline-offset:4px; }
#main-content.yt-page .yt-package-explanation { min-height:85px; }
#main-content.yt-page .yt-package-explanation p { margin:0; color:#bccbbf; font-size:15px; line-height:1.75; max-width:46ch; }
#main-content.yt-page .yt-package-preview { margin:0; min-width:0; }
#main-content.yt-page .yt-package-picture { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:16px; background:#010a08; }
#main-content.yt-page .yt-package-picture img { width:100%; height:100%; object-fit:cover; display:block; }
#main-content.yt-page [data-pack-state="packaged"] .yt-package-picture img { transform:scale(1.45); transform-origin:0% 75%; }
#main-content.yt-page .yt-package-hook { position:absolute; top:16px; left:16px; color:#010a08; background:#fde500; padding:12px 14px; font-size:clamp(22px,2.6vw,36px); line-height:1.05; letter-spacing:-.03em; font-weight:900; }
#main-content.yt-page [data-pack-state="plain"] .yt-package-hook { display:none; }
#main-content.yt-page .yt-package-video-title { min-height:76px; padding-top:18px; }
#main-content.yt-page .yt-package-video-title p { color:#f4f7f0; font-size:22px; font-weight:800; line-height:1.35; letter-spacing:-.02em; margin:0; }
#main-content.yt-page .yt-package-preview figcaption { font-size:11px; line-height:1.7; color:#bccbbf; margin-top:14px; }
#main-content.yt-page [data-pack-copy][hidden] { display:none!important; }
#main-content.yt-page .yt-package-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:36px; }
#main-content.yt-page .yt-package-principles > div { display:flex; gap:18px; align-items:flex-start; }
#main-content.yt-page .yt-package-principles svg { flex:none; color:#fde500; width:40px; height:40px; }
#main-content.yt-page .yt-package-principles h3 { font-size:17px; line-height:1.4; margin:0 0 10px; font-weight:800; }
#main-content.yt-page .yt-package-principles p { color:#bccbbf; font-size:14px; line-height:1.75; margin:0; }
#main-content.yt-page .yt-service-graphic { margin:22px 0; color:#fde500; }
#main-content.yt-page .yt-service-graphic > svg { width:100%; max-width:360px; height:76px; display:block; }
#main-content.yt-page .yt-service-graphic > span { display:block; color:#bccbbf; font-size:12px; margin-top:10px; }
#main-content.yt-page .yt-story-graphic { padding-top:10px; }
#main-content.yt-page .yt-story-graphic > div { display:grid; grid-template-columns:1fr 2fr 1fr; gap:6px; height:55px; }
#main-content.yt-page .yt-story-graphic > div span { background:#fde500; border-radius:4px; }
#main-content.yt-page .yt-story-graphic > div span:nth-child(2) { background:#04a86e; }
#main-content.yt-page .yt-story-graphic > div span:nth-child(3) { background:#a6bbb2; }
#main-content.yt-page .yt-story-graphic ol { display:grid; grid-template-columns:1fr 2fr 1fr; gap:6px; list-style:none; padding:0; margin:20px 0 0; color:#bccbbf; font-size:12px; }
#main-content.yt-page .yt-analysis-graphic { display:flex; align-items:center; gap:14px; margin:24px 0; font-size:13px; font-weight:700; color:#fde500; }
#main-content.yt-page .yt-analysis-graphic svg { width:32px; height:20px; stroke:#a6bbb2; stroke-width:1.5; fill:none; }
@media(max-width:1050px) {
 #main-content.yt-page .yt-package-lab { gap:28px; }
 #main-content.yt-page .yt-package-thinking h3 { font-size:24px!important; }
 #main-content.yt-page .yt-package-switch button { padding:12px 14px; font-size:12px; }
 #main-content.yt-page .yt-package-principles { gap:24px; }
 #main-content.yt-page .yt-package-principles > div { display:block; }
 #main-content.yt-page .yt-package-principles svg { margin-bottom:16px; }
}
@media(max-width:760px) {
 #main-content.yt-page .yt-pack-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; }
 #main-content.yt-page .yt-pack-heading h2 { font-size:36px!important; }
 #main-content.yt-page .yt-pack-heading p { font-size:15px; }
 #main-content.yt-page .yt-package-lab { grid-template-columns:1fr; gap:24px; }
 #main-content.yt-page .yt-package-thinking h3 { font-size:24px!important; }
 #main-content.yt-page .yt-package-explanation { min-height:106px; }
 #main-content.yt-page .yt-package-hook { top:12px; left:12px; padding:8px 10px; font-size:24px; }
 #main-content.yt-page .yt-package-video-title p { font-size:21px; }
 #main-content.yt-page .yt-package-principles { grid-template-columns:1fr; gap:24px; }
 #main-content.yt-page .yt-package-principles > div { display:flex; }
 #main-content.yt-page .yt-package-principles svg { margin-bottom:0; }
 #main-content.yt-page .yt-analysis-graphic { gap:10px; font-size:12px; }
}

@media(max-width:760px) {
 #main-content.yt-page .yt-package-thinking { display:contents; }
 #main-content.yt-page .yt-package-thinking > h3 { order:0; margin:0; }
 #main-content.yt-page .yt-package-thinking > p { order:1; margin:0; }
 #main-content.yt-page .yt-package-switch { order:2; margin:0; }
 #main-content.yt-page .yt-package-preview { order:3; }
 #main-content.yt-page .yt-package-explanation { order:4; min-height:106px; }
 #main-content.yt-page .yt-package-thinking > .yt-link { order:5; margin-top:0; }
}