@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
/* Motion is decorative, pausable and never required to access content. */
html:not([data-effects="on"]) *,html:not([data-effects="on"]) *:before,html:not([data-effects="on"]) *:after{animation:none!important}
@media(max-width:650px){section.hero h1{font-size:clamp(78px,25vw,100px)}main .section h2{font-size:clamp(44px,14.5vw,57px)}main .contact h2{font-size:clamp(50px,16vw,64px)}}
.poster.tilt{transform:perspective(1000px) rotate(5deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.next-panel.sweep{background:radial-gradient(ellipse at 85% 15%,#e0ff7530,transparent 50%),linear-gradient(125deg,#492388,#251238)}.contact.section{background:radial-gradient(ellipse at 0% 0%,#ff75cb22,transparent 50%),radial-gradient(ellipse at 100% 100%,#7548ef88,transparent 60%),#21132f}
.hero:before{content:'';position:absolute;width:48%;height:60%;right:-10%;top:5%;background:radial-gradient(ellipse,#ff75cb40,transparent 65%);pointer-events:none;animation:ambient 14s ease-in-out infinite alternate}.hero .outlined{-webkit-text-stroke:1px var(--pink);color:transparent;text-shadow:6px 6px 0 #7548ef}.poster{--base-rotate:5deg}.tilt{transform:perspective(1000px) rotate(var(--base-rotate,0deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease,box-shadow .4s ease}.sweep{position:relative;overflow:hidden;isolation:isolate}.sweep:before{content:'';position:absolute;inset:-70% -90%;background:linear-gradient(110deg,transparent 40%,#ffffff35 48%,#ffffff70 50%,transparent 58%);transform:translateX(-65%) rotate(-8deg);pointer-events:none;z-index:4;opacity:0}.sweep:hover:before,.sweep:focus-visible:before{animation:light-sweep 1.1s ease both}.poster.sweep:before{animation:poster-sweep 9s ease-in-out infinite}.sticker-top{animation:float-top 7s ease-in-out infinite}.sticker-bottom{animation:float-bottom 8s ease-in-out infinite}.orbit{animation:spin 30s linear infinite}.marquee-track{animation:marquee 27s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.next-panel{background:radial-gradient(ellipse at 85% 15%,#e0ff7530,transparent 50%),linear-gradient(125deg,#492388,#251238);box-shadow:0 18px 70px #7548ef15}.city-stack span:nth-child(1){transform:rotate(-5deg);background:var(--lime);box-shadow:8px 8px 0 #11091d}.city-stack span:nth-child(2){transform:rotate(3deg);box-shadow:8px 8px 0 #11091d}.city-stack span:nth-child(3){transform:rotate(-2deg);background:#c5b5ff;box-shadow:8px 8px 0 #11091d}.city-stack span:nth-child(4){transform:rotate(4deg);background:#faf7ff;box-shadow:8px 8px 0 #11091d}.city-stack{padding:20px 12px;gap:22px}.archive{background:linear-gradient(120deg,#1e172b,#100d19);transition:border-color .3s}.archive:hover{border-color:var(--pink)}.about-heading{position:relative}.about-heading:after{content:'';display:block;margin-top:30px;width:90%;height:6px;background:linear-gradient(90deg,var(--pink),var(--violet),transparent);box-shadow:0 8px 30px #ff75cb66;transform:rotate(-3deg)}.platform-card:hover{box-shadow:10px 14px 0 #7548ef66,0 0 60px #7548ef35}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,#ff75cb22,transparent 50%),radial-gradient(ellipse at 100% 100%,#7548ef88,transparent 60%),#21132f}.contact h2{font-size:clamp(65px,8vw,120px)}.contact em{display:inline-block;text-shadow:5px 5px 0 #7548ef55}.footer-word{transition:text-shadow .6s}.footer-word:hover{text-shadow:8px 8px 0 var(--violet),16px 16px 0 #7548ef55}.has-reveals .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.has-reveals .reveal.in-view{opacity:1;transform:none}.has-reveals .platform-card.in-view{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.hero-copy h1{animation:entrance .8s ease both}.hero-intro,.actions{animation:entrance .8s .15s ease both}#motion-toggle:disabled{cursor:default;opacity:.75}
@keyframes entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient{from{transform:translate(-5%,5%) scale(.85)}to{transform:translate(-35%,35%) scale(1.25)}}@keyframes light-sweep{0%{opacity:0;transform:translateX(-65%) rotate(-8deg)}20%{opacity:1}100%{opacity:0;transform:translateX(65%) rotate(-8deg)}}@keyframes poster-sweep{0%,55%{opacity:0;transform:translateX(-65%) rotate(-8deg)}60%{opacity:.6}78%,100%{opacity:0;transform:translateX(65%) rotate(-8deg)}}@keyframes float-top{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-10px) rotate(7deg)}}@keyframes float-bottom{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(8px) rotate(-5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
[data-effects="paused"] *,[data-effects="paused"] *:before,[data-effects="paused"] *:after{animation-play-state:paused!important;transition:none!important}[data-effects="paused"] .hero-copy h1,[data-effects="paused"] .hero-intro,[data-effects="paused"] .actions{animation:none!important;opacity:1;transform:none}[data-effects="paused"] .reveal{opacity:1!important;transform:none!important}[data-effects="paused"] .sweep:before{opacity:0!important}[data-effects="paused"]{scroll-behavior:auto}
@media(max-width:650px){.city-stack span{box-shadow:5px 5px 0 #11091d!important}.contact h2{font-size:64px}.outlined{text-shadow:4px 4px 0 #7548ef!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.has-reveals .reveal{opacity:1;transform:none}.sweep:before{display:none}.tilt{transform:rotate(var(--base-rotate,0deg))}}
:root{color-scheme:dark;--bg:#100d19;--text:#faf7ff;--muted:#c1b7d2;--pink:#ff75cb;--lime:#e0ff75;--violet:#7548ef;--border:#ffffff28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:white;color:#111;padding:12px;z-index:30}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:28px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:50%}.brand>span{font:700 28px/1 'Barlow Condensed',sans-serif;letter-spacing:4px}.brand small{display:block;font:12px/1.4 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:5px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--pink)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:700;line-height:1.4;transition:transform .25s,box-shadow .25s;background:#fff;color:#171121}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff75cb35}.nav-button{background:transparent;color:var(--text);border-color:var(--border)}.pink{background:var(--pink)}.lime{background:var(--lime)}.outline{background:transparent;color:var(--text);border-color:#ffffff70}.text-link{font-size:14px;border-bottom:1px solid #ffffff60;padding:8px 0}.text-link:hover{color:var(--pink)}.hero{position:relative;max-width:1600px;margin:auto;padding:70px 5% 30px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 84% 50%,#7548ef55,transparent 50%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 25px}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:0;text-transform:uppercase}h1{font-size:clamp(90px,9.5vw,145px);line-height:.88;letter-spacing:-1px;font-weight:800}.outlined{color:var(--pink);text-shadow:5px 5px 0 #7548ef}.hero-intro{max-width:560px;font-size:17px;color:var(--muted);margin:28px 0}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-collage{position:relative;padding:45px 14px;min-width:0}.poster{position:relative;height:480px;border:1px solid #ffffff55;border-radius:18px;overflow:hidden;box-shadow:15px 20px 0 #7548ef44,0 20px 100px #7548ef55;transform:rotate(5deg)}.poster img{width:100%;height:100%;object-fit:cover;opacity:.8}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#110b25ed 85%)}.poster-caption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1}.poster-caption span{font-size:12px;letter-spacing:2px;color:var(--pink)}.poster-caption strong{display:block;font:700 40px/1 'Barlow Condensed',sans-serif;margin:15px 0}.poster-caption small{font-size:12px;letter-spacing:1px;color:var(--muted)}.sticker{position:absolute;z-index:3;color:#201426;background:var(--lime);font-size:14px;font-weight:700;line-height:1.2;padding:18px 24px;box-shadow:6px 6px 0 #090610;border:1px solid #201426}.sticker-top{top:20px;right:-4px;transform:rotate(10deg)}.sticker-bottom{left:-25px;bottom:14px;background:var(--pink);transform:rotate(-8deg)}.orbit{position:absolute;right:-10px;bottom:10px;color:var(--lime);font-size:90px;line-height:1;z-index:3}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border);padding-top:22px;margin-top:10px;font-size:12px;letter-spacing:1.3px;color:var(--muted)}#motion-toggle{background:transparent;color:var(--text);border:1px solid var(--border);padding:9px 14px;border-radius:30px;font-size:14px;cursor:pointer}.marquee{overflow:hidden;background:var(--pink);color:#25152a;transform:rotate(-1.4deg);margin:24px 0 0;padding:16px 0}.marquee-track{display:flex;width:max-content}.marquee-track span{font:700 30px/1.3 'Barlow Condensed',sans-serif;white-space:nowrap;padding-right:20px}.section{max-width:1500px;margin:auto;padding:100px 5%}h2{font-size:clamp(54px,6.2vw,90px);font-weight:700;line-height:.98;letter-spacing:-1px}em{font-style:normal;color:var(--pink)}h3{font-size:48px;line-height:1}.section-title>p:last-child{color:var(--muted);max-width:560px}.next-panel,.archive,.platform-card{padding:35px;border:1px solid var(--border);border-radius:24px}.next-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#2a1c42}.next-panel h3{margin:20px 0;font-size:60px}.next-copy>p:not(.status){max-width:510px;color:var(--muted)}.status{font-size:14px;color:var(--lime);font-weight:700}.city-stack{display:flex;flex-direction:column;justify-content:center;gap:16px}.city-stack span{display:block;font:600 34px/1 'Barlow Condensed',sans-serif;padding:20px;color:#21152c;background:var(--pink);border-radius:8px}.archive{display:flex;gap:30px;align-items:center;margin-top:28px}.archive-date{min-width:110px;border-right:1px solid var(--border);padding-right:28px}.archive-date span{font-size:14px}.archive-date strong{display:block;font:700 42px/1 'Barlow Condensed',sans-serif}.archive>div:nth-child(2){flex:1}.archive .eyebrow{margin-bottom:12px;color:var(--muted)}.archive h3{font-size:32px}.archive p:last-child{margin-bottom:0}.muted{color:var(--muted)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;border-top:1px solid var(--border)}.about-copy{color:var(--muted)}.lead{font-size:26px;line-height:1.4;color:var(--text)}.vibe-lines>div{display:flex;gap:20px;border-top:1px solid var(--border);padding:16px 0;align-items:center}.vibe-lines span{font-size:14px;color:var(--pink)}.vibe-lines strong{font:600 30px/1.2 'Barlow Condensed',sans-serif;color:var(--text)}.connect{border-top:1px solid var(--border)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.platform-card{min-height:340px;display:block}.platform-card h3{font-size:58px;margin:30px 0 20px}.platform-card p{max-width:360px}.instagram{background:var(--pink);color:#21152c}.fatsoma{background:#c5b5ff;color:#21152c}.platform-card strong{display:block;border-top:1px solid #21152c55;padding-top:18px;font-size:14px}.contact{max-width:none;text-align:center;background:#281943}.contact .eyebrow{color:var(--muted)}.contact p:not(.eyebrow){color:var(--muted)}.contact .button{margin-top:16px}footer{padding:50px 5% 25px;overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted)}.footer-top>div{display:flex;gap:24px;font-size:14px}.footer-word{font:800 clamp(100px,27vw,480px)/.9 'Barlow Condensed',sans-serif;color:var(--pink);letter-spacing:-3px;border-bottom:1px solid var(--border);padding:20px 0}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted);padding-top:25px}.footer-bottom details{max-width:580px}summary{cursor:pointer;font-size:14px}details p{max-width:540px}@media(max-width:900px){.hero{gap:28px}h1{font-size:100px}.poster{height:440px}.sticker{padding:16px;font-size:12px}.poster-caption strong{font-size:32px}.section{padding-block:70px}.about{gap:30px}.next-panel{gap:30px}}@media(max-width:650px){.site-header{flex-wrap:wrap;gap:18px;padding-block:18px}.brand>span{font-size:24px}.brand small{font-size:12px}.nav-button{margin-left:auto;min-height:44px;padding:10px 14px}nav{order:3;width:100%;justify-content:center;padding-top:14px;border-top:1px solid var(--border);gap:25px}.hero{grid-template-columns:1fr;padding-top:45px;gap:24px}.hero h1{font-size:100px}.hero .eyebrow{max-width:290px;line-height:1.5}.hero-intro{font-size:16px}.hero-intro br{display:none}.actions{gap:20px}.hero-collage{padding:40px 20px 35px}.poster{height:360px}.sticker-top{right:8px;top:16px}.sticker-bottom{left:0;bottom:10px}.orbit{right:8px;font-size:65px}.poster-caption strong{font-size:32px}.hero-bottom{align-items:flex-start;letter-spacing:.7px}.hero-bottom>span{max-width:190px}.marquee-track span{font-size:25px}h2{font-size:57px}.next-panel{grid-template-columns:1fr;padding:26px;gap:26px}.next-panel h3{font-size:52px}.city-stack span{font-size:30px;padding:18px}.archive{flex-wrap:wrap;padding:26px;gap:22px}.archive-date{min-width:85px;padding-right:20px}.archive>div:nth-child(2){min-width:180px}.archive .button{width:100%}.about,.platform-grid{grid-template-columns:1fr}.about h2{font-size:54px}.platform-card{min-height:320px;padding:28px}.platform-card h3{font-size:54px}.contact p br{display:none}.footer-top{flex-wrap:wrap}.footer-top>div{width:100%}.footer-bottom{flex-wrap:wrap}.footer-word{font-size:29vw}}