.brand>.signal-dot{margin-left:5px;margin-right:0;width:5px;height:5px}
.header .portfolio-section-link[aria-current=page]{border-bottom:1px solid var(--red);padding-bottom:5px}
.showcase-intro{padding:28px 0 60px}.showcase-intro h1{font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:32px 0 17px}.showcase-intro>p:not(.eyebrow){font-size:17px;color:var(--muted);margin:0 0 32px}.showcase-intro .ai-page-jumps{gap:34px}
.showcase-collection{border-top:1px solid var(--line);padding:42px 0 80px;scroll-margin-top:26px}.showcase-heading{margin-bottom:34px}.showcase-heading .eyebrow{font-size:9px;color:var(--accent);margin-bottom:12px}.showcase-heading h2{font-size:36px;line-height:1.4}.showcase-heading>p:last-child{font-size:12px;color:var(--muted);margin:13px 0 0}
body[data-portfolio=showcase] #game-links{display:block;max-width:100%;margin:0}body[data-portfolio=showcase] .game-feature-card{display:block;padding:0;border:0}body[data-portfolio=showcase] .game-feature-image{border:1px solid var(--gold);aspect-ratio:2844/1260}body[data-portfolio=showcase] .game-feature-image img{object-fit:contain;transform:none}body[data-portfolio=showcase] .game-feature-info{padding:27px 0 0;max-width:850px}body[data-portfolio=showcase] .game-feature-info h3{font-size:32px;margin-bottom:12px}body[data-portfolio=showcase] .game-feature-info .eyebrow{font-size:9px;margin-bottom:9px}
.ai-subcollection{padding:26px 0 36px;scroll-margin-top:28px}.ai-subcollection+.ai-subcollection{border-top:1px solid var(--line);margin-top:22px;padding-top:36px}body[data-portfolio=showcase] .ai-collection-heading h2{font-size:25px}body[data-portfolio=showcase] .ai-collection-heading{margin-bottom:28px}body[data-portfolio=showcase] .ai-collection-heading .eyebrow{font-size:8px}
body[data-portfolio=showcase] .project-grid{grid-template-columns:1fr;gap:52px}body[data-portfolio=showcase] .project-image{border:1px solid var(--gold)}body[data-portfolio=showcase] .project-caption h3{font-size:28px}body[data-portfolio=showcase] .project-caption .caption-role{font-size:12px}body[data-portfolio=showcase] .secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body[data-portfolio=showcase] .secondary-grid .project-caption h3{font-size:18px}
body[data-portfolio=showcase] #project-video{display:block;width:100%;height:auto;max-height:68vh;aspect-ratio:auto;object-fit:contain;background:#111d29}body[data-portfolio=showcase] #project-dialog.portrait-project{max-width:650px;width:92vw}body[data-portfolio=showcase] #project-dialog.portrait-project #project-video{height:68vh}#project-role:empty,#project-note:empty{display:none}
body[data-portfolio=resume] .resume-paper{max-width:1100px;width:calc(100% - 112px);margin-top:0}body[data-portfolio=resume] .resume-toolbar{max-width:1100px;width:calc(100% - 112px)}#resume-contact-value{margin-top:15px}#resume-contact-value .contact-placeholder{font-size:12px;color:var(--muted)}#resume-contact-value .email-link{font-size:14px;margin-top:12px}
@media(max-width:1100px){body[data-portfolio=resume] .resume-paper,body[data-portfolio=resume] .resume-toolbar{width:calc(100% - 64px)}}
@media(max-width:700px){body[data-portfolio=showcase] .header nav,body[data-portfolio=resume] .header nav{justify-content:flex-start;gap:28px}.showcase-intro{padding:22px 0 36px}.showcase-intro h1{font-size:29px;margin:24px 0 15px}.showcase-intro>p:not(.eyebrow){font-size:13px;margin-bottom:22px}.showcase-intro .eyebrow{font-size:8px}.showcase-intro .ai-page-jumps{gap:23px;font-size:11px}.showcase-collection{padding:28px 0 45px}.showcase-heading{margin-bottom:25px}.showcase-heading h2{font-size:29px}.showcase-heading>p:last-child{font-size:11px}body[data-portfolio=showcase] .game-feature-info{padding-top:19px}body[data-portfolio=showcase] .game-feature-info h3{font-size:26px}body[data-portfolio=showcase] .game-feature-info .game-summary{font-size:11px}.ai-subcollection{padding:14px 0 22px}body[data-portfolio=showcase] .ai-collection-heading h2{font-size:21px}body[data-portfolio=showcase] .project-caption h3{font-size:22px}body[data-portfolio=showcase] .project-grid{gap:35px}body[data-portfolio=showcase] .secondary-grid{grid-template-columns:1fr}body[data-portfolio=resume] .resume-paper,body[data-portfolio=resume] .resume-toolbar{width:calc(100% - 36px)}body[data-portfolio=resume] .resume-toolbar{flex-wrap:wrap;gap:15px}body[data-portfolio=resume] .resume-toolbar .language-switch{display:none}body[data-portfolio=resume] .resume-heading .resume-monogram{display:none}body[data-portfolio=resume] .resume-paper{padding:26px 20px}}
@media print{body[data-portfolio=resume]>.header{display:none!important}body[data-portfolio=resume] .resume-paper{width:100%;max-width:none;padding:0;border:0}}