/* Polished surface pass: hierarchy, focus, and two restrained state treatments. */
:root{--panel-shadow:0 16px 48px color-mix(in srgb,var(--text) 5%,transparent)}
.hero-profile,.details{box-shadow:var(--panel-shadow)}.hero-profile{padding:28px;border-radius:20px}.hero-profile h3{font-size:21px;line-height:1.4;letter-spacing:-.025em}.hero-profile p:last-child{font-size:14px;line-height:1.8}.details{border-radius:16px}.details>div{padding:20px}.eyebrow{letter-spacing:.09em}h2{line-height:1.12}.section-head{margin-bottom:48px}.section-head>p{max-width:430px;line-height:1.85}.work-grid article{padding-block:28px}.work-grid h3{letter-spacing:-.025em}.feature-strip article{padding:32px}.feature-strip p{line-height:1.85}.skill-card{padding:32px;min-height:310px}.skill-card h3{font-size:22px;letter-spacing:-.03em}.skill-card .tags span{background:var(--bg)}.slider-controls{gap:12px}.slider-controls button{font-size:20px}.journey li{padding-block:28px}.journey li:before{top:39px}.contact h2{letter-spacing:-.05em}.button{gap:12px}.actions>a:after{content:'↗';font-size:16px}.actions>a:hover:after{transform:translate(2px,-2px)}.actions>a:after{transition:transform 180ms var(--ease-out)}
/* Focus and hover share a quiet, readable emphasis. */
.work-grid article,.feature-strip article{position:relative}.work-grid article:after{content:'';position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}.work-grid article:hover:after{transform:scaleX(1)}.skill-card:focus-within{border-color:var(--accent)}.button:focus-visible,.role-switch button:focus-visible,.skill-explore:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.tags span{font-variant-numeric:tabular-nums}
/* A single entrance group, not every paragraph on the page. */
@media(prefers-reduced-motion:no-preference){.work-grid article.pending{opacity:0;transform:translateY(12px)}.work-grid article{transition:opacity 450ms var(--ease-out),transform 450ms var(--ease-out);transition-delay:var(--reveal-delay,0ms)}}
@media(max-width:800px){.hero-profile{padding:24px}.feature-strip article{padding:26px 20px}.section-head{margin-bottom:32px}.skill-card{padding:28px}.journey li{padding-block:24px}}
@media(max-width:560px){.hero-copy h1{letter-spacing:-.06em}.hero-inner{gap:24px}.details>div{padding:16px}.hero-profile h3{font-size:20px}.hero-profile{margin-top:0}.section{padding-top:64px;padding-bottom:48px}.section-head h2{font-size:36px}.feature-strip article{padding:24px 0}.skill-card{padding:24px}.contact h2{font-size:32px}.contact{padding-bottom:72px}.design-code{min-height:620px;gap:72px}footer{row-gap:16px}.actions{gap:10px}.button{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.work-grid article{opacity:1!important;transform:none!important}.actions>a:after{transition:none}}