.huhpop-frame{margin-top:28px}.huhpop-frame:hover{border-color:#b75cff;box-shadow:9px 9px 0 #b75cff24}.huhpop-frame .frame-bar .cross{color:#d796ff}.huhpop-art{height:clamp(250px,32vw,450px);position:relative;overflow:hidden;background:#7525de}.huhpop-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.active-pill{position:absolute;top:20px;right:22px;background:#171021;color:#f7f3e8;border:1px solid #b865fa;padding:10px 14px;font-size:.75rem;letter-spacing:.08em}.active-pill span{color:#ecff64;margin-left:8px;animation:active-pulse 2.5s ease-in-out infinite}.huhpop-frame .open-case>span{color:#bd74ff}
@keyframes active-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.active-pill span{animation:none}}
.huhpop-page{background:#171021;color:#f7f3e8}.huhpop-page .topbar{background:#171021eb}.huhpop-page .wordmark span{color:#ecff64}.huhpop-page .topbar nav span{color:#ecff64}
.huhpop-main{overflow:hidden}.huhpop-hero{padding:70px 6% 74px;min-height:620px;display:grid;grid-template-columns:.8fr 1fr;gap:7%;align-items:center;background:radial-gradient(circle at 80% 20%,#872fe650,transparent 35%),#27153d;border-bottom:1px solid #563b70}.huhpop-hero .breadcrumb{border-color:#9d79c5;font-size:.8rem;display:inline-block}.huhpop-kicker{font-size:.75rem;color:#ecff64;margin-top:48px}.huhpop-hero h1{font-size:clamp(4.7rem,10vw,11rem);line-height:.9;letter-spacing:-.09em;margin:22px 0 30px;color:#ecff64;text-shadow:8px 9px 0 #111018}.huhpop-lead{font-size:clamp(1.3rem,2vw,2rem);line-height:1.45;letter-spacing:-.035em;max-width:550px;margin:0 0 26px}.huhpop-hero p:last-child{color:#decbe8;max-width:500px}.huhpop-hero-art{position:relative}.huhpop-hero-art img{display:block;width:100%;height:auto;border:1px solid #a96bdd;transform:rotate(3deg);box-shadow:18px 20px 0 #120d1a}.huhpop-hero-art span{position:absolute;left:-32px;bottom:-22px;transform:rotate(-8deg);background:#ecff64;color:#171021;padding:14px 18px;font-size:.72rem;font-weight:500}
.huhpop-page .case-body{max-width:1220px}.huhpop-section{padding:74px 0;border-top:1px solid #584669}.huhpop-section:first-child{border-top:0}.huhpop-section>.mono{color:#dfb1ff;font-size:.75rem}.huhpop-section h2{font-size:clamp(2.2rem,4.3vw,4.3rem);line-height:1.08;letter-spacing:-.055em;font-weight:600;max-width:900px;margin:14px 0 24px}.huhpop-section>p{color:#cfbdd9;max-width:770px}.huhpop-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:38px 0 0}.huhpop-intro-grid article{padding:23px;background:#291b3a;border:1px solid #684d7a}.huhpop-intro-grid span{color:#ecff64;font-size:.75rem}.huhpop-intro-grid h3{margin:20px 0 8px;font-size:1.2rem}.huhpop-intro-grid p{color:#cdbbd7;font-size:.875rem;margin:0}.sample-layout{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:8%;align-items:center;margin:40px 0}.sample-layout video{display:block;width:100%;max-height:680px;background:#130d1c;border:1px solid #795292;border-radius:12px}.sample-copy{max-width:560px}.sample-copy .mono{color:#ecff64;font-size:.75rem}.sample-copy h3{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em;margin:14px 0}.sample-copy p{color:#cebcda}.sample-copy ul{padding-left:20px;color:#cebcda}.sample-copy li{margin:10px 0}.episode-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0 0}.episode-gallery figure{margin:0}.episode-gallery img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border:1px solid #684d7a;background:#291b3a}.episode-gallery figcaption{padding:13px 0;color:#d4c2df;font-size:.875rem}.episode-gallery strong{display:block;color:#f7f3e8;margin-bottom:3px}.huhpop-status{border-left:4px solid #ecff64;background:#2b1c3b;padding:22px 26px;max-width:800px;color:#dac9e3}.huhpop-status strong{color:#ecff64}.huhpop-next{padding:36px;background:#e9ff69;color:#171021;display:flex;justify-content:space-between;align-items:center;gap:20px}.huhpop-next p{margin:0;font-weight:700}.huhpop-next a{border:1px solid #171021;padding:11px 16px;font-size:.875rem}.huhpop-page footer{background:#171021}.huhpop-page .footer-name span{color:#ecff64}
@media(max-width:750px){.huhpop-hero{display:block;min-height:0;padding:40px 6% 70px}.huhpop-kicker{margin-top:40px}.huhpop-hero h1{font-size:clamp(4.8rem,20vw,8rem)}.huhpop-hero-art{margin:45px 15px 0}.huhpop-hero-art span{left:-15px}.huhpop-intro-grid,.episode-gallery{grid-template-columns:1fr}.sample-layout{grid-template-columns:1fr;gap:34px}.sample-layout video{max-width:360px;margin:auto}.episode-gallery{grid-template-columns:repeat(3,1fr);gap:9px}.episode-gallery figcaption{font-size:.7rem}.huhpop-section{padding:48px 0}.huhpop-next{display:block}.huhpop-next a{display:inline-block;margin-top:18px}}
@media(max-width:480px){.huhpop-art{height:270px}.active-pill{top:11px;right:11px;font-size:.66rem}.huhpop-hero h1{font-size:20vw}.episode-gallery{gap:6px}.episode-gallery figcaption{font-size:.65rem}.episode-gallery strong{font-size:.72rem}.huhpop-hero-art span{font-size:.62rem}}
/* Channel refresh: latest episodes and the evolving production practice. */
.huhpop-art{height:clamp(340px,38vw,510px)}.huhpop-art>img{object-position:center;opacity:.7}.huhpop-card-strip{position:absolute;bottom:20px;left:5%;right:5%;display:flex;justify-content:center;gap:14px;height:70%}.huhpop-card-strip img{width:auto;height:100%;object-fit:contain;box-shadow:8px 8px 0 #130d1c60;border:1px solid #bd74ff60;transform:rotate(-3deg)}.huhpop-card-strip img:nth-child(even){transform:rotate(3deg)}.hp-refresh-hero{grid-template-columns:1fr 1fr;gap:6%;background:radial-gradient(circle at 65% 30%,#862fe638,transparent 55%),#171021;padding-top:55px}.hp-refresh-hero h1{font-size:clamp(4rem,9vw,9rem)}.hp-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;max-width:460px;margin:auto;transform:rotate(3deg)}.hp-cover-grid img{width:100%;height:auto;display:block;border:1px solid #725389;box-shadow:8px 9px 0 #09070d50}.hp-button{display:inline-block;background:#ecff64;color:#171021;padding:14px 20px;margin-top:15px;font-size:1rem;font-weight:600}.hp-button:focus-visible,.hp-video-grid a:focus-visible{outline:3px solid #ff73c9;outline-offset:5px}.hp-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:45px 0 25px;border-bottom:1px solid #584669}.hp-milestones>div{display:flex;flex-direction:column;gap:8px}.hp-milestones strong{font-size:clamp(2.8rem,6vw,5rem);line-height:1;color:#ecff64;letter-spacing:-.06em}.hp-milestones span{font-size:1rem;color:#dac9e3}.hp-snapshot{color:#bfa8cb;font-size:.875rem;max-width:680px;padding-bottom:10px}.hp-brand-banner{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;margin:35px 0;border:1px solid #684d7a}.hp-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.hp-video-grid article{min-width:0}.hp-video-grid video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#100b19;border:1px solid #795292;border-radius:8px;margin-bottom:20px}.hp-video-grid .mono{font-size:.75rem;color:#dfb1ff}.hp-video-grid h3{font-size:1.25rem;line-height:1.25;margin:12px 0}.hp-video-grid p{color:#cfbdd9;font-size:1rem}.hp-video-grid a{display:inline-block;color:#ecff64;border-bottom:1px solid #ecff6480;padding-bottom:5px}.hp-review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.hp-review-list article{border-top:2px solid #ecff64;padding-top:24px}.hp-review-list .mono,.hp-roadmap .mono{color:#dfb1ff;font-size:.8rem}.hp-review-list h3,.hp-roadmap h3{font-size:1.4rem;line-height:1.25;margin:15px 0}.hp-review-list p,.hp-roadmap p{color:#cfbdd9;font-size:1rem}.hp-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.hp-roadmap>div{padding:24px;border:1px solid #684d7a;background:#291b3a}.hp-story figcaption{font-size:.875rem}#latest{scroll-margin-top:100px}
@media(max-width:900px){.hp-video-grid{grid-template-columns:repeat(2,1fr);gap:30px}.hp-refresh-hero{gap:4%}.hp-review-list,.hp-roadmap{grid-template-columns:1fr}.hp-cover-grid{gap:9px}.hp-milestones{gap:15px}}
@media(max-width:750px){.hp-refresh-hero{display:block}.hp-cover-grid{margin:45px auto 0;max-width:370px}.hp-refresh-hero h1{font-size:clamp(4.7rem,18vw,8rem)}.hp-milestones span{font-size:.875rem}.hp-story{grid-template-columns:1fr;gap:30px}.hp-story img{max-width:320px;margin:auto}.hp-story figcaption{text-align:center}.huhpop-card-strip{height:65%;gap:8px;left:3%;right:3%}}
@media(max-width:480px){.hp-video-grid{grid-template-columns:1fr}.hp-video-grid video{max-width:330px;margin-inline:auto}.hp-milestones{grid-template-columns:1fr;padding:30px 0;gap:25px}.hp-milestones>div{flex-direction:row;align-items:center;gap:20px}.hp-milestones strong{min-width:75px}.huhpop-card-strip{height:62%;gap:5px}.huhpop-card-strip img:nth-child(4){display:none}.hp-video-grid .mono{font-size:.8rem}.hp-cover-grid{transform:none}.hp-story figcaption{font-size:.875rem}}
.hp-secondary-link{display:inline-block;margin:18px 0 0 20px;border-bottom:1px solid #bfa8cb;font-size:.85rem;color:#decbe8}.hp-jump{display:flex;flex-wrap:wrap;gap:10px 24px;border-block:1px solid #584669;padding:18px 0;margin:25px 0 0;font-size:.85rem;color:#dac9e3}.hp-jump a{padding:5px 0}.hp-jump a:hover{color:#ecff64;text-decoration:underline;text-underline-offset:5px}.hp-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.hp-latest-grid>article{padding-bottom:24px;border-bottom:1px solid #584669}.hp-video-grid .hp-release-slot{font-size:.8rem;color:#dfb1ff;margin-top:20px}.hp-previous-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:35px}.hp-previous-grid>a{min-width:0;display:flex;flex-direction:column}.hp-previous-grid img{display:block;width:100%;height:auto;border:1px solid #725389;border-radius:6px}.hp-previous-grid .mono{font-size:.65rem;color:#dfb1ff;margin-top:18px}.hp-previous-grid h3{font-size:1.05rem;line-height:1.3;letter-spacing:-.025em;margin:10px 0}.hp-previous-grid p{font-size:.8rem;line-height:1.7;color:#cfbdd9;margin:0 0 18px}.hp-previous-link{font-size:.75rem;color:#ecff64;margin-top:auto}.hp-previous-grid>a:hover h3{color:#ecff64}.hp-archive{margin-top:40px;padding:22px;border:1px solid #684d7a}.hp-archive summary{font-weight:500;cursor:pointer;font-size:1rem}.hp-archive p{color:#cfbdd9;font-size:.9rem}.hp-process-grid,.hp-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.hp-process-grid article,.hp-learning-grid article{min-width:0;padding:26px;border:1px solid #684d7a;background:#251733}.hp-process-grid .mono{font-size:.7rem;color:#dfb1ff}.hp-process-grid h3,.hp-learning-grid h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;margin:17px 0}.hp-learning-grid h3{margin-top:0}.hp-process-grid p,.hp-learning-grid p{font-size:.95rem;color:#cfbdd9;line-height:1.8;margin-bottom:0}.hp-proof{margin:35px 0 0}.hp-proof img{display:block;width:100%;height:auto;border:1px solid #684d7a}.hp-proof figcaption{font-size:.8rem;color:#cfbdd9;margin-top:14px;line-height:1.7}.hp-proof figcaption a{color:#ecff64;text-decoration:underline;text-underline-offset:4px}.hp-learning-grid+.huhpop-status{margin-top:32px}.hp-record-links{display:flex;flex-wrap:wrap;gap:15px 28px;margin:25px 0}.hp-record-links a{font-size:.85rem;color:#ecff64;border-bottom:1px solid #ecff6455;padding-bottom:5px}.hp-record-links a:hover{border-color:#ecff64}.hp-record-note{font-size:.8rem;color:#bfa8cb!important}.huhpop-section[id]{scroll-margin-top:100px}
@media(max-width:900px){.hp-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-previous-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hp-process-grid,.hp-learning-grid{grid-template-columns:1fr}.hp-previous-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.hp-secondary-link{display:block;width:max-content;max-width:100%;margin-left:0}.hp-process-grid article,.hp-learning-grid article{padding:23px}.hp-jump{font-size:.8rem;gap:6px 20px}.hp-archive{padding:18px}}
@media(max-width:480px){.hp-latest-grid{grid-template-columns:1fr}.hp-milestones span{max-width:24ch}}