.hero{grid-template-columns:1.05fr .95fr;grid-template-areas:"copy photo""copy cassette";align-items:center;gap:30px 48px;padding-block:72px 64px;display:grid}@media (max-width:991.98px){.hero{grid-template-columns:1fr;grid-template-areas:"photo""copy""cassette";justify-items:center;gap:34px;padding-block:44px}}.hero-copy{grid-area:copy}@media (max-width:991.98px){.hero-copy{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero-copy .hero-kicker,.hero-copy .hero-skills,.hero-copy .hero-socials{justify-content:center}.hero-copy .hero-lede{margin-inline:auto}}.hero-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:700;display:flex}.kicker-led{background:var(--color-red);border:1.5px solid var(--color-border);border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite led-pulse}.hero-name{letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,4.1rem);font-weight:800;line-height:.95}.hero-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--color-bg);background:var(--color-text);box-shadow:2px 2px 0 var(--color-orange);border-radius:4px;margin-top:14px;padding:5px 14px 6px;font-size:14px;font-weight:700;display:inline-block;transform:rotate(-1.2deg)}.hero-lede{max-width:62ch;margin-top:22px;font-size:1rem}.hero-microlabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin-top:28px;margin-bottom:10px;font-size:11px;font-weight:700}.hero-skills{flex-wrap:wrap;gap:8px;max-width:440px;list-style:none;display:flex}.hero-skill{font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:6px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero-skill:before{content:"";border:1px solid var(--color-border);border-radius:2px;width:8px;height:8px}.hero-skill:nth-child(6n+1):before{background:var(--color-green)}.hero-skill:nth-child(6n+2):before{background:var(--color-yellow)}.hero-skill:nth-child(6n+3):before{background:var(--color-gold)}.hero-skill:nth-child(6n+4):before{background:var(--color-orange)}.hero-skill:nth-child(6n+5):before{background:var(--color-vermilion)}.hero-skill:nth-child(6n+6):before{background:var(--color-red)}.hero-socials{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-photo{grid-area:photo;justify-content:center;display:flex}.photo-card{background:var(--color-surface);border:2px solid var(--color-border);width:min(380px,100%);box-shadow:6px 6px 0 var(--color-border);border-radius:14px;padding:12px;transition:transform .25s;transform:rotate(1.4deg)}.photo-card:hover{transform:rotate(0)}@media (max-width:991.98px){.photo-card{width:min(320px,82%)}}@media (max-width:575.98px){.photo-card{width:min(260px,82%)}}.photo-img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border:2px solid var(--color-border);border-radius:10px;width:100%;height:auto;display:block}.hero-cassette{flex-direction:column;grid-area:cassette;align-items:center;gap:16px;display:flex}.cassette{width:100%;max-width:300px;filter:drop-shadow(5px 5px 0 var(--color-border));transition:transform .25s;transform:rotate(-2deg)}.cassette:hover{transform:rotate(0)}.cassette-svg{width:100%;height:auto;display:block}.reel{transform-box:fill-box;transform-origin:50%;animation:7s linear infinite reel-spin}.cassette.is-playing .reel{animation-duration:.9s}.hero-transport{align-items:center;gap:14px;display:flex}.play-btn{background:var(--color-yellow)}.hero-ticker{border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border);background:var(--color-yellow);overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite ticker-roll;display:flex}.ticker-track span{white-space:nowrap;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;padding:8px 0;font-size:12px;font-weight:700}@keyframes ticker-roll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.reel,.kicker-led,.ticker-track{animation:none}}
.projects-deck{padding-block:64px 24px}.projects-rack{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-bottom:36px;display:grid}.deck-more{justify-content:center;display:flex}