:root{--ink:#0b0910;--paper:#f4f0e8;--purple:#8d32ff;--gold:#ffb800;--cyan:#29e6e0;--line:rgba(11,9,16,.16);--pad:clamp(1.25rem,4vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(141,50,255,.13),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.site-header{height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:15;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:.75rem;font-family:"Syne";font-weight:800;line-height:1}.brand-mark{height:38px;width:38px;border:2px solid var(--gold);display:grid;place-items:center;transform:rotate(-4deg);color:var(--gold)}.brand small{display:block;font:500 .59rem "DM Sans";letter-spacing:.13em;text-transform:uppercase;margin-top:.3rem;color:#bcb8c3}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.85rem}.site-header nav>a:not(.nav-cta){position:relative}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--gold);transition:.3s}.site-header nav>a:hover:after{right:0}.nav-cta{border:1px solid #6b6572;padding:.75rem 1rem;border-radius:99px;transition:.25s}.nav-cta:hover{background:#fff;color:var(--ink)}.menu-toggle{display:none}
.hero{min-height:100svh;background:var(--ink);color:#fff;position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;padding:8rem var(--pad) 5rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(141,50,255,.26),transparent 30%),linear-gradient(120deg,transparent 62%,rgba(255,184,0,.05))}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 1.4rem}.hero h1{font-family:"Syne";font-size:clamp(4.5rem,10vw,10rem);line-height:.72;letter-spacing:-.08em;margin:0 0 2.5rem}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:2px #fff;margin-left:8vw}.hero-intro{max-width:31rem;color:#bdb9c2;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.hero-intro strong{color:#fff}.hero-actions{display:flex;gap:1rem;margin-top:2.2rem}.button{border:0;border-radius:99px;padding:1rem 1.35rem;display:inline-flex;gap:1.5rem;align-items:center;cursor:pointer;font-weight:700;font-size:.83rem;transition:transform .2s,background .2s}.button.primary{background:var(--gold);color:var(--ink)}.button.ghost{background:transparent;color:#fff;border:1px solid #4d4852}.button:hover{transform:translateY(-3px)}.scroll-note{position:absolute;bottom:-12vh;font-size:.64rem;text-transform:uppercase;letter-spacing:.16em;color:#77717e;display:flex;align-items:center;gap:.7rem}.scroll-note span{display:block;width:2rem;height:1px;background:#77717e}
.hero-stage{height:min(72vh,780px);position:relative;z-index:2;display:grid;place-items:center}.hero-card{width:min(76%,440px);height:90%;background:#16121d;border-radius:42% 42% 10px 10px;transform:rotate(3deg);overflow:hidden;box-shadow:0 0 0 1px #3c3545,30px 40px 80px #000}.hero-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 25px #000)}.hero-stamp{position:absolute;z-index:2;right:3%;top:5%;width:94px;height:94px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:var(--gold);animation:spin 18s linear infinite}.scribble{position:absolute;color:var(--gold);font:bold 2rem "Syne";z-index:3}.s-one{left:6%;top:20%;font-size:4rem}.s-two{right:2%;bottom:14%;transform:rotate(-8deg)}.s-three{left:8%;bottom:5%;font-size:4rem;color:var(--purple)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;z-index:1}.orbit-one{width:33rem;height:33rem;right:-4rem;top:12%;animation:float 7s ease-in-out infinite}.orbit-two{width:16rem;height:16rem;right:31%;top:5%;border-color:rgba(255,184,0,.18);animation:float 5s ease-in-out infinite reverse}.marquee{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #37323c;border-bottom:1px solid #37323c;padding:.72rem 0;overflow:hidden;color:#c6c1ca;font:600 .69rem "Syne";letter-spacing:.13em}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-track span{padding-right:1rem}
.section-pad{padding:clamp(5rem,10vw,10rem) var(--pad)}.section-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:2.5rem;display:flex;align-items:center;gap:.8rem}.section-label span{color:var(--purple)}.manifesto{border-bottom:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}.manifesto h2,.section-heading h2,.wear h2,.closing h2{font:700 clamp(3rem,7vw,7.6rem)/.92 "Syne";letter-spacing:-.065em;margin:0}.manifesto h2 em,.wear h2 em{font-style:normal;color:var(--purple)}.manifesto-copy{font-size:1.08rem;line-height:1.7;color:#514b57}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem;gap:1rem}.mini-stats strong{font:700 2.1rem "Syne";display:block;color:var(--ink)}.mini-stats span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem}.section-heading .section-label{margin-bottom:1rem}.section-heading p{color:#6d6670;max-width:13rem}.filters{display:flex;gap:.6rem;margin-bottom:2rem}.filters button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:.7rem 1rem;cursor:pointer;font-size:.75rem}.filters button.active{background:var(--ink);color:#fff}.art-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:23vw;gap:1rem}.art-card{position:relative;border:0;padding:0;background:#ddd;overflow:hidden;cursor:zoom-in;text-align:left;transition:opacity .3s,transform .3s}.art-card.wide{grid-column:span 2}.art-card.tall{grid-row:span 2}.art-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.art-card:hover img{transform:scale(1.045)}.art-card span{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;background:rgba(11,9,16,.84);backdrop-filter:blur(10px);color:#fff;padding:.9rem;display:flex;justify-content:space-between;align-items:center;transform:translateY(calc(100% + 1rem));transition:.35s}.art-card:hover span{transform:none}.art-card small{font-size:.57rem;color:#aaa5ad;text-transform:uppercase;letter-spacing:.08em}.art-card.hidden{display:none}
.wear{min-height:90vh;background:#17131c;color:#fff;display:grid;grid-template-columns:1.22fr .78fr}.wear-image{min-height:700px;position:relative;overflow:hidden}.wear-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#17131c)}.wear-image img{width:100%;height:100%;object-fit:cover}.edition{position:absolute;bottom:2rem;left:2rem;z-index:2;background:var(--gold);color:var(--ink);padding:1rem;transform:rotate(-3deg);font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}.edition b{font-size:1.1rem}.wear-copy{padding:8vw 6vw 6vw 4vw;align-self:center}.section-label.light{color:#c4bec8}.wear h2{font-size:clamp(3.5rem,6vw,6.5rem)}.wear-copy>p{color:#b4aeb8;line-height:1.8;max-width:30rem}.swatches{display:flex;gap:.7rem;margin:2rem 0}.swatches button{width:2rem;height:2rem;border-radius:50%;border:3px solid #17131c;box-shadow:0 0 0 1px #59525f;cursor:pointer}.swatches button.active{box-shadow:0 0 0 2px #fff}.swatches button:nth-child(1){background:var(--purple)}.swatches button:nth-child(2){background:var(--gold)}.swatches button:nth-child(3){background:var(--cyan)}.wear-copy .micro{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:#6e6871}
.play{background:#d8ff51}.play .section-heading{border-bottom:1px solid rgba(11,9,16,.2);padding-bottom:2rem}.play-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem}.play article{background:var(--paper);min-height:580px;padding:clamp(1.2rem,3vw,2.5rem);border:1px solid rgba(11,9,16,.18)}.game-head{display:flex;justify-content:space-between;align-items:start}.game-head small{font-size:.58rem;letter-spacing:.15em;color:#6e6771}.game-head h3{font:700 clamp(1.7rem,3vw,2.8rem) "Syne";margin:.3rem 0}.game-head button,.reset-game{border:1px solid var(--line);background:transparent;border-radius:99px;padding:.65rem .9rem;cursor:pointer;font-size:.68rem}.remix-canvas{height:330px;background:#100d14;position:relative;overflow:hidden;display:grid;place-items:center;margin:1.4rem 0}.remix-canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%)}.remix-canvas img{height:92%;max-width:85%;object-fit:contain;position:relative;z-index:2;filter:hue-rotate(0deg) saturate(1);transition:filter .25s}.remix-ring{position:absolute;width:17rem;height:17rem;border:30px solid var(--purple);border-radius:50%;filter:blur(1px);transition:background .2s}.controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.controls label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.controls output{float:right}.controls input{display:block;width:100%;margin-top:.7rem;accent-color:var(--purple)}.memory-game>p{color:#6a646e;font-size:.8rem}.moves{font-size:.7rem;text-transform:uppercase}.moves b{font:700 2rem "Syne";display:block}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:2rem 0 1rem;perspective:800px}.memory-card{aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .45s}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg)}.memory-card .face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border:1px solid var(--line);font:700 2rem "Syne"}.memory-card .front{background:var(--ink);color:var(--gold)}.memory-card .back{background:#fff;transform:rotateY(180deg);color:var(--purple)}.memory-card.matched .back{background:var(--gold);color:var(--ink)}.game-message{height:1.5rem;color:var(--purple);font-weight:700}.reset-game{margin-top:1rem}
.closing{background:var(--ink);color:#fff;min-height:75vh;position:relative;overflow:hidden}.closing h2{font-size:clamp(4rem,9vw,10rem);position:relative;z-index:2}.closing h2 span{color:var(--gold)}.closing .button{margin-top:3rem;position:relative;z-index:3}.closing-art{position:absolute;right:2%;bottom:-30%;height:110%;opacity:.45}.closing-art img{height:100%;filter:grayscale(1) contrast(1.25)}
footer{background:var(--ink);border-top:1px solid #38323e;color:#77717c;padding:2rem var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:.68rem}footer a:hover{color:#fff}.footer-brand{font:700 1.2rem "Syne";color:#fff}.footer-brand i{color:var(--gold)}
.back-to-top{position:fixed;right:1.3rem;bottom:1.3rem;width:3rem;height:3rem;border-radius:50%;border:0;background:var(--gold);color:var(--ink);z-index:16;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(1rem);pointer-events:none;transition:.3s}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.lightbox{width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(8,6,10,.93);padding:3rem;color:#fff}.lightbox::backdrop{background:transparent}.lightbox>div{height:100%;display:grid;place-items:center}.lightbox img{max-width:88vw;max-height:82vh;object-fit:contain}.lightbox p{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font:700 1rem "Syne"}.lightbox-close{position:absolute;right:1.5rem;top:1.2rem;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.in-view{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(18px) rotate(4deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:grid;gap:5px;background:none;border:0;padding:.7rem;z-index:2}.menu-toggle span{display:block;width:23px;height:2px;background:#fff}.site-header nav{display:none;position:absolute;inset:0 0 auto;background:#17131c;padding:6rem var(--pad) 2rem;flex-direction:column;align-items:flex-start;font:700 1.6rem "Syne"}.site-header nav.open{display:flex}.nav-cta{font:500 .8rem "DM Sans"}.hero{grid-template-columns:1fr;padding-top:8rem}.hero h1{font-size:clamp(4.2rem,19vw,8rem)}.hero-stage{height:58vh}.scroll-note{display:none}.manifesto-grid,.wear,.play-grid{grid-template-columns:1fr}.manifesto-copy{max-width:35rem}.art-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:48vw}.wear-image{min-height:60vh}.wear-image:after{background:linear-gradient(0deg,#17131c,transparent 35%)}.wear-copy{padding:5rem var(--pad)}.cursor-glow{display:none}}
@media(max-width:560px){.brand small{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stage{height:52vh}.s-one{left:0}.section-heading{align-items:start;flex-direction:column;gap:1rem}.manifesto h2{font-size:2.25rem}.art-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:58vw}.art-card,.art-card.wide,.art-card.tall{grid-column:span 1;grid-row:span 1}.art-card span{transform:none;display:block}.art-card small{display:block;margin-top:.25rem}.filters{overflow-x:auto}.filters button{white-space:nowrap}.play article{min-height:auto}.memory-grid{gap:.4rem}.memory-card .face{font-size:1.5rem}.closing-art{opacity:.25;right:-30%}footer{flex-direction:column;align-items:flex-start;gap:1rem}.lightbox{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Refined scale, sticky navigation, three-art hero and compact gallery */
.site-header{position:fixed;background:rgba(11,9,16,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:height .25s,background .25s}
.site-header.scrolled{height:68px;background:rgba(11,9,16,.94)}
.hero h1{font-size:clamp(3.6rem,8vw,8rem)}
.manifesto h2,.section-heading h2,.wear h2,.closing h2{font-size:clamp(2.4rem,5.6vw,6.08rem)}
.wear h2{font-size:clamp(2.8rem,4.8vw,5.2rem)}
.closing h2{font-size:clamp(3.2rem,7.2vw,8rem)}
.game-head h3{font-size:clamp(1.4rem,2.4vw,2.25rem)}
.hero-trio{isolation:isolate}
.hero-trio .hero-card{position:absolute;width:48%;height:78%;background:transparent;border-radius:0;overflow:visible;box-shadow:none}
.hero-trio .hero-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.78))}
.hero-trio .hero-card img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 82%,transparent 100%)}
.hero-card-left{left:0;bottom:4%;transform:translateX(-5%) rotate(-7deg);z-index:1}
.hero-card-center{left:27%;bottom:2%;transform:rotate(2deg);z-index:3}
.hero-card-right{right:-4%;bottom:3%;transform:rotate(8deg);z-index:2}
.gallery.section-pad{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}
.art-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:none;grid-auto-rows:clamp(190px,21vw,320px)}
.art-card,.art-card.wide,.art-card.tall{grid-column:span 1;grid-row:span 1}
.art-card img{object-position:top center}
.gallery-pagination{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:2rem;font-size:.75rem;letter-spacing:.1em}
.gallery-pagination button{width:2.7rem;height:2.7rem;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;transition:.2s}
.gallery-pagination button:hover:not(:disabled){background:var(--ink);color:#fff}
.gallery-pagination button:disabled{opacity:.28;cursor:not-allowed}
.play-grid.single-game{display:block;max-width:920px;margin:auto}
.single-game .memory-game{min-height:0}
.single-game .memory-grid{max-width:760px;margin:2rem auto 1rem;gap:1rem}
.memory-card{aspect-ratio:4/5}
.memory-card .front{background:linear-gradient(145deg,#17131c,#0b0910);border:1px solid #383141}
.memory-card .front:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,184,0,.25)}
.memory-card .front i{font:800 clamp(1rem,2vw,1.8rem) "Syne";color:var(--gold);transform:rotate(-7deg)}
.memory-card .front b{position:absolute;bottom:.65rem;right:.8rem;font-size:.8rem;color:#746d78}
.memory-card .back{overflow:hidden;background:#111}
.memory-card .back img{width:100%;height:100%;object-fit:cover;object-position:top}
.memory-card.matched .back{box-shadow:inset 0 0 0 5px var(--gold)}
.wear-image img{transition:opacity .36s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.wear-image img.changing{opacity:.15;transform:scale(1.015)}
.swatches{gap:1.2rem}
.swatches button{width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:none!important;color:#aaa3ae;padding:0;display:grid;justify-items:center;gap:.55rem;font-size:.64rem;cursor:pointer}
.swatches button i{display:block;width:2.15rem;height:2.15rem;border-radius:50%;border:3px solid #17131c;box-shadow:0 0 0 1px #59525f}
.swatches button:nth-child(1) i{background:#0b0910}.swatches button:nth-child(2) i{background:#f5f3ee}.swatches button:nth-child(3) i{background:#909095}
.swatches button.active{box-shadow:none;color:#fff}.swatches button.active i{box-shadow:0 0 0 2px #fff}
@media(max-width:900px){.hero-trio .hero-card{width:46%;height:80%}.hero-card-left{left:4%}.hero-card-center{left:28%}.hero-card-right{right:2%}.art-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:48vw}.site-header nav{position:fixed;top:0}.manifesto h2,.section-heading h2,.wear h2,.closing h2{font-size:clamp(2.4rem,9vw,4.9rem)}}
@media(max-width:560px){.hero h1{font-size:clamp(3.3rem,15vw,6.4rem)}.hero-trio .hero-card{width:58%;height:80%}.hero-card-left{left:-9%}.hero-card-center{left:21%}.hero-card-right{right:-10%}.single-game .memory-grid{gap:.45rem}}