/* Hungry Dawgs landing */
:root{--bg:#07090a;--panel:#0e1312;--line:#1c2924;--text:#e3ece7;--mute:#9fb0a7;--g:#3ddc84;--o:#ff9500;--b:#5b8cff}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,rgba(61,220,132,.12),transparent 60%),var(--bg);color:var(--text);font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
/* mascots */
.turn{display:inline-block;flex:none;line-height:0;transform-origin:50% 55%;will-change:transform}
.bot{color:var(--o);flex:none;overflow:visible;touch-action:manipulation;transform-origin:50% 85%}

.bot .float{transform-box:fill-box;transform-origin:50% 60%;animation:float 4.6s ease-in-out infinite}
.bot.b2 .float{animation-duration:5.4s;animation-delay:-2.1s}
.bot.squish{animation:squish .65s cubic-bezier(.3,.6,.3,1)}
@keyframes float{0%,100%{transform:translateY(0) scale(1) rotate(-1.2deg)}50%{transform:translateY(-3px) scale(1.035) rotate(1.2deg)}}
@keyframes squish{0%{transform:scale(1,1)}22%{transform:scale(1.18,.78)}48%{transform:scale(.88,1.16)}72%{transform:scale(1.05,.96)}100%{transform:scale(1,1)}}
@media(prefers-reduced-motion:reduce){.bot .float,.bot.squish{animation:none}.turn{will-change:auto}}
.wrap{max-width:1000px;margin:0 auto;padding:clamp(2rem,9vh,5rem) 1.25rem 3rem}
.head{text-align:center;margin-bottom:clamp(2rem,6vh,3.5rem)}
h1{margin:0;font-size:clamp(2.2rem,8vw,4rem);letter-spacing:-.02em;color:var(--g)}
.tag{margin:.3rem 0 0;color:var(--mute);letter-spacing:.14em;font-size:.9rem}
.lead{margin:1.2rem 0 0;font-size:1.25rem}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2rem 1.5rem 1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.figure{display:flex;align-items:center;justify-content:center;width:170px;height:170px;margin-bottom:1rem}
.card h2{margin:0;font-size:1.6rem}
.card p{margin:.4rem 0 1.5rem;color:var(--mute);font-size:.95rem;min-height:1.5em}
.btn{margin-top:auto;display:block;width:100%;padding:1rem;border-radius:12px;background:var(--o);color:#141414;font-weight:700;text-decoration:none;font-size:1.1rem;text-align:center;transition:transform .15s,box-shadow .15s}
.card:nth-child(2) .btn{background:var(--g)}.card:nth-child(3) .btn{background:var(--b)}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,.15);outline:2px solid #fff;outline-offset:2px}
.bot.b2{color:#8b5a2b}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.bot.dog{color:#F0B880}
.bot{width:150px;height:150px}
@media(max-width:420px){.figure{width:150px;height:150px}.bot{width:136px;height:136px}}
.bot.b2 .float{animation-duration:5.4s;animation-delay:-2.1s}
.card,.member{transition:border-color .2s}.card:hover,.member:hover{border-color:#2c4a3c}
.team-sec{margin-top:clamp(3rem,9vh,5rem)}
.head.sub{margin-bottom:clamp(1.5rem,4vh,2.5rem)}
.sec-h{margin:0;font-size:clamp(1.8rem,6vw,2.8rem);letter-spacing:-.02em;color:var(--g)}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:760px){.team{grid-template-columns:repeat(3,1fr)}}
.member{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.75rem 1.25rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.member h2{margin:0;font-size:1.4rem}
.member p{margin:.3rem 0 0;color:var(--mute);font-size:.95rem}
.sub .tag{text-transform:uppercase}
.bot.b2 .float{animation-duration:5.4s}

.member .blurb{margin:.6rem 0 0;font-size:.88rem;line-height:1.55}
.member .role{color:var(--g)}