.playpage{color:var(--violet);background:#fff;min-height:100vh;padding-bottom:0;position:relative}.playpage .wrap{max-width:var(--maxw);margin:0 auto;padding:0 56px}.playpage .eyebrow,.playpage .ps-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--peri);font-size:12px;font-weight:500}.playpage header{z-index:60;pointer-events:none;padding:4px 0 0;position:fixed;top:0;left:0;right:0}.playpage header:before{content:"";pointer-events:none;background:linear-gradient(#ffffffd1,#fff0);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 65%,#0000 100%);mask-image:linear-gradient(#000 0% 65%,#0000 100%)}.playpage .nav{z-index:1;justify-content:space-between;align-items:center;gap:16px;height:78px;display:flex;position:relative}.playpage .brand,.playpage .nav-pills{pointer-events:auto}.playpage .brand{line-height:1;font-family:var(--font);color:#26233a;background:#fff;border:1px solid #e4e3ea;border-radius:999px;align-items:center;padding:10px 22px;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex}.playpage .brand:hover{border-color:#cfccda;box-shadow:0 5px 16px -10px #1a143066}.playpage .nav-pills{align-items:center;gap:9px;display:flex}.playpage .np{white-space:nowrap;line-height:1;font-family:var(--font);color:#2b2838;background:#fff;border:1px solid #e4e3ea;border-radius:999px;align-items:center;gap:8px;padding:10px 17px;font-size:15px;font-weight:600;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.playpage .np svg{flex:none;width:16px;height:16px}.playpage .np:hover{border-color:#cfccda;box-shadow:0 5px 16px -10px #1a143073}.playpage .np.active{background:var(--nav-blue);border-color:var(--nav-blue);color:#fff}.playpage .play-hero{background-image:radial-gradient(circle, var(--dot) 1.1px, transparent 1.6px);background-position:13px 13px;background-size:26px 26px;padding:168px 0 28px}.playpage .play-hero .eyebrow{margin-bottom:16px;display:block}.playpage .play-title{font-family:var(--font);letter-spacing:-.04em;color:var(--violet);font-size:clamp(56px,10vw,132px);font-weight:800;line-height:.9}.playpage .play-intro{max-width:44ch;color:color-mix(in srgb, var(--violet) 80%, #fff);margin-top:22px;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.playpage .play-sec{padding:64px 0 14px}.playpage .ps-head{max-width:56ch;margin-bottom:34px}.playpage .ps-title{font-family:var(--font);letter-spacing:-.025em;color:var(--violet);margin:12px 0 0;font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1}.playpage .ps-desc{color:var(--body);max-width:52ch;margin-top:14px;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.playpage .pgrid{columns:3 280px;column-gap:22px}.playpage .pcard{break-inside:avoid;background:var(--lav);box-shadow:0 20px 44px -28px color-mix(in srgb, var(--peri) 55%, transparent);transition:transform .3s var(--ease-out), box-shadow .3s ease;border-radius:14px;margin:0 0 22px;position:relative;overflow:hidden}.playpage .pcard img{width:100%;display:block}.playpage .pcard:hover{box-shadow:0 28px 56px -26px color-mix(in srgb, var(--peri) 65%, transparent);transform:translateY(-4px)}.playpage .pcap{opacity:0;background:linear-gradient(#0000,#1a1430c7);justify-content:space-between;align-items:baseline;gap:10px;padding:28px 16px 14px;transition:opacity .25s;display:flex;position:absolute;inset:auto 0 0}.playpage .pcard:hover .pcap,.playpage .pf-media:hover .pcap{opacity:1}.playpage .pcap-t{font-family:var(--font);color:#fff;font-size:14px;font-weight:600}.playpage .pcap-m{font-family:var(--mono);letter-spacing:.06em;color:#ffffffc7;white-space:nowrap;font-size:10.5px}.playpage .pcard.ba .ba-img{position:relative}.playpage .pcard.ba .ba-img+.ba-img{margin-top:3px}.playpage .pcard.ba img{width:100%;display:block}.playpage .pcard.ba .ba-img:first-child img{aspect-ratio:1;object-fit:cover;object-position:center bottom;height:auto}.playpage .ba-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#1a1430b8;border-radius:20px;padding:5px 9px;font-size:9.5px;position:absolute;top:10px;left:10px}.playpage .ba-tag.after{background:var(--violet);left:auto;right:10px}.playpage .play-fashion{background:radial-gradient(120% 90% at 80% 10%, color-mix(in srgb, var(--peri) 12%, transparent), transparent 60%), var(--lav);margin-top:40px;padding:70px 0}.playpage .pf-grid{grid-template-columns:1fr .82fr;align-items:center;gap:56px;display:grid}.playpage .pf-copy .ps-title{font-size:clamp(34px,4.6vw,60px)}.playpage .pf-soon{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--peri);border:1px dashed color-mix(in srgb, var(--peri) 45%, transparent);background:#fff;border-radius:30px;align-items:center;margin-top:26px;padding:9px 16px;font-size:11.5px;display:inline-flex}.playpage .pf-media{box-shadow:var(--shadow-card);border-radius:16px;margin:0;position:relative;overflow:hidden}.playpage .pf-media img{width:100%;display:block}.playpage footer{background:var(--violet);color:#fff;z-index:1;margin-top:90px;position:relative}.playpage .footer-inner{max-width:var(--maxw);margin:0 auto;padding:92px 56px 52px}.playpage .footer-huge{font-family:var(--font);letter-spacing:-.02em;color:#fff;font-size:clamp(44px,7vw,100px);font-weight:800;line-height:.94}.playpage .footer-links{border-top:1px solid #ffffff40;flex-wrap:wrap;align-items:center;gap:14px 36px;margin-top:44px;padding-top:30px;display:flex}.playpage .footer-links a{font-family:var(--pop);color:#fff;padding-bottom:2px;font-size:18px;font-weight:500;position:relative}.playpage .footer-links a:after{content:"";transform-origin:0;background:#fff;height:2px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.playpage .footer-links a:hover:after{transform:scaleX(1)}.playpage .footer-links .d{opacity:.45}.playpage .footer-meta{font-family:var(--mono);color:#ffffffb3;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;font-size:13px;display:flex}@media (max-width:860px){.playpage .pf-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:680px){.playpage .wrap{padding:0 24px}.playpage .nav{height:64px}.playpage .np .lbl{display:none}.playpage .play-hero{padding:130px 0 20px}.playpage .pgrid{columns:1}.playpage .footer-inner{padding:64px 24px 40px}}
