@font-face{font-family:Lucky;src:url(/assets/fonts/LuckiestGuy-Regular.ttf);font-display:swap}
@font-face{font-family:BarC;src:url(/assets/fonts/BarlowCondensed-ExtraBold.ttf);font-display:swap}
@font-face{font-family:Bar;src:url(/assets/fonts/Barlow-Regular.ttf);font-display:swap}
@font-face{font-family:Bar;font-weight:700;src:url(/assets/fonts/Barlow-Bold.ttf);font-display:swap}
:root{--ink:#15121A;--paper:#F4EAD5;--red:#B8392B;--blue:#2B5C8A;--mus:#EDBB34;--orc:#A9548F;--aqua:#3E9E96;--sig:#FFD23F;--sky:#7DBFCB}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Bar,system-ui,sans-serif}
a{color:var(--blue)}img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:48px 24px}.narrow{max-width:760px}
h1,h2,h3{font-family:Lucky,Impact,sans-serif;font-weight:400;line-height:1.05;letter-spacing:.01em;margin:.2em 0 .4em}
h1{font-size:clamp(40px,6vw,68px)}h2{font-size:clamp(28px,3.4vw,40px)}h3{font-size:28px}
.kicker,.pill,.btn,.cap-box,.ph-flag,nav a,.nb{font-family:BarC,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.kicker{color:var(--red);font-size:20px;margin:0}
.lede{font-size:21px;max-width:44ch}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 24px;background:var(--ink);border-bottom:6px solid var(--mus)}
.brand img{display:block;width:118px}
nav{display:flex;gap:6px;flex-wrap:wrap}nav a{color:var(--paper);text-decoration:none;font-size:20px;padding:6px 12px;border-radius:6px}
nav a:hover,nav a[aria-current]{background:var(--mus);color:var(--ink)}
.nt,.nb{display:none}
.btn{display:inline-block;background:var(--sig);color:var(--ink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 22px;font-size:22px;text-decoration:none;cursor:pointer;transition:transform .08s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn.ghost{background:#fff}
.cta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}
.hero{position:relative;overflow:hidden;background:url(/assets/art/row_scene.jpg) center bottom/cover;border-bottom:6px solid var(--ink)}
.hero-sky{display:none}
.hero-in{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:56px;padding-bottom:0;min-height:600px}
.hero-copy{margin-bottom:64px;max-width:600px;background:var(--paper);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:6px;padding:26px 30px}.hero-copy .lede{margin:.4em 0}
.hero-man{width:min(400px,38vw);filter:drop-shadow(8px 8px 0 rgba(21,18,26,.25));margin-bottom:-6px}
.cap-box{display:inline-block;background:var(--mus);border:4px solid var(--ink);padding:4px 14px;font-size:22px;transform:rotate(-2deg);margin:0}
.slam{color:var(--sig);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}.slam span{color:#fff}
.sec{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;margin-top:26px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.card{position:relative;background:#fff;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:6px;padding:24px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:6px}
.card p{margin:.3em 0}
.show img{width:110px;margin-top:-6px}.show:nth-child(1){border-top:14px solid var(--aqua)}.show:nth-child(2){border-top:14px solid var(--red)}
.tag{font-weight:700;font-style:italic}
.proj:nth-child(5n+1){border-top:14px solid var(--red)}.proj:nth-child(5n+2){border-top:14px solid var(--aqua)}.proj:nth-child(5n+3){border-top:14px solid var(--mus)}.proj:nth-child(5n+4){border-top:14px solid var(--blue)}.proj:nth-child(5n){border-top:14px solid var(--orc)}
.proj .btn{margin-top:auto;align-self:flex-start;font-size:18px;padding:8px 16px}
.pill{align-self:flex-start;background:var(--ink);color:var(--paper);font-size:15px;padding:2px 10px;border-radius:20px}
.nolink{margin-top:auto;font-family:BarC;text-transform:uppercase;color:#6a6470;letter-spacing:.05em}
.post-card:hover{transform:translate(-2px,-2px)}
.ph-flag{display:inline-block;align-self:flex-start;background:var(--red);color:#fff;padding:3px 12px;font-size:17px;border:3px solid var(--ink);transform:rotate(-1.5deg)}
.band{background:var(--blue);color:#fff;border-block:6px solid var(--ink)}.band h2{color:var(--sig);margin:0}.band p{margin:.3em 0 0}
.band-in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}.band-in>div{flex:1;min-width:240px}
.empty{text-align:center;background:#fff;border:4px dashed var(--ink);border-radius:8px;padding:40px 20px;margin-top:20px}.empty img{width:140px}
.about{display:flex;gap:44px;align-items:flex-start}.about-man{width:300px;flex:none}
.rules{padding-left:22px}.rules li{margin:.35em 0}
.notice{background:#FFF3C4;border:4px solid var(--ink);border-left:16px solid var(--red);padding:14px 18px;margin:22px 0}
.form{display:grid;gap:18px;background:#fff;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:26px;border-radius:6px}
.form label{display:grid;gap:6px;font-weight:700}.opt{font-weight:400;color:#6a6470}
.form input:not([type=checkbox]),.form textarea{font:inherit;border:3px solid var(--ink);border-radius:4px;padding:10px 12px;background:#FCF8EE;width:100%}
.form input:focus,.form textarea:focus{outline:4px solid var(--sig);outline-offset:1px}
.check{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important}.check input{width:24px;height:24px;flex:none;margin-top:2px;accent-color:var(--red)}
.form .btn{justify-self:start}.msg{margin:0;font-weight:700}.msg.ok{color:#226b45}.msg.bad{color:var(--red)}
.post{max-width:760px}.post h2{font-size:32px;margin-top:1.2em}
.foot{background:var(--ink);color:var(--paper);text-align:center;padding:0 20px 26px;margin-top:40px}.foot a{color:var(--sig)}
.houses-mini{height:16px;background:repeating-linear-gradient(90deg,var(--red) 0 80px,var(--aqua) 80px 160px,var(--mus) 160px 240px,var(--blue) 240px 320px,var(--orc) 320px 400px);margin:0 -20px 22px}
.tiny{font-size:14px;opacity:.75}
@media (max-width:820px){
 body{font-size:17px}.wrap{padding:32px 18px}
 .nb{display:block;color:var(--paper);font-size:20px;border:3px solid var(--mus);padding:4px 12px;border-radius:6px;cursor:pointer}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;padding:8px 16px 16px;border-bottom:6px solid var(--mus)}
 .nt:checked~nav{display:flex}
 .brand img{width:92px}
 .hero{background-position:62% bottom}
 .hero-in{flex-direction:column;align-items:center;min-height:0;padding-top:30px}.hero-copy{margin-bottom:10px;padding:20px}
 .hero-man{width:230px}
 .about{flex-direction:column;align-items:center}.about-man{width:200px}
 .lede{font-size:19px}
}
.post-card h2{font-size:26px}
.creed{margin:0 auto;max-width:820px;text-align:center;background:var(--mus);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:6px;padding:26px 30px;transform:rotate(-1deg)}
.creed figcaption{font-family:BarC,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:20px;color:var(--red)}
.creed blockquote{margin:.3em 0 0;font-family:Lucky,Impact,sans-serif;font-size:clamp(26px,3.4vw,40px);line-height:1.15}
.creed blockquote::before{content:"\201C"}.creed blockquote::after{content:"\201D"}
.creed-line{font-style:italic;margin:.4em 0}