@font-face{font-family:Anton;src:url(fonts/Anton-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-Variable.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bone:#0f0f10;--ink:#f1e9d6;--card:#1a1a1c;--line:#f1e9d6;--sh:#000;--ember:#FF632A;--shadow:#B62600;--volt:#EAFF00;--sun:#FFD731;--muted:#c9c1ad;--sunD:#D4AE22;--mintD:#46A87B;--lavD:#AE95C6;--pinkD:#D08FA2}
*{box-sizing:border-box;margin:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{background-color:var(--bone);background-image:radial-gradient(#f1e9d614 1.4px,transparent 1.6px);background-size:22px 22px;color:var(--ink);font:500 16px/1.5 Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
.sr{position:absolute;left:-9999px}
.promo{background:var(--volt);color:#000;border-bottom:3px solid var(--line);text-align:center;font:800 13px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:10px}
nav.site-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 20px;max-width:1240px;margin:0 auto}
nav.site-nav .brand{display:block;width:clamp(260px,31vw,440px)}nav.site-nav .brand img{display:block;width:100%;height:auto}
nav.site-nav ul{display:flex;gap:10px;list-style:none;padding:0}
nav.site-nav li a{display:block;text-decoration:none;font:800 13px Inter;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;background:var(--card);border:3px solid var(--line);border-radius:50px;box-shadow:3px 3px 0 var(--sh);transition:.1s}
nav.site-nav li a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--sh);background:var(--sun);color:#000}
nav.site-nav li a.navnote{background:var(--volt);color:#000}
.hero{position:relative;max-width:1240px;margin:0 auto;padding:30px 20px 60px}
h1.hero-title{font:400 clamp(92px,23vw,300px)/.78 Anton,Impact,sans-serif;text-transform:uppercase;position:relative;z-index:2}
h1.hero-title span{display:block;color:var(--ink);text-shadow:5px 5px 0 var(--ember),9px 9px 0 var(--sh);animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}
h1.hero-title span:nth-child(2){animation-delay:.1s;margin-left:6vw}
h1.hero-title span:nth-child(3){animation-delay:.2s;color:var(--ember);text-shadow:5px 5px 0 var(--sh);margin-left:2vw}
@keyframes pop{from{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.welcome{position:relative;z-index:3;display:inline-block;margin-top:34px;background:var(--card);border:3px solid var(--line);border-radius:24px;padding:18px 20px;max-width:54ch;box-shadow:6px 6px 0 #000,6px 6px 0 2px #3a3a3e;transform:rotate(-1deg)}
.welcome b{display:inline-block;background:var(--mintD);color:#000;border:2px solid var(--line);border-radius:6px;font:800 11px Inter;letter-spacing:.12em;padding:2px 8px;margin-bottom:8px}
.btn{display:inline-block;text-decoration:none;margin:22px 0 0 14px;position:relative;z-index:3;background:var(--ember);color:#000;font:800 16px Inter;letter-spacing:.06em;text-transform:uppercase;padding:16px 28px;border:3px solid var(--line);border-radius:8px;box-shadow:0 5px 0 var(--shadow),0 5px 0 3px #000;transition:.1s}
.btn:hover{transform:translateY(4px);box-shadow:0 1px 0 var(--shadow),0 1px 0 3px #000}
.s{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;font:400 22px/.95 Anton,Impact,sans-serif;text-transform:uppercase;border:3px solid var(--line);outline:7px solid var(--line);filter:drop-shadow(4px 5px 0 rgba(0,0,0,.35));animation:wob 4.5s ease-in-out infinite;color:#000}
@keyframes wob{50%{translate:0 -7px}}
.s1{right:4%;top:30px;width:min(32vw,230px);aspect-ratio:1;background:var(--sunD);border-radius:50%;font-size:clamp(26px,4.4vw,46px);transform:rotate(12deg)}
.s2{right:12%;top:46%;padding:14px 22px;background:var(--card);color:var(--ink);border-radius:30px 30px 30px 4px;font-size:clamp(22px,3.8vw,40px);transform:rotate(-7deg);animation-delay:-1.5s}
.s3{padding:10px 20px;background:var(--lavD);border-radius:50px;font-size:clamp(18px,3vw,30px);transform:rotate(5deg);animation-delay:-3s}
.s4{left:48%;top:4px;padding:8px 16px;background:var(--mintD);border-radius:6px;font-size:clamp(16px,2.4vw,24px);transform:rotate(-4deg);animation-delay:-2s}
.cta{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.cta .s3{position:relative;margin:26px 0 0 14px}
.cta .btn{margin-top:16px}
.strip{background:#000;color:var(--volt);border-block:3px solid #2a2a2d;overflow:hidden;white-space:nowrap;font:400 clamp(34px,6vw,80px)/1.1 Anton;text-transform:uppercase;padding:10px 0;transform:rotate(-1.2deg);margin:30px -10px}
.strip span{display:inline-block;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.sec{max-width:1240px;margin:0 auto;padding:60px 20px}
.sech{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.sech h2{font:400 clamp(56px,10vw,140px)/.82 Anton,sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 var(--volt),7px 7px 0 var(--sh)}
.sech .pill{background:var(--ink);color:#000;font:800 12px Inter;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;border-radius:50px;transform:rotate(3deg)}
.lead{font-size:18px;max-width:60ch;margin-bottom:38px;color:var(--ink)}
.fine{margin-top:36px;font:600 13px Inter;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}
.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:3px solid var(--line);border-radius:24px;padding:16px;box-shadow:6px 6px 0 #000,6px 6px 0 2px #3a3a3e;transition:transform .18s,box-shadow .18s}
.card:nth-child(3n+1){transform:rotate(-1deg)}.card:nth-child(3n+2){transform:rotate(.8deg) translateY(10px)}.card:nth-child(3n+3){transform:rotate(-.5deg)}
.card:hover{transform:rotate(0) translateY(-6px)!important;box-shadow:10px 10px 0 var(--ember),10px 10px 0 3px #000}
.no{position:absolute;left:12px;top:-16px;z-index:3;background:var(--sun);color:#000;border:3px solid var(--line);border-radius:50px;padding:3px 14px;font:400 18px Anton;letter-spacing:.06em}
.pic{display:block;position:relative;width:100%;aspect-ratio:1;border:3px solid var(--line);border-radius:14px;overflow:hidden;background:var(--sunD);padding:0;cursor:zoom-in}
.card:nth-child(3n+2) .pic{background:var(--mintD)}.card:nth-child(3n+3) .pic{background:var(--pinkD)}
.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .2s}
.pic .f{opacity:0}.card:hover .pic .f{opacity:1}.card:hover .pic .b{opacity:0}
.pic:focus-visible{outline:4px solid var(--sun);outline-offset:3px}
.nm{font:400 clamp(28px,3.4vw,38px)/.95 Anton;text-transform:uppercase;margin-top:14px}
.pr{font:600 14px/1.4 Inter;color:var(--muted);margin:8px 0 14px}
.soon{align-self:flex-start;margin-top:auto;display:inline-block;background:var(--volt);color:#000;font:800 13px Inter;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border:3px solid var(--line);border-radius:50px;transform:rotate(-2deg)}
.notify{background:var(--sunD);color:#000;border:3px solid var(--line);border-radius:28px;padding:34px;box-shadow:8px 8px 0 #000,8px 8px 0 2px #3a3a3e;transform:rotate(-.6deg);max-width:880px}
.notify h2{font:400 clamp(44px,7vw,84px)/.88 Anton;text-transform:uppercase}
.notify p{margin-top:12px;font-weight:600;max-width:56ch}
.notify form{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}
.notify input[type=email]{flex:1 1 260px;min-width:0;font:600 17px Inter;padding:15px 18px;border:3px solid #000;border-radius:8px;background:#fff;color:#000}
.notify input[type=email]:focus-visible{outline:4px solid #000;outline-offset:2px}
.btn2{font:800 16px Inter;letter-spacing:.06em;text-transform:uppercase;padding:16px 26px;border:3px solid #000;border-radius:8px;background:#000;color:var(--volt);cursor:pointer;box-shadow:0 5px 0 var(--shadow);transition:.1s}
.btn2:hover:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--shadow)}
.btn2:disabled{opacity:.7;cursor:default}
.notify .note{flex-basis:100%;margin:0;font:700 13px Inter}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.story{max-width:68ch;background:var(--card);border:3px solid var(--line);border-radius:24px;padding:24px 26px;box-shadow:6px 6px 0 #000,6px 6px 0 2px #3a3a3e;font-size:18px}
.story p+p{margin-top:14px}.story a{text-decoration:underline;color:var(--sun);font-weight:700}
.story .sat{font:600 13px Inter;color:var(--muted)}
footer.site-footer{background:#B62600;border-top:3px solid var(--line);padding:36px 20px 26px;margin-top:40px}
footer.site-footer>div{max-width:1240px;margin:0 auto}
footer.site-footer .big{font:400 clamp(60px,15vw,200px)/.8 Anton;text-transform:uppercase;color:var(--ink)}
footer.site-footer p{margin-top:20px;font:800 12px/1.7 Inter;letter-spacing:.08em;text-transform:uppercase;color:#f1e9d6}
footer.site-footer a{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:4px solid var(--sun);outline-offset:3px}
dialog{border:3px solid var(--line);border-radius:24px;background:var(--bone);color:var(--ink);padding:0;width:min(640px,94vw);max-height:94vh;overflow:auto;box-shadow:10px 10px 0 #000}
dialog::backdrop{background:#000d}
.dbox{padding:18px;position:relative}
.dbox h3{font:400 clamp(28px,5vw,40px)/.95 Anton;text-transform:uppercase;margin:0 70px 14px 0}
.xbtn{position:absolute;right:16px;top:16px;font:800 13px Inter;letter-spacing:.06em;text-transform:uppercase;background:var(--card);color:var(--ink);border:3px solid var(--line);border-radius:50px;padding:7px 14px;box-shadow:3px 3px 0 var(--sh);cursor:pointer}
.dbig{aspect-ratio:1;border:3px solid var(--line);border-radius:18px;overflow:hidden;background:var(--sunD)}
.dbig img{width:100%;height:100%;object-fit:cover;display:block}
.dthumbs{display:flex;gap:12px;margin:14px 0}
.dthumbs button{width:76px;height:76px;border:3px solid var(--line);border-radius:12px;overflow:hidden;padding:0;background:var(--sunD);cursor:pointer}
.dthumbs button[aria-pressed=true]{outline:4px solid var(--ember);outline-offset:2px}
.dthumbs img{width:100%;height:100%;object-fit:cover;display:block}
.notfound{max-width:760px;margin:60px auto;padding:0 20px}
.notfound h1{font:400 clamp(60px,12vw,140px)/.85 Anton;text-transform:uppercase;text-shadow:4px 4px 0 var(--volt),7px 7px 0 var(--sh)}
.notfound p{margin-top:16px}
@media(max-width:860px){
  h1.hero-title{font-size:25vw;line-height:.88}
  h1.hero-title span{text-shadow:3px 3px 0 var(--ember),5px 5px 0 var(--sh)}
  h1.hero-title span:nth-child(3){text-shadow:3px 3px 0 var(--sh)}
  h1.hero-title span:nth-child(n){margin-left:0}
  nav.site-nav{flex-direction:column;align-items:stretch}nav.site-nav ul{justify-content:flex-end}nav.site-nav li:not(:last-child){display:none}
  nav.site-nav .brand{width:min(340px,100%)}
  .hero{padding-top:70px;padding-bottom:110px}
  .s1{top:auto;bottom:-10px;right:2%;width:150px}.s2{right:4%;top:44px;font-size:22px}.s4{left:4%;right:auto;top:8px}
  .cta .s3{margin-left:0}.btn{margin-left:0}
  .welcome{margin-top:26px}
  .grid{grid-template-columns:1fr 1fr;gap:34px 16px}.card:nth-child(n){transform:none}
  .nm{font-size:24px}.pr{font-size:13px}.card{padding:10px;border-radius:18px}.soon{font-size:11px;padding:6px 12px}
  .notify{padding:22px;transform:none}
}
@media(max-width:520px){.grid{grid-template-columns:1fr}.nm{font-size:30px}.pr{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.dsat{font:600 12px/1.4 Inter;color:var(--muted);margin:0 0 12px}
.stripwrap{overflow:hidden;padding:14px 0}.strip{margin:0 -10px!important}
.hero{overflow-x:clip}
dialog{width:min(760px,96vw)}
.dbig.full{aspect-ratio:auto;background:#131517;cursor:zoom-in;position:relative}
.dbig.full img{height:auto;object-fit:contain}
.dbig{position:relative}
.zhint{position:absolute;right:10px;bottom:10px;background:var(--volt);color:#000;font:800 12px Inter;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:50px;border:2px solid #000;pointer-events:none}
#zm{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border:0;border-radius:0;background:#0a0a0b;overflow:hidden}
#zm .xbtn{position:fixed;z-index:3}
.zscroll{position:absolute;inset:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:64px 12px 56px;-webkit-overflow-scrolling:touch}
.zscroll img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;margin:auto;display:block}
.zscroll.z{display:block;padding:64px 0 56px}
.zscroll.z img{max-width:none;max-height:none;width:200%;cursor:zoom-out;margin:0}
.zcap{position:fixed;left:0;right:0;bottom:12px;text-align:center;font:700 12px Inter;color:var(--muted);pointer-events:none}
.parody{font:700 12px/1.4 Inter;background:#000;color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 14px}
.parody b{color:var(--volt);text-transform:uppercase;letter-spacing:.06em}
.parodybar{display:inline-block;background:var(--card);border:3px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 22px;font:600 14px/1.45 Inter;max-width:70ch}
.parodybar b{color:var(--volt);text-transform:uppercase;letter-spacing:.06em}
.dbox .xbtn{position:sticky;top:6px;float:right;right:auto;margin:0 0 8px 10px;z-index:6}
.dbox h3{margin-right:0}
.zscroll.z img{width:260%}