:root{--blue:#0759d8;--deep:#06255d;--yellow:#ffd72e;--red:#f3473d;--sky:#dff3ff;--ink:#071a35;--paper:#fffdf7;--green:#44ad63;--line:rgba(7,26,53,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;background:#fff;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:84px;display:flex;align-items:center;gap:2.2rem;padding:0 clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(255,253,247,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.65rem}.brand-mark{font-family:"Titan One",sans-serif;font-size:2rem;letter-spacing:-.18em;white-space:nowrap}.brand-mark b:nth-child(1){color:var(--blue)}.brand-mark b:nth-child(2){color:var(--yellow);-webkit-text-stroke:1px var(--ink)}.brand-mark b:nth-child(3){color:white;-webkit-text-stroke:1px var(--ink)}.brand-mark b:nth-child(4){color:var(--red)}.brand-name{font-weight:800;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase}.site-header nav{display:flex;gap:2rem;margin-left:auto}.site-header nav a{font-weight:700;font-size:.9rem}.site-header nav a:hover{color:var(--blue)}.round-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:800}.round-link{background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:100px;font-size:.84rem}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:99px;padding:.55rem .9rem}.hero{min-height:650px;display:grid;grid-template-columns:47% 53%;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--paper) 55%,#fff3a8 55%)}.hero-copy{padding:clamp(4.5rem,9vw,8rem) 2rem 5rem max(1.2rem,calc((100vw - 1320px)/2));position:relative;z-index:2}.eyebrow{font-size:.78rem;letter-spacing:.19em;font-weight:900;color:var(--blue);text-transform:uppercase;margin:0 0 1rem}.hero h1,.section h2,.follow h2{font-family:"Titan One",sans-serif;font-weight:400;line-height:.93;letter-spacing:-.03em;margin:0}.hero h1{font-size:clamp(3.5rem,7.4vw,7rem)}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.eyebrow){font-size:1.15rem;max-width:540px;margin:1.8rem 0;color:#38506f}.hero-actions{display:flex;gap:1.2rem;align-items:center}.button.primary{background:var(--red);color:white;border-radius:999px;padding:1rem 1.35rem;box-shadow:0 6px 0 #b52524}.text-button{border-bottom:2px solid var(--ink);padding:.75rem 0}.hero-visual{margin:2.2rem 2.2rem 2.2rem 0;position:relative;border:8px solid white;box-shadow:0 20px 70px rgba(6,37,93,.18);transform:rotate(1.5deg);overflow:hidden;border-radius:2px}.hero-visual img{width:100%;height:100%;display:block;object-fit:cover}.sticker{position:absolute;z-index:2;display:grid;place-items:center;text-align:center;font-weight:900}.sticker-north{top:1rem;right:1rem;background:var(--yellow);width:62px;height:62px;border-radius:50%;transform:rotate(8deg);line-height:1}.sticker-north span{font-size:1.5rem}.sticker-note{bottom:5rem;left:1rem;background:var(--red);color:white;width:75px;height:75px;border-radius:50%;transform:rotate(-11deg);line-height:1.05}.episode-pill{position:absolute;right:1rem;bottom:1rem;background:white;padding:.65rem .85rem;display:flex;flex-direction:column;min-width:130px}.episode-pill span{font-size:.62rem;font-weight:900;color:var(--red);letter-spacing:.12em}.episode-pill strong{font-size:1.05rem}.trail-line{position:absolute;left:37%;bottom:1rem;width:130px;border-top:3px dashed var(--blue);transform:rotate(-8deg)}.marquee{overflow:hidden;background:var(--blue);color:white;padding:1rem 0;font-family:"Titan One",sans-serif;font-size:1.15rem;white-space:nowrap;letter-spacing:.08em}.marquee div{width:max-content;animation:move 22s linear infinite}.marquee span{color:var(--yellow);margin:0 1rem}@keyframes move{to{transform:translateX(-35%)}}.section{max-width:1320px;margin:auto;padding:clamp(4.5rem,8vw,7.5rem) clamp(1.2rem,4vw,3rem)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.6rem}.section h2,.follow h2{font-size:clamp(2.7rem,5vw,5.2rem)}.section-heading>a{font-weight:800;border-bottom:2px solid}.video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.6rem}.feature-card,.mini-card{background:white;border:1px solid var(--line);box-shadow:0 12px 30px rgba(7,26,53,.06)}.video-placeholder,.mini-visual{position:relative;border:0;display:block;width:100%;cursor:pointer;overflow:hidden}.video-placeholder{aspect-ratio:16/9}.scene{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(155deg,#9fe1ff 0 48%,#27744f 48% 65%,#f1b741 65%);position:absolute;inset:0}.scene i{font-family:"Titan One";font-size:5rem;color:white;text-shadow:5px 5px 0 var(--blue);transform:rotate(-8deg)}.play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--yellow);box-shadow:0 5px 0 rgba(7,26,53,.4);color:var(--ink)}.play.small{width:46px;height:46px}.duration{position:absolute;right:.8rem;bottom:.8rem;background:var(--ink);color:white;padding:.25rem .5rem;font-size:.75rem;font-weight:800}.card-copy{padding:1.4rem}.card-copy p,.mini-card p{font-size:.7rem;color:var(--blue);font-weight:900;letter-spacing:.15em;margin:0}.card-copy h3{font-size:1.65rem;margin:.35rem 0}.card-copy span,.mini-card span{color:#5b6a7d}.side-videos{display:grid;gap:1.6rem}.mini-card{display:grid;grid-template-columns:43% 57%;min-height:180px}.mini-visual{height:100%;background:linear-gradient(160deg,#afe9ff 0 45%,#4ba4c2 45% 60%,#594932 60%)}.scene-camp{background:linear-gradient(155deg,#182c69 0 48%,#2e743d 48%)}.mini-card>div{padding:1.2rem}.mini-card h3{font-size:1.18rem;line-height:1.2;margin:.5rem 0 1.4rem}.audio-section{max-width:none;background:#fff3c4;display:grid;grid-template-columns:1fr 1.6fr;gap:5vw;align-items:center;padding-left:max(1.2rem,calc((100vw - 1320px)/2));padding-right:max(1.2rem,calc((100vw - 1320px)/2))}.audio-intro p:last-child{max-width:470px}.audio-player{background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.audio-play{width:60px;height:60px;border:0;border-radius:50%;background:var(--red);color:white;cursor:pointer;box-shadow:0 4px 0 #922}.audio-copy{display:flex;flex-direction:column}.audio-copy span{font-size:.67rem;font-weight:900;color:var(--blue);letter-spacing:.14em}.audio-copy strong{font-size:1.15rem}.wave{grid-column:1/-1;overflow:hidden;white-space:nowrap;color:var(--blue);font-size:1.5rem;letter-spacing:.05em}.audio-player[data-playing="true"] .wave{animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{to{transform:scaleY(.6);color:var(--red)}}.audio-time{grid-column:1/-1;text-align:right;font-size:.76rem;font-weight:700}.story{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:4vw;align-items:center}.story-number{position:relative;isolation:isolate;width:max-content;font-family:"Titan One";font-size:clamp(9rem,18vw,17rem);line-height:.8;padding:0 24px 24px 0}.story-number-layer{display:block;line-height:.8}.story-number-layer:not(.red){position:absolute;top:0;left:0}.story-number-layer.red{color:var(--red);transform:translate(21px,21px)}.story-number-layer.white{color:#fff;-webkit-text-stroke:4px #111;paint-order:stroke fill;transform:translate(14px,14px)}.story-number-layer.yellow{color:var(--yellow);transform:translate(7px,7px)}.story-number-layer.blue{color:var(--blue)}.story-copy p:last-child{font-size:1.1rem;color:#415672}.field-notes{border-left:3px dashed var(--red);padding-left:2rem;transform:rotate(1deg)}.field-notes>span{font-size:.7rem;font-weight:900;letter-spacing:.15em;color:var(--red)}.field-notes p{font-weight:800}.shop{max-width:none;background:var(--sky);padding-left:max(1.2rem,calc((100vw - 1320px)/2));padding-right:max(1.2rem,calc((100vw - 1320px)/2))}.coming-soon{background:var(--yellow);border:2px solid var(--ink);padding:.5rem .8rem;font-weight:900;letter-spacing:.1em;transform:rotate(2deg)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.product{background:white;border:1px solid var(--line)}.product-art{aspect-ratio:1.35;display:grid;place-items:center;font-family:"Titan One";font-size:4rem;background:var(--blue);color:white}.product-art.shirt{clip-path:polygon(22% 10%,40% 2%,45% 16%,55% 16%,60% 2%,78% 10%,100% 31%,85% 48%,76% 40%,76% 100%,24% 100%,24% 40%,15% 48%,0 31%);margin:1.5rem auto;width:65%;aspect-ratio:1}.product-art.journal{background:var(--yellow);color:var(--ink);margin:1.5rem auto;width:57%;aspect-ratio:.75;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--red);font-size:2rem;text-align:center;line-height:1}.product-art.patches{background:#f6efe1;display:flex;gap:1rem}.patches i{display:grid;place-items:center;border-radius:50%;background:var(--red);width:72px;height:72px;font-size:1.2rem;border:4px dashed white}.patches i:nth-child(2){background:var(--blue);transform:rotate(8deg)}.patches i:nth-child(3){background:var(--yellow);color:var(--ink)}.product>div:last-child{padding:1.2rem}.product h3{font-size:1.2rem;margin:0}.product p{color:#5b6a7d;margin:.2rem 0}.product div>span{font-weight:900;color:var(--blue)}.shop-note{text-align:center;font-size:.8rem;color:#566575;margin:2rem 0 0}.follow{background:var(--blue);color:white;padding:clamp(4.5rem,8vw,7.5rem) max(1.2rem,calc((100vw - 1320px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}.follow .eyebrow{color:var(--yellow)}.social-grid{display:grid;grid-template-columns:1fr 1fr}.social-grid a{padding:1.4rem;border-bottom:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;font-size:1.15rem;font-weight:800}.social-grid a:hover{background:white;color:var(--blue)}footer{display:flex;align-items:center;gap:1.5rem;padding:2rem clamp(1.2rem,4vw,4rem);background:var(--ink);color:white}.footer-brand .brand-mark{font-size:1.8rem}footer p{font-weight:800}footer>span:last-child{margin-left:auto;color:#aeb8c7;font-size:.8rem}.toast{position:fixed;left:50%;bottom:1.5rem;translate:-50% 150%;background:var(--ink);color:white;padding:.8rem 1.1rem;border-radius:99px;z-index:50;transition:.25s}.toast.show{translate:-50% 0}
@media(max-width:900px){.site-header nav,.round-link{display:none}.menu-button{display:block;margin-left:auto}.site-header nav.open{display:flex;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:4rem 1.2rem 2.5rem}.hero-visual{margin:0 1.2rem 3rem;min-height:420px}.video-grid,.audio-section,.story,.follow{grid-template-columns:1fr}.story-number{font-size:9rem}.product-grid{grid-template-columns:1fr 1fr}.audio-section{padding-left:1.2rem;padding-right:1.2rem}.section-heading{align-items:start;gap:1rem}.section-heading>a{display:none}}@media(max-width:600px){.brand-name{display:none}.hero h1{font-size:3.5rem}.hero-visual{min-height:320px}.hero-actions{align-items:flex-start;flex-direction:column}.mini-card{grid-template-columns:1fr}.mini-visual{height:180px}.product-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.section-heading{flex-direction:column}.audio-player{grid-template-columns:auto 1fr}.story{gap:2rem}footer{align-items:flex-start;flex-wrap:wrap}footer>span:last-child{margin-left:0;width:100%}}
/* Phone portrait: preserve the complete native-ratio artwork. The previous
   tall frame enlarged the landscape image and cropped Alexandra off the left. */
@media(max-width:600px) and (orientation:portrait){
  .hero-visual{min-height:0;aspect-ratio:1672/941;margin:0 .8rem 2.75rem;border-width:5px}
  .hero-visual img{width:100%;height:100%;object-fit:contain;object-position:center center}
  .sticker-north{width:46px;height:46px;top:.55rem;right:.55rem;font-size:.72rem}
  .sticker-north span{font-size:1.05rem}
  .sticker-note{width:55px;height:55px;bottom:2.4rem;left:.55rem;font-size:.72rem}
  .episode-pill{right:.55rem;bottom:.55rem;min-width:105px;padding:.45rem .6rem}
  .episode-pill strong{font-size:.82rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.audio-player[data-playing="true"] .wave{animation:none}}

.mobile-brand-logo{display:none;width:58px;height:58px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 9px rgba(6,37,93,.25)}
.audio-download{align-self:flex-start;margin-top:.25rem;font-size:.78rem;font-weight:800;color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.audio-list{display:grid;gap:1.4rem}.audio-downloads{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.audio-downloads a{font-size:.78rem;font-weight:800;color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.audio-library{background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);min-width:0}.audio-library .audio-player{border:0;box-shadow:none;padding-top:1.1rem}.audio-selector{padding:1.4rem 1.4rem 0}.audio-filter-grid{display:grid;grid-template-columns:minmax(13rem,.85fr) minmax(18rem,1.5fr);gap:1rem}.audio-selector label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.audio-selector label span{font-size:.72rem;color:#52647a;letter-spacing:0;text-transform:none}.audio-selector select{width:100%;border:2px solid var(--ink);border-radius:8px;background:white;color:var(--ink);padding:.75rem .9rem;font:700 1rem "DM Sans",sans-serif;cursor:pointer}.audio-selector select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:760px){.audio-filter-grid{grid-template-columns:1fr}}@media(max-width:600px){.audio-selector label{flex-direction:column;gap:0}.audio-library .audio-player{padding:1rem}.audio-selector{padding:1rem 1rem 0}}
.desktop-brand-logo{display:block;width:88px;height:88px;object-fit:contain;border-radius:18px}.site-header{height:104px}.site-header>.brand .brand-mark,.site-header>.brand .brand-name{display:none}
@media(min-width:601px) and (max-width:900px){.site-header nav.open{top:104px}}
@media(max-width:600px){.site-header{height:76px;padding-left:.8rem;padding-right:.8rem}.site-header nav.open{top:76px}.site-header>.brand .desktop-brand-logo{display:none}.site-header>.brand .mobile-brand-logo{display:block}}

.footer-desktop-logo{display:block;width:76px;height:76px;object-fit:contain;border-radius:14px}.footer-mobile-logo{display:none;width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #fff}@media(max-width:600px){footer{align-items:center}.footer-desktop-logo{display:none}.footer-mobile-logo{display:block}}
.story{position:relative;padding-top:clamp(9rem,15vw,13rem);padding-bottom:clamp(9rem,15vw,13rem)}.story-portrait{position:absolute;width:clamp(92px,12vw,150px);aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background-image:url('desktop-logo.jpg');background-size:580% 580%;background-repeat:no-repeat;background-color:white;box-shadow:6px 6px 0 var(--yellow);z-index:1}.portrait-alexandra{top:1.5rem;left:clamp(1.2rem,4vw,3rem);background-position:25% 16%}.portrait-anna{top:1.5rem;right:clamp(1.2rem,4vw,3rem);background-position:75% 16%;box-shadow:6px 6px 0 var(--red)}.portrait-andrei{bottom:1.5rem;right:clamp(1.2rem,4vw,3rem);background-position:14% 48%;box-shadow:6px 6px 0 var(--blue)}.portrait-augustin{bottom:1.5rem;left:clamp(1.2rem,4vw,3rem);background-position:86% 48%;box-shadow:6px 6px 0 var(--red)}@media(max-width:600px){.story{padding-top:8rem;padding-bottom:8rem}.story-portrait{width:86px;border-width:3px;box-shadow:4px 4px 0 var(--yellow)}.portrait-alexandra,.portrait-anna{top:1rem}.portrait-andrei,.portrait-augustin{bottom:1rem}.portrait-anna,.portrait-augustin{box-shadow:4px 4px 0 var(--red)}.portrait-andrei{box-shadow:4px 4px 0 var(--blue)}}
.story{padding-top:clamp(11rem,18vw,14rem);padding-bottom:clamp(11rem,18vw,14rem)}.story-portrait{width:clamp(130px,13vw,178px);aspect-ratio:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center}.portrait-photo{position:relative;width:100%;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background-image:url('desktop-logo.jpg');background-size:500% 500%;background-repeat:no-repeat;background-color:white;box-shadow:6px 6px 0 var(--yellow);overflow:hidden}.portrait-photo span{position:absolute;top:.45rem;left:50%;transform:translateX(-50%);min-width:3.2rem;padding:.17rem .55rem;border-radius:2rem;background:var(--ink);color:white;font-weight:900;font-size:.85rem;line-height:1.25;white-space:nowrap}.story-portrait figcaption{font-weight:900;font-size:1rem;line-height:1.3;margin-top:.55rem}.portrait-alexandra .portrait-photo{background-position:24% 12%}.portrait-anna .portrait-photo{background-position:78% 12%;box-shadow:6px 6px 0 var(--red)}.portrait-andrei .portrait-photo{background-position:12% 47%;box-shadow:6px 6px 0 var(--blue)}.portrait-augustin .portrait-photo{background-position:89% 49%;box-shadow:6px 6px 0 var(--red)}@media(max-width:600px){.story{padding-top:9.5rem;padding-bottom:9.5rem}.story-portrait{width:100px;box-shadow:none}.portrait-photo{border-width:3px;box-shadow:4px 4px 0 var(--yellow)}.portrait-photo span{font-size:.75rem;top:.3rem;min-width:2.7rem;padding:.12rem .4rem}.story-portrait figcaption{font-size:.82rem;margin-top:.35rem}.portrait-anna .portrait-photo,.portrait-augustin .portrait-photo{box-shadow:4px 4px 0 var(--red)}.portrait-andrei .portrait-photo{box-shadow:4px 4px 0 var(--blue)}}
.story{padding-top:clamp(12rem,20vw,16rem);padding-bottom:clamp(12rem,20vw,16rem)}.story-portrait{width:clamp(145px,15vw,202px)}.portrait-photo{background-size:520% 520%}.portrait-alexandra .portrait-photo{background-position:78% 12%}.portrait-anna .portrait-photo{background-position:24% 12%}@media(max-width:600px){.story{padding-top:10.5rem;padding-bottom:10.5rem}.story-portrait{width:112px}}
.portrait-photo span{font-size:.425rem;min-width:1.6rem;padding:.085rem .275rem}@media(max-width:600px){.portrait-photo span{font-size:.375rem;min-width:1.35rem;padding:.06rem .2rem}}
.portrait-alexandra .portrait-photo{box-shadow:6px 6px 0 var(--blue)}.portrait-anna .portrait-photo{background-position:27% 12%;box-shadow:6px 6px 0 var(--yellow)}.portrait-andrei .portrait-photo{background-position:15% 47%;box-shadow:6px 6px 0 #fff}.portrait-augustin .portrait-photo{background-position:89% 52%}@media(max-width:600px){.portrait-alexandra .portrait-photo{box-shadow:4px 4px 0 var(--blue)}.portrait-anna .portrait-photo{box-shadow:4px 4px 0 var(--yellow)}.portrait-andrei .portrait-photo{box-shadow:4px 4px 0 #fff}.portrait-augustin .portrait-photo{box-shadow:4px 4px 0 var(--red)}}
.product-art.shirt img{width:42%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #fff}.product-art.journal img{width:62%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:3px solid var(--ink)}.product-art.patches{gap:.65rem;padding:.75rem}.patches i{width:76px;height:76px;padding:7px;flex:0 1 76px}.patches i span{display:block;width:100%;height:100%;border-radius:50%;background-image:url('desktop-logo.jpg');background-size:520% 520%;background-repeat:no-repeat;border:2px solid rgba(7,26,53,.75)}.patches .patch-allie{background:var(--red)}.patches .patch-allie span{background-position:78% 12%}.patches .patch-ana{background:var(--blue);transform:rotate(8deg)}.patches .patch-ana span{background-position:27% 12%}.patches .patch-andy{background:var(--yellow);color:var(--ink)}.patches .patch-andy span{background-position:15% 47%}.patches .patch-augie{background:#fff;border-color:var(--ink);transform:rotate(-7deg)}.patches .patch-augie span{background-position:89% 52%}.portrait-andrei .portrait-photo{box-shadow:6px 6px 0 2px #fff,6px 6px 0 3px rgba(7,26,53,.48)}@media(max-width:600px){.portrait-andrei .portrait-photo{box-shadow:4px 4px 0 2px #fff,4px 4px 0 3px rgba(7,26,53,.48)}.product-art.patches{gap:.45rem}.patches i{width:62px;height:62px;flex-basis:62px;padding:6px}}
.portrait-anna .portrait-photo,.patches .patch-ana span{background-position:27% 15%}
.portrait-anna .portrait-photo{background-position:20% 12%}.patches .patch-ana span{background-position:27% 12%}
.portrait-anna .portrait-photo{background-image:none}.portrait-anna .portrait-photo::before{content:"";position:absolute;inset:0;background-image:url('desktop-logo.jpg');background-size:520% 520%;background-repeat:no-repeat;background-position:27% 12%;transform:rotate(10deg) scale(1.12);transform-origin:center}.portrait-anna .portrait-photo span{z-index:1}
.portrait-anna .portrait-photo::before{transform:rotate(16deg) scale(1.064)}
.portrait-andrei .portrait-photo{box-shadow:6px 6px 0 #fff,7px 7px 0 rgba(7,26,53,.48)}@media(max-width:600px){.portrait-andrei .portrait-photo{box-shadow:4px 4px 0 #fff,5px 5px 0 rgba(7,26,53,.48)}}
.portrait-anna .portrait-photo::before{transform:rotate(32deg) scale(1.064)}

.top-videos{margin-top:4rem;padding-top:3rem;border-top:2px dashed rgba(7,26,53,.18)}.top-videos-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.top-videos-heading h3{font-family:"Titan One",sans-serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;line-height:1;margin:0}.top-videos-heading>span{max-width:430px;color:#5b6a7d;text-align:right}.top-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.top-video-card{position:relative;min-height:250px;overflow:hidden;border:0;padding:1.4rem;text-align:left;color:white;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:0 12px 30px rgba(7,26,53,.12);isolation:isolate}.top-video-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#6ccdf5 0 48%,#176a4c 48% 66%,#eab13b 66%)}.top-video-two::before{background:linear-gradient(145deg,#ffd95b 0 45%,#f16a55 45% 68%,#0759d8 68%)}.top-video-three::before{background:linear-gradient(145deg,#253c7a 0 48%,#44ad63 48% 68%,#091d37 68%)}.top-video-card::after{content:"";position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(3,14,34,.88))}.rank{position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--ink);font-family:"Titan One",sans-serif;font-size:1.8rem;box-shadow:0 4px 0 rgba(7,26,53,.35)}.top-play{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:white;color:var(--red)}.coming-label{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:var(--yellow);margin-bottom:.35rem}.top-video-card strong{font-size:1.22rem;line-height:1.2}.top-video-card small{font-size:.8rem;color:#d9e6f5;margin-top:.3rem}.top-video-card:hover{transform:translateY(-3px);transition:transform .2s ease}@media(max-width:900px){.top-video-grid{grid-template-columns:1fr}.top-video-card{min-height:220px}.top-videos-heading{align-items:flex-start;flex-direction:column}.top-videos-heading>span{text-align:left}}@media(max-width:600px){.top-videos{margin-top:3rem;padding-top:2.3rem}.top-video-card{min-height:205px}}

/* Tablet-first layout: keep the complete family artwork visible in both orientations. */
@media(min-width:601px){.hero-visual{aspect-ratio:1672/941;min-height:0;align-self:center}.hero-visual img{object-position:center center}}

@media(min-width:601px) and (max-width:1180px) and (orientation:portrait){
  .site-header nav,.round-link{display:none}
  .menu-button{display:block;margin-left:auto}
  .site-header nav.open{display:flex;position:absolute;top:104px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:4rem clamp(1.5rem,5vw,3rem) 2.75rem}
  .hero h1{font-size:clamp(4.2rem,9vw,6rem)}
  .hero-copy>p:not(.eyebrow){max-width:640px}
  .hero-visual{width:auto;margin:0 clamp(1.5rem,5vw,3rem) 3.5rem;aspect-ratio:1672/941}
  .hero-visual img{object-fit:cover}
  .video-grid,.audio-section,.story,.follow{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr 1fr}
  .audio-section{padding-left:clamp(1.5rem,5vw,3rem);padding-right:clamp(1.5rem,5vw,3rem)}
  .audio-filter-grid{grid-template-columns:1fr}
  .story-number{font-size:9rem}
  .top-video-grid{grid-template-columns:1fr 1fr}
  .top-video-card:last-child{grid-column:1/-1}
}

@media(min-width:901px) and (max-width:1366px) and (orientation:landscape){
  .site-header{padding-left:1.5rem;padding-right:1.5rem;gap:1.25rem}
  .site-header nav{gap:1.2rem}
  .hero{grid-template-columns:minmax(350px,42%) minmax(0,58%);min-height:560px}
  .hero-copy{padding:3.75rem 1.5rem 3.25rem max(1.5rem,calc((100vw - 1320px)/2))}
  .hero h1{font-size:clamp(3.7rem,6.5vw,5.5rem)}
  .hero-copy>p:not(.eyebrow){font-size:1.05rem;margin:1.4rem 0}
  .hero-actions{gap:.9rem}
  .hero-visual{width:auto;margin:1.5rem 1.5rem 1.5rem 0;aspect-ratio:1672/941}
  .hero-visual img{object-fit:cover}
  .section{padding-left:2rem;padding-right:2rem}
  .audio-section{padding-left:2rem;padding-right:2rem;gap:2rem;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr)}
  .audio-filter-grid{grid-template-columns:minmax(11rem,.8fr) minmax(16rem,1.4fr)}
  .story{gap:2rem}
  .story-portrait{width:clamp(138px,13vw,170px)}
  .product-grid{gap:1rem}
  .patches i{width:62px;height:62px;flex-basis:62px;padding:6px}
}

/* Phone composition: place the artwork directly after the channel label and
   before the headline in both portrait and landscape orientations. */
.hero-visual-mobile{display:none}
@media(max-width:600px), (max-width:950px) and (max-height:600px){
  .hero{display:block;min-height:0}
  .hero-copy{padding:2.5rem 1rem 3rem}
  .hero-visual-desktop{display:none}
  .hero-visual-mobile{display:block;width:100%;min-height:0;aspect-ratio:1672/941;margin:1.15rem 0 2rem;border-width:5px;transform:rotate(.65deg)}
  .hero-visual-mobile img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:none}
  .hero-visual-mobile .sticker-north{width:46px;height:46px;top:.55rem;right:.55rem;font-size:.72rem}
  .hero-visual-mobile .sticker-north span{font-size:1.05rem}
  .hero-visual-mobile .sticker-note{width:55px;height:55px;bottom:2.4rem;left:.55rem;font-size:.72rem}
  .hero-visual-mobile .episode-pill{right:.55rem;bottom:.55rem;min-width:105px;padding:.45rem .6rem}
  .hero-visual-mobile .episode-pill strong{font-size:.82rem}
}
/* Keep the runtime badge clear of thumbnail branding and YouTube's lower-right safe area. */
.video-placeholder .duration{top:.8rem;left:.8rem;right:auto;bottom:auto;background:transparent;padding:0;color:#fff;font-weight:900;-webkit-text-stroke:.5px rgba(3,18,43,.95);text-shadow:0 1px 2px rgba(3,18,43,.95),0 0 3px rgba(3,18,43,.8)}

/* A simple linked episode line keeps the family artwork clear and avoids
   repeating the video thumbnail used in Latest Adventures. */
.hero-episode-link{position:absolute;right:.8rem;bottom:.8rem;z-index:3;display:grid;grid-template-columns:1fr auto;column-gap:.45rem;align-items:end;width:max-content;max-width:min(310px,72%);margin:0;padding:.55rem .7rem;color:#fff;background:rgba(7,26,53,.72);backdrop-filter:blur(4px);border-radius:2px;box-shadow:0 3px 12px rgba(7,26,53,.22)}
.hero-episode-link span{grid-column:1/-1;font-size:.58rem;letter-spacing:.13em;font-weight:900;color:#ffd94a}
.hero-episode-link strong{font-size:.9rem;line-height:1.18;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.hero-episode-link b{font-size:.95rem;line-height:1}
@media(max-width:720px){
  .hero-episode-link{right:.45rem;bottom:.45rem;max-width:68%;padding:.38rem .5rem;column-gap:.3rem}
  .hero-episode-link span{font-size:.5rem}
  .hero-episode-link strong{font-size:.72rem}
}
.audio-seek-controls{grid-column:2/-1;display:grid;grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;gap:.65rem}.audio-progress-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-progress{width:100%;height:1.5rem;margin:0;cursor:pointer;accent-color:var(--blue)}.audio-progress:focus-visible,.audio-skip:focus-visible,.story-nav:focus-visible,.autoplay-next:focus-visible,.play-timer:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.audio-skip{border:2px solid var(--ink);border-radius:999px;background:white;color:var(--ink);padding:.38rem .65rem;font-size:.76rem;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.audio-skip:hover{background:var(--yellow)}.story-nav-controls{grid-column:1/-1;display:flex;justify-content:space-between;gap:.75rem;margin-top:.1rem}.story-nav{min-width:9.5rem;border:2px solid var(--ink);border-radius:999px;background:white;color:var(--ink);padding:.55rem .85rem;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform 160ms ease,box-shadow 160ms ease,opacity 160ms ease}.story-nav:hover:not(:disabled){background:var(--yellow);transform:translateY(-1px)}.story-nav:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.playback-options{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.65rem 1rem;padding:.6rem .8rem;border:1px solid rgba(14,42,74,.22);border-radius:1rem;background:rgba(255,255,255,.6);font-size:.78rem;font-weight:800}.autoplay-option,.timer-option{display:flex;align-items:center;gap:.42rem;cursor:pointer}.autoplay-next{width:1.05rem;height:1.05rem;accent-color:var(--blue)}.play-timer{border:1.5px solid var(--ink);border-radius:.55rem;background:white;color:var(--ink);padding:.32rem .45rem;font:inherit;font-weight:800}.timer-status{min-width:6.2rem;color:var(--blue);font-variant-numeric:tabular-nums}
@media(max-width:600px){.audio-seek-controls{grid-column:1/-1}.story-nav-controls{gap:.5rem}.story-nav{flex:1;min-width:0;padding-inline:.65rem}.playback-options{justify-content:flex-start}.timer-status{min-width:0;width:100%;text-align:center}}
.wave{width:100%;text-align:center;transform-origin:center}

.follow-contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff55;padding-top:28px;min-width:0}.follow-contact h3{font-size:1.35rem;margin:0 0 8px}.follow-contact p{margin:0;color:#ffffffe0;max-width:580px}.follow-contact>a{font-size:clamp(1rem,2vw,1.35rem);font-weight:700;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;min-width:0}.follow-contact>a:hover{color:var(--yellow)}.follow-contact>a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}@media(max-width:700px){.follow-contact{flex-direction:column;align-items:flex-start;gap:18px}}