/* V21 RADIO PLAYGROUND — expressive surfaces around the existing functional site.
   The visual layer never changes editorial publication, stream, or message state. */
.playground-site{--pg-yellow:#ffd84c;--pg-cream:#fffbed;--pg-blue:#2855df;--pg-ink:#10131b;--pg-red:#e51b24;overflow-x:clip}
.playground-site .section-pad{position:relative}
.playground-site .section-top{position:relative}
.playground-site .section-top>.eyebrow{font-weight:800;font-size:11px;letter-spacing:.075em}
.playground-site .section-note{font-weight:700}
.playground-site .site-header{border-bottom:2px solid var(--pg-ink)}
.playground-site .main-nav a:hover{color:var(--pg-red)}
.playground-site .header-listen{box-shadow:4px 4px 0 var(--pg-ink)}

/* The first fold behaves like a campaign poster; listening is still one click. */
.playground-site .culture-hero{padding-top:16px}
.playground-site .culture-kicker{padding-bottom:12px}
.playground-site .culture-hero-board{grid-template-columns:.92fr 1.08fr;gap:44px;padding:21px 0 14px}
.playground-site .culture-hero h1{font-size:clamp(92px,10.7vw,160px);line-height:.81;letter-spacing:-.044em;position:relative;z-index:2;filter:drop-shadow(1px 2px 0 #f4f3ef)}
.playground-site .culture-hero h1>span:nth-child(2){transform:translateX(6px);width:max-content}
.playground-site .culture-hero h1 .culture-red-word{transform:rotate(-2deg);transform-origin:left center}
.playground-site .culture-red-word:after{height:6px;transform:rotate(-1deg);bottom:-8px}
.pg-overline{display:inline-flex;align-items:center;gap:12px;font:800 10px/1.4 var(--body);letter-spacing:.1em;color:var(--pg-blue);margin-bottom:18px}
.pg-overline>span{font-size:19px;color:var(--pg-red)}
.playground-site .culture-hero-intro{font-size:14px;line-height:1.65;margin-top:25px;max-width:360px}
.playground-site .culture-hero-actions{margin-top:20px;gap:18px}
.playground-site .culture-primary{box-shadow:5px 5px 0 var(--pg-ink);transition:transform .18s,box-shadow .18s,background .18s}
.playground-site .culture-primary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--pg-ink)}
.playground-site .culture-hero-actions>a{font-size:12px}
.pg-hero-scribble{position:absolute;right:45%;top:5px;z-index:3;transform:rotate(12deg);font:800 14px/.9 var(--heading);font-style:italic;text-align:center;color:var(--pg-blue);pointer-events:none}
.playground-site .culture-hero-visual{margin:17px 0 10px;transform:rotate(1.4deg)}
.playground-site .culture-photo-wrap{aspect-ratio:1.29;border:3px solid var(--pg-ink);box-shadow:10px 10px 0 var(--pg-red)}
.playground-site .culture-hero-visual:before{background:var(--pg-yellow);transform:rotate(-5deg) translate(-9px,7px);inset:16px 16px 15px -15px}
.playground-site .culture-frequency{top:-35px;right:-25px;width:118px;height:118px;background:var(--pg-blue);box-shadow:5px 5px 0 var(--pg-ink);animation:pg-bob 5s ease-in-out infinite}
.pg-photo-edge{position:absolute;top:40px;left:-22px;z-index:3;writing-mode:vertical-rl;transform:rotate(180deg);background:var(--pg-cream);color:var(--pg-ink);padding:10px 5px;font:800 8px/1 var(--body);letter-spacing:.1em}
.pg-photo-sticker{position:absolute;z-index:5;bottom:55px;right:-23px;width:120px;height:91px;display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);background:var(--pg-yellow);border:2px solid var(--pg-ink);box-shadow:5px 5px 0 var(--pg-ink);font:800 32px/.75 var(--heading);font-style:italic;text-align:center;color:var(--pg-ink);pointer-events:none}
.pg-photo-sticker b{position:absolute;top:-19px;right:4px;font:800 31px/1 var(--body);color:var(--pg-red)}
.playground-site .culture-record{bottom:15px;left:-43px;box-shadow:6px 8px 0 var(--pg-blue),0 8px 18px #0004;transition:scale .2s,box-shadow .2s;transform:rotate(-10deg)}
.playground-site .culture-record:hover{scale:1.08;box-shadow:3px 5px 0 var(--pg-yellow),0 8px 18px #0004}
.playground-site .culture-hero-visual figcaption{font-weight:800;padding-left:90px}
.playground-site .culture-quick-links{margin-top:7px;background:var(--pg-ink);color:#fff;border:2px solid var(--pg-ink);padding:5px 16px 5px 22px;transform:rotate(-.6deg)}
.playground-site .culture-quick-links>span{color:var(--pg-yellow);font-weight:800}
.playground-site .culture-quick-links a{padding:0 12px;min-height:49px;transition:background .2s}
.playground-site .culture-quick-links a:hover{background:#ffffff1a}
.playground-site .culture-quick-links b{color:var(--pg-yellow)}

/* A playful radio deck replaces the flat informational panel. */
.playground-site .on-air-hub{margin-top:40px;margin-bottom:48px;box-shadow:9px 9px 0 var(--pg-blue);transform:rotate(.35deg)}
.playground-site .hub-top{border-bottom:1px dashed #ffffff70;letter-spacing:.12em}
.playground-site .hub-layout{display:grid;grid-template-columns:1fr 1.35fr;min-height:315px}
.playground-site .hub-art{display:flex;position:relative;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--pg-red);padding:25px 28px;color:#fff;border-right:2px solid #fff}
.playground-site .hub-art:before{content:"";position:absolute;width:280px;height:280px;right:-70px;top:20px;border:20px double #fffa;border-radius:50%;opacity:.24}
.playground-site .hub-art:after{content:"◉";position:absolute;right:18px;bottom:0;font:800 125px/1 var(--heading);color:var(--pg-yellow);opacity:.8}
.playground-site .hub-art>span{z-index:1;font:800 10px/1.5 var(--body);letter-spacing:.1em}
.playground-site .hub-art strong{z-index:1;max-width:100%;overflow-wrap:anywhere;font:800 clamp(55px,6vw,92px)/.8 var(--heading);font-style:italic;letter-spacing:-.04em;text-transform:uppercase;transform:skew(-5deg)}
.playground-site .hub-art i{position:absolute;right:12px;top:1px;font:800 65px/1 var(--body);font-style:normal;color:var(--pg-yellow)}
.playground-site .hub-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:25px 30px}
.pg-hub-micro{font:800 9px/1.3 var(--body);letter-spacing:.16em;background:var(--pg-yellow);color:var(--pg-ink);padding:7px 9px;margin-bottom:4px}
.playground-site .hub-copy h2{font:800 clamp(44px,4.4vw,66px)/.88 var(--heading);font-style:italic;overflow-wrap:anywhere;margin:5px 0}
.playground-site .hub-copy>p:not(.eyebrow):not(.ed-small){max-width:570px}
.playground-site .hub-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:9px;margin:13px 0 0}
.playground-site .hub-actions .ed-button{min-height:44px}
.playground-site .hub-copy .ed-small{margin:4px 0 0}
.playground-site .signal-strip{background:var(--pg-yellow);color:var(--pg-ink);transform:rotate(-1.3deg);width:103%;margin-left:-1.5%;border-block:2px solid var(--pg-ink);padding-block:13px}
.playground-site .strip-group{font-size:35px;letter-spacing:-.015em}
.playground-site .strip-group>span:nth-child(even){color:var(--pg-red)}

/* Crew collectibles: portraits remain real supplied artwork, full art stays accessible. */
.playground-site .crew-section{background:var(--pg-cream);background-image:radial-gradient(#17191f12 1px,transparent 1px);background-size:19px 19px;padding-bottom:100px}
.playground-site .crew-heading h2{font-size:clamp(68px,7vw,100px)}
.playground-site .crew-grid{gap:19px;padding:16px 8px 18px}
.playground-site .crew-card{background:#fff;border:7px solid #fff;box-shadow:5px 6px 0 var(--pg-ink);transition:transform .24s,box-shadow .24s;position:relative}
.playground-site .crew-card:nth-child(1){transform:rotate(-2deg)}
.playground-site .crew-card:nth-child(2){transform:rotate(1.5deg)}
.playground-site .crew-card:nth-child(3){transform:rotate(-1deg)}
.playground-site .crew-card:nth-child(4){transform:rotate(2deg)}
.playground-site .crew-card:hover,.playground-site .crew-card:focus-within{transform:translateY(-9px) rotate(0);box-shadow:9px 13px 0 var(--pg-blue);z-index:2}
.playground-site .crew-poster{border:2px solid var(--pg-ink)}
.playground-site .crew-poster:before{position:absolute;z-index:3;top:9px;left:9px;padding:5px 9px;background:var(--pg-yellow);color:var(--pg-ink);font:800 10px/1.3 var(--body);letter-spacing:.08em;transform:rotate(-5deg)}
.playground-site .crew-card:nth-child(1) .crew-poster:before{content:"01 / CREW"}
.playground-site .crew-card:nth-child(2) .crew-poster:before{content:"02 / CREW"}
.playground-site .crew-card:nth-child(3) .crew-poster:before{content:"03 / CREW"}
.playground-site .crew-card:nth-child(4) .crew-poster:before{content:"04 / CREW"}
.playground-site .crew-enlarge{background:linear-gradient(transparent,#111b);text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.playground-site .crew-caption{border-top:0;margin-top:0;padding:13px 7px 10px}
.playground-site .crew-caption h3{font-size:clamp(28px,3vw,45px);line-height:.94}
.playground-site .crew-card:nth-child(even) .crew-caption h3{color:var(--pg-blue)}

/* Show posters instead of an evenly spaced blog card grid. */
.playground-site .program-section{background:#dce1fa;background-image:repeating-linear-gradient(135deg,transparent 0 34px,#284de006 34px 35px);overflow:clip}
.playground-site .program-heading h2{font-size:clamp(70px,7.5vw,108px)}
.playground-site .program-heading>p{font-size:15px;max-width:350px}
.playground-site .program-list{padding:24px 12px 26px;gap:23px;align-items:flex-start}
.playground-site .program-item{border:2px solid var(--pg-ink);box-shadow:7px 7px 0 var(--pg-ink);transform:rotate(-1.5deg);transition:transform .23s,box-shadow .23s;position:relative;flex-basis:calc((100% - 46px)/3)}
.playground-site .program-item:nth-child(3n+2){transform:translateY(10px) rotate(1.5deg)}
.playground-site .program-item:nth-child(3n){transform:translateY(-3px) rotate(-.5deg)}
.playground-site .program-item:hover,.playground-site .program-item:focus-within,.playground-site .program-item.expanded{transform:translateY(-6px) rotate(0);box-shadow:11px 13px 0 var(--pg-red);z-index:2}
.playground-site .program-summary{position:relative;min-height:330px;overflow:hidden}
.playground-site .program-summary:before{content:"ON THE AIR";position:absolute;z-index:0;right:-25px;top:57px;transform:rotate(90deg);font:800 10px/1 var(--body);letter-spacing:.13em;opacity:.32}
.playground-site .program-summary:after{content:"✳";position:absolute;right:-12px;bottom:33px;font:800 103px/1 var(--body);color:currentColor;opacity:.07;pointer-events:none}
.playground-site .program-number{font-weight:800;letter-spacing:.1em}
.playground-site .program-name-label{font-size:clamp(60px,6.3vw,90px);font-weight:800;text-transform:uppercase;letter-spacing:-.05em}
.playground-site .program-item[data-program="pegi-pagi"]{background:var(--pg-yellow)}
.playground-site .program-item[data-program="keburu-siang"]{background:var(--pg-blue);color:#fff}
.playground-site .program-item[data-program="ganti-giliran"]{background:#fffbed}
.playground-site .program-item[data-program="baru-balique"]{background:#dbe9da}
.playground-site .program-item[data-program="kemaleman"]{background:var(--pg-ink);color:#fff}
.playground-site .program-item[data-program="cuma-suara"]{background:#10131b;color:#fff}
.playground-site .program-detail{background:inherit;color:inherit;border-top:1px dashed currentColor}
.playground-site .program-item .program-bottom{border-top:1px solid currentColor;padding-top:12px}

/* The culture wall deliberately breaks the repeated-card rhythm. */
.playground-site .culture-stories{background:var(--pg-cream);background-image:linear-gradient(90deg,#15151b08 1px,transparent 1px);background-size:42px 42px}
.playground-site .warga-heading h2{font-size:clamp(70px,7.4vw,104px)}
.playground-site .warga-heading>p{max-width:330px;font-size:14px}
.pg-wall-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px dashed var(--pg-ink);padding:16px 0 24px;margin-top:14px;font:800 10px/1.4 var(--body);letter-spacing:.08em}
.pg-wall-toolbar>span:first-child{color:var(--pg-blue)}
.pg-wall-toolbar button{border:2px solid var(--pg-ink);background:var(--pg-yellow);padding:10px 16px;font:800 11px/1.3 var(--body);letter-spacing:.03em;min-height:44px;box-shadow:4px 4px 0 var(--pg-ink);transition:transform .17s,box-shadow .17s}
.pg-wall-toolbar button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pg-ink)}
.pg-wall-toolbar button span{font-size:20px;vertical-align:middle;margin-left:8px}
.pg-wall-status{font-weight:500;letter-spacing:0;color:#5b5c63}
.playground-site .rubrics{gap:27px;align-items:stretch;padding:15px 12px 25px}
.playground-site .rubric{position:relative;border:2px solid var(--pg-ink);box-shadow:7px 8px 0 var(--pg-ink);min-height:390px;transition:transform .25s,box-shadow .25s;scroll-margin-top:130px}
.playground-site .rubric-local{grid-column:span 5;transform:rotate(-2deg)}
.playground-site .rubric-talk{grid-column:span 7;transform:rotate(1.6deg)}
.playground-site .rubric-music{grid-column:span 7;transform:rotate(-1deg)}
.playground-site .rubric-voices{grid-column:span 5;transform:rotate(2deg)}
.playground-site .rubric:hover,.playground-site .rubric:focus-visible,.playground-site .rubric.pg-spotlight{transform:translateY(-8px) rotate(0);box-shadow:12px 13px 0 var(--pg-blue);z-index:2}
.playground-site .rubric:not(.rubric-music):before,.playground-site .rubric-music:after{content:"✳";position:absolute;top:12px;right:18px;font:800 45px/1 var(--body);color:var(--pg-yellow);text-shadow:2px 2px 0 var(--pg-ink);z-index:2}
.playground-site .rubric-local:before{color:var(--pg-red)}
.playground-site .rubric h3{font-size:clamp(50px,5.3vw,76px);letter-spacing:-.035em;line-height:.88}
.playground-site .rubric p{font-size:14px;max-width:340px;line-height:1.6}
.playground-site .rubric-category{display:inline-block;background:var(--pg-yellow);color:var(--pg-ink);padding:5px 8px;font-weight:800;transform:rotate(-3deg)}
.playground-site .rubric-music .rubric-category{background:var(--pg-blue);color:#fff}
.playground-site .rubric-voices .rubric-category{background:#fff;color:var(--pg-red)}
.pg-rubric-cta{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;position:relative;z-index:3;font:800 10px/1.4 var(--body);letter-spacing:.07em;text-transform:uppercase}
.playground-site .rubric-local .pg-rubric-cta{margin-top:9px}
.playground-site .poll-section{border:3px solid var(--pg-ink);box-shadow:8px 8px 0 var(--pg-blue);transform:rotate(-.6deg)}
.playground-site .poll-option{font-weight:800;border:2px solid var(--pg-ink);background:var(--pg-yellow);box-shadow:3px 3px 0 var(--pg-ink);transition:transform .15s}
.playground-site .poll-option:hover{transform:translateY(-3px)}

/* Social feels like a pocket-sized live culture channel, not a banner ad. */
.playground-site .watch-section{background:#dce2ff;overflow:clip}
.playground-site .watch-section:before{content:"✳";position:absolute;top:-85px;right:4%;font:800 310px/1 var(--body);color:#2855df14;pointer-events:none}
.playground-site .watch-copy h2{font-size:clamp(88px,9vw,130px);letter-spacing:-.035em;transform:rotate(-2deg);transform-origin:left center}
.playground-site .watch-copy>p{font-size:16px;max-width:460px}
.playground-site .watch-tiktok{background:var(--pg-ink);box-shadow:5px 5px 0 var(--pg-red);transition:transform .2s}
.playground-site .watch-tiktok:hover{transform:translate(2px,2px)}
.playground-site .watch-channel{position:relative;max-width:365px;background:#0d0f15;border:10px solid #0d0f15;border-radius:22px;box-shadow:14px 15px 0 var(--pg-blue);transform:rotate(5deg);transition:transform .3s}
.playground-site .watch-channel:hover{transform:rotate(0) translateY(-5px)}
.playground-site .watch-channel:before{content:"SOCIAL FREQUENCY";position:absolute;z-index:4;top:42px;left:-50px;padding:7px 12px;background:var(--pg-yellow);color:var(--pg-ink);font:800 10px/1 var(--body);letter-spacing:.09em;transform:rotate(-11deg);box-shadow:3px 3px 0 var(--pg-ink)}
.playground-site .watch-channel-art{height:480px}
.playground-site .watch-channel-art>img{object-position:34% 50%}
.playground-site .culture-watch-stamp{font-size:60px;line-height:.84;color:#fff;text-shadow:3px 4px 0 var(--pg-red),0 8px 15px #0009}
.playground-site .watch-channel figcaption{padding:12px 6px 4px}

/* Community is a wall of voices without sacrificing readable inputs/moderation. */
.playground-site .warga-section{background:var(--pg-ink);background-image:radial-gradient(#ffffff13 1px,transparent 1px);background-size:22px 22px}
.playground-site .ow-intro{position:relative}
.playground-site .ow-intro h2{font-size:clamp(83px,8vw,120px);letter-spacing:-.035em}
.playground-site .ow-intro>p:not(.eyebrow){font-size:15px;max-width:385px}
.pg-chat-sticker{display:inline-block;position:relative;background:var(--pg-yellow);color:var(--pg-ink);font:800 37px/.84 var(--heading);font-style:italic;letter-spacing:-.035em;padding:16px 38px 12px 18px;transform:rotate(-5deg);box-shadow:5px 6px 0 var(--pg-blue);margin:24px 0 4px}
.pg-chat-sticker b{position:absolute;right:7px;bottom:4px;color:var(--pg-red);font-size:40px}
.playground-site .ow-panel{background:#fffbed;border:6px solid #fffbed;box-shadow:12px 12px 0 var(--pg-yellow);transform:rotate(.6deg)}
.playground-site .ow-tabs{border-bottom:2px solid var(--pg-ink)}
.playground-site .ow-tab{font-weight:800;min-height:62px}
.playground-site .ow-tab[aria-selected=true]{background:var(--pg-blue)}
.playground-site .ow-visibility{border-left:4px solid var(--pg-blue);padding-left:12px;font-size:12px;color:#3a3c46}
.playground-site .ow-send{background:var(--pg-red);box-shadow:4px 4px 0 var(--pg-ink);font-weight:800}
.playground-site .ow-feed{border-top:3px solid var(--pg-ink);background:#f2f3ec}
.playground-site .ow-feed-top h3{font:800 22px/1 var(--heading);letter-spacing:0}
.playground-site .ow-message{background:#fff;border:1px solid #d6d7d0;border-left:4px solid var(--pg-blue);padding:14px;margin-bottom:11px;box-shadow:3px 3px 0 #10131b19}
.playground-site .ow-message:nth-child(2n){border-left-color:var(--pg-red);background:#fffdf4}
.playground-site .ow-message header{margin-bottom:6px}
.playground-site .ow-reply{background:#e9ebfc;border-left:3px solid var(--pg-blue)}

/* A lively bottom act instead of a corporate template ending. */
.playground-site .culture-city{background:#f5f3ea}
.playground-site .upcoming-section>h3{font-size:clamp(50px,5.8vw,80px)}
.playground-site .event-posters{padding:20px 12px 23px}
.playground-site .event-card{transform:rotate(-1.5deg);transition:transform .25s}
.playground-site .event-card:nth-child(2){transform:translateY(12px) rotate(2deg)}
.playground-site .event-card:nth-child(3){transform:rotate(-2deg)}
.playground-site .event-card:hover{transform:translateY(-8px) rotate(0)}
.playground-site .event-art{border:2px solid var(--pg-ink);background:#fff;box-shadow:6px 7px 0 var(--pg-blue)}
.playground-site .about-section{background:var(--pg-yellow)}
.playground-site .about-frequency{color:var(--pg-ink);font-style:italic;letter-spacing:-.07em;transform:rotate(-4deg);transform-origin:left center}
.playground-site .mascot-note{background:#fffbed;border:2px solid var(--pg-ink);padding:14px;box-shadow:5px 5px 0 var(--pg-blue);transform:rotate(3deg)}
.playground-site .about-copy h2{font-size:clamp(55px,5.8vw,79px);line-height:.89}
.playground-site .ecosystem>span{border-bottom:2px dashed var(--pg-ink)}
.playground-site .collab-section{position:relative;overflow:hidden}
.playground-site .collab-section:before{content:"✳";position:absolute;right:-30px;top:-30px;font:800 260px/1 var(--body);color:#ffffff24;pointer-events:none}
.playground-site .collab-copy h2{font-size:clamp(84px,8.7vw,125px);letter-spacing:-.04em}
.playground-site .brief-form{transform:rotate(2deg);box-shadow:12px 12px 0 var(--pg-ink)}
.playground-site .brief-form:focus-within{transform:rotate(0)}
.playground-site .site-footer{background:var(--pg-cream);border-top:3px solid var(--pg-ink)}
.playground-site .footer-main>p{font-size:clamp(54px,7vw,98px);transform:rotate(-2deg);color:var(--pg-red);line-height:.84}

/* At rest the player is a small dock. During playback it becomes the radio deck. */
.playground-site .radio-player{transition:width .24s,right .24s,left .24s,box-shadow .24s}
.playground-site .radio-player:not(.pg-expanded){left:auto;right:28px;transform:none;width:min(405px,calc(100% - 56px));bottom:20px;box-shadow:5px 6px 0 var(--pg-blue)}
.playground-site .radio-player:not(.pg-expanded) .player-inner{height:62px;padding:8px 12px;gap:12px}
.playground-site .radio-player:not(.pg-expanded) .player-toggle{width:43px;height:43px}
.playground-site .radio-player:not(.pg-expanded) .player-wave,.playground-site .radio-player:not(.pg-expanded) .volume-control,.playground-site .radio-player:not(.pg-expanded) .player-frequency{display:none}
.playground-site .radio-player:not(.pg-expanded) .player-info{flex:1;min-width:0}
.playground-site .radio-player:not(.pg-expanded) .player-info>strong{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playground-site .radio-player:not(.pg-expanded) .player-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playground-site .radio-player.pg-expanded{box-shadow:7px 9px 0 var(--pg-blue)}
.playground-site .radio-player .player-options{max-height:72vh;overflow:auto}

@keyframes pg-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1150px){
  .playground-site .culture-hero-board{gap:25px}
  .playground-site .culture-hero h1{font-size:11.1vw}
  .playground-site .culture-frequency{right:-8px}
  .playground-site .crew-grid{gap:13px}
  .playground-site .program-item{flex-basis:calc((100% - 23px)/2)}
  .playground-site .rubric h3{font-size:clamp(46px,5vw,65px)}
  .playground-site .watch-layout{gap:40px}
  .playground-site .ow-layout{gap:30px}
}
@media(max-width:900px){
  .playground-site .culture-hero h1{font-size:11.3vw}
  .playground-site .pg-hero-scribble{display:none}
  .playground-site .culture-photo-wrap{aspect-ratio:1.02}
  .playground-site .culture-frequency{width:89px;height:89px;font-size:34px;right:-9px;top:-20px}
  .pg-photo-sticker{width:90px;height:70px;font-size:25px;right:-8px;bottom:47px}
  .playground-site .hub-layout{grid-template-columns:.8fr 1.2fr}
  .playground-site .hub-art{padding:20px}
  .playground-site .hub-art strong{font-size:55px}
  .playground-site .hub-copy h2{font-size:47px}
  .playground-site .crew-heading h2{font-size:66px}
  .playground-site .program-heading h2{font-size:72px}
  .playground-site .watch-channel{max-width:300px}
  .playground-site .watch-channel-art{height:395px}
  .playground-site .ow-panel{transform:none}
}
@media(max-width:760px){
  .playground-site .culture-hero-board{display:flex;flex-direction:column;gap:0;padding-top:20px}
  .playground-site .culture-hero h1{font-size:clamp(68px,16vw,106px);line-height:.86}
  .playground-site .culture-hero h1 .culture-red-word{font-size:clamp(115px,28vw,185px)}
  .playground-site .culture-hero-intro{order:4;font-size:14px;max-width:none;margin-top:22px}
  .playground-site .culture-hero-actions{order:2;margin-top:19px;margin-bottom:24px;justify-content:flex-start}
  .playground-site .culture-hero-visual{order:3;transform:rotate(1deg);margin:8px 8px 0}
  .playground-site .culture-photo-wrap{aspect-ratio:1.5;box-shadow:6px 6px 0 var(--pg-red)}
  .pg-overline{margin-bottom:11px}
  .playground-site .culture-frequency{top:-16px;right:-6px;width:85px;height:85px;font-size:34px}
  .playground-site .culture-record{width:83px;height:83px;left:-24px;bottom:12px}
  .pg-photo-sticker{bottom:50px;right:-8px}
  .pg-photo-edge{left:-13px;font-size:6px}
  .playground-site .culture-quick-links{transform:none;padding-inline:9px}
  .playground-site .culture-quick-links a{font-size:11px;padding:0 5px;gap:6px}
  .playground-site .on-air-hub{margin-top:30px}
  .playground-site .hub-layout{grid-template-columns:1fr}
  .playground-site .hub-art{min-height:135px;gap:7px;border-right:0;border-bottom:2px solid #fff;padding:15px 20px}
  .playground-site .hub-art strong{font-size:63px;line-height:.85}
  .playground-site .hub-art:before{right:0;top:-100px}
  .playground-site .hub-art:after{font-size:85px;right:24px}
  .playground-site .hub-copy{padding:23px 20px}
  .playground-site .hub-copy h2{font-size:50px}
  .playground-site .crew-grid{display:flex;overflow-x:auto;gap:20px;padding:15px 16px 26px 5px}
  .playground-site .crew-card{flex:0 0 64%;transform:rotate(-1deg)!important}
  .playground-site .crew-card:nth-child(even){transform:rotate(1deg)!important}
  .playground-site .crew-card:hover,.playground-site .crew-card:focus-within{transform:translateY(-5px) rotate(0)!important}
  .playground-site .program-item{flex-basis:78%}
  .playground-site .program-list{gap:22px}
  .playground-site .program-heading h2{font-size:70px}
  .playground-site .rubrics{grid-template-columns:1fr 1fr;gap:20px;padding:12px 9px 20px}
  .playground-site .rubric,.playground-site .rubric-local,.playground-site .rubric-talk,.playground-site .rubric-music,.playground-site .rubric-voices{grid-column:auto;min-height:370px}
  .playground-site .rubric h3{font-size:43px}
  .playground-site .watch-channel{max-width:350px}
  .playground-site .ow-layout{grid-template-columns:1fr;gap:28px}
  .playground-site .ow-intro h2{font-size:84px}
  .playground-site .about-copy h2{font-size:59px}
  .playground-site .collab-copy h2{font-size:94px}
  .playground-site .radio-player:not(.pg-expanded){right:10px;bottom:max(9px,env(safe-area-inset-bottom));width:calc(100% - 20px)}
  .playground-site .radio-player.pg-expanded{width:calc(100% - 20px);bottom:max(9px,env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .playground-site .section-top>.eyebrow{font-size:10px}
  .playground-site .culture-hero h1{font-size:16.5vw}
  .playground-site .culture-hero h1 .culture-red-word{font-size:29vw}
  .playground-site .culture-hero-intro{font-size:13px}
  .playground-site .culture-hero-actions{gap:12px;justify-content:space-between}
  .playground-site .culture-primary{min-height:48px;font-size:11px;padding:11px}
  .playground-site .culture-hero-actions>a{font-size:11px;gap:7px}
  .playground-site .culture-record{width:71px;height:71px;left:-13px;bottom:9px}
  .playground-site .culture-frequency{width:75px;height:75px;font-size:30px}
  .pg-photo-sticker{width:74px;height:57px;font-size:21px;bottom:41px;right:-9px}
  .pg-photo-sticker b{font-size:25px}
  .playground-site .culture-hero-visual figcaption{padding-left:58px;font-size:7px}
  .playground-site .culture-quick-links>div{gap:3px}
  .playground-site .culture-quick-links a{font-size:9px;gap:3px;padding-inline:2px}
  .playground-site .culture-quick-links b{font-size:16px}
  .playground-site .hub-art{min-height:120px}
  .playground-site .hub-art strong{font-size:53px}
  .playground-site .hub-copy h2{font-size:44px}
  .playground-site .strip-group{font-size:28px}
  .playground-site .crew-heading h2{font-size:63px}
  .playground-site .crew-card{flex-basis:79%}
  .playground-site .crew-caption h3{font-size:36px}
  .playground-site .program-heading h2{font-size:63px}
  .playground-site .program-item{flex-basis:89%}
  .playground-site .program-name-label{font-size:74px}
  .playground-site .warga-heading h2{font-size:61px}
  .playground-site .rubrics{grid-template-columns:1fr;gap:24px}
  .playground-site .rubric,.playground-site .rubric-local,.playground-site .rubric-talk,.playground-site .rubric-music,.playground-site .rubric-voices{grid-column:auto;min-height:350px;transform:rotate(-1deg)}
  .playground-site .rubric:nth-child(even){transform:rotate(1deg)}
  .playground-site .rubric h3{font-size:52px}
  .playground-site .rubric p{font-size:13px}
  .pg-wall-toolbar{gap:12px}
  .pg-wall-status{width:100%}
  .playground-site .watch-copy h2{font-size:80px}
  .playground-site .watch-channel-art{height:360px}
  .playground-site .ow-intro h2{font-size:78px}
  .pg-chat-sticker{font-size:32px}
  .playground-site .ow-panel{border:3px solid #fffbed;box-shadow:6px 6px 0 var(--pg-yellow)}
  .playground-site .about-copy h2{font-size:48px}
  .playground-site .collab-copy h2{font-size:80px}
  .playground-site .brief-form{transform:none;box-shadow:6px 6px 0 var(--pg-ink)}
  .playground-site .footer-main>p{font-size:44px}
  .playground-site .radio-player:not(.pg-expanded) .player-inner{height:64px}
}
@media(max-width:360px){
  .playground-site .culture-hero-actions{align-items:stretch}
  .playground-site .culture-primary{max-width:180px;font-size:10px;gap:6px}
  .playground-site .culture-hero-actions>a{font-size:10px}
  .playground-site .culture-quick-links a{font-size:8px}
  .playground-site .hub-actions{gap:7px}
  .playground-site .hub-actions .ed-button{font-size:10px;padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){
  .playground-site .culture-frequency{animation:none!important}
  .playground-site .crew-card,.playground-site .program-item,.playground-site .rubric,.playground-site .watch-channel,.playground-site .radio-player{transition:none!important}
}