:root{--background: #050505;--foreground: #f1eee9;--ember: #d6651c;--font-body: Arial, Helvetica, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{background:var(--background);min-height:100%;margin:0}body{color:var(--foreground);font-family:var(--font-body)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page{background:#050505;min-height:100svh;position:relative}.site-nav{z-index:30;width:calc(100% - 1.25rem);min-height:3.35rem;margin:max(.65rem,env(safe-area-inset-top)) auto 0;background:#0a0a0a;border:1px solid #ffffff1f;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem .55rem .75rem;display:flex;position:relative;box-shadow:0 12px 42px #00000061}.site-nav--home{top:max(.65rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right));justify-content:flex-end;width:auto;max-width:calc(100% - 1.3rem);margin:0;padding:.5rem .7rem;left:auto;background:#0505056b;border-color:#ffffff14;position:absolute;box-shadow:0 8px 28px #00000047}.site-nav__links{align-items:center;gap:.85rem;display:flex}.site-nav__links--solo{justify-content:flex-end;width:100%}.site-nav__links a{color:#f1eee994;letter-spacing:.06em;white-space:nowrap;padding:.25rem 0;font-size:.68rem;font-weight:800;text-decoration:none;transition:color .18s;position:relative}.site-nav__links a:hover,.site-nav__links a:focus-visible,.site-nav__links a.is-active{color:#fff}.site-nav__links a.is-active:after{background:var(--ember);content:"";height:2px;position:absolute;bottom:-.15rem;left:0;right:0}.site-nav__brand{width:min(9.5rem,46vw);height:2.15rem;color:var(--ember);background:url(/graffitto-logo-nav.png) 0 / contain no-repeat;flex:none;text-decoration:none;display:grid;overflow:hidden}.site-nav__brand img{display:none}.hero{isolation:isolate;background:#07070a;min-height:100svh;height:100dvh;position:relative;overflow:hidden}.hero__backdrop{z-index:0;filter:blur(48px) brightness(.55) saturate(1.05);background-image:url(/graffitto-hero.jpg?v=6);background-position:center;background-size:cover;position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%}.hero__backdrop:after{content:"";background:#00000038;position:absolute;top:0;right:0;bottom:0;left:0}.hero__frame{z-index:1;position:absolute;top:5.25rem;right:0;bottom:2.5rem;left:0}.hero__art{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.grain{z-index:2;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0}.hero__mobile-vignette{display:none}.hero__copyright{right:50%;bottom:max(.85rem,env(safe-area-inset-bottom));z-index:3;color:#f1eee975;letter-spacing:.06em;text-align:center;text-shadow:0 2px 12px #000000f2;text-transform:uppercase;width:max-content;max-width:calc(100% - 1.5rem);font-size:.55rem;font-weight:600;position:absolute;transform:translate(50%)}.archive-page{background:#050505;min-height:100svh}.archive{isolation:isolate;background:radial-gradient(90% 55% at 50% -5%,#d6651c2e,#0000 55%),linear-gradient(#120e0b,#050505 42%,#050505);padding:1.25rem 1.1rem 2.5rem;position:relative;overflow:hidden}.archive-page .archive{padding-top:1.25rem}.archive__header{width:min(100%,72rem);margin:0 auto 2.25rem}.eyebrow{color:var(--ember);letter-spacing:.14em;margin:0 0 .85rem;font-size:.68rem;font-weight:800;line-height:1.45}.archive h1{color:#eeeae4;letter-spacing:-.04em;text-transform:uppercase;max-width:9ch;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.85rem,14vw,4.2rem);font-weight:900;line-height:.88}.archive h1 span,.archive h2 span{color:var(--ember);display:block}.archive__intro{border-left:2px solid var(--ember);color:#f1eee9b8;max-width:none;margin:1.5rem 0 0;padding-left:.9rem;font-size:1rem;line-height:1.55}.lineup{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;max-width:48rem;margin:1.75rem 0 0;padding:1rem 0}.lineup p{color:#f1eee961;letter-spacing:.22em;margin:0 0 .75rem;font-size:.68rem;font-weight:800}.lineup strong{color:#f1eee9;letter-spacing:.015em;font-size:1.05rem;font-weight:800;line-height:1.65;display:block}.lineup strong span{color:var(--ember);margin:0 .2rem}.highlights{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.85rem;width:auto;margin:0 -1.1rem;padding:.25rem 1.1rem 1rem;scroll-padding-inline:1.1rem;display:flex;overflow-x:auto}.highlights::-webkit-scrollbar{display:none}.highlight{scroll-snap-align:start;flex:0 0 min(72vw,16.5rem);margin:0}.highlight video{aspect-ratio:9 / 16;object-fit:cover;background:#000;border:1px solid #ffffff1a;border-radius:.15rem;width:100%;display:block}.highlight figcaption{color:#f1eee98c;letter-spacing:.14em;text-transform:uppercase;margin:.7rem 0 0;font-size:.64rem;font-weight:700}.archive__divider{color:#f1eee961;letter-spacing:.1em;align-items:center;gap:.65rem;width:min(100%,82rem);margin:2.75rem auto 1.75rem;font-size:.6rem;font-weight:700;display:flex}.archive__divider span{text-align:center;max-width:12rem}.archive__divider:before,.archive__divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.moments{grid-template-columns:1fr;gap:.85rem;width:min(100%,82rem);margin:0 auto;display:grid}.moment,.moment--wide{aspect-ratio:4 / 3;background:#14110f;grid-column:span 1;margin:0;border-radius:.15rem;overflow:hidden}.moment img{object-fit:cover;filter:saturate(.78) contrast(1.05);width:100%;height:100%;display:block}.archive__next{text-align:center;border-top:1px solid #ffffff1f;width:min(100%,82rem);margin:3rem auto 0;padding:1.75rem .25rem .5rem}.archive__next-kicker{color:var(--ember);letter-spacing:.22em;margin:0 0 1rem;font-size:.72rem;font-weight:800}.archive h2.archive__next-title{color:#eeeae4;letter-spacing:-.03em;text-transform:uppercase;max-width:none;margin:0 auto;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,11vw,2.8rem);font-weight:900;line-height:.95}.archive__next-copy{color:#f1eee99e;max-width:28rem;margin:1rem auto 0;font-size:.95rem;line-height:1.55}.archive__next-cta{color:#f1eee9;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;margin-top:1.35rem;font-size:.7rem;font-weight:800;text-decoration:none;transition:color .18s;display:inline-flex}.archive__next-cta span{color:var(--ember)}.archive__next-cta:hover,.archive__next-cta:focus-visible{color:#fff}.site-footer{color:#f1eee96b;letter-spacing:.08em;text-align:center;text-transform:uppercase;border-top:1px solid #ffffff1a;width:min(100%,82rem);margin:3rem auto 0;padding-top:1.25rem;font-size:.72rem;font-weight:600}@keyframes reveal{0%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@media(min-width:900px){.site-nav{width:min(100% - 2rem,76rem);min-height:4rem;margin:max(.9rem,env(safe-area-inset-top)) auto 0;gap:1.5rem;padding:.55rem 1rem .55rem .95rem}.site-nav--home{top:max(.9rem,env(safe-area-inset-top));width:min(100% - 2rem,28rem);margin-left:auto;margin-right:max(1rem,env(safe-area-inset-right));padding:.55rem .85rem;left:0;right:0;position:absolute}.site-nav__brand{width:min(13.5rem,42vw);height:2.35rem}.site-nav__links{gap:clamp(.8rem,3vw,2.25rem)}.site-nav__links a{letter-spacing:.12em;font-size:.72rem}.hero__frame{top:6.5rem;right:1.75rem;bottom:2.85rem;left:1.75rem}.hero__mobile-vignette{display:none}.hero__copyright{font-size:.68rem;letter-spacing:.08em;max-width:calc(100% - 2rem)}.archive-page .archive{min-height:100svh;padding:clamp(8rem,14vw,11rem) clamp(1.25rem,6vw,6rem) 2rem}.archive__header{margin-bottom:clamp(3.5rem,7vw,6rem)}.eyebrow{letter-spacing:.25em;margin-bottom:1.25rem;font-size:clamp(.78rem,1vw,.95rem)}.archive h1{letter-spacing:-.035em;max-width:12ch;font-size:clamp(4rem,10vw,9rem);line-height:.82}.archive__intro{max-width:34rem;margin:clamp(2rem,4vw,3rem) 0 0 auto;padding-left:1.25rem;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.6}.lineup{margin-top:clamp(2.2rem,5vw,4rem);padding:1.15rem 0}.lineup strong{font-size:clamp(1.1rem,2.1vw,1.65rem);line-height:1.5;display:inline}.highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);width:min(100%,82rem);margin:0 auto;padding:0;display:grid;overflow:visible}.highlight{flex:none}.highlight figcaption{letter-spacing:.18em;font-size:.72rem}.moments{grid-template-columns:repeat(12,1fr);gap:clamp(.65rem,1.4vw,1.25rem)}.moment{grid-column:span 4;border-radius:0}.moment--wide{grid-column:span 8}.moment:hover img{filter:saturate(1) contrast(1.03);transform:scale(1.025);transition:filter .3s,transform .5s cubic-bezier(.2,.75,.25,1)}.archive__divider{letter-spacing:.16em;gap:1rem;margin:clamp(4rem,9vw,8rem) auto clamp(2rem,4vw,3rem);font-size:.72rem}.archive__divider span{max-width:none;text-align:left}.archive__next{margin-top:clamp(4.5rem,9vw,8rem);padding:clamp(2rem,4vw,3.25rem) 0}.archive h2.archive__next-title{font-size:clamp(2.4rem,6vw,4.5rem);line-height:.92}.archive__next-copy{margin-top:1.25rem;font-size:clamp(.95rem,1.4vw,1.1rem)}.archive__next-cta{margin-top:1.75rem;font-size:.78rem}.site-footer{margin-top:clamp(5rem,10vw,9rem)}}@media(prefers-reduced-motion:reduce){.hero__art{animation:none}}