/* Public brand guide; scoped to avoid changing the product or marketing pages. */
.brand-guide .brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:58px}.brand-guide h1{font-size:clamp(44px,5.5vw,72px);line-height:1.08;margin:18px 0 24px}.brand-intro p:not(.small-label){color:var(--muted);font-size:16px}.brand-guide-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.brand-guide-actions .text-link{font-size:12px}.brand-intro-art{background:var(--navy);color:var(--green);height:390px;position:relative;overflow:hidden;padding:36px}.brand-intro-art>img{position:absolute;width:430px;height:430px;right:-110px;top:-45px;opacity:.5}.brand-intro-art>span{position:relative;font:600 63px/.98 var(--heading);letter-spacing:-.055em;display:block}.brand-intro-art>small{position:absolute;bottom:30px;font-size:10px;letter-spacing:.12em}.brand-sections{display:flex;gap:34px;overflow:auto;white-space:nowrap;border-block:1px solid var(--line);padding-block:18px;font-size:12px}.brand-sections a{text-decoration:none}.brand-guide .guide-section{padding-block:60px;scroll-margin-top:20px}.brand-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.brand-asset{border:1px solid var(--line);background:white;min-width:0}.asset-canvas{height:210px;display:grid;place-items:center;background-color:#eeeee7;background-image:linear-gradient(45deg,#01024f06 25%,transparent 25%),linear-gradient(-45deg,#01024f06 25%,transparent 25%);background-size:20px 20px}.asset-canvas.dark{background-color:var(--navy);background-image:linear-gradient(45deg,#ffffff07 25%,transparent 25%),linear-gradient(-45deg,#ffffff07 25%,transparent 25%)}.asset-canvas img{width:85%;height:180px;object-fit:contain}.asset-copy{padding:22px}.asset-copy h3{font-size:20px}.asset-copy p{font-size:13px;color:var(--muted);min-height:65px}.asset-copy a{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding-top:16px;border-top:1px solid var(--line)}.guide-note{font-size:12px!important;color:var(--muted);line-height:1.8;margin-top:20px}.brand-banner{position:relative;isolation:isolate;overflow:hidden;padding:36px;background:var(--navy);color:white}.brand-banner h3{font-size:46px;line-height:1.05;letter-spacing:-.04em;color:inherit;margin:25px 0 20px}.brand-banner .small-label{color:var(--green);font-size:10px}.brand-banner p{font-size:13px;line-height:1.6;position:relative}.brand-banner-photo{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center}.brand-banner-photo::before{content:"";position:absolute;z-index:-1;right:-80px;top:-120px;width:550px;height:550px;background:url('/assets/playstat-ball-overlay.svg') center/contain no-repeat;opacity:.4}.brand-banner-photo figure{margin:0}.brand-banner-photo figure img{width:100%;height:auto;display:block;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}.brand-banner-photo h3{font-size:58px;color:var(--green)}.brand-banner-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.brand-banner-green{background:var(--green);color:var(--navy)}.brand-banner-green .small-label{color:var(--navy)}.brand-banner-green::before{content:"";position:absolute;z-index:-1;width:430px;height:290px;right:-130px;bottom:-60px;background:url('/assets/playstat-court.svg') center/contain no-repeat;opacity:.2;transform:rotate(-15deg)}.brand-banner-note::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/playstat-play-overlay.svg') center/cover no-repeat;opacity:.3}.brand-banner-note h3 span{color:var(--green)}.brand-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.brand-basics>article{border-top:1px solid var(--line);padding-top:24px}.brand-basics h3{font-size:23px}.brand-basics p,.brand-basics a{font-size:13px}.brand-basics p{color:var(--muted)}.brand-swatches{display:flex;gap:8px}.brand-swatches span{font-size:10px;flex:1}.brand-swatches span::before{content:"";display:block;height:45px;background:var(--chip);border:1px solid #01024f15;margin-bottom:8px}.brand-swatches b{display:block;font-size:10px}.guide-logo{display:block;object-fit:contain;object-position:left;width:148px;height:41px;background:white}.brand-guide-page .footer{border-top:1px solid var(--line)}
@media(max-width:900px){.brand-guide .brand-intro{gap:30px}.brand-intro-art{padding:28px;height:340px}.brand-intro-art>span{font-size:54px}.brand-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-banner-photo h3{font-size:42px}.brand-banner h3{font-size:36px}.brand-basics{gap:20px}}
@media(max-width:650px){.brand-guide .brand-intro{grid-template-columns:1fr;padding-block:36px}.brand-guide h1{font-size:44px}.brand-intro-art{height:300px}.brand-guide .guide-section{padding-block:40px}.brand-assets,.brand-banner-pair,.brand-basics{grid-template-columns:1fr}.brand-assets{gap:18px}.asset-copy p{min-height:0}.brand-sections{gap:24px;font-size:11px}.brand-banner-photo{grid-template-columns:1fr;gap:18px}.brand-banner-photo h3{font-size:46px}.brand-banner{padding:26px}.brand-banner-photo figure{margin-top:0}.brand-basics{gap:28px}.brand-guide-actions{gap:18px}.brand-guide-actions .button{padding:14px}.brand-banner-photo::before{top:40px;right:-180px}.brand-intro-art>img{width:360px;height:360px}}