body:has(.sp-project){background:#09070d;padding-top:0}
body:has(.sp-project) .site-header{background:transparent;border:0}
.sp-project{--sp-lilac:#bd80f5;--sp-paper:#f3edf8;background:#09070d;color:var(--sp-paper);overflow:clip}
.sp-project .container{max-width:1440px}.sp-project a:focus-visible{outline:2px solid var(--sp-lilac);outline-offset:5px}
.sp-kicker{display:block;color:var(--sp-lilac);font-size:11px;letter-spacing:.18em;font-weight:750;text-transform:uppercase}
.sp-project em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--sp-lilac)}
.sp-hero{position:relative;min-height:min(950px,100svh);background:linear-gradient(90deg,#08050ee8 0%,#08050eb3 36%,#08050e12 75%),url('/assets/streetplayr/drop-001.jpg') center/cover no-repeat}
.sp-hero::after{content:'';position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,#09070d);pointer-events:none}.sp-hero>.container{position:relative;z-index:1;min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;padding-top:167px;padding-bottom:55px}
.sp-back{font-size:13px;color:#e3d9e8}.sp-hero-copy{margin:auto 0;max-width:850px;padding:60px 0}.sp-hero h1{font-size:clamp(68px,9vw,150px);font-weight:800;letter-spacing:-.085em;line-height:.91;margin:28px 0 25px;text-transform:uppercase}.sp-hero h1 em{text-transform:none;letter-spacing:-.06em}.sp-hero-copy p{max-width:480px;font-size:clamp(15px,1.45vw,19px);line-height:1.7;color:#e5dae9}.sp-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #d7aefa;border-radius:50px;padding:14px 20px;color:#fff;font-size:13px;font-weight:700;margin-top:34px;transition:background .25s,color .25s}.sp-pill:hover{background:var(--sp-lilac);color:#180a24}.sp-pill span{font-size:20px}.sp-hero-index{font-size:10px;letter-spacing:.18em;color:#d7b9e7}
.sp-marquee{white-space:nowrap;overflow:hidden;border-block:1px solid #8d51c075;background:#140c1d;padding:15px 0;font-size:clamp(18px,2.8vw,36px);font-weight:800;letter-spacing:-.035em}.sp-marquee>div{width:max-content;animation:sp-marquee 31s linear infinite}.sp-marquee span{color:var(--sp-lilac);padding:0 28px}
.sp-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,7vw,120px);padding-block:clamp(100px,13vw,180px)}.sp-story h2,.sp-section-head h2,.sp-visit h2{font-size:clamp(50px,6vw,92px);letter-spacing:-.07em;line-height:1.03;margin:20px 0}.sp-story p{font-size:clamp(15px,1.25vw,18px);line-height:1.85;color:#cbbfd2;margin:0 0 24px}.sp-story .sp-note{font-size:12px;color:#9e8ca7;line-height:1.7;margin-top:30px}
.sp-products,.sp-preview{padding-bottom:clamp(110px,13vw,185px)}.sp-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:48px}.sp-section-head p{max-width:260px;font-size:14px;line-height:1.7;color:#baacc4}.sp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sp-product{margin:0;min-width:0}.sp-product:first-child{grid-column:span 2;grid-row:span 2}.sp-product a{display:block;overflow:hidden;background:#21182a;border-radius:7px}.sp-product img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}.sp-product:first-child img{aspect-ratio:auto;height:100%;min-height:650px}.sp-product a:hover img{transform:scale(1.065);filter:saturate(1.1)}.sp-product figcaption{padding:15px 0 27px}.sp-product figcaption span{color:var(--sp-lilac);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.sp-product h3{font-size:17px;letter-spacing:-.035em;margin:8px 0 0}
.sp-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.sp-screen{margin:0;min-width:0}.sp-screen:first-child{grid-column:1/-1}.sp-screen a{display:block;border:1px solid #78479c;overflow:hidden;border-radius:9px;background:#111;transition:border-color .25s,transform .25s}.sp-screen a:hover{border-color:var(--sp-lilac);transform:translateY(-5px)}.sp-browser{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#24172e;color:#d3b2e8;font-size:11px}.sp-browser span:first-child{color:var(--sp-lilac);letter-spacing:.25em}.sp-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.sp-screen:first-child img{aspect-ratio:16/8}.sp-screen figcaption{display:flex;gap:20px;padding-top:18px}.sp-screen figcaption b{color:var(--sp-lilac);font-size:12px}.sp-screen h3{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.sp-screen p{max-width:480px;font-size:13px;line-height:1.7;color:#b9a9c3;margin:0}
.sp-visit{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #7a449d;padding-block:65px 120px}.sp-visit h2{margin-bottom:10px}.sp-visit p{color:#b9a9c3;font-size:14px;line-height:1.6}.sp-visit>a{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--sp-lilac);color:#190923;padding:17px 23px;border-radius:40px;font-size:13px;font-weight:750;white-space:nowrap}.sp-visit>a:hover{background:#e0b5ff}
@keyframes sp-marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.sp-story{grid-template-columns:1fr;gap:20px}.sp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-product:first-child{grid-column:span 2;grid-row:auto}.sp-product:first-child img{min-height:0;aspect-ratio:3/4}.sp-hero{background-position:57% center}}
@media(max-width:650px){body:has(.sp-project) .site-header{background:#120c1be8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sp-hero{min-height:790px;background:linear-gradient(0deg,#09070ded 0%,#09070d66 70%),url('/assets/streetplayr/drop-001.jpg') 54% center/cover no-repeat}.sp-hero>.container{padding-top:122px;padding-bottom:40px}.sp-hero h1{font-size:clamp(58px,14vw,85px)}.sp-hero-copy{margin:auto 0 50px}.sp-story{padding-block:95px}.sp-story h2,.sp-section-head h2,.sp-visit h2{font-size:clamp(49px,11vw,70px)}.sp-section-head{display:block}.sp-section-head p{margin-top:20px}.sp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sp-product:first-child{grid-column:span 2}.sp-product h3{font-size:14px}.sp-product figcaption{padding-bottom:18px}.sp-screen-grid{grid-template-columns:1fr;gap:45px}.sp-screen:first-child{grid-column:auto}.sp-screen:first-child img{aspect-ratio:16/10}.sp-visit{display:block;padding-block:65px 95px}.sp-visit>a{width:100%;margin-top:25px}.sp-browser{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sp-marquee>div{animation:none}.sp-pill,.sp-product img,.sp-screen a{transition:none}}

/* StreetplayR reel wall */
.sp-motion{padding:0 0 clamp(130px,15vw,220px);background:radial-gradient(ellipse at 50% 40%,#4c216247,transparent 62%),#09070d}
.sp-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.sp-reel{min-width:0;overflow:hidden;border:1px solid #79539a;background:#171020;border-radius:9px;box-shadow:0 25px 80px #0007;transition:transform .35s,border-color .35s}
.sp-reel:nth-child(2){margin-top:75px}.sp-reel:nth-child(3){margin-top:25px}
.sp-reel:hover{transform:translateY(-10px) rotate(-.6deg);border-color:var(--sp-lilac)}
.sp-reel-top{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;color:var(--sp-lilac);font-size:10px;letter-spacing:.2em;font-weight:800}
.sp-reel-top span:last-child{font-size:22px;line-height:1}
.sp-reel-frame{position:relative;background:#0a0710;min-height:560px}
.sp-reel-frame iframe{display:block;width:100%;height:680px;border:0;background:#0a0710}
.sp-reel-caption{display:flex;justify-content:space-between;gap:15px;padding:20px 18px 24px}
.sp-reel-caption h3{font-size:22px;letter-spacing:-.045em;margin:0 0 8px}.sp-reel-caption p{font-size:12px;line-height:1.6;color:#b6a4c4;margin:0}
.sp-reel-caption>a{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #9b6bc0;border-radius:50%;font-size:20px;color:#e9c6ff}
.sp-reel-caption>a:hover{background:var(--sp-lilac);color:#160b1f}
.sp-motion-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #704a8b;margin-top:45px;padding-top:22px;font-size:11px;letter-spacing:.12em;color:#9a82aa}
.sp-motion-bottom a{color:#d3aaf0;letter-spacing:0;font-size:13px}
@media(max-width:900px){.sp-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-reel:nth-child(3){margin-top:0}}
@media(max-width:650px){.sp-motion{padding-bottom:115px}.sp-reel-grid{grid-template-columns:1fr;gap:29px}.sp-reel:nth-child(2),.sp-reel:nth-child(3){margin-top:0}.sp-reel-frame iframe{height:730px}.sp-motion-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.sp-reel{transition:none}}

.sp-reel-frame{min-height:0;aspect-ratio:4/5;overflow:hidden}
.sp-reel-frame iframe{position:absolute;left:0;top:-54px;width:100%;height:1050px;overflow:hidden}
@media(max-width:650px){.sp-reel-frame iframe{height:1050px}}