.experience-page{background:var(--paper);color:var(--ink)}
.experience-page .nav-shell{background:rgba(17,7,15,.88)}.experience-page .nav-shell.scrolled{background:rgba(17,7,15,.92)}
.experience-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding:9rem clamp(1.2rem,6vw,7rem) 5rem;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.xp-grid{position:absolute;inset:0;z-index:-2;opacity:.14;background:linear-gradient(var(--pink) 1px,transparent 1px),linear-gradient(90deg,var(--pink) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.experience-hero:after{content:"";position:absolute;z-index:-1;width:58vw;aspect-ratio:1;right:-23vw;top:-20vw;border-radius:50%;border:2px solid var(--pink);box-shadow:0 0 0 8vw rgba(255,113,232,.07),0 0 0 16vw rgba(200,255,53,.04)}
.xp-hero-copy{position:relative;z-index:2}.back-link{display:inline-block;margin-bottom:2.2rem;color:rgba(255,255,255,.65);font:700 .76rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.1em}.back-link:hover{color:var(--acid)}.xp-hero-copy .kicker{margin-bottom:1.2rem}.xp-hero-copy h1{color:#fff;font-size:clamp(4rem,7.6vw,8.2rem)}.xp-hero-copy h1 em{color:var(--pink);text-shadow:5px 5px 0 rgba(200,255,53,.9)}.xp-hero-copy>p:not(.kicker){max-width:36rem;margin:2rem 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6;color:rgba(255,255,255,.72)}.xp-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.xp-hero-art{position:relative;z-index:2;width:min(100%,620px);justify-self:end}.xp-hero-art>img:first-child{display:block;width:100%;aspect-ratio:.84;object-fit:cover;border:3px solid #fff;border-radius:48% 48% 1.5rem 1.5rem;box-shadow:14px 16px 0 var(--acid);transform:rotate(2deg)}.xp-alien{position:absolute;left:-4rem;bottom:-2rem;width:clamp(135px,18vw,225px);filter:drop-shadow(8px 10px 0 rgba(0,0,0,.75));animation:bob 5s ease-in-out infinite}.xp-hero-art span{position:absolute;right:-1rem;top:8%;display:grid;place-items:center;width:105px;aspect-ratio:1;border-radius:50%;background:var(--pink);color:var(--ink);border:2px solid #fff;box-shadow:5px 5px 0 var(--acid);font:800 .68rem/1 "Space Grotesk",sans-serif;text-align:center;transform:rotate(9deg)}
.format-picker,.xp-gallery,.xp-faq{padding:clamp(6rem,10vw,10rem) clamp(1.2rem,6vw,7rem)}.format-picker{background:var(--paper)}.xp-heading{max-width:1280px;margin:0 auto clamp(3rem,5vw,5rem);display:grid;grid-template-columns:.8fr 1.3fr;gap:1rem 4rem;align-items:end}.xp-heading .kicker{grid-column:1/-1}.xp-heading h2{margin:0;font:700 clamp(3rem,6vw,6.2rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.07em;text-transform:uppercase}.xp-heading>p:last-child{margin:0;max-width:34rem;color:rgba(17,7,15,.67);font-size:1.05rem;line-height:1.6}.format-jumps{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.format-jumps a{padding:1.3rem;border-right:1px solid var(--ink);background:#fff;font:700 .85rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.format-jumps a:last-child{border:0}.format-jumps a:hover,.format-jumps a:focus-visible{background:var(--pink)}
.xp-detail{min-height:800px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.xp-detail.reverse .xp-detail-copy{order:2}.xp-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,8rem)}.xp-number{margin:0 0 1.2rem;font:700 .74rem/1 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}.xp-detail h2{margin:0;font:700 clamp(3.4rem,6.5vw,7rem)/.83 "Space Grotesk",sans-serif;letter-spacing:-.075em;text-transform:uppercase}.xp-lead{max-width:38rem;margin:1.8rem 0;font-size:1.13rem;font-weight:600;line-height:1.6}.xp-detail ul{max-width:40rem;margin:0 0 1.8rem;padding:0;list-style:none;border-top:1px solid currentColor}.xp-detail li{padding:.8rem 0;border-bottom:1px solid currentColor;line-height:1.5}.xp-detail li:before{content:"✦";display:inline-block;margin-right:.7rem}.xp-text-link{align-self:flex-start;padding:.9rem 0;border-bottom:2px solid currentColor;font:700 .82rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.09em}.xp-text-link:hover{transform:translateX(6px)}.xp-detail-image{position:relative;min-height:580px;margin:0;overflow:hidden}.xp-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.xp-detail-image figcaption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:.8rem 1rem;background:rgba(17,7,15,.76);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:99px;color:#fff;font-size:.86rem}.xp-pink{background:var(--pink)}.xp-cyan{background:var(--cyan)}.xp-acid{background:var(--acid)}.xp-dark{background:var(--ink);color:#fff}.ideal-note{max-width:38rem;margin:0 0 1.8rem;padding:1rem;border:2px solid currentColor;background:rgba(255,255,255,.24);line-height:1.5}.split-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.split-options>div{padding:1rem;border:2px solid var(--ink);background:rgba(255,255,255,.28)}.split-options h3{margin:0 0 .6rem;font:700 1rem/1 "Space Grotesk",sans-serif;text-transform:uppercase}.split-options p,.fine-print{margin:0;line-height:1.5}.fine-print{max-width:40rem;margin-bottom:1.5rem;font-size:.88rem}
.kit-slider{background:#efd4b4}.kit-slides,.kit-slide{position:absolute;inset:0}.kit-slide{margin:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.kit-slide.is-active{opacity:1;visibility:visible}.kit-slider .kit-product img{object-fit:contain}.kit-slider .kit-slide figcaption{bottom:4.8rem}.kit-slider-controls{position:absolute;z-index:4;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;justify-content:space-between}.kit-slider-controls button{width:48px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font:700 1.1rem/1 "Space Grotesk",sans-serif;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .2s ease,background .2s ease}.kit-slider-controls button:hover,.kit-slider-controls button:focus-visible{transform:translateY(-2px);background:var(--pink)}.kit-slider-controls span{display:flex;gap:.45rem;padding:.55rem .7rem;border:2px solid var(--ink);border-radius:99px;background:var(--paper)}.kit-slider-controls i{width:9px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:transparent}.kit-slider-controls i.is-active{background:var(--pink)}
.xp-gallery{background:var(--paper)}.xp-gallery .xp-heading{display:block}.xp-gallery .xp-heading .kicker{margin-bottom:1.2rem}.xp-gallery .xp-heading h2{max-width:12ch}.gallery-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr .75fr 1fr;grid-template-rows:330px 300px;gap:1rem}.gallery-grid figure{position:relative;margin:0;overflow:hidden;border:2px solid var(--ink);border-radius:1rem}.gallery-grid figure:first-child{grid-row:1/3}.gallery-grid figure:last-child{grid-column:3;grid-row:1/3}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;left:.7rem;bottom:.7rem;padding:.55rem .75rem;border-radius:99px;background:var(--acid);border:1px solid var(--ink);font:700 .68rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.xp-faq{background:var(--cyan)}.xp-faq .xp-heading{display:block}.xp-faq .xp-heading .kicker{margin-bottom:1.2rem}.faq-list{max-width:900px;margin:0 auto;border-top:2px solid var(--ink)}.faq-list details{border-bottom:2px solid var(--ink)}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;padding:1.5rem 0;font:700 clamp(1.15rem,2vw,1.65rem)/1.15 "Space Grotesk",sans-serif;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.5rem;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:720px;margin:0;padding:0 0 1.5rem;font-size:1rem;line-height:1.65;color:rgba(17,7,15,.7)}
.xp-final{min-height:680px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:end;gap:4rem;padding:6rem clamp(1.2rem,8vw,9rem) 0;background:var(--acid);color:var(--ink);overflow:hidden}.xp-final-alien{width:min(100%,430px);justify-self:center;filter:drop-shadow(13px 15px 0 var(--ink))}.xp-final>div{align-self:center;padding-bottom:4rem}.xp-final .kicker{margin-bottom:1.3rem}.xp-final h2{margin:0;font:700 clamp(4rem,7vw,7.5rem)/.82 "Space Grotesk",sans-serif;letter-spacing:-.08em;text-transform:uppercase}.xp-final p:not(.kicker){max-width:38rem;margin:1.5rem 0 2rem;font-size:1.1rem;font-weight:600;line-height:1.6}
@media(max-width:900px){.experience-hero{grid-template-columns:1fr;padding-top:8rem}.xp-hero-art{width:min(88%,590px);margin-top:1rem}.xp-heading{grid-template-columns:1fr}.format-jumps{grid-template-columns:1fr 1fr}.format-jumps a:nth-child(2){border-right:0}.format-jumps a:nth-child(-n+2){border-bottom:1px solid var(--ink)}.xp-detail{grid-template-columns:1fr}.xp-detail.reverse .xp-detail-copy{order:0}.xp-detail-image{min-height:600px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 270px 340px}.gallery-grid figure:first-child{grid-row:1/3}.gallery-grid figure:last-child{grid-column:1/3;grid-row:3}.xp-final{grid-template-columns:.7fr 1.3fr}}
@media(max-width:600px){.experience-hero{padding:7rem 1rem 4rem}.xp-hero-copy h1{font-size:clamp(3.7rem,18vw,5.7rem)}.xp-hero-art{width:100%;padding:0 1rem 1rem 2.2rem}.xp-hero-art>img:first-child{box-shadow:8px 9px 0 var(--acid)}.xp-alien{left:0;width:125px}.xp-hero-art span{right:0;width:78px;font-size:.55rem}.format-picker,.xp-gallery,.xp-faq{padding:5.5rem 1rem}.xp-heading h2{font-size:clamp(3rem,13vw,5rem)}.format-jumps{grid-template-columns:1fr}.format-jumps a{border-right:0;border-bottom:1px solid var(--ink)}.format-jumps a:nth-child(2){border-bottom:1px solid var(--ink)}.xp-detail-copy{padding:5rem 1rem}.xp-detail h2{font-size:clamp(3.4rem,15vw,5.5rem)}.xp-detail-image{min-height:450px}.split-options{grid-template-columns:1fr}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:310px 220px 220px}.gallery-grid figure:first-child{grid-column:1/3;grid-row:1}.gallery-grid figure:last-child{grid-column:2;grid-row:3}.gallery-grid figure:nth-child(4){grid-column:1;grid-row:3}.xp-final{min-height:860px;grid-template-columns:1fr;padding:5rem 1rem 0}.xp-final>div{grid-row:1;padding:0}.xp-final-alien{grid-row:2;width:250px}.xp-final h2{font-size:clamp(3.7rem,17vw,5.5rem)}.experience-page footer>div{align-items:center}}
@media(prefers-reduced-motion:reduce){.xp-alien{animation:none}.gallery-grid img,.kit-slide{transition:none}}