/* Human, editorial imagery and a classic launch-style webinar library. */
.human-hero .human-photo { position:relative; min-height:470px; overflow:hidden; background:#e9e8e4; }
.human-hero .human-photo>img { width:100%; height:470px; object-fit:cover; object-position:59% center; border:0; box-shadow:none; }
.human-photo-shade { position:absolute; inset:0; background:linear-gradient(0deg,#0e2526ed,transparent 58%); }
.photo-label { position:absolute; top:22px; left:22px; font:700 10px/1.6 Montserrat,sans-serif; letter-spacing:.1em; color:#fff; background:#1d3029cc; padding:10px 14px; }
.photo-label b { font:700 20px/1.35 Caveat,cursive; letter-spacing:0; }
.human-bonus-badge { display:grid; place-content:center; position:absolute; top:20px; right:17px; width:85px; height:85px; border-radius:50%; color:#35280c; background:#f5d477; outline:1px dashed #876a29; outline-offset:-6px; text-align:center; font:900 24px/1 Montserrat,sans-serif; transform:rotate(8deg); }
.human-bonus-badge b { font:900 12px/1.8 Montserrat,sans-serif; }
.human-bonus-badge small { font:700 7px/1.4 Lato,sans-serif; letter-spacing:.09em; }
.human-play { position:absolute; bottom:25px; left:25px; display:flex; align-items:center; gap:17px; color:#fff; background:none; border:0; text-align:left; padding:0; }
.human-play>svg { width:62px; height:62px; padding:17px; background:#fff; color:var(--accent); border-radius:50%; box-shadow:0 0 0 8px #ffffff22; transition:transform .2s; }
.human-play:hover>svg { transform:scale(1.08); }
.human-play>span { font-size:15px; line-height:1.5; }
.human-play b { font:800 22px/1.4 Montserrat,sans-serif; letter-spacing:-.035em; }
.learning-section { background:#f6f3ec; border-block:1px solid #e3dfd5; }
.learning-title { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:35px; }
.learning-title>div { flex:1.2; }
.learning-title>p { flex:1; font-size:18px; color:#5d5c56; max-width:400px; }
.learning-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:19px; }
.learning-grid figure { margin:0; background:#fff; border-bottom:3px solid var(--accent); }
.learning-grid img { width:100%; height:280px; object-fit:cover; }
.learning-grid figure:nth-child(2) img { object-position:52% 45%; }
.learning-grid figure:nth-child(3) img { object-position:40% center; }
.learning-grid figcaption { padding:19px 20px; font:800 17px/1.4 Montserrat,sans-serif; letter-spacing:-.025em; }
.learning-grid figcaption span { display:block; margin-top:7px; color:#666; font:400 13px/1.5 Lato,sans-serif; letter-spacing:0; }
.photo-context { margin-top:18px; text-align:right; font-size:11px; }
.bonus-section { background:#fffdf8; border-block:1px solid #e8dfcd; }
.bonus-heading { margin:0 auto 36px; max-width:760px; }
.gift-line { display:inline-flex; gap:10px; align-items:center; font:900 11px/1.5 Lato,sans-serif; letter-spacing:.09em; color:#8a5919; margin-bottom:18px; }
.gift-line svg { width:24px; height:24px; flex-shrink:0; }
.bonus-heading h2 { font-size:36px; }
.bonus-heading>p { color:#6c6252; font-size:18px; margin-top:20px; }
.bonus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.bonus-card { background:#fff; border:1px solid #dfdacd; min-width:0; }
.bonus-visual { position:relative; display:flex; justify-content:center; padding:27px 22px 21px; background:linear-gradient(135deg,#f0ece2,#faf8f2); border-bottom:1px solid #e5e0d6; overflow:hidden; }
.bonus-visual>img { width:160px; height:auto; filter:drop-shadow(6px 8px 4px #0002); transform:rotate(-4deg); }
.bonus-card:nth-child(2) .bonus-visual>img { transform:rotate(3deg); }
.bonus-card:nth-child(3) .bonus-visual>img { transform:rotate(-2deg); }
.bonus-stamp { position:absolute; z-index:1; top:16px; left:14px; display:grid; padding:8px 10px; background:var(--ink); color:#fff; text-align:center; font:700 8px/1.6 Lato,sans-serif; letter-spacing:.04em; box-shadow:2px 2px 0 #fff; }
.bonus-stamp b { font:900 13px/1.5 Montserrat,sans-serif; }
.bonus-copy { padding:25px 24px 27px; }
.bonus-copy .eyebrow { font-size:10px; margin-bottom:10px; }
.bonus-copy h3 { font-size:22px; line-height:1.25; }
.bonus-copy>p:not(.eyebrow) { font-size:16px; color:#666; line-height:1.7; margin:16px 0; }
.bonus-copy>small { display:block; font-size:11px; color:#777; padding-top:14px; border-top:1px solid #e4e0d8; }
.bonus-copy>a { display:inline-block; font:900 14px/1.5 Lato,sans-serif; margin-top:17px; }
.bonus-footnote { text-align:center; font-size:12px; color:#76694f; margin-top:26px; }
.welcome-photo { display:flex; align-items:center; gap:22px; text-align:left; margin-top:30px; padding:16px; background:var(--tint); border:1px solid #e0e6e2; }
.welcome-photo>img { width:120px; height:95px; object-fit:cover; object-position:65% center; }
.welcome-photo p { font-size:18px; line-height:1.4; }
.welcome-photo p>span { display:block; margin-top:8px; color:#666; font-size:13px; }
.lesson-photo { margin:0 0 40px; }
.lesson-photo>div { position:relative; overflow:hidden; }
.lesson-photo img { width:100%; height:355px; object-fit:cover; object-position:center; }
.lesson-photo div>span { position:absolute; bottom:0; left:0; padding:12px 20px; background:var(--ink); color:#fff; font-size:10px; letter-spacing:.1em; }
.lesson-photo figcaption { font-size:12px; line-height:1.7; color:#777; margin-top:12px; }
.bonus-inline { display:flex; align-items:center; gap:28px; padding:27px; margin-top:35px; background:#fffaf0; border:1px solid #e5d7b9; }
.bonus-inline>img { width:110px; height:auto; flex-shrink:0; filter:drop-shadow(3px 5px 4px #0002); }
.bonus-inline h3 { margin:10px 0; font-size:24px; }
.bonus-inline p:not(.eyebrow),.bonus-inline a { font-size:16px; }
.bonus-inline a { display:inline-block; margin-top:17px; font-weight:700; }
.photo-story { padding-top:45px; background:#fff; }
.photo-story-inner { display:grid; grid-template-columns:1.05fr 1fr; background:var(--ink); }
.photo-story-inner>img { width:100%; height:100%; min-height:370px; object-fit:cover; }
.photo-story-inner>div { padding:38px; }
.photo-story .eyebrow { color:#ffd7a4; font-size:10px; }
.photo-story h2 { color:#fff; font-size:29px; }
.photo-story p:not(.eyebrow) { color:#e0e9e7; margin-top:20px; font-size:17px; }
.photo-story .hand { color:#ffd7a4; display:block; margin-top:24px; font-size:29px; }
.family-bonus { background:#fbf7ef; border-bottom:1px solid #e8dfcd; }
.family-layout { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }
.family-photos { position:relative; padding-bottom:5px; }
.family-main>img { width:100%; height:295px; object-fit:cover; border:7px solid #fff; box-shadow:0 5px 14px #00000012; transform:rotate(-3deg); }
.family-small { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:5px 12px 0; }
.family-small img { width:100%; height:170px; object-fit:cover; border:6px solid #fff; box-shadow:0 5px 14px #00000010; }
.family-small img:first-child { transform:rotate(3deg); }
.family-small img:last-child { transform:rotate(-3deg); }
.family-sticker { position:absolute; z-index:1; right:0; top:225px; padding:15px 22px; background:#f2d581; color:#5a421a; font:700 28px/1.1 Caveat,cursive; transform:rotate(6deg); box-shadow:0 3px 9px #0001; }
.family-copy h2 { margin-bottom:23px; }
.family-copy>p { font-size:17px; line-height:1.8; color:#655f54; }
.family-copy .cta { font-size:18px; margin-top:26px; }
.family-copy p.fine { margin-top:15px; font-size:11px; }
.stage-6 .class-hero { background:var(--ink); padding:42px 0 37px; }
.stage-6 .class-hero h1 { color:#fff; }
.stage-6 .class-hero .eyebrow { color:#ffd2a5; }
.stage-6 .class-hero .intro { color:#e2eaf3; font-size:20px; }
.webinar-section { padding:0 0 60px; background:linear-gradient(var(--ink) 0 135px,#f5f3ed 135px); }
.webinar-ribbon { display:flex; justify-content:space-between; gap:15px; padding:13px 22px; font-size:10px; letter-spacing:.08em; color:#fff; background:var(--accent); }
.video-stage { position:relative; aspect-ratio:16/9; background:#0b1d31; overflow:hidden; }
.video-poster { display:block; position:absolute; inset:0; padding:0; width:100%; height:100%; border:0; background:#102638; color:#fff; text-align:left; }
.video-poster-photo { position:absolute; inset:0 0 0 auto; width:66%; height:100%; object-fit:cover; object-position:62% center; }
.poster-shade { position:absolute; inset:0; background:linear-gradient(90deg,#102638 0%,#102638f2 28%,#10263866 67%,#10263822),linear-gradient(0deg,#10263877,transparent 45%); }
.poster-content { position:absolute; top:12%; left:6%; right:6%; display:block; }
.poster-eyebrow { display:inline-block; padding:7px 10px; background:#f0ca6e; color:#3d2c09; font:900 10px/1.5 Lato,sans-serif; letter-spacing:.09em; }
.poster-content>strong { display:block; max-width:660px; margin:29px 0 22px; color:#fff; font:900 clamp(26px,4vw,53px)/1.12 Montserrat,sans-serif; letter-spacing:-.045em; }
.poster-subtitle { display:block; font:400 17px/1.5 Lato,sans-serif; color:#dce5e9; max-width:80%; }
.poster-play { display:flex; align-items:center; gap:17px; margin-top:32px; }
.poster-play>svg { width:65px; height:65px; padding:19px; color:#142c39; background:#fff; border-radius:50%; box-shadow:0 0 0 8px #ffffff1c; transition:transform .2s; }
.poster-play>span { font:700 10px/1.4 Lato,sans-serif; letter-spacing:.11em; }
.video-poster:hover .poster-play>svg { transform:scale(1.08); }
.poster-edition { position:absolute; right:6%; bottom:8%; color:#fff; font:900 18px/1.15 Montserrat,sans-serif; letter-spacing:-.03em; border-left:3px solid #e7bf64; padding-left:12px; }
.video-mount,.video-mount>iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-caption { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:24px 27px; background:#fff; border:1px solid #d6d4cf; border-top:0; }
.video-now { display:block; color:var(--accent); font:900 9px/1.5 Lato,sans-serif; letter-spacing:.09em; }
.video-caption h3 { font-size:23px; margin:7px 0; }
.video-caption p { font-size:12px; color:#666; line-height:1.5; }
.video-tools { display:flex; gap:10px; flex-wrap:wrap; justify-content:end; }
.video-tools button { background:#f6f5f1; color:#444; border:1px solid #ccc; padding:9px 12px; font-size:11px; }
.video-tools button:disabled { color:#888; cursor:default; }
.video-feedback { font-size:12px; color:#68645d; margin-top:15px; line-height:1.7; }
.video-file-note,.video-error { padding:15px 18px; background:#fff5d6; color:#66501b; border:1px solid #e1d4af; font-size:13px; margin-top:13px; }
.video-error a { display:inline-block; margin-top:10px; font-weight:700; }
.video-file-note code { font-size:11px; overflow-wrap:anywhere; }
.video-more { margin:31px 0 19px; font-size:16px; color:#58534a; }
.video-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:19px; }
.video-card { min-width:0; padding:0; border:1px solid #d7d3ca; background:#fff; color:#222; text-align:left; transition:box-shadow .2s,transform .2s; }
.video-card:hover { transform:translateY(-3px); box-shadow:0 7px 18px #00000013; }
.video-card[aria-pressed=true] { outline:3px solid var(--accent); outline-offset:3px; }
.video-thumb { position:relative; display:block; aspect-ratio:16/9; background:#102638; overflow:hidden; }
.video-thumb>img { width:100%; height:100%; object-fit:cover; }
.video-thumb:after { content:""; position:absolute; inset:0; background:#071b3425; pointer-events:none; }
.thumb-play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); background:#fffffff2; color:#17314b; width:40px; height:40px; padding:10px; border-radius:50%; }
.thumb-play>svg { width:100%; height:100%; }
.thumb-number { position:absolute; z-index:1; bottom:8px; left:9px; color:#fff; background:#102638df; padding:3px 7px; font-size:9px; font-weight:900; }
.video-card-copy { display:block; padding:16px 15px 18px; }
.video-card-copy>small { display:block; color:var(--accent); font:700 9px/1.5 Lato,sans-serif; text-transform:uppercase; letter-spacing:.05em; }
.video-card-copy>strong { display:block; margin:9px 0; font:800 15px/1.4 Montserrat,sans-serif; letter-spacing:-.025em; }
.video-card-copy>span { font:400 11px/1.5 Lato,sans-serif; color:#666; }
.class-notes-wrap { margin-top:40px; margin-bottom:40px; }
.class-notes { border:1px solid #d8d3c8; background:#fff; }
.class-notes>summary { list-style:none; cursor:pointer; padding:28px 30px; background:#f9f7f1; }
.class-notes>summary::-webkit-details-marker { display:none; }
.class-notes>summary>span { display:block; font:700 13px/1.5 Caveat,cursive; color:var(--accent); }
.class-notes>summary>strong { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-top:9px; font:800 21px/1.4 Montserrat,sans-serif; letter-spacing:-.025em; }
.class-notes>summary>strong>span { font:400 30px/1 Lato,sans-serif; color:var(--accent); }
.class-notes[open]>summary>strong>span { transform:rotate(45deg); }
.class-notes .class-section>.container { width:calc(100% - 44px); }
.video-dialog { width:min(900px,calc(100% - 28px)); border-top-color:var(--accent); }
.video-dialog-body { padding:20px; }
.video-hub.compact .poster-content>strong { font-size:40px; }
.video-hub.compact .poster-play { margin-top:22px; }
.video-hub.compact .poster-content { top:9%; }
.video-hub.compact .video-caption { padding:18px; }
.video-hub.compact .video-caption h3 { font-size:20px; }
.video-hub.compact .video-feedback { font-size:11px; }
.mentor-scene { padding:40px 0 55px; background:#fff; }
.mentor-layout { display:grid; grid-template-columns:1fr 1fr; background:#f3f0e8; border:1px solid #e0dace; }
.mentor-layout>img { width:100%; height:100%; min-height:390px; object-fit:cover; object-position:60% center; }
.mentor-copy { padding:35px; }
.mentor-copy .eyebrow { font-size:10px; }
.mentor-copy h2 { font-size:28px; }
.mentor-copy>p:not(.eyebrow) { color:#655f54; font-size:17px; margin-top:20px; }
.mentor-steps { display:flex; gap:17px; margin-top:30px; font-size:11px; font-weight:900; color:var(--accent); }
.credits-link { color:inherit; font-size:11px; }
.resource-page { width:min(850px,calc(100% - 70px)); margin:40px auto; padding-bottom:25px; }
.resource-page header { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:30px; margin-bottom:35px; border-bottom:1px solid #ddd; }
.resource-page header img { width:210px; }
.resource-page header>span { font-size:10px; color:#666; letter-spacing:.07em; }
.resource-page h1 { font-size:42px; }
.resource-intro { font-size:20px; margin:28px 0; }
.resource-page h2 { font-size:25px; margin:25px 0 15px; }
.resource-page li { font-size:16px; margin:12px 0; overflow-wrap:anywhere; }
.resource-page footer { margin-top:40px; padding-top:25px; border-top:1px solid #ddd; font-size:12px; color:#666; }
.resource-download { display:inline-block; margin-bottom:20px; font-size:17px; font-weight:900; }
.prompt-card { margin-top:27px; padding:28px; background:#faf8f3; border:1px solid #ded9ce; break-inside:avoid; }
.prompt-card h2 { margin:0 0 18px; }
.prompt-card .prompt-text { font-size:17px; line-height:1.8; color:#555; }
.prompt-card button { border:1px solid #aaa; padding:9px 14px; background:#fff; margin-top:18px; color:#222; font-size:13px; }
.copy-status { display:inline-block; font-size:12px; color:#39644b; margin-left:15px; }
.resource-checks { margin:30px 0; }
.resource-checks label { padding:15px 0; border-bottom:1px solid #ddd; margin:0; font-size:18px; }
.resource-family-photo { width:100%; height:330px; object-fit:cover; margin:30px 0; }
.resource-guideline { padding:25px; background:#faf3de; border-left:4px solid #a56c16; font-size:17px; }
.resource-guideline p { margin-top:10px; }
.family-activity { display:flex; align-items:start; gap:25px; padding:25px 0; border-bottom:1px solid #ddd; break-inside:avoid; }
.family-activity>span { font:900 32px/1.2 Montserrat,sans-serif; color:#a26813; }
.family-activity h2 { margin:0 0 16px; }
.family-activity p { font-size:17px; line-height:1.8; color:#555; }
@media(max-width:1099px) {
  .poster-content>strong { font-size:43px; margin:22px 0 18px; }
  .poster-play { margin-top:23px; }
  .poster-play>svg { width:54px; height:54px; padding:16px; }
  .video-grid { gap:14px; }
  .video-card-copy { padding:14px 12px; }
  .human-hero .human-photo,.human-hero .human-photo>img { min-height:440px; height:440px; }
  .photo-label { max-width:61%; }
  .photo-label b { font-size:18px; }
}
@media(max-width:819px) {
  .human-hero { max-width:600px; }
  .hero-figure.human-hero img { max-height:none; }
  .human-hero .human-photo,.human-hero .human-photo>img { min-height:420px; height:420px; }
  .learning-title { align-items:start; gap:30px; }
  .learning-title>p { font-size:16px; }
  .learning-grid { gap:13px; grid-template-columns:1.25fr 1fr 1fr; }
  .learning-grid img { height:220px; }
  .learning-grid figcaption { padding:16px 12px; font-size:14px; }
  .bonus-grid { gap:16px; }
  .bonus-copy { padding:21px 17px; }
  .bonus-copy h3 { font-size:19px; }
  .bonus-copy>p:not(.eyebrow) { font-size:15px; }
  .bonus-visual { padding:27px 15px 18px; }
  .bonus-visual>img { width:135px; }
  .bonus-stamp { left:8px; top:10px; font-size:7px; }
  .bonus-stamp b { font-size:10px; }
  .family-layout { gap:30px; }
  .family-main>img { height:260px; }
  .family-small { gap:10px; margin-inline:0; }
  .family-small img { height:140px; }
  .family-sticker { top:220px; font-size:24px; padding:12px 15px; }
  .family-copy h2 { font-size:28px; }
  .photo-story-inner>div { padding:30px 26px; }
  .photo-story h2 { font-size:26px; }
  .poster-content>strong { font-size:36px; }
  .poster-subtitle { font-size:14px; }
  .poster-eyebrow { font-size:8px; }
  .poster-play>span { font-size:8px; }
  .poster-edition { font-size:15px; }
  .video-caption { padding:20px; }
  .video-caption h3 { font-size:20px; }
  .video-grid { grid-template-columns:1fr 1fr; gap:20px; }
  .video-card-copy>strong { font-size:17px; }
  .video-thumb { aspect-ratio:16/8; }
  .mentor-copy { padding:28px; }
  .mentor-copy h2 { font-size:25px; }
}
@media(max-width:599px) {
  .human-hero .human-photo,.human-hero .human-photo>img { min-height:355px; height:355px; }
  .human-photo>img { object-position:60% center; }
  .photo-label { top:15px; left:14px; padding:8px 11px; font-size:8px; max-width:63%; }
  .photo-label b { font-size:17px; }
  .human-bonus-badge { width:70px; height:70px; right:12px; top:14px; font-size:21px; }
  .human-bonus-badge b { font-size:10px; }
  .human-bonus-badge small { font-size:6px; }
  .human-play { left:20px; bottom:24px; gap:15px; }
  .human-play>svg { width:50px; height:50px; padding:14px; }
  .human-play>span { font-size:12px; }
  .human-play b { font-size:18px; }
  .learning-title { display:block; margin-bottom:25px; }
  .learning-title>p { margin-top:22px; font-size:17px; }
  .learning-grid { grid-template-columns:1fr 1fr; gap:14px; }
  .learning-large { grid-column:1/-1; }
  .learning-grid .learning-large img { height:235px; }
  .learning-grid img { height:200px; }
  .learning-grid figcaption { font-size:14px; }
  .learning-large figcaption { font-size:18px; }
  .photo-context { text-align:left; }
  .bonus-heading h2 { font-size:29px; }
  .bonus-heading>p { font-size:17px; }
  .bonus-grid { grid-template-columns:1fr; gap:25px; max-width:400px; margin:auto; }
  .bonus-visual { padding:28px 22px 22px; }
  .bonus-visual>img { width:155px; }
  .bonus-stamp { top:18px; left:18px; font-size:9px; padding:9px 13px; }
  .bonus-stamp b { font-size:15px; }
  .bonus-copy { padding:24px; }
  .bonus-copy h3 { font-size:24px; }
  .bonus-copy>p:not(.eyebrow) { font-size:17px; }
  .bonus-footnote { font-size:11px; }
  .welcome-photo { gap:14px; padding:12px; }
  .welcome-photo>img { width:78px; height:100px; }
  .welcome-photo p { font-size:15px; }
  .welcome-photo p>span { font-size:11px; }
  .lesson-photo img { height:235px; }
  .lesson-photo div>span { font-size:8px; padding:10px 12px; }
  .bonus-inline { gap:20px; padding:25px 20px; align-items:start; }
  .bonus-inline>img { width:75px; margin-top:10px; }
  .bonus-inline h3 { font-size:21px; }
  .bonus-inline p:not(.eyebrow),.bonus-inline a { font-size:15px; }
  .bonus-inline .eyebrow { font-size:9px; }
  .photo-story-inner,.family-layout,.mentor-layout { grid-template-columns:1fr; }
  .photo-story { padding-top:30px; }
  .photo-story-inner>img { height:270px; min-height:0; }
  .photo-story-inner>div { padding:30px 25px; }
  .family-layout { gap:35px; }
  .family-main>img { height:240px; }
  .family-small img { height:145px; }
  .family-sticker { top:209px; right:5px; font-size:24px; }
  .family-copy h2 { font-size:30px; }
  .family-copy h2 br { display:none; }
  .family-copy .cta { font-size:17px; }
  .stage-6 .class-hero { padding:32px 0; }
  .stage-6 .class-hero .intro { font-size:18px; }
  .webinar-ribbon { flex-direction:column; gap:5px; padding:12px 17px; font-size:8px; }
  .video-stage { aspect-ratio:4/3; }
  .video-mount>iframe { object-fit:contain; }
  .poster-content { top:10%; left:7%; right:7%; }
  .poster-content>strong { font-size:28px; margin:18px 0 13px; max-width:280px; }
  .poster-subtitle { font-size:12px; max-width:85%; }
  .poster-eyebrow { font-size:6px; padding:6px 8px; }
  .poster-play { margin-top:20px; gap:12px; }
  .poster-play>svg { width:43px; height:43px; padding:12px; box-shadow:0 0 0 5px #ffffff1c; }
  .poster-play>span { font-size:7px; max-width:120px; }
  .poster-edition { display:none; }
  .video-poster-photo { width:80%; object-position:62% center; }
  .poster-shade { background:linear-gradient(90deg,#102638 0%,#102638db 35%,#10263855),linear-gradient(0deg,#10263877,transparent); }
  .video-caption { align-items:start; flex-direction:column; gap:15px; padding:20px 18px; }
  .video-caption h3 { font-size:20px; }
  .video-tools { justify-content:start; }
  .video-feedback { font-size:11px; }
  .video-more { font-size:15px; }
  .video-grid { gap:17px 13px; }
  .video-card-copy { padding:13px 11px 16px; }
  .video-card-copy>strong { font-size:13px; }
  .video-card-copy>small { font-size:8px; }
  .video-card-copy>span { font-size:10px; }
  .thumb-play { width:32px; height:32px; padding:8px; }
  .class-notes>summary { padding:23px 20px; }
  .class-notes>summary>strong { font-size:18px; }
  .class-notes .class-section>.container { width:calc(100% - 20px); }
  .class-notes .class-screen { padding:27px 18px; }
  .class-notes .class-screen h2 { font-size:29px; }
  .video-dialog .dialog-head { padding:23px 20px 18px; }
  .video-dialog .dialog-head h2 { font-size:23px; }
  .video-dialog-body { padding:12px; }
  .video-hub.compact .poster-content>strong { font-size:24px; }
  .video-hub.compact .poster-content { top:8%; }
  .video-hub.compact .poster-play { margin-top:15px; }
  .video-hub.compact .poster-play>span { display:none; }
  .video-hub.compact .poster-subtitle { font-size:10px; }
  .video-hub.compact .video-caption { padding:15px; }
  .video-hub.compact .video-caption h3 { font-size:18px; }
  .video-hub[data-extra=true] .poster-content>strong { font-size:24px; }
  .video-hub[data-extra=true] .poster-subtitle { display:none; }
  .mentor-layout>img { height:280px; min-height:0; }
  .mentor-copy { padding:30px 25px; }
  .mentor-copy h2 { font-size:27px; }
  .resource-page { width:calc(100% - 36px); margin-top:25px; }
  .resource-page header { flex-direction:column; align-items:start; gap:20px; }
  .resource-page h1 { font-size:33px; }
  .resource-intro { font-size:18px; }
  .prompt-card { padding:24px 20px; }
  .resource-page h2 { font-size:23px; }
  .resource-family-photo { height:240px; }
  .family-activity { gap:18px; }
  .family-activity>span { font-size:26px; }
  .copy-status { display:block; margin:12px 0 0; }
}
@media(max-width:359px) {
  .human-hero .human-photo,.human-hero .human-photo>img { min-height:315px; height:315px; }
  .photo-label { max-width:58%; }
  .human-play b { font-size:16px; }
  .poster-content>strong { font-size:23px; margin:12px 0 10px; }
  .poster-content { top:8%; }
  .poster-play { margin-top:15px; }
  .poster-subtitle { display:none; }
  .video-hub[data-extra=true] .poster-content>strong { font-size:21px; }
  .video-hub.compact .poster-content>strong { font-size:21px; margin:14px 0 10px; }
  .video-hub.compact .poster-play { margin-top:13px; }
  .video-hub.compact .poster-play>svg { width:36px; height:36px; padding:10px; }
  .class-notes .class-screen h2 { font-size:26px; }
  .bonus-inline { display:block; }
  .bonus-inline>img { margin:0 auto 25px; width:100px; }
  .learning-grid img { height:175px; }
}
@media(prefers-reduced-motion:reduce) {
  .video-card:hover,.human-play:hover>svg,.video-poster:hover .poster-play>svg { transform:none; }
}
@media print {
  .resource-page { width:100%; margin:0; }
  .resource-page h1 { font-size:26pt; }
  .resource-page h2 { font-size:16pt; }
  .resource-intro,.resource-page p,.resource-page li { font-size:11pt; }
  .resource-page header { margin-bottom:20px; padding-bottom:15px; }
  .resource-page header img { width:150px; }
  .prompt-card { padding:15px; margin-top:18px; }
  .prompt-card button,.copy-status,.resource-download,.resource-page .local-status { display:none; }
  .resource-checks label { padding:12px 0; font-size:12pt; }
  .resource-family-photo { height:220px; }
  .family-activity { padding:18px 0; }
}