body{margin:0;background:#061427}

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/speaking/youth-families/assets/fonts/inter-latin-400-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/speaking/youth-families/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/speaking/youth-families/assets/fonts/inter-latin-600-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/speaking/youth-families/assets/fonts/inter-latin-700-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('/speaking/youth-families/assets/fonts/inter-latin-800-normal.woff2') format('woff2')}
#pave-youth-families{--navy:#061427;--deep:#0A1029;--cyan:#00E5FF;--violet:#7B5CFF;--ink:#10263e;--muted:#43566c;font-family:Inter,Arial,sans-serif;color:#fff;line-height:1.6}#pave-youth-families *{box-sizing:border-box}#pave-youth-families [hidden]{display:none!important}#pave-youth-families a{color:inherit;text-decoration:none}#pave-youth-families button,#pave-youth-families input,#pave-youth-families select{font:inherit}#pave-youth-families button,#pave-youth-families select{min-height:44px}#pave-youth-families a:focus-visible,#pave-youth-families button:focus-visible,#pave-youth-families summary:focus-visible,#pave-youth-families input:focus-visible,#pave-youth-families select:focus-visible{outline:3px solid #0099bb;outline-offset:4px}#pave-youth-families p{margin:0 0 18px}#pave-youth-families h1,#pave-youth-families h2,#pave-youth-families h3{font-family:"Circular Std",Inter,Arial,sans-serif;letter-spacing:-.04em;line-height:1.12;margin:0 0 20px;font-weight:600}#pave-youth-families h2{font-size:clamp(32px,3.4vw,44px)}#pave-youth-families h3{font-size:27px}#pave-youth-families h4{font-size:15px;margin:24px 0 9px}#pave-youth-families .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 17px;color:#008298}#pave-youth-families .stage{background:var(--navy);width:100%;margin:auto;container-type:inline-size;overflow:clip}#pave-youth-families .stage.mobile{max-width:430px}#pave-youth-families .wrap{max-width:1200px;padding:0 44px;margin:auto}#pave-youth-families .section{padding:64px 0;scroll-margin-top:20px}#pave-youth-families .small-cta{border:1px solid #64798e;border-radius:8px;padding:10px 14px}#pave-youth-families .skip-link{position:absolute;z-index:20;transform:translateY(-200%);background:white;color:var(--ink);padding:12px}#pave-youth-families .skip-link:focus{transform:none}#pave-youth-families .hero{display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 1fr;min-height:620px;background:radial-gradient(circle at 82% 18%,#7b5cff21,transparent 35%),var(--navy)}#pave-youth-families .hero-intro{grid-column:2;grid-row:1;padding:62px 36px 0 40px}#pave-youth-families .hero .eyebrow{color:#b7dce9}#pave-youth-families .hero h1{font-size:clamp(38px,4.8vw,56px);line-height:1.01;letter-spacing:-.052em;max-width:560px;margin:0 0 24px}#pave-youth-families .accent{color:#9bb8ff}#pave-youth-families .hero-photo{position:relative;grid-column:1;grid-row:1/3;height:100%;min-height:620px;overflow:hidden}#pave-youth-families .hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:var(--focus-x,70%) 50%}#pave-youth-families .hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 67%,#0614274d 82%,var(--navy)),linear-gradient(0deg,#040f1e9e,transparent 35%)}#pave-youth-families .hero-details{grid-column:2;grid-row:2;padding:0 36px 40px 40px;max-width:640px}#pave-youth-families .hero-details>p{font-size:17px;color:#c9d4e3;max-width:500px}#pave-youth-families .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}#pave-youth-families .primary,#pave-youth-families .secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 19px;border-radius:8px;font-size:14px;font-weight:700;text-align:center}#pave-youth-families .primary{background:linear-gradient(110deg,#00d5eb,#b399ff);color:#071b31}#pave-youth-families .secondary{border:1px solid #8291a8;color:inherit}#pave-youth-families .organizers{border-top:1px solid #ffffff25;padding-top:20px;font-size:12px;color:#b8c9db}#pave-youth-families .organizers strong{font-weight:500;color:#edf5ff}#pave-youth-families .organizers p{margin:9px 0 0}#pave-youth-families .choices,#pave-youth-families .sessions,#pave-youth-families .parents,#pave-youth-families .other{background:#f4f7fb;color:var(--ink)}#pave-youth-families .choice-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;margin-top:28px}#pave-youth-families .choice{background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:40% 60%;border:1px solid #dbe3ec}#pave-youth-families .youth-choice{border-color:#56c9db}#pave-youth-families .choice img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}#pave-youth-families .choice>div{padding:25px}#pave-youth-families .choice h3{font-size:25px;margin-bottom:10px}#pave-youth-families .choice p{font-size:14px;color:var(--muted);margin-bottom:16px}#pave-youth-families .choice span{font-size:13px;font-weight:700;color:#066984}#pave-youth-families .section-head{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:34px}#pave-youth-families .section-head>p{color:var(--muted);font-size:16px;max-width:490px;margin-bottom:20px}#pave-youth-families .session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#pave-youth-families .session-card{background:white;border:1px solid #dbe3ec;border-radius:16px;padding:30px;display:flex;flex-direction:column}#pave-youth-families .session-card.workshop{background:#eef0ff;border-color:#cfd4f1}#pave-youth-families .format{font-size:12px;font-weight:700;color:#475c74;margin-bottom:19px!important}#pave-youth-families .session-card h3{margin-bottom:18px}#pave-youth-families .session-card p,#pave-youth-families .session-card li{font-size:15px;color:var(--muted)}#pave-youth-families .session-card .lead{font-size:17px;font-weight:500;color:var(--ink)}#pave-youth-families ul{padding-left:19px;margin:0 0 24px}#pave-youth-families li{padding-left:3px;margin-bottom:9px}#pave-youth-families .session-link{font-size:14px;font-weight:700;color:#075d79;margin-top:auto;border-top:1px solid #dce5ed;padding-top:20px;min-height:44px}#pave-youth-families .section-note{font-size:13px;color:var(--muted);margin:25px 0 0}#pave-youth-families .experience{background:var(--deep)}#pave-youth-families .experience .eyebrow,#pave-youth-families .speaker .eyebrow,#pave-youth-families .booking .eyebrow,#pave-youth-families .program .eyebrow{color:#79daed}#pave-youth-families .experience .section-head>p,#pave-youth-families .experience .section-note{color:#c5d3e2}#pave-youth-families .rail-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;color:#bdcfe2}#pave-youth-families .rail-controls>div{display:flex;gap:9px}#pave-youth-families .rail-controls button{width:46px;border:1px solid #91a6bf;border-radius:50%;background:#142840;color:white;font-size:22px}#pave-youth-families .rail-controls button:disabled{opacity:.42}#pave-youth-families .activity-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#7188b5 #152742}#pave-youth-families .activity{flex:0 0 90%;display:grid;grid-template-columns:1.13fr 1fr;scroll-snap-align:start;background:#12283f;border:1px solid #35465f;border-radius:18px;overflow:hidden}#pave-youth-families figure{margin:0}#pave-youth-families .activity figure{display:flex;flex-direction:column;justify-content:center;background:#07182b;min-width:0}#pave-youth-families .activity img{width:100%;height:auto;display:block;object-fit:contain}#pave-youth-families figcaption{font-size:12px;color:#b5c8db;padding:10px 18px}#pave-youth-families .activity-copy{padding:30px}#pave-youth-families .activity-copy h3{font-size:28px}#pave-youth-families .activity-copy>p{font-size:15px;color:#ccdae8}#pave-youth-families .activity-copy .question{font-size:16px;color:#fff;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff28}#pave-youth-families .parents{background:#fff}#pave-youth-families .parent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#pave-youth-families .parent-grid .session-card{padding:36px;background:#f6f8fb}#pave-youth-families .parent-grid .workshop{background:#eef0ff}#pave-youth-families .takeaway{font-weight:500;color:var(--ink)!important}#pave-youth-families .speaker{background:#0e2135}#pave-youth-families .speaker-grid{display:grid;grid-template-columns:.85fr 1fr;gap:64px;align-items:center}#pave-youth-families .speaker figure{border-radius:18px;overflow:hidden;background:var(--navy)}#pave-youth-families .speaker img{width:100%;height:360px;display:block;object-fit:cover;object-position:50% 35%}#pave-youth-families .speaker p{color:#c5d3e2}#pave-youth-families .speaker .lead{color:#fff;font-size:20px}#pave-youth-families .inline-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#93e8f4;font-size:14px}#pave-youth-families .inline-links a{padding:8px 0}#pave-youth-families .booking{background:radial-gradient(ellipse at 90% 0,#7b5cff30,transparent 60%),var(--navy)}#pave-youth-families .booking-grid{display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:72px}#pave-youth-families .booking p{color:#c5d3e2;max-width:610px}#pave-youth-families .booking-action .primary{margin-bottom:24px}#pave-youth-families .booking-action p{font-size:15px}#pave-youth-families .booking-action p a{text-decoration:underline}#pave-youth-families .booking-action .small{font-size:13px;max-width:330px}#pave-youth-families .program{background:#152c42;padding:40px 0}#pave-youth-families .program-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}#pave-youth-families .program h2{font-size:29px;margin-bottom:14px}#pave-youth-families .program p{max-width:680px;color:#d0deea;font-size:15px;margin-bottom:0}#pave-youth-families .program .eyebrow{margin-bottom:12px}#pave-youth-families .other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}#pave-youth-families .other-grid a{background:white;border:1px solid #dbe3ec;border-radius:12px;padding:24px}#pave-youth-families .other-grid strong{display:block;font-size:21px;margin-bottom:14px}#pave-youth-families .other-grid span{display:block;font-size:14px;color:var(--muted)}#pave-youth-families .hub-link{color:#075d79;font-size:14px;font-weight:700;display:inline-block;padding:10px 0}
@container(min-width:761px) and (max-width:1024px){#pave-youth-families .section{padding:48px 0}#pave-youth-families .program{padding:40px 0}}
@container(max-width:900px){#pave-youth-families .youth-grid{grid-template-columns:1fr}#pave-youth-families .session-card{padding:28px}#pave-youth-families .choice{grid-template-columns:1fr}#pave-youth-families .choice img{height:175px}#pave-youth-families .hero-intro{padding:50px 28px 0 32px}#pave-youth-families .hero-details{padding:0 28px 36px 32px}#pave-youth-families .hero h1{font-size:43px}#pave-youth-families .hero-actions{display:grid}#pave-youth-families .activity{grid-template-columns:1fr 1fr}#pave-youth-families .activity-copy{padding:24px}#pave-youth-families .speaker-grid{gap:30px}}
@container(max-width:760px){#pave-youth-families .wrap{padding:0 22px}#pave-youth-families .section{padding:40px 0}#pave-youth-families h2{font-size:33px}#pave-youth-families h3{font-size:26px}#pave-youth-families .hero{display:flex;flex-direction:column;min-height:0}#pave-youth-families .hero-intro{padding:40px 22px 0;position:relative;z-index:2}#pave-youth-families .hero h1{font-size:42px;line-height:1.04;margin-bottom:12px;max-width:480px}#pave-youth-families .hero .eyebrow{font-size:10px}#pave-youth-families .hero-photo{width:88%;height:205px;min-height:0;margin:-24px 0 0 auto}#pave-youth-families .hero-photo img{object-position:60% 18%}#pave-youth-families .hero-photo:after{background:linear-gradient(180deg,var(--navy),#061427c7 12%,#06142738 37%,transparent 58%),linear-gradient(90deg,var(--navy),#06142794 13%,transparent 35%),linear-gradient(0deg,var(--navy),#06142757 18%,transparent 42%)}#pave-youth-families .hero-details{padding:12px 22px 34px;max-width:none}#pave-youth-families .hero-details>p{font-size:16px}#pave-youth-families .hero-actions{display:flex;gap:10px;margin:22px 0}#pave-youth-families .hero-actions a{width:100%}#pave-youth-families .organizers{font-size:12px}#pave-youth-families .choice-grid,#pave-youth-families .section-head,#pave-youth-families .parent-grid,#pave-youth-families .speaker-grid,#pave-youth-families .booking-grid,#pave-youth-families .program-grid,#pave-youth-families .other-grid{grid-template-columns:1fr;gap:22px}#pave-youth-families .section-head{margin-bottom:24px;gap:0}#pave-youth-families .section-head>p{font-size:15px;margin-bottom:0}#pave-youth-families .choice{grid-template-columns:34% 66%}#pave-youth-families .choice img{height:100%;min-height:190px}#pave-youth-families .choice>div{padding:22px 20px}#pave-youth-families .choice h3{font-size:23px}#pave-youth-families .session-card,#pave-youth-families .parent-grid .session-card{padding:25px 23px}#pave-youth-families .session-card p,#pave-youth-families .session-card li{font-size:15px}#pave-youth-families .activity{flex-basis:92%;display:block}#pave-youth-families .activity-copy{padding:25px 22px}#pave-youth-families .activity-copy h3{font-size:26px}#pave-youth-families .speaker img{height:260px}#pave-youth-families .speaker .lead{font-size:18px}#pave-youth-families .booking-action .primary{width:100%}#pave-youth-families .booking br{display:none}#pave-youth-families .program .secondary{justify-self:start}}
@media(prefers-reduced-motion:reduce){#pave-youth-families *{scroll-behavior:auto!important}}
#pave-youth-families h1,#pave-youth-families h2,#pave-youth-families h3{font-family:Inter,Arial,sans-serif}
#pave-youth-families .rail-controls button[aria-disabled=true]{opacity:.42}
@container(min-width:761px) and (max-width:900px){}
@container(max-width:760px){}
#pave-youth-families .eyebrow{color:#006d82}#pave-youth-families .hero .eyebrow{color:#b7dce9}#pave-youth-families .experience .eyebrow,#pave-youth-families .speaker .eyebrow,#pave-youth-families .booking .eyebrow,#pave-youth-families .program .eyebrow{color:#79daed}


#pave-youth-families [data-section]{scroll-margin-top:24px}
#pave-youth-families .session-link{display:flex;align-items:center;min-height:44px}
#pave-youth-families a:focus-visible,#pave-youth-families button:focus-visible,#pave-youth-families select:focus-visible{outline:3px solid #007c96;outline-offset:5px}
#pave-youth-families .activity img{max-height:340px}
@container(max-width:760px){#pave-youth-families .hero-actions{flex-direction:column}#pave-youth-families .activity img{max-height:240px}}#pave-youth-families .activity-rail:focus-visible{outline:3px solid #80eaff;outline-offset:4px}
body.youth-families{background:#061427;font-family:Inter,Arial,sans-serif}body.youth-families .gm-brand{width:190px}body.youth-families .gm-brand img{width:100%;height:auto;aspect-ratio:3/1;filter:none;mix-blend-mode:normal}body.youth-families .gm-footer .gm-brand{width:220px}body.youth-families .gm-header{position:relative}body.youth-families .gm-header .gm-container{max-width:1400px}body.youth-families #navigation.open a{display:flex}body.youth-families .gm-footer h2{line-height:1.3}#pave-youth-families .rail-controls button{width:auto;min-width:92px;font-size:14px;border-radius:8px;padding:0 15px}#pave-youth-families .session-link:hover{text-decoration:underline;text-underline-offset:4px}#pave-youth-families .primary:hover{filter:brightness(1.07)}#pave-youth-families .secondary:hover{background:#ffffff12}#pave-youth-families .choice:hover,#pave-youth-families .other-grid a:hover{border-color:#007c96}#pave-youth-families :is(.hero,.experience,.speaker,.booking,.program):focus-visible{outline:3px solid #80eaff;outline-offset:-4px}#pave-youth-families :is(.choices,.sessions,.parents,.other):focus-visible{outline:3px solid #007c96;outline-offset:-4px}body.youth-families .gm-footer a:focus-visible,body.youth-families .gm-header a:focus-visible{outline:3px solid #80eaff;outline-offset:4px}@media(max-width:760px){body.youth-families .gm-brand{width:154px}}
/* Reset inherited homepage hero positioning without changing the approved composition. */
#pave-youth-families .hero::before,#pave-youth-families .hero::after{display:none}
#pave-youth-families .hero-photo{inset:auto;width:auto;display:block;align-self:stretch;justify-self:stretch;z-index:auto;transform:none}
#pave-youth-families .hero-photo img{max-width:none;max-height:none;transform:none}
@container(max-width:760px){#pave-youth-families .hero-photo{width:88%;align-self:auto}}
#pave-youth-families .hero-photo{opacity:1}
/* Keep the shared header usable when visitors enlarge text. */
body.youth-families .gm-header nav{min-width:0;flex-wrap:wrap}

/* Give the Compare slide more room; trim only its empty side background. */
#pave-youth-families .experience .wrap{max-width:1440px}
#pave-youth-families .activity-compare{flex-basis:96%;grid-template-columns:58% 42%}
#pave-youth-families .activity-compare .activity-visual{width:100%;overflow:hidden}
#pave-youth-families .activity-compare img{width:125%;max-width:none;max-height:none;height:auto;margin-left:-10%}
@container(max-width:900px){#pave-youth-families .activity-compare{grid-template-columns:1fr 1fr}}

/* A compact responsive spacing scale keeps section transitions consistent. */
@container(max-width:760px){#pave-youth-families .program{padding:32px 0}}

/* Full-width speaker scene; the authentic photograph remains an untouched layer. */
#pave-youth-families .speaker{position:relative;isolation:isolate;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#061427}
#pave-youth-families .speaker-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
#pave-youth-families .speaker-scene img{position:absolute;top:0;height:100%;display:block;object-fit:cover;border-radius:0}
#pave-youth-families .speaker .speaker-room{left:0;width:100%;object-position:50% 35%}
#pave-youth-families .speaker .speaker-original{right:0;width:50%;object-position:44% 10%;mask-image:linear-gradient(90deg,transparent,#000 20%)}
#pave-youth-families .speaker-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061427eb 0%,#061427d9 30%,#061427c2 43%,#06142740 58%,#06142708 76%),linear-gradient(0deg,#06142766,transparent 32%)}
#pave-youth-families .speaker-grid{position:relative;display:block;width:100%}
#pave-youth-families .speaker-copy{width:50%;max-width:550px}
#pave-youth-families .speaker h2{max-width:520px}
#pave-youth-families .speaker-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#pave-youth-families .speaker-actions a{min-height:48px}
#pave-youth-families .speaker-actions .secondary{background:#06142799}
#pave-youth-families .speaker-actions .secondary:hover{background:#153049}
#pave-youth-families .speaker-mobile-scene{display:none}
@container(max-width:900px){
 #pave-youth-families .speaker{min-height:0;display:block}
 #pave-youth-families .speaker-scene{display:block}
 #pave-youth-families .speaker-scene .speaker-original{display:none}
 #pave-youth-families .speaker .speaker-room{width:100%;height:100%;object-position:0% 50%}
 #pave-youth-families .speaker-scene::after{background:linear-gradient(90deg,#061427eb 0%,#061427d9 42%,#06142799 100%),linear-gradient(180deg,#06142799,transparent 22%,#06142780 100%)}
 #pave-youth-families .speaker-copy{width:100%;max-width:none}
 #pave-youth-families .speaker-heading{position:relative;z-index:1}
 #pave-youth-families .speaker h2{max-width:none}
 #pave-youth-families .speaker-body{position:relative;isolation:isolate}
 #pave-youth-families .speaker-mobile-scene{display:block;position:absolute;top:0;left:-44px;right:-44px;height:350px;z-index:-1;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 64%,transparent 100%)}
 #pave-youth-families .speaker .speaker-mobile-scene img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:30% 10%;mask-image:linear-gradient(90deg,transparent,#000 20%)}
 #pave-youth-families .speaker-mobile-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061427e6 0%,#061427d9 27%,#06142799 43%,#0614271a 61%,transparent 100%)}
 #pave-youth-families .speaker-body>p{width:52%}
}
@container(max-width:760px){#pave-youth-families .speaker-mobile-scene{left:-22px;right:-22px}}
@container(max-width:430px){#pave-youth-families .speaker-actions{flex-direction:column}#pave-youth-families .speaker-actions a{width:100%}}

/* Session disclosures keep the title and guiding prompt directly readable. */
#pave-youth-families .youth-grid{grid-template-columns:1fr;gap:14px}
#pave-youth-families :is(.youth-session,.parent-session){display:block;padding:0}
#pave-youth-families :is(.youth-session,.parent-session) summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;cursor:pointer;list-style:none;border-radius:15px}
#pave-youth-families :is(.youth-session,.parent-session) summary::-webkit-details-marker{display:none}
#pave-youth-families .session-summary-copy{display:block;min-width:0}
#pave-youth-families .session-title{display:block;font-size:27px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
#pave-youth-families :is(.youth-session,.parent-session) summary .lead{display:block;margin-top:10px;line-height:1.55}
#pave-youth-families .session-toggle{position:relative;flex:0 0 32px;height:32px;border:1px solid #b8cbd9;border-radius:50%;color:#006d82}
#pave-youth-families .session-toggle::before,#pave-youth-families .session-toggle::after{content:"";position:absolute;left:9px;top:14px;width:12px;height:2px;background:currentColor}
#pave-youth-families .session-toggle::after{transform:rotate(90deg)}
#pave-youth-families :is(.youth-session,.parent-session)[open] .session-toggle::after{display:none}
#pave-youth-families :is(.youth-session,.parent-session) summary:hover .session-title{color:#006d82}
#pave-youth-families :is(.youth-session,.parent-session) summary:focus-visible{outline:3px solid #007c96;outline-offset:4px}
#pave-youth-families .session-content{padding:0 30px 26px}
#pave-youth-families .session-content .format{padding-top:22px;border-top:1px solid #dbe3ec;font-size:14px}
#pave-youth-families .session-content>p:not(.format),#pave-youth-families .session-content li{font-size:16px;max-width:78ch}
#pave-youth-families .session-content .session-link{margin-top:0}
@container(max-width:760px){
 #pave-youth-families :is(.youth-session,.parent-session){padding:0}
 #pave-youth-families :is(.youth-session,.parent-session) summary{padding:22px 23px;gap:16px;align-items:flex-start}
 #pave-youth-families .session-title{font-size:24px}
 #pave-youth-families :is(.youth-session,.parent-session) summary .lead{font-size:16px}
 #pave-youth-families .session-content{padding:0 23px 22px}
}

/* Parent disclosures share the youth presentation and preserve their existing surfaces. */
#pave-youth-families .parent-grid{grid-template-columns:1fr;gap:14px}
#pave-youth-families .parent-grid .parent-session{padding:0}

/* A faint full-section workshop scene sits behind the youth content. */
#pave-youth-families .sessions{position:relative;isolation:isolate}
#pave-youth-families .youth-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--photo-shift:clamp(120px,12vw,180px)}
#pave-youth-families .youth-scene img{position:absolute;top:calc(-1 * var(--photo-shift));display:block;width:100%;height:calc(100% + var(--photo-shift));max-width:none;object-fit:cover;object-position:50% 55%;opacity:.16}
#pave-youth-families .sessions .eyebrow{color:#005a6c}

/* The supplied parent workshop scene echoes the faint youth background. */
#pave-youth-families .parents{position:relative;isolation:isolate}
#pave-youth-families .parent-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
#pave-youth-families .parent-scene img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 65%;opacity:.16}
#pave-youth-families .parents .eyebrow{color:#005a6c}
@container(max-width:760px){#pave-youth-families .parent-scene img{object-position:80% 65%}}

/* Full-bleed learning commons hero: shade follows the copy, leaving the scene clear. */
#pave-youth-families .hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy)}
#pave-youth-families .hero-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;z-index:-1}
#pave-youth-families .hero-photo img{width:calc(100% + clamp(220px,20vw,360px));height:100%;left:calc(-1 * clamp(220px,20vw,360px));object-fit:cover;object-position:100% 58%;opacity:1}
#pave-youth-families .hero-photo::after{background:linear-gradient(90deg,transparent 0%,transparent 27%,#06142726 36%,#061427e8 49%,#061427f5 100%)}
#pave-youth-families .hero-intro,#pave-youth-families .hero-details{position:relative;z-index:1}
#pave-youth-families .hero-details{max-width:none}
#pave-youth-families .youth-scene{--photo-shift:0px}
#pave-youth-families .youth-scene img{object-position:50% 63%}
@container(max-width:900px) and (min-width:761px){
 #pave-youth-families .hero{grid-template-columns:40% 60%}
 #pave-youth-families .hero-photo::after{background:linear-gradient(90deg,transparent 0%,transparent 17%,#06142780 30%,#061427ed 40%,#061427f5 100%)}
}
@container(max-width:760px){
 #pave-youth-families .hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0}
 #pave-youth-families .hero-photo img{width:100%;left:0;object-position:52% 55%}
 #pave-youth-families .hero-photo::after{background:none}
 #pave-youth-families .hero-intro{padding:40px 22px 20px;margin-bottom:210px;background:#061427eb}
 #pave-youth-families .hero-intro::after{content:"";position:absolute;left:0;right:0;top:100%;height:70px;background:linear-gradient(180deg,#061427eb,transparent);pointer-events:none}
 #pave-youth-families .hero-details{padding:22px 22px 34px;background:#061427eb}
 #pave-youth-families .hero-details::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:70px;background:linear-gradient(0deg,#061427eb,transparent);pointer-events:none}
 #pave-youth-families .youth-scene img{object-position:50% 65%}
}

/* Keep the CTA-to-section transition on the established 8px spacing scale. */
#pave-youth-families .hero{min-height:0;grid-template-rows:auto auto}
#pave-youth-families .hero-details{padding-bottom:64px}
#pave-youth-families .hero-details>p{margin-bottom:0}
#pave-youth-families .hero-actions{margin:24px 0 0}
@container (min-width:761px) and (max-width:1100px){#pave-youth-families .hero-details{padding-bottom:48px}}
@container (max-width:760px){#pave-youth-families .hero-details{padding-bottom:40px}}

/* Page-wide spacing review: adjacent section padding forms a balanced content gap. */
#pave-youth-families .stage{--section-space:48px;--compact-space:32px}
#pave-youth-families .section{padding-block:var(--section-space)}
#pave-youth-families .program{padding-block:var(--compact-space)}
#pave-youth-families .hero-intro{padding-top:var(--section-space)}
#pave-youth-families .hero-details{padding-bottom:var(--section-space)}
#pave-youth-families .section-head{margin-bottom:32px}
#pave-youth-families .section-note{margin-top:24px;margin-bottom:0}
#pave-youth-families .booking-grid>div>p:last-child{margin-bottom:0}
@container (min-width:761px) and (max-width:1100px){#pave-youth-families main{--section-space:40px}}
@container (max-width:760px){
 #pave-youth-families main{--section-space:32px;--compact-space:24px}
 #pave-youth-families .section-head{margin-bottom:24px}
}

/* The program logo and CTA form one clear, accessible destination. */
#pave-youth-families .program-grid{grid-template-columns:minmax(0,1fr) 320px;gap:40px}
#pave-youth-families .program-logo-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;width:100%;border:1px solid #38c6df;border-radius:16px;background:linear-gradient(135deg,#00cce514,#7b5cff1f),#071b31;box-shadow:0 8px 32px #00d5eb12;transition:transform .2s,border-color .2s,box-shadow .2s}
#pave-youth-families .program-logo-link img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}
#pave-youth-families .program-logo-link span{display:block;font-size:14px;font-weight:700;color:#a2f0ff;border-bottom:1px solid #5cbed1;padding-bottom:4px}
#pave-youth-families .program-logo-link:hover{transform:translateY(-2px);border-color:#a491ff;box-shadow:0 10px 32px #7b5cff33}
#pave-youth-families .program-logo-link:focus-visible{outline:3px solid #80eaff;outline-offset:5px}
@container(max-width:900px){#pave-youth-families .program-grid{grid-template-columns:minmax(0,1fr) 260px;gap:32px}}
@container(max-width:760px){#pave-youth-families .program-grid{grid-template-columns:1fr;gap:24px}#pave-youth-families .program-logo-link{max-width:320px;justify-self:start}}
@media(prefers-reduced-motion:reduce){#pave-youth-families .program-logo-link{transition:none}#pave-youth-families .program-logo-link:hover{transform:none}}

/* One methodology introduction, followed by the original interactive examples. */
#pave-youth-families .methodology-opening{max-width:860px;margin-bottom:32px}
#pave-youth-families .methodology-opening>p:last-child{font-size:16px;color:#c5d3e2;margin-bottom:0}
#pave-youth-families .methodology-grid{display:grid;grid-template-columns:1fr;gap:20px}
#pave-youth-families .methodology-element{border-top:1px solid #35465f;padding-top:20px}
#pave-youth-families .methodology-element summary{position:relative;list-style:none;cursor:pointer;padding-right:24px}
#pave-youth-families .methodology-element summary::-webkit-details-marker{display:none}
#pave-youth-families .methodology-element summary::after{content:'+';position:absolute;right:0;top:0;color:#79daed;font-size:21px;line-height:1}
#pave-youth-families .methodology-element[open] summary::after{content:'−'}
#pave-youth-families .methodology-element summary:focus-visible{outline:3px solid #80eaff;outline-offset:4px}
#pave-youth-families .methodology-element .eyebrow{display:block;font-size:14px;margin-bottom:12px}
#pave-youth-families .methodology-title{display:block;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
#pave-youth-families .methodology-element[open] summary{margin-bottom:12px}
#pave-youth-families .methodology-element>p:last-child{font-size:16px;color:#c5d3e2;margin:0}
#pave-youth-families .methodology-parents{font-size:16px;color:#c5d3e2;max-width:1000px;margin:24px 0 32px}
#pave-youth-families .activity-introduction{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;margin-bottom:20px;border-top:1px solid #35465f}
#pave-youth-families .activity-introduction h3{font-size:14px;letter-spacing:.12em;margin:0}
#pave-youth-families .activity-introduction .rail-controls{gap:24px;margin:0}
#pave-youth-families .speaker-biography p{font-size:16px}
/* The shared P.A.V.E. visual treatment: photo, connected initials and neon accents. */
#pave-youth-families .experience{background:linear-gradient(138deg,transparent 15%,#07356830 15%,#07356830 25%,transparent 25%,transparent 73%,#07356830 73%,#07356830 85%,transparent 85%),radial-gradient(ellipse at 85% 10%,#003c8540,transparent 65%),#03172f}
#pave-youth-families .methodology-opening{max-width:960px}
#pave-youth-families .methodology-opening h2 span{color:#62eaff}
#pave-youth-families .methodology-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:stretch;margin:36px 0}
#pave-youth-families .methodology-photo{position:relative;margin:0;min-width:0;filter:drop-shadow(0 0 7px #288eff55)}
#pave-youth-families .methodology-photo-frame{position:relative;height:100%;padding:2px;border-radius:28px;background:linear-gradient(135deg,#68eaff,#3381ff 45%,#b751ff 72%,#61eaff);clip-path:polygon(0 0,100% 0,100% 82%,76% 82%,58% 100%,0 100%)}
#pave-youth-families .methodology-photo-frame picture{display:block;height:100%}
#pave-youth-families .methodology-photo-frame img{position:absolute;inset:2px;display:block;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;object-position:50% 50%;border-radius:26px;clip-path:polygon(0 0,100% 0,100% 82%,76% 82%,58% 100%,0 100%)}
#pave-youth-families .methodology-photo-tags{position:absolute;top:14px;right:14px;left:14px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #97daffb3;border-radius:24px;background:#03172fea;color:#fff;font-size:14px;line-height:1.3;box-shadow:0 0 12px #469bff55}
#pave-youth-families .methodology-photo-tags i{width:4px;height:4px;background:#46efff;border-radius:50%}
#pave-youth-families .methodology-photo figcaption{position:absolute;right:0;bottom:0;width:38%;font-size:16px;line-height:1.35;color:#d8e3f3;text-align:right;padding:0 4px 4px}
#pave-youth-families .methodology-photo figcaption strong{color:#46efff}
#pave-youth-families .methodology-principles{min-width:0}
#pave-youth-families .methodology-divider{display:flex;align-items:center;gap:12px;text-align:center;font-size:14px;line-height:1.4;letter-spacing:.13em;margin:0 0 24px}
#pave-youth-families .methodology-divider::before,#pave-youth-families .methodology-divider::after{content:'';height:1px;flex:1;min-width:16px;background:#18c7eb80}
#pave-youth-families .methodology-element{position:relative;padding:0;border:0;--method-color:#52e8ff}
#pave-youth-families :is(.methodology-a,.methodology-e){--method-color:#bd87ff}
#pave-youth-families .methodology-element:not(:last-child)::before{content:'';position:absolute;left:24px;top:48px;bottom:-22px;width:1px;background:linear-gradient(#29d3ed,#ac6df0)}
#pave-youth-families .methodology-element summary{display:flex;gap:18px;align-items:center;padding-right:24px}
#pave-youth-families .methodology-letter{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid var(--method-color);border-radius:50%;background:radial-gradient(circle at 45% 30%,#ffffff18,#041b32 75%);box-shadow:0 0 14px color-mix(in srgb,var(--method-color) 25%,transparent);font-size:30px;font-weight:700;line-height:1;color:#f6fcff}
#pave-youth-families .methodology-summary{display:block;min-width:0}
#pave-youth-families .methodology-element .eyebrow{color:var(--method-color);font-size:20px;font-weight:700;letter-spacing:-.02em;text-transform:none;margin:0 0 4px}
#pave-youth-families .methodology-title{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0;color:#eef4ff}
#pave-youth-families .methodology-element summary::after{top:13px;color:var(--method-color)}
#pave-youth-families .methodology-element[open] summary{margin-bottom:6px}
#pave-youth-families .methodology-element>p:last-child{padding-left:66px;font-size:16px;line-height:1.5;color:#cbd8ec}
#pave-youth-families .methodology-signature{border-top:1px solid #18c7eb80;padding-top:20px;margin:0;font-size:24px;font-weight:700;letter-spacing:-.025em;color:#fff}
#pave-youth-families .methodology-signature span{color:#46efff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
@container(max-width:1100px){#pave-youth-families .methodology-composition{gap:32px}}
@container(max-width:900px){#pave-youth-families .methodology-composition{grid-template-columns:1fr;gap:32px}#pave-youth-families .methodology-photo{width:min(100%,520px);margin-inline:auto}#pave-youth-families .methodology-principles{max-width:680px;width:100%;margin-inline:auto}}
@container(max-width:900px){
 #pave-youth-families .speaker-body>.lead{min-height:300px;margin-bottom:24px}
 #pave-youth-families .speaker-biography{position:relative;width:100%}
}
@container(max-width:760px){
 #pave-youth-families .methodology-opening{margin-bottom:24px}
 #pave-youth-families .experience .wrap{width:100%}
 #pave-youth-families .methodology-grid{grid-template-columns:1fr;gap:20px}
 #pave-youth-families .methodology-composition{margin:28px 0;gap:28px}
 #pave-youth-families .methodology-element{padding-top:0}
 #pave-youth-families .methodology-element .eyebrow{margin-bottom:4px}
 #pave-youth-families .methodology-title{font-size:16px}
 #pave-youth-families .methodology-signature{font-size:22px}
 #pave-youth-families .methodology-photo-tags{font-size:14px;gap:6px;top:10px;left:10px;right:10px;padding:6px 10px}
 #pave-youth-families .methodology-element[open] summary{margin-bottom:8px}
 #pave-youth-families .methodology-parents{margin-bottom:24px}
 #pave-youth-families .activity-introduction{display:block;padding-top:20px}
 #pave-youth-families .activity-introduction h3{margin-bottom:16px}
 #pave-youth-families .activity-introduction .rail-controls{gap:8px}
 #pave-youth-families .activity-introduction .rail-controls>div{gap:8px}
 #pave-youth-families .activity-introduction .rail-controls button{min-width:76px;padding-inline:10px}
}

/* Match the photo to the full methodology column; retain the original photo when stacked. */
@container(max-width:900px){
 #pave-youth-families .methodology-photo-frame,#pave-youth-families .methodology-photo-frame picture{height:auto}
 #pave-youth-families .methodology-photo-frame img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:1.5}
}

/* The standard legal row stays visible at every size. */
body.youth-families .gm-footer-standard .gm-footer-bottom .gm-canada{display:block;width:32px;height:34px;mix-blend-mode:normal;background:transparent}
body.youth-families .gm-footer-standard .gm-canada img{display:block;width:100%;height:100%;object-fit:cover;filter:none;background:transparent}
@media(max-width:760px){
 body.youth-families .gm-footer-standard .gm-footer-bottom small{order:0}
 body.youth-families .gm-footer-standard .gm-footer-bottom .gm-canada{width:28px;height:30px}
}

/* One visible Catholic adaptation note above each complete session group. */
#pave-youth-families .faith-lens-note{display:flex;align-items:flex-start;gap:12px;margin:0 0 24px;padding:16px 20px;border-left:3px solid #008298;border-radius:0 8px 8px 0;background:#f1f6fa;color:var(--muted);font-size:15px;line-height:1.6}
#pave-youth-families .faith-lens-cross{flex:0 0 auto;color:#075d79;font-size:20px;line-height:1.2}
#pave-youth-families .faith-lens-note>span:last-child{min-width:0}
@container(max-width:760px){#pave-youth-families .faith-lens-note{padding:14px 16px;margin-bottom:20px}}

/* Final technical remediation: preserve the approved composition. */
body.youth-families .gm-header{position:sticky;top:0;z-index:100}
body.youth-families :is(main,[id],a,button,summary,input){scroll-margin-top:calc(var(--youth-header-height,100px) + 16px)}
#pave-youth-families .section{scroll-margin-top:calc(var(--youth-header-height,100px) + 16px)}
#pave-youth-families :is(.faith-lens-note,.evidence-note) a{text-decoration:underline;text-underline-offset:.2em}
#pave-youth-families .activity-copy .evidence-note{font-size:13px;line-height:1.55;color:#ccdae8;overflow-wrap:anywhere}
#pave-youth-families .activity-rail:focus-visible{outline:3px solid #fff;outline-offset:4px}
#pave-youth-families :is(.primary,.secondary,.session-link):active{filter:brightness(.9)}
#pave-youth-families :is(.session-card,.methodology-element)>summary:active{background-color:#00829812}
#pave-youth-families .activity[data-active=true]{border-color:#91a6bf}
body.youth-families .shared-legal-origin .shared-legal-mark{height:28px;object-fit:contain}
@media(max-width:1000px){body.youth-families .gm-mobile-book{white-space:normal;max-width:220px;text-align:center}}
