@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&family=Archivo+Black&family=Courier+Prime:wght@700&display=swap');
:root{--ink:#111;--paper:#EFEBE2;--red:#D83A36;--gray:#5C5B57;--g2:#C9C8C2;--cream:#F7F3EA}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}
body{margin:0;color:var(--ink);font:500 17px/1.6 Inter,system-ui,sans-serif;background:var(--paper);
 background-image:radial-gradient(#DDD7CA 2.2px,transparent 2.4px);background-size:22px 22px;overflow-x:hidden}
a{color:inherit}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 26px Inter}.brand img{width:46px;height:46px;border-radius:50%;box-shadow:3px 4px 0 rgba(0,0,0,.15)}
.brand b{color:var(--red)}
.links{display:flex;gap:22px;align-items:center;font-weight:700}.links a{text-decoration:none}
.yt{background:var(--red);color:#fff!important;padding:10px 18px;border-radius:999px;box-shadow:3px 4px 0 var(--ink)}
.paper{position:relative;filter:drop-shadow(7px 9px 0 rgba(0,0,0,.18))}
.paper>.in{background:var(--cream);border:0;padding:28px 30px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:center;padding:30px 0 50px}
.ransom{font-size:clamp(32px,4.6vw,64px);line-height:1.35;margin:0 0 18px}
.ransom .w{display:inline-block;white-space:nowrap;margin-right:.18em}
.t{display:inline-block;padding:0 .08em;margin:0 .02em;transform:rotate(var(--r)) translateY(var(--y));font-weight:900;
 border:3px solid #fff;box-shadow:3px 4px 0 rgba(0,0,0,.18)}
.t.ink{background:var(--ink);color:#fff}.t.white{background:#fff;color:var(--ink)}.t.gray{background:var(--g2);color:var(--ink)}
.t.red{background:var(--red);color:#fff}.t.white-red{background:#fff;color:var(--red)}
.strip{display:inline-block;font:700 18px 'Courier Prime',monospace;background:var(--ink);color:#fff;padding:8px 16px;transform:rotate(-1.2deg);box-shadow:4px 5px 0 rgba(0,0,0,.18);letter-spacing:.04em}
.strip.red{background:var(--red)}
.lead{font-size:20px;max-width:520px}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;font-weight:900;text-decoration:none;padding:14px 24px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:4px 5px 0 var(--red);transition:transform .15s}
.btn.red{background:var(--red);box-shadow:4px 5px 0 var(--ink)}.btn:hover{transform:translate(-2px,-2px)}
.art img{width:100%;height:auto;display:block}
section{padding:40px 0}
h2.sec{margin:0 0 22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card h3{font:900 24px Inter;margin:10px 0 6px}.card p{margin:0;color:#3a3936}
.ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:900 26px Inter;color:#fff;background:var(--red)}
.ico.g{background:var(--gray)}.ico.k{background:var(--ink)}
.vids{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.vid{text-decoration:none;display:block;transform:rotate(var(--r));transition:transform .2s}.vid:hover{transform:rotate(0) scale(1.02)}
.vid img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.vid .cap{background:#fff;padding:14px 18px;font:800 19px Inter}.vid .tag{font:700 13px 'Courier Prime',monospace;color:var(--red);display:block}
.band{background:var(--red);color:#fff;margin-top:40px;padding:50px 0 36px;position:relative}
.band .wrap{display:block}
.band h2{font:900 clamp(30px,4vw,48px)/1.1 Inter;margin:0 0 12px}.band a{color:#fff}
.famrow{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,40px);margin:0 auto 34px}
.famrow figure{margin:0;text-align:center}.famrow img{height:clamp(150px,24vw,300px);width:auto;display:block;margin:0 auto}
.famrow figcaption{display:inline-block;margin-top:10px;font:700 clamp(12px,1.6vw,17px) 'Courier Prime',monospace;background:#fff;color:var(--ink);padding:4px 12px;transform:rotate(-2deg);box-shadow:3px 4px 0 rgba(0,0,0,.2)}
.bandtxt{text-align:center;max-width:720px;margin:0 auto}.bandtxt .cta{justify-content:center}
.sechead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.sechead h2{margin:0}
.more{font-weight:900;text-decoration:none;border-bottom:3px solid var(--red)}

footer{background:var(--ink);color:#bdbab2;font-size:14px;padding:22px 0}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#bdbab2;margin-left:16px}
.doc{max-width:780px;margin:10px auto 60px}.doc h1{font:900 46px Inter;margin:0 0 4px}.doc h2{font:900 22px Inter;margin:26px 0 6px}.doc a{color:var(--red)}

.wrap.wide{max-width:1280px}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.burger{display:none;cursor:pointer}
nav{position:relative}nav .links{display:flex;gap:40px;align-items:center;font-weight:800;font-size:17px}
nav .links a{text-decoration:none;padding:4px 0;border-bottom:3px solid transparent}nav .links a:hover{border-color:var(--red)}
section,#family,#contact{scroll-margin-top:20px}
.scene{position:relative;width:100%}.lay{position:absolute;height:auto;will-change:transform;backface-visibility:hidden}
.huff{transform-origin:50% 100%;animation:huff 2.6s ease-in-out infinite}.d3{animation-delay:-1.3s}
.bob{animation:bob 3.2s ease-in-out infinite}.d2{animation-delay:-1.6s}
.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes huff{0%,55%,100%{transform:rotate(0) translateX(0)}60%{transform:rotate(-2.2deg) translateX(-3px)}66%{transform:rotate(2deg) translateX(3px)}72%{transform:rotate(-1.6deg) translateX(-2px)}78%{transform:rotate(1.2deg) translateX(2px)}84%{transform:rotate(0) translateX(0)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.lay{animation:none}}
.famtitle{text-align:center;font-size:clamp(30px,4.4vw,58px);margin:0 0 26px}
.bandtxt h2{margin:6px 0 16px}
footer .ct a{margin-left:6px}
@media (max-width:860px){.burger{display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--ink);border-radius:10px}.burger span{width:22px;height:3px;background:#fff;border-radius:2px}
nav .links{display:none}.navt:checked~.links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:absolute;right:0;top:70px;background:#fff;padding:18px 22px;border-radius:12px;box-shadow:5px 6px 0 rgba(0,0,0,.2);z-index:10;white-space:nowrap}}
@media (max-width:820px){.art img{width:100%;margin:0}.strip{font-size:14px}.ransom{font-size:30px}.hero,.band .wrap{grid-template-columns:1fr}.grid3,.vids{grid-template-columns:1fr}}