:root{--pg-black:#080808;--pg-ink:#121212;--pg-paper:#f2f2ed;--pg-muted:#aaa9a2;--pg-line:#ffffff24;--pg-accent:#ee4423}.playground-page{background:var(--pg-black);color:var(--pg-paper)}.playground-page .site-header{color:#fff}.playground-page footer{background:#050505;color:var(--pg-paper)}.pg-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:170px var(--gutter) 70px;isolation:isolate}.pg-hero-film,.pg-hero-shade{position:absolute;inset:0;width:100%;height:100%}.pg-hero-film{object-fit:cover;z-index:-2;filter:saturate(.7) contrast(1.08)}.pg-hero-shade{z-index:-1;background:linear-gradient(90deg,#050505e8 0%,#050505b0 48%,#05050538 75%),linear-gradient(0deg,#050505e8 0%,transparent 48%,#05050585 100%)}.pg-hero-copy{max-width:1100px}.pg-hero-copy h1{font-size:clamp(3.7rem,8vw,8.7rem);line-height:.91;letter-spacing:-.065em;margin:30px 0 35px;max-width:1100px}.pg-hero-copy h1 em,.pg-statement em,.pg-section-heading em,.pg-service em,.pg-final em{font-family:Georgia,serif;font-weight:400}.pg-hero-copy>p:not(.eyebrow){font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;color:#d0d0c9;max-width:670px}.pg-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.pg-primary,.pg-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:235px;padding:17px 20px;border:1px solid #fff5;font-size:.9rem}.pg-primary{background:var(--pg-paper);color:var(--pg-ink)}.pg-primary:hover,.pg-primary:focus-visible{color:var(--pg-accent)}.pg-secondary:hover,.pg-secondary:focus-visible{border-color:var(--pg-accent);color:var(--pg-accent)}.pg-signal{position:absolute;right:var(--gutter);bottom:72px;display:grid;gap:9px;text-align:right;font-size:.7rem;letter-spacing:.12em;color:#aaa}.pg-statement{display:grid;grid-template-columns:minmax(160px,.55fr) 1.45fr;gap:6vw;padding-top:130px;padding-bottom:130px;background:var(--pg-paper);color:var(--pg-ink)}.pg-statement h2,.pg-section-heading h2,.pg-service h2,.pg-final h2{font-size:clamp(3rem,6.3vw,7.2rem);line-height:.97;letter-spacing:-.055em;margin:0}.pg-statement>div>p{max-width:720px;margin:45px 0 0 auto;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.65;color:#575752}.pg-live,.pg-forms,.pg-developing,.pg-method,.pg-faq{padding-top:110px;padding-bottom:120px}.pg-section-heading{display:grid;grid-template-columns:minmax(160px,.55fr) 1.45fr;gap:6vw;align-items:start;margin-bottom:70px}.pg-live-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.pg-experience{display:block}.pg-media{position:relative;overflow:hidden;background:#161616}.pg-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:saturate(.72);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.pg-experience:hover .pg-media img{transform:scale(1.025);filter:saturate(.95)}.pg-status{position:absolute;top:18px;left:18px;padding:9px 12px;background:#080808c9;border:1px solid #fff4;font-size:.66rem;letter-spacing:.1em}.pg-card-copy{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px 0 35px;border-bottom:1px solid #ffffff38}.pg-card-copy p,.pg-dev-card>p{font-size:.68rem;letter-spacing:.11em;color:#9d9d96}.pg-card-copy h3{font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:1;margin:0;letter-spacing:-.04em}.pg-card-copy>span{grid-column:2;color:#b7b7b0;line-height:1.55;max-width:620px}.pg-experience:hover h3{color:var(--pg-accent)}.pg-accuracy{font-size:.75rem;color:#777;margin-top:20px}.pg-forms{background:var(--pg-paper);color:var(--pg-ink)}.pg-form-list{border-top:1px solid #aaa}.pg-form-list article{display:grid;grid-template-columns:80px minmax(220px,.7fr) 1fr;gap:25px;padding:30px 0;border-bottom:1px solid #bbb;align-items:start}.pg-form-list article>span,.pg-service-grid span,.pg-method li>span{font-size:.72rem;letter-spacing:.1em;color:#777}.pg-form-list h3{font-size:clamp(1.55rem,2.6vw,2.7rem);line-height:1.1;margin:0;letter-spacing:-.035em}.pg-form-list p{margin:0;color:#666;line-height:1.6;max-width:590px}.pg-developing{background:#171817}.pg-dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pg-dev-card{border-top:1px solid #ffffff38;padding-top:20px}.pg-dev-visual{aspect-ratio:4/3;margin-bottom:24px;background:#0c0c0c;display:grid;place-items:center;overflow:hidden}.pg-dev-card h3{font-size:clamp(1.7rem,2.8vw,3rem);letter-spacing:-.04em;line-height:1.05;margin:13px 0}.pg-dev-card>span{display:block;color:#aaa;line-height:1.6;min-height:100px}.pg-dev-card b{display:inline-block;margin-top:20px;color:var(--pg-accent);font-size:.65rem;letter-spacing:.13em;font-weight:500}.pg-dev-rasa span{font-family:Georgia,serif;font-size:clamp(8rem,16vw,14rem);color:transparent;-webkit-text-stroke:1px #ee4423;transform:rotate(-7deg)}.pg-dev-worlds{grid-template-columns:repeat(3,1fr);gap:2px;padding:11%}.pg-dev-worlds i{height:78%;background:linear-gradient(150deg,#eaeae2,#6b6b66);transform:skewY(-8deg)}.pg-dev-worlds i:nth-child(2){background:linear-gradient(150deg,#ee4423,#39130b);transform:skewY(8deg)}.pg-dev-worlds i:nth-child(3){background:linear-gradient(150deg,#3c434a,#080808)}.pg-dev-clay span{width:42%;aspect-ratio:1;border-radius:46% 54% 62% 38%/56% 44% 56% 44%;background:radial-gradient(circle at 35% 28%,#dca070,#7b3f26 55%,#32150d);box-shadow:20px 24px 70px #000;transform:rotate(12deg)}.pg-service{background:var(--pg-accent);color:#0a0a0a;padding-top:120px;padding-bottom:120px}.pg-service .eyebrow{color:#451208}.pg-service-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}.pg-service-intro>div p{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5;margin:0 0 35px}.pg-service .pg-primary{background:#090909;color:#fff;border-color:#090909}.pg-service .pg-primary:hover{color:var(--pg-accent)}.pg-service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid #53160b}.pg-service-grid article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:24px 18px 24px 0;border-bottom:1px solid #53160b}.pg-service-grid h3{font-size:1.18rem;line-height:1.25;margin:0}.pg-service-grid span{color:#681b0d}.pg-method{background:var(--pg-paper);color:var(--pg-ink)}.pg-method ol{list-style:none;padding:0;margin:0 0 0 31%;border-top:1px solid #aaa}.pg-method li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #bbb}.pg-method h3{font-size:clamp(1.4rem,2.2vw,2.25rem);margin:0 0 10px}.pg-method p{margin:0;color:#666}.pg-faq{background:#111}.pg-faq>div:last-child{margin-left:31%}.pg-faq details{border-top:1px solid #ffffff38;padding:0}.pg-faq details:last-child{border-bottom:1px solid #ffffff38}.pg-faq summary{font-size:clamp(1.2rem,2vw,1.8rem);padding:28px 45px 28px 0;position:relative}.pg-faq summary i{position:absolute;right:8px;top:50%;width:18px;height:1px;background:#fff}.pg-faq summary i:after{content:"";position:absolute;inset:0;transform:rotate(90deg);background:#fff}.pg-faq details[open] summary i:after{transform:rotate(0)}.pg-faq details p{color:#aaa;max-width:700px;line-height:1.65;padding:0 50px 26px 0;margin:0}.pg-final{text-align:center;padding-top:150px;padding-bottom:160px;background:#070707}.pg-final h2{margin:30px auto 45px}.pg-final>a{font-size:clamp(1.25rem,2.5vw,2.4rem);border-bottom:1px solid #fff}.pg-final>a:hover{color:var(--pg-accent);border-color:var(--pg-accent)}.playground-page .social-links{display:flex;gap:22px}.playground-page .social-links a{width:auto;height:auto;border:0;border-radius:0;font-size:.78rem}.playground-page .social-links a:hover{color:var(--pg-accent)}
@media(max-width:960px){.pg-live-grid,.pg-service-intro{grid-template-columns:1fr}.pg-experience{max-width:900px}.pg-dev-grid{grid-template-columns:1fr}.pg-dev-card{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:25px}.pg-dev-card .pg-dev-visual{grid-row:1/6;aspect-ratio:4/3}.pg-dev-card>span{min-height:0}.pg-service-grid{grid-template-columns:repeat(2,1fr)}.pg-signal{display:none}}
@media(max-width:760px){.pg-hero{padding:140px 24px 50px;min-height:880px}.pg-hero-shade{background:linear-gradient(0deg,#050505ed 0%,#0505058c 60%,#050505a8 100%)}.pg-hero-copy h1{font-size:clamp(3.5rem,16vw,5.8rem)}.pg-actions{display:grid}.pg-primary,.pg-secondary{width:100%}.pg-statement,.pg-section-heading{grid-template-columns:1fr;gap:25px}.pg-statement{padding-top:80px;padding-bottom:85px}.pg-statement>div>p{margin-top:30px}.pg-live,.pg-forms,.pg-developing,.pg-method,.pg-faq{padding-top:75px;padding-bottom:80px}.pg-section-heading{margin-bottom:45px}.pg-card-copy{grid-template-columns:1fr}.pg-card-copy>span{grid-column:auto}.pg-form-list article{grid-template-columns:45px 1fr}.pg-form-list p{grid-column:2}.pg-dev-card{display:block}.pg-dev-card>span{min-height:0}.pg-service{padding-top:80px;padding-bottom:80px}.pg-service-grid{grid-template-columns:1fr;margin-top:55px}.pg-method ol,.pg-faq>div:last-child{margin-left:0}.pg-final{padding-top:100px;padding-bottom:110px}.playground-page .social-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pg-hero-film{display:none}.pg-hero{background:#111 url('../assets/films/visual-study.jpg') center/cover no-repeat}.pg-media img{transition:none}}
.pg-passport{display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center;margin-top:55px;padding:32px 0;border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line)}.pg-passport h3{font-size:clamp(1.45rem,2.4vw,2.4rem);letter-spacing:-.035em;margin:10px 0}.pg-passport p:last-child{margin:0;color:var(--pg-muted);font-size:.86rem}.pg-passport-stamps{display:flex;gap:8px}.pg-passport-stamps span{width:12px;height:12px;border:1px solid #777;border-radius:50%}.pg-passport-stamps .is-found{background:var(--pg-accent);border-color:var(--pg-accent)}.pg-passport>a{display:inline-flex;gap:24px;padding:14px 0;border-bottom:1px solid #777;font-size:.86rem;white-space:nowrap}.pg-passport>a:hover,.pg-passport>a:focus-visible{color:var(--pg-accent);border-color:var(--pg-accent)}
@media(max-width:760px){.pg-passport{grid-template-columns:1fr;gap:22px}.pg-passport-stamps{order:2}.pg-passport>a{order:3;width:max-content}}
.pg-field-note{padding-top:115px;padding-bottom:120px;background:#101110}.pg-field-note-heading{display:grid;grid-template-columns:minmax(200px,.55fr) 1.45fr;gap:6vw;align-items:start;margin-bottom:70px}.pg-field-note-heading time{display:block;margin-top:15px;color:#74746e;font-size:.68rem;letter-spacing:.11em}.pg-field-note h2{font-size:clamp(3rem,6.3vw,7.2rem);line-height:.97;letter-spacing:-.055em;margin:0;max-width:1050px}.pg-field-note h2 em{font-family:Georgia,serif;font-weight:400}.pg-field-note-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--pg-line)}.pg-field-note-grid article{min-height:310px;padding:30px 5vw 42px 0;border-bottom:1px solid var(--pg-line)}.pg-field-note-grid article:nth-child(odd){border-right:1px solid var(--pg-line)}.pg-field-note-grid article:nth-child(even){padding-left:5vw}.pg-field-note-grid article>p{color:var(--pg-accent);font-size:.67rem;letter-spacing:.12em}.pg-field-note-grid h3{font-size:clamp(1.65rem,2.8vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:30px 0 24px;max-width:580px}.pg-field-note-grid span{display:block;color:var(--pg-muted);line-height:1.65;max-width:620px}.pg-field-note-bridge{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:36px}.pg-field-note-bridge p{max-width:680px;margin:0;color:#c5c5bf;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.pg-field-note-bridge a{padding-bottom:6px;border-bottom:1px solid #777;white-space:nowrap}.pg-field-note-bridge a:hover,.pg-field-note-bridge a:focus-visible{color:var(--pg-accent);border-color:var(--pg-accent)}
@media(max-width:760px){.pg-field-note{padding-top:75px;padding-bottom:80px}.pg-field-note-heading{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.pg-field-note-grid{grid-template-columns:1fr}.pg-field-note-grid article,.pg-field-note-grid article:nth-child(even){min-height:0;padding:28px 0 34px;border-right:0}.pg-field-note-grid h3{margin-top:20px}.pg-field-note-bridge{grid-template-columns:1fr;gap:24px}.pg-field-note-bridge a{width:max-content;max-width:100%;white-space:normal}}

/* Playground 2026-09-16 — narrative R&D journey and live story deck */
.pg-statement{display:block;position:relative;padding-top:130px;padding-bottom:150px;background:#0d0d0d;color:var(--pg-paper);overflow:hidden}
.pg-statement:before{content:"R&D";position:absolute;right:-.04em;top:.05em;color:#fff;font-size:clamp(12rem,29vw,34rem);font-weight:700;line-height:1;letter-spacing:-.1em;opacity:.025;pointer-events:none}
.pg-premise-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(160px,.55fr) 1.45fr;gap:6vw}
.pg-premise-intro>div>p{max-width:760px;margin:45px 0 0 auto;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.65;color:#aaa9a2}
.pg-rd-journey{--journey-gap:clamp(14px,2vw,30px);position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--journey-gap);list-style:none;margin:110px 0 0;padding:0}
.pg-rd-journey:before{content:"";position:absolute;left:5%;right:5%;top:calc(clamp(170px,18vw,270px) + 23px);height:1px;background:linear-gradient(90deg,transparent,var(--pg-accent) 12%,var(--pg-accent) 88%,transparent);opacity:.55}
.pg-rd-step{position:relative;min-width:0}
.pg-rd-step:nth-child(even){padding-top:clamp(45px,5vw,78px)}
.pg-rd-step figure{position:relative;height:clamp(170px,18vw,270px);margin:0 0 48px;overflow:hidden;background:#171717;border:1px solid #ffffff1c}
.pg-rd-step figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808bf,transparent 58%);pointer-events:none}
.pg-rd-step img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.pg-rd-step:hover img{transform:scale(1.055);filter:saturate(.9) contrast(1.05)}
.pg-rd-step figcaption{position:absolute;z-index:1;left:16px;bottom:15px;color:#fff;font-size:.65rem;letter-spacing:.14em}
.pg-rd-step>div{position:relative;padding:26px 8px 0 0;border-top:1px solid #ffffff26}
.pg-rd-step>div:before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;border-radius:50%;background:var(--pg-accent);box-shadow:0 0 0 7px #ee44231c}
.pg-rd-step>div>span{display:block;color:var(--pg-accent);font-size:.68rem;letter-spacing:.14em;margin-bottom:18px}
.pg-rd-step h3{font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}
.pg-rd-step p{margin:0;color:#8f8f88;line-height:1.6;font-size:.92rem}
.pg-film-toggle{position:absolute;z-index:2;right:var(--gutter);top:145px;display:flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid #ffffff5c;background:transparent;color:#fff;font:inherit;font-size:.68rem;letter-spacing:.1em;cursor:pointer}
.pg-film-toggle span{color:var(--pg-accent);font-size:.8rem}.pg-film-toggle:hover,.pg-film-toggle:focus-visible{color:var(--pg-accent);border-color:var(--pg-accent)}

.pg-live{position:relative;overflow:hidden;padding-top:125px;padding-bottom:130px;background:radial-gradient(circle at 50% 42%,#2b120d 0,#0d0d0d 43%,#080808 76%)}
.pg-live:before{content:"PLAY";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(13rem,31vw,36rem);font-weight:700;line-height:.8;letter-spacing:-.1em;color:#fff;opacity:.018;pointer-events:none}
.pg-story-shell{position:relative;max-width:1260px;margin:0 auto}
.pg-story-nav{display:grid;grid-template-columns:52px auto 52px;align-items:center;justify-content:center;gap:22px;margin:0 auto 28px}
.pg-story-nav p{margin:0;min-width:62px;text-align:center;color:#85857e;font-size:.72rem;letter-spacing:.16em}
.pg-story-nav p span:first-child{color:#fff}
.pg-story-arrow{width:52px;height:52px;border:1px solid #ffffff35;border-radius:50%;background:#101010;color:#fff;font-size:1.2rem;cursor:pointer;transition:border-color .25s,color .25s,transform .25s}
.pg-story-arrow:hover,.pg-story-arrow:focus-visible{border-color:var(--pg-accent);color:var(--pg-accent);transform:scale(1.06)}
.pg-story-deck{display:grid;perspective:1800px;min-height:clamp(650px,66vw,820px)}
.pg-story-card{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-self:start;background:#111;border:1px solid #ffffff20;box-shadow:0 45px 110px #000a;transform-origin:center;backface-visibility:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:rotateY(108deg) scale(.86) translateX(10%);transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .45s,visibility .85s}
.pg-story-card.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:rotateX(var(--story-tilt-x,0deg)) rotateY(var(--story-tilt-y,0deg)) scale(1) translateX(0)}
.pg-story-card.is-past{transform:rotateY(-108deg) scale(.86) translateX(-10%)}
.pg-story-visual{position:relative;min-height:clamp(450px,52vw,710px);overflow:hidden;background:#181818}
.pg-story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 63%,#111),linear-gradient(0deg,#07070775,transparent 45%);pointer-events:none}
.pg-story-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s}
.pg-story-card:hover .pg-story-visual img{transform:scale(1.025);filter:saturate(.95) contrast(1.04)}
.pg-story-visual .pg-status{z-index:2}
.pg-story-number{position:absolute;z-index:2;right:22px;bottom:8px;color:#fff;font-size:clamp(5rem,10vw,10rem);font-weight:700;line-height:1;letter-spacing:-.09em;opacity:.72}
.pg-story-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,4vw,62px)}
.pg-story-copy>p{color:var(--pg-accent);font-size:.65rem;letter-spacing:.13em;margin:0 0 auto}
.pg-story-copy h3{font-size:clamp(2.5rem,4.6vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:40px 0 28px}
.pg-story-copy>span{color:#aaa9a2;line-height:1.65;max-width:430px}
.pg-story-copy>a{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:18px 0;border-top:1px solid #ffffff32;border-bottom:1px solid #ffffff32;font-size:.82rem;letter-spacing:.04em}
.pg-story-copy>a i{font-style:normal;font-size:1.15rem}
.pg-story-copy>a:hover,.pg-story-copy>a:focus-visible{color:var(--pg-accent);border-color:var(--pg-accent)}
.pg-story-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:30px;border-top:1px solid #ffffff25}
.pg-story-tabs button{position:relative;padding:21px 22px;border:0;border-bottom:1px solid #ffffff25;background:transparent;color:#777;text-align:left;font:inherit;font-size:.77rem;letter-spacing:.05em;cursor:pointer}
.pg-story-tabs button+button{border-left:1px solid #ffffff25}
.pg-story-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--pg-accent);transition:right .45s}
.pg-story-tabs button[aria-selected="true"]{color:#fff}
.pg-story-tabs button[aria-selected="true"]:after{right:0}

@media(max-width:960px){
  .pg-rd-journey{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-rd-journey:before{display:none}
  .pg-rd-step:nth-child(even){padding-top:48px}
  .pg-rd-step figure{height:clamp(230px,32vw,340px)}
  .pg-story-deck{min-height:850px}
  .pg-story-card{grid-template-columns:1fr}
  .pg-story-visual{min-height:530px}
  .pg-story-visual:after{background:linear-gradient(0deg,#111,transparent 28%)}
  .pg-story-copy{min-height:280px}
  .pg-story-copy>p{margin-bottom:20px}
}
@media(max-width:760px){
  .pg-statement{padding-top:82px;padding-bottom:90px}
  .pg-premise-intro{grid-template-columns:1fr;gap:26px}
  .pg-premise-intro>div>p{margin-top:30px}
  .pg-rd-journey{display:flex;gap:18px;overflow-x:auto;margin:70px calc(var(--gutter) * -1) 0;padding:0 var(--gutter) 18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pg-rd-journey::-webkit-scrollbar{display:none}
  .pg-rd-step,.pg-rd-step:nth-child(even){flex:0 0:min(82vw,350px);padding-top:0;scroll-snap-align:center}
  .pg-rd-step figure{height:250px}
  .pg-film-toggle{right:24px;top:112px}
  .pg-live{padding-top:80px;padding-bottom:85px}
  .pg-story-nav{margin-bottom:20px}
  .pg-story-deck{min-height:690px}
  .pg-story-card{display:block}
  .pg-story-visual{min-height:0;aspect-ratio:4/5}
  .pg-story-visual:after{background:linear-gradient(0deg,#111,transparent 35%)}
  .pg-story-copy{min-height:300px;padding:28px 24px 25px}
  .pg-story-copy h3{font-size:clamp(2.6rem,12vw,4rem);margin:26px 0 20px}
  .pg-story-copy>a{margin-top:26px}
  .pg-story-tabs button{padding:17px 12px;font-size:.69rem;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){
  .pg-hero{background:#111 url('../assets/playground/studio-dramatic-me-and-you-poster.webp') center/cover no-repeat}
  .pg-rd-step img,.pg-story-arrow,.pg-story-card,.pg-story-visual img,.pg-story-tabs button:after{transition:none}
  .pg-story-card{transform:none}
  .pg-story-card.is-past{transform:none}
}

/* Let the human–machine encounter lead the Playground hero. */
.pg-hero{display:flex;align-items:flex-end;padding:0;min-height:100svh}
.pg-hero-film{object-position:54% center;filter:saturate(.82) contrast(1.04)}
.pg-hero-shade{background:linear-gradient(180deg,#0505059c 0%,transparent 24%,transparent 54%,#050505b8 76%,#050505 100%)}
.pg-hero-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(45px,7vw,120px);align-items:end;width:100%;max-width:none;padding:clamp(95px,12vh,145px) var(--gutter) clamp(34px,5vh,58px);background:linear-gradient(0deg,#050505 0%,#050505e6 46%,transparent 100%)}
.pg-hero-copy h1{max-width:980px;margin:24px 0 0;font-size:clamp(3.15rem,6vw,7rem);line-height:.93;letter-spacing:-.06em;text-wrap:balance}
.pg-hero-context{padding-bottom:4px}
.pg-hero-context>p{max-width:520px;margin:0;color:#b9b9b3;font-size:clamp(.96rem,1.25vw,1.14rem);line-height:1.58}
.pg-hero-context>p strong{display:block;margin-bottom:9px;color:#fff;font-weight:500}
.pg-hero-context .pg-actions{margin-top:27px;gap:10px}
.pg-hero-context .pg-primary,.pg-hero-context .pg-secondary{min-width:0;padding:14px 16px;gap:24px;font-size:.78rem}

@media(max-width:960px){
  .pg-hero-copy{grid-template-columns:1fr;gap:24px;padding-top:140px}
  .pg-hero-copy h1{font-size:clamp(3.3rem,9vw,6.2rem)}
  .pg-hero-context{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}
  .pg-hero-context .pg-actions{margin-top:0}
  .pg-hero-context .pg-secondary{display:none}
}
@media(max-width:760px){
  .pg-hero{min-height:100svh;padding:0}
  .pg-hero-film{object-position:53% center}
  .pg-hero-shade{background:linear-gradient(180deg,#050505b8 0%,transparent 22%,transparent 42%,#050505c9 68%,#050505 100%)}
  .pg-hero-copy{display:block;padding:125px 24px 34px;background:linear-gradient(0deg,#050505 0%,#050505ed 55%,transparent 100%)}
  .pg-hero-copy h1{font-size:clamp(2.65rem,12vw,4.3rem);line-height:.94;margin-top:18px}
  .pg-hero-context{display:block;margin-top:24px}
  .pg-hero-context>p{font-size:.95rem;line-height:1.5}
  .pg-hero-context>p strong{margin-bottom:5px}
  .pg-hero-context .pg-actions{display:block;margin-top:20px}
  .pg-hero-context .pg-primary{width:100%}
}