:root{color-scheme:light;--ink:#183e37;--muted:#52675b;--paper:#faf3dc;--line:#b8c7ab;--mint:#e1edcc;--yellow:#f9d577}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 5% 3%,#dce9b7,transparent 40%),radial-gradient(ellipse at 100% 80%,#cbe3d5,transparent 45%),var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
main{position:relative;max-width:656px;margin:auto;padding:38px 28px 40px}
a{color:inherit}a:focus-visible{outline:3px solid #176c72;outline-offset:5px}.skip{position:fixed;top:10px;left:10px;padding:12px;background:white;z-index:5;transform:translateY(-200%)}.skip:focus{transform:none}
.intro{text-align:center;padding:0 0 30px}h1{font-size:clamp(1.8rem,5vw,2.75rem);line-height:1.08;letter-spacing:-.055em;max-width:540px;margin:0 auto}.subtitle{font-size:.85rem;letter-spacing:.26em;text-transform:uppercase;margin:12px 0 20px;font-weight:650}.avatar{border-radius:50%;object-fit:cover;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);transform:rotate(-5deg)}.intro>p:last-child{font-size:.88rem;color:var(--muted);margin:15px 0 0}
section{margin-bottom:26px}.featured{margin-bottom:30px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;line-height:1.5;font-weight:750;margin:0 0 11px}h2.eyebrow{padding-left:3px;margin:0 0 13px}.card-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.card{display:flex;align-items:center;gap:16px;position:relative;padding:21px 23px;min-height:88px;border:1px solid var(--line);border-radius:17px;background:#fffdf2;box-shadow:0 4px 0 #183e3710;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-3px);border-color:#678977;box-shadow:0 7px 0 #183e3714}.card-content{display:block;min-width:0;flex:1}.card-title{display:block;font-size:1.12rem;letter-spacing:-.025em;line-height:1.25;font-weight:750}.description{display:block;font-size:.85rem;color:var(--muted);margin-top:6px;line-height:1.5}.credit{display:block;color:var(--muted);font-size:.69rem;margin-top:10px;line-height:1.5}.arrow{font-size:1.35rem;line-height:1;flex:none;align-self:center}.card>img{object-fit:contain;flex:none}
.game-card{background:var(--yellow);border-color:#b39443;box-shadow:0 4px 0 #aa853d26}.game-card .description,.game-card .credit{color:#4c552d}
.featured .card{min-height:128px}.social-heading{font-size:1.45rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}.social-intro{font-size:.88rem;line-height:1.65;color:var(--muted);margin:0 0 20px}.follow-card{background:#dcece2;border-color:#a5c3af}
.compact{padding:18px 20px;min-height:90px}.compact .card-title{font-size:1rem}.compact .description{font-size:.75rem}.socials{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.contact-card{background:#234b40;color:#fff6dc;border-color:#234b40;padding:24px}.contact-card .description{color:#d2dfcc}.contact-card .eyebrow{color:#d6eaa7}.email{display:block;overflow-wrap:anywhere;font-size:.76rem;margin-top:13px}.contact-card:focus-visible{outline-color:#176c72}
.peek{position:relative;pointer-events:none;width:100vw;margin-left:calc(50% - 50vw);height:300px;margin-top:-100px;margin-bottom:-200px;overflow:clip}.peek img{position:absolute;object-fit:contain;max-width:none;filter:drop-shadow(0 5px 0 #183e3720)}.peek-ace img{left:-46px;top:8px;width:250px;height:250px;transform:rotate(17deg)}.peek-pampa{margin-top:-190px;margin-bottom:-110px}.peek-pampa img{right:-48px;top:8px;width:250px;height:250px;transform:rotate(-16deg)}
@media(max-width:1100px){.peek-ace img{width:195px;height:195px;left:-38px;top:30px}.peek-pampa img{width:195px;height:195px;right:-36px;top:30px}}
@media(max-width:980px){.peek{height:155px;margin-top:0;margin-bottom:0}.peek-ace img{width:175px;height:175px;top:-12px;left:-27px;transform:rotate(12deg)}.peek-pampa img{width:175px;height:175px;right:-28px;top:-8px;transform:rotate(-18deg)}.intro{padding-bottom:8px}.peek-pampa{margin-top:-14px;margin-bottom:18px}}
@media(max-width:480px){main{padding:30px 20px}.intro{padding-inline:7px}h1{font-size:2.05rem;max-width:290px}.intro>p:last-child{font-size:.8rem}.card{padding:18px;gap:12px;border-radius:14px}.card-title{font-size:1.02rem}.description{font-size:.8rem}.social-heading{font-size:1.25rem}.socials{grid-template-columns:1fr}.wide{grid-column:auto}.compact{min-height:80px}.contact-card .arrow{display:none}.email{font-size:.7rem}.peek-pampa{height:140px}.credit{font-size:.66rem}}
.intro-follow{display:inline-block;margin-top:10px;font-weight:700;color:var(--ink);text-decoration-color:#a1b88a;text-underline-offset:5px;scroll-margin-top:24px}.intro-follow span{margin-left:5px}
.card{box-shadow:0 4px 0 #183e3717}.game-card{box-shadow:0 4px 0 #aa853d30}
.social-heading{max-width:420px;scroll-margin-top:24px}.follow-card{border-color:#83ab97;background:linear-gradient(115deg,#edf5e9,#dcece2)}.instagram-card{border-left:4px solid #bf3976}.tiktok-card{border-left:4px solid #235c60}.youtube-card{border-left:4px solid #c83930}
.follow-action{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fffdf2;border-radius:999px;padding:10px 14px;font-size:.74rem;font-weight:750;white-space:nowrap}.follow-card:hover .follow-action,.follow-card:focus-visible .follow-action{background:#28694e}.follow-card .credit{font-size:.7rem}
@media(max-width:480px){.follow-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}.follow-card .follow-action{grid-column:2;justify-self:start;margin-top:0;padding:9px 16px}.follow-card .credit{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}