.hero.about-hero.about-hero--bio{position:relative;max-width:2000px;margin:0 auto;min-height:clamp(40rem,80vh,58rem);padding:1rem;overflow:visible;--panel-pad-x:clamp(1.25rem,3vw,3rem);--panel-pad-y:clamp(1.5rem,3vw,2.75rem);--hero-corner:var(--footer-corner,4rem);--panel-top:rgba(14,26,30,0.62);--panel-bot:rgba(8,14,18,0.92);--stroke:rgba(120,255,255,0.12);--glow:rgba(120,255,255,0.22)}.hero.about-hero.about-hero--bio .about-copy,.hero.about-hero.about-hero--bio .about-hero-bg,.hero.about-hero.about-hero--bio .about-hero-clip,.hero.about-hero.about-hero--bio .about-panel-nav,.hero.about-hero.about-hero--bio .about-proof,.hero.about-hero.about-hero--bio .about-signature,.title-about{will-change:transform,opacity}.about-nav{position:absolute;top:0;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem);z-index:50;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1rem;pointer-events:none}.about-nav p,.hero.about-hero.about-hero--bio .about-panel-nav p{margin:0;padding:.6rem 1rem;border:1px solid rgba(103,232,249,.2);border-radius:2px;background:rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(34,211,238,.08);font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(103,232,249,.62)}.title-about{position:relative;z-index:5;display:flex;justify-content:center;width:100%;min-height:1.1em;margin-top:clamp(-8rem,-8vw,-5rem);margin-bottom:clamp(1rem,2vw,2rem);overflow:hidden;pointer-events:none;text-align:center}.title-about h3{position:relative;width:min(100%,18ch);margin:0 auto;font-family:var(--hero-font,"Clash Display",sans-serif)!important;font-size:clamp(3rem,8vw,7rem);font-weight:500;line-height:.95;letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;color:rgba(120,255,210,.95);text-shadow:0 0 10px rgba(120,255,210,.42),0 0 28px rgba(80,220,180,.26),0 0 62px rgba(40,180,160,.18)}.hero.about-hero.about-hero--bio .about-hero-clip{position:absolute;inset:1rem;z-index:1;overflow:hidden;clip-path:polygon(var(--hero-corner) 0,calc(100% - var(--hero-corner)) 0,100% var(--hero-corner),100% calc(100% - var(--hero-corner)),calc(100% - var(--hero-corner)) 100%,var(--hero-corner) 100%,0 calc(100% - var(--hero-corner)),0 var(--hero-corner));transform:translateZ(0)}.hero.about-hero.about-hero--bio .about-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--stroke);box-shadow:0 0 28px var(--glow),inset 0 0 18px rgba(120,255,255,.08)}.hero.about-hero.about-hero--bio .about-hero-bg:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:screen;background:radial-gradient(900px 260px at 50% 0,rgba(120,255,255,.12),transparent 60%),linear-gradient(90deg,rgba(120,255,255,.06) 1px,transparent 0),linear-gradient(180deg,rgba(120,255,255,.05) 1px,transparent 0),repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 6px,transparent 10px);background-size:auto,64px 64px,64px 64px,100% 10px}.hero.about-hero.about-hero--bio .about-hero-bg:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background:radial-gradient(1200px 700px at 50% 60%,transparent,rgba(0,0,0,.55) 70%,rgba(0,0,0,.85) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");background-size:auto,220px 220px}.hero.about-hero.about-hero--bio .hero-container,.hero.about-hero.about-hero--bio .hero-content{position:relative;z-index:2;height:100%;min-height:inherit}.hero.about-hero.about-hero--bio .hero-content{display:flex;flex-direction:column;padding:var(--panel-pad-y) var(--panel-pad-x)}.hero.about-hero.about-hero--bio .about-panel-nav{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;pointer-events:none}.hero.about-hero.about-hero--bio .about-panel-nav .service-name p{font-weight:600}.hero.about-hero.about-hero--bio .hero-content>.container{width:100%;max-width:none;margin:0;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem,8vh,5rem) 0 clamp(1.5rem,4vh,3rem)}.hero.about-hero.about-hero--bio .hero-content-footer{width:100%}.hero.about-hero.about-hero--bio .callout{position:relative;width:min(100%,52rem);margin:0 auto}.hero.about-hero.about-hero--bio .callout:before{content:"";position:absolute;inset:-1.25rem -1.5rem;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);filter:blur(2px)}.hero.about-hero.about-hero--bio .about-copy{position:relative;display:grid;gap:1rem}.hero.about-hero.about-hero--bio .about-bio{margin:0;font-family:var(--font-mono);font-size:clamp(.95rem,1vw + .55rem,1.08rem);line-height:1.95;letter-spacing:.01em;color:rgba(255,255,255,.78);text-wrap:pretty;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 18px rgba(120,255,210,.08)}.hero.about-hero.about-hero--bio .about-proof,.hero.about-hero.about-hero--bio .about-signature{position:absolute;bottom:var(--panel-pad-y);z-index:6;max-width:min(24rem,40%);margin:0;pointer-events:none;user-select:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;line-height:1.6;text-transform:uppercase;color:rgba(255,255,255,.58);text-shadow:0 1px 0 rgba(0,0,0,.35)}.hero.about-hero.about-hero--bio .about-signature--left{left:var(--panel-pad-x);text-align:left}.hero.about-hero.about-hero--bio .about-proof--right{right:var(--panel-pad-x);text-align:right}.about-tech-stack{margin-top:32px}.about-tech-title{margin-bottom:14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(180,244,255,.72)}.about-tech-grid{display:flex;flex-wrap:wrap;gap:10px}.about-tech-item{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);font-size:13px;line-height:1;letter-spacing:.04em}.about-availability{margin-top:28px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.46)}@media (max-width:1000px){.hero.about-hero.about-hero--bio{min-height:auto;padding:.75rem;--panel-pad-x:1.25rem;--panel-pad-y:1.25rem}.about-nav{display:none}.title-about{margin-top:clamp(-3rem,-6vw,-1rem);margin-bottom:.75rem;padding:0 1rem}.title-about h3{width:min(100%,12ch);font-size:clamp(2.4rem,12vw,4.4rem)}.hero.about-hero.about-hero--bio .about-hero-clip{inset:.75rem;clip-path:none;border-radius:1.5rem}.hero.about-hero.about-hero--bio .hero-content{padding:1.25rem;gap:1.5rem}.hero.about-hero.about-hero--bio .about-panel-nav{flex-wrap:wrap}.hero.about-hero.about-hero--bio .about-panel-nav p{font-size:10px;letter-spacing:.22em}.hero.about-hero.about-hero--bio .hero-content>.container{align-items:flex-start;padding:0}.hero.about-hero.about-hero--bio .callout{width:100%;margin:0}.hero.about-hero.about-hero--bio .about-copy{gap:.9rem}.hero.about-hero.about-hero--bio .about-bio{font-size:clamp(.95rem,2vw + .45rem,1rem);line-height:1.85}.hero.about-hero.about-hero--bio .about-proof,.hero.about-hero.about-hero--bio .about-signature{position:static;max-width:none;margin-top:.75rem;font-size:10px;letter-spacing:.16em;text-align:left}}@media (max-width:640px){.hero.about-hero.about-hero--bio{padding:.5rem}.title-about{padding:0 .75rem}.hero.about-hero.about-hero--bio .about-hero-clip{inset:.5rem;border-radius:1.25rem}.hero.about-hero.about-hero--bio .hero-content{padding:1rem}.hero.about-hero.about-hero--bio .about-panel-nav,.hero.about-hero.about-hero--bio .about-panel-nav .about-logo,.hero.about-hero.about-hero--bio .about-panel-nav .service-name{width:100%}.hero.about-hero.about-hero--bio .about-panel-nav p{width:100%;padding:.7rem .85rem}.hero.about-hero.about-hero--bio .about-copy{gap:.85rem}}@media (max-height:720px) and (min-width:1001px){.hero.about-hero.about-hero--bio{min-height:34rem}.hero.about-hero.about-hero--bio .hero-content>.container{padding-top:2rem}}