/* Revision 04: real channel imagery, accessible carousel and masterclasses. */
.vlog-carousel{min-width:0;margin-top:24px}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.carousel-controls p{font-size:9px;letter-spacing:.13em;margin:0;color:var(--muted)}
.carousel-controls>div{display:flex;gap:8px;align-items:center}
.carousel-controls button{border:1px solid #bebebe;background:transparent;border-radius:30px;min-height:42px;min-width:42px;padding:8px 15px;font-size:12px}
.carousel-controls button:hover{background:#e2e2e2}
.vlog-carousel .vlog-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ababab transparent;padding:4px 0 18px;overscroll-behavior-x:contain}
.vlog-carousel .vlog-grid>article{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start}
.vlog-carousel .vlog-grid h3{font-size:20px;line-height:1.35}
.carousel-caption{font-size:11px;color:var(--muted);margin:12px 0 0}
.carousel-caption span{font-variant-numeric:tabular-nums;color:var(--deep)}
.pop-section{background:#282828;color:#f7f7f7;border-top:3px solid var(--orange)}
.pop-section .eyebrow{color:#b6b6b6}
.pop-section .section-heading>p{color:#cdcdcd}
.pop-section .life-grid{margin-top:0}
.pop-section .play-control{border-color:#868686;color:#f7f7f7}
.pop-section .film-label{background:linear-gradient(transparent,#111928e0)}
.pop-footer{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:24px;border-top:1px solid #565656;padding-top:25px}
.pop-footer p{max-width:670px;color:#cdcdcd;font-size:14px;margin:0}
.pop-footer .text-link{flex-shrink:0;color:#c3c3c3}
.masterclasses{grid-template-columns:1fr;gap:28px}
.masterclasses>div:first-child{max-width:640px}
.masterclasses>div:first-child p:not(.eyebrow){max-width:600px}
.masterclasses ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.masterclasses li{display:block;padding:0;border:1px solid #cbcbcb;border-radius:9px;overflow:hidden;background:#f5f5f5;transition:transform .25s,box-shadow .25s}
.masterclasses li:hover{transform:translateY(-4px);box-shadow:0 12px 30px #3a2c1510}
.masterclasses li:before{display:none}
.masterclasses li img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.masterclasses li>div{padding:20px 22px}
.masterclasses li span{font-size:9px;letter-spacing:.16em;color:var(--deep);font-weight:700}
.masterclasses li h4{font:600 20px/1.35 'Inter',sans-serif;letter-spacing:-.035em;margin:9px 0 0}
.japan-card.street img{object-position:58% center}
@media(max-width:1050px){.vlog-carousel .vlog-grid>article{flex-basis:calc((100% - 22px)/2)}.pop-footer{display:block}.pop-footer .text-link{margin-top:20px}}
@media(max-width:760px){.vlog-carousel .vlog-grid{gap:16px}.vlog-carousel .vlog-grid>article{flex-basis:88%}.carousel-controls{align-items:start;gap:12px}.carousel-controls p{max-width:105px;font-size:8px;padding-top:9px}.carousel-controls button{font-size:10px;padding:8px 12px}.carousel-controls>div{gap:5px}.masterclasses ol{grid-template-columns:1fr;gap:20px}.masterclasses li h4{font-size:20px}.pop-section .life-caption{display:block}.pop-section .life-caption .play-control{margin-top:2px}.japan-card.street img{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.vlog-carousel .vlog-grid{scroll-behavior:auto}.masterclasses li{transition:none}}