.hero-wrap{--hero-frame-border:2px solid color-mix(in srgb, var(--accent-yellow) 46%, var(--ui-border));--hero-frame-shadow:10px 10px 0 color-mix(in srgb, var(--accent-yellow) 32%, transparent);--hero-portrait-border:2px solid color-mix(in srgb, var(--accent-yellow) 52%, var(--ui-border));--hero-portrait-shadow:8px 8px 0 color-mix(in srgb, var(--accent-yellow) 28%, transparent);--hero-metric-border:2px solid color-mix(in srgb, var(--accent-yellow) 52%, var(--ui-border));--hero-metric-shadow:4px 4px 0 color-mix(in srgb, var(--accent-yellow) 28%, transparent);--hero-frame-width:min(74vw, 350px);--hero-frame-height:min(86vw, 440px);grid-template-columns:1fr;align-items:center;gap:2rem;width:min(1120px,95vw);margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 0 2rem;display:grid}.hero-wrap .hero-copy h1{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-family:Space Grotesk,JetBrains Mono,monospace;font-size:clamp(2rem,7vw,4.6rem);font-weight:700;line-height:1.06}.hero-wrap .hero-copy h1 span{color:var(--accent-yellow)}.hero-wrap .intro-tag{border:1px solid color-mix(in srgb, var(--accent-yellow) 45%, transparent);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;margin:0 0 .8rem;padding:.38rem .72rem;font-size:.74rem;display:inline-block}.hero-wrap .intro-tag-overlay{z-index:2;transform-origin:50%;background:color-mix(in srgb, var(--ui-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--accent-yellow) 40%, var(--ui-border));border-radius:.22rem;margin:0;position:absolute;top:50%;right:0;transform:translate(50%,-50%)rotate(90deg)}.hero-wrap .quote{max-width:44ch;color:var(--text-secondary);margin:1rem 0 0;font-size:clamp(.95rem,2.5vw,1.08rem);line-height:1.65}.hero-wrap .delivered-block{margin-top:1.15rem}.hero-wrap .delivered-title{letter-spacing:.18em;color:var(--text-secondary);margin:0 0 .6rem;font-size:.9rem;font-weight:800}.hero-wrap .metrics-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.hero-wrap .metric-item{color:var(--text-primary);background:color-mix(in srgb, var(--ui-surface) 88%, transparent);border:var(--hero-metric-border);box-shadow:var(--hero-metric-shadow);border-radius:.28rem;grid-template-columns:1fr auto;align-items:start;gap:.36rem;padding:.62rem .74rem;display:grid}.hero-wrap .metric-copy{flex-direction:column;align-items:flex-start;gap:.18rem;display:flex}.hero-wrap .metric-copy strong{color:var(--accent-yellow);font-size:2.04rem;font-weight:700;line-height:1}.hero-wrap .metric-item svg{color:color-mix(in srgb, var(--text-primary) 72%, transparent);margin-top:.18rem}.hero-wrap .metric-copy span{white-space:nowrap;color:var(--text-secondary);font-size:.76rem;line-height:1.1}.hero-wrap .hero-visual{justify-items:center;display:grid;position:relative}.hero-wrap .visual-frame{width:var(--hero-frame-width);height:var(--hero-frame-height);border:var(--hero-frame-border);background:linear-gradient(0deg, color-mix(in srgb, var(--ui-surface) 92%, transparent), color-mix(in srgb, var(--ui-surface) 92%, transparent)), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-yellow) 6%, transparent) 0, color-mix(in srgb, var(--accent-yellow) 6%, transparent) 1px, transparent 1px, transparent 18px);max-height:440px;box-shadow:var(--hero-frame-shadow);border-radius:.35rem;place-items:center;padding:.66rem .58rem .84rem;display:grid;position:relative}.hero-wrap .portrait-rect{z-index:1;background:linear-gradient(165deg, color-mix(in srgb, var(--ui-muted) 84%, var(--ui-surface) 16%), var(--ui-surface));border:var(--hero-portrait-border);width:74%;height:75%;box-shadow:var(--hero-portrait-shadow);border-radius:.28rem;align-self:start;place-items:center;margin-top:1.02rem;display:grid;position:relative;overflow:hidden}.hero-wrap .profile-photo{z-index:1;object-fit:contain;object-position:center bottom;width:70%;height:100%;position:relative}.hero-wrap .right-rail{background:color-mix(in srgb, var(--accent-yellow) 85%, transparent);width:1px;height:72%;position:absolute;top:14%;right:0}.hero-wrap .frame-box{background:var(--accent-yellow);width:.72rem;height:.72rem;box-shadow:none;border-radius:0;position:absolute}.hero-wrap .corner-top-right{top:14%;right:-.32rem}.hero-wrap .corner-bottom-right{bottom:14%;right:-.32rem}.hero-wrap .resume-btn{--x:50%;--y:50%;z-index:4;min-width:10.4rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb, var(--ui-surface) 94%, transparent);isolation:isolate;border:none;border-radius:.22rem;justify-content:center;align-items:center;gap:.42rem;padding:.62rem .84rem;font-size:.66rem;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:2%;left:50%;overflow:hidden;transform:translate(-50%)}.hero-wrap .resume-btn:before{content:"";border-radius:inherit;background:radial-gradient(130px circle at var(--x) var(--y), color-mix(in srgb, var(--accent-yellow) 98%, white 2%), transparent 68%);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-wrap .resume-btn:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:3px}@media (width>=930px){.hero-wrap{grid-template-columns:1.1fr .9fr}.hero-wrap .hero-visual{order:initial;justify-items:end}}@media (width<=700px){.hero-wrap .hero-copy{width:100%}.hero-wrap .hero-copy h1{margin-top:.9rem}.hero-wrap .hero-visual{order:-1}.hero-wrap .visual-frame{--hero-frame-width:min(78vw, 302px);--hero-frame-height:min(88vw, 372px);padding:.62rem .54rem .74rem}.hero-wrap .portrait-rect{width:78%;height:75%;margin-top:.8rem}.hero-wrap .hero-copy>:is(h1,.quote,.delivered-block){max-width:22rem;margin-left:auto;margin-right:auto;padding-left:0}.hero-wrap .intro-tag-overlay{padding:.28rem .58rem;font-size:.66rem;right:0}.hero-wrap .delivered-block{width:100%;margin-top:1.8rem;padding-left:0}.hero-wrap .delivered-title{text-align:left;max-width:none;margin:0 0 .6rem}.hero-wrap .metrics-grid-two{max-width:none;margin:0}.hero-wrap .metric-item{padding:.42rem .56rem}.hero-wrap .metric-copy strong{font-size:1.3rem}.hero-wrap .metric-copy span{font-size:.72rem}.hero-wrap .resume-btn{min-width:8.8rem;padding:.52rem .7rem;font-size:.62rem;bottom:2.2%;left:50%;transform:translate(-50%)}}@media (width<=420px){.hero-wrap .metrics-grid-two{gap:.46rem}.hero-wrap .metric-item{padding:.5rem .54rem}.hero-wrap .metric-copy strong{font-size:1.44rem}.hero-wrap .metric-copy span{font-size:.66rem}}