.pier-site{--red:#087e9b;--red-dark:#075b73;--rose:#e9f6f8;--line:#dce9ed;--soft:#f2f8f8;--ink:#1e3440;--muted:#5d737e}.pier-site .brand-dot{color:#16a4b6}.pier-site .eyebrow{letter-spacing:.1em}.pier-site .hero h1 span{color:var(--red)}.pg-stage{position:relative;min-height:610px;border:1px solid #d4e7e9;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 54% 35%,#fff1cc 0,#cdeaf0 35%,#547c91 100%);display:flex;align-items:flex-end;justify-content:center;padding:34px 30px 0}.pg-stage-caption{position:absolute;inset:24px 26px auto;display:flex;justify-content:space-between;gap:14px;font-size:.66rem;font-weight:750;letter-spacing:.08em;color:#eefbff}.pg-art{height:510px;width:auto;max-width:90%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 20px #17384b40)}.pg-stage-note{position:absolute;bottom:28px;right:18px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #d7e8eb;border-radius:16px;padding:14px 18px;box-shadow:0 12px 34px #12374a22;transform:rotate(-2deg)}.pg-stage-note>span{font-size:1.8rem;color:#e0a83b}.pg-stage-note strong,.pg-stage-note div>span{display:block}.pg-stage-note div>span{font-size:.84rem;color:var(--muted);margin-top:3px}.pg-play-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:center}.pg-play-grid h2,.pg-details h2{font-size:clamp(2.25rem,4vw,3.55rem);font-weight:670;line-height:1.08;letter-spacing:-.055em;margin:0}.pg-play-grid .eyebrow,.pg-details .eyebrow{color:var(--red);margin-bottom:20px}.pg-copy{color:var(--muted);max-width:580px;line-height:1.75;margin:22px 0 28px}.pg-steps>div{display:flex;gap:18px;align-items:flex-start;padding:17px 0;border-top:1px solid var(--line)}.pg-steps>div>span{color:var(--red);font-size:.77rem;font-weight:750;letter-spacing:.08em;padding-top:3px}.pg-steps p{margin:0;color:var(--muted);line-height:1.6}.pg-steps strong{color:var(--ink)}.pg-screen{margin:0;text-align:center}.pg-screen img{width:235px;max-height:480px;object-fit:cover;object-position:top;border-radius:26px;border:7px solid #fff;box-shadow:0 18px 55px #17384b1c}.pg-screen figcaption{color:var(--muted);font-size:.85rem;margin-top:14px}.pg-story{background:var(--rose);padding-block:82px;border-block:1px solid var(--line)}.pg-story .eyebrow{color:var(--red)}.pg-story .section-heading>p{color:var(--muted);max-width:390px;line-height:1.75}.pg-story h2{font-size:clamp(2.2rem,3.9vw,3.5rem);font-weight:670;line-height:1.09;letter-spacing:-.055em;margin:0}.pg-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pg-gallery figure{margin:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--line)}.pg-gallery img{width:100%;height:290px;object-fit:cover;object-position:center 35%;display:block}.pg-gallery figcaption{padding:20px 22px 22px}.pg-gallery figcaption strong,.pg-gallery figcaption span{display:block}.pg-gallery figcaption span{color:var(--muted);font-size:.92rem;margin-top:5px;line-height:1.6}.pg-details{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.pg-details>div>p:last-child{color:var(--muted);max-width:500px;line-height:1.75;margin-top:20px}.pg-details aside{border-left:1px solid var(--line);padding-left:36px}.pg-details aside h3{font-size:1.5rem;margin:0 0 14px}.pg-details aside p{color:var(--muted);line-height:1.7}.pg-contact{background:#087e9b}.pier-site .legal-content .callout{background:var(--rose);border-color:var(--line)}.pier-site .legal-content .callout p{color:var(--ink)}
@media(max-width:1000px){.pg-stage{min-height:560px}.pg-art{height:465px}.pg-play-grid{gap:40px}.pg-details{gap:40px}}
@media(max-width:760px){.pg-stage{min-height:500px}.pg-art{height:425px;max-width:100%}.pg-stage-caption{inset-inline:18px;font-size:.57rem}.pg-stage-note{right:10px;bottom:22px;padding:12px 14px}.pg-play-grid{grid-template-columns:1fr;gap:32px}.pg-screen img{width:215px;max-height:430px}.pg-story{padding-block:58px}.pg-gallery{grid-template-columns:1fr}.pg-gallery img{height:280px}.pg-details{grid-template-columns:1fr;gap:30px}.pg-details aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.pg-contact{padding:30px 26px}}
