:root { --ink:#0a0a0a; --paper:#f1f0eb; --acid:#b7ff3c; --muted:#9b9b94; --line:rgba(255,255,255,.16); --pad:clamp(24px,5vw,80px); --section-y:130px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:"Manrope",sans-serif; overflow-x:hidden; }
body::selection { background:var(--acid); color:var(--ink); }
a { color:inherit; text-decoration:none; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.cursor-glow { position:fixed; width:380px; height:380px; border-radius:50%; background:rgba(183,255,60,.07); filter:blur(45px); pointer-events:none; z-index:0; transform:translate(-50%,-50%); transition:opacity .3s; }
.nav-wrap { position:fixed; top:0; left:0; right:0; height:88px; padding:0 var(--pad); display:flex; align-items:center; justify-content:space-between; z-index:15; border-bottom:1px solid transparent; transition:.35s; }
.nav-wrap.scrolled { height:68px; background:rgba(10,10,10,.82); backdrop-filter:blur(18px); border-color:var(--line); }
.brand, footer>a:first-child { font-size:24px; font-weight:800; letter-spacing:-.08em; }.brand span, footer>a:first-child span { color:var(--acid); }
nav { display:flex; gap:32px; } nav a { font:500 11px "DM Mono"; text-transform:uppercase; letter-spacing:.1em; color:#c6c6c0; transition:.2s; } nav a:hover { color:var(--acid); }
.nav-cta { padding:11px 16px; border:1px solid #444; font:500 11px "DM Mono"; text-transform:uppercase; }.nav-cta span { color:var(--acid); margin-left:8px; }
.nav-actions { display:flex; align-items:center; gap:12px; }.lang-switch { display:flex; align-items:center; gap:3px; padding:4px; border:1px solid #343434; font:500 9px "DM Mono"; letter-spacing:.08em; }.lang-switch a,.lang-switch span { display:grid; place-items:center; min-width:28px; height:26px; transition:.2s; }.lang-switch span[aria-current="page"] { background:var(--paper); color:var(--ink); }.lang-switch a { color:#777; }.lang-switch a:hover { color:var(--paper); }
.section-pad { position:relative; padding-left:var(--pad); padding-right:var(--pad); }
.hero { min-height:100svh; padding-top:150px; padding-bottom:70px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:5vw; align-items:center; overflow:hidden; }
.hero::before { content:""; position:absolute; width:34vw; height:34vw; left:-15vw; top:14%; border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.hero-copy { position:relative; z-index:2; }.status { display:flex; align-items:center; gap:10px; margin-bottom:36px; color:#bdbdb6; font:400 10px "DM Mono"; text-transform:uppercase; letter-spacing:.14em; }.status span { width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 12px var(--acid); animation:pulse 2s infinite; }
.hero-title { margin:0; font-size:clamp(46px,5vw,92px); line-height:.94; letter-spacing:-.055em; word-spacing:.08em; font-weight:700; font-feature-settings:"kern" 1,"liga" 1; }.title-line { display:block; overflow:hidden; padding-bottom:.1em; }.title-line>span { display:block; white-space:nowrap; transform:translateY(110%); animation:titleIn 1s cubic-bezier(.2,.8,.2,1) forwards .15s; }.title-line:nth-child(2)>span { animation-delay:.28s; }
.hero-bottom { display:flex; align-items:flex-end; gap:4vw; margin-top:50px; }.hero-bottom>p { max-width:530px; margin:0; color:#adada7; font-size:clamp(14px,1.15vw,18px); line-height:1.75; }.hero-bottom strong { color:var(--paper); font-weight:600; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; min-width:max-content; }.button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 19px; font:500 10px "DM Mono"; text-transform:uppercase; letter-spacing:.04em; border:1px solid #444; transition:.25s; }.button-primary { background:var(--acid); border-color:var(--acid); color:#090909; }.button-ghost:hover { border-color:var(--paper); }.button span { font-size:16px; }
.portrait-wrap { position:relative; max-width:520px; margin-left:auto; }.portrait-frame { position:relative; aspect-ratio:4/5; overflow:hidden; background:#1a1a1a; }.portrait-frame picture { display:block; width:100%; height:100%; }.portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:50% 33%; filter:grayscale(1) contrast(1.06); transform:scale(1.01); transition:transform .8s cubic-bezier(.2,.8,.2,1), filter .5s; }.portrait-wrap:hover img { transform:scale(1.045); filter:grayscale(.2) contrast(1.03); }.portrait-shade { position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72)); }.corner { position:absolute; width:24px; height:24px; border-color:var(--acid); }.corner-tl { left:12px; top:12px; border-left:1px solid; border-top:1px solid; }.corner-tr { right:12px; top:12px; border-right:1px solid; border-top:1px solid; }.corner-bl { left:12px; bottom:12px; border-left:1px solid; border-bottom:1px solid; }.corner-br { right:12px; bottom:12px; border-right:1px solid; border-bottom:1px solid; }
.portrait-label { position:absolute; left:-28px; bottom:28px; font:400 10px/1.7 "DM Mono"; text-transform:uppercase; letter-spacing:.09em; }.portrait-label span { display:block; color:var(--acid); }.orbit-text { position:absolute; right:-46px; top:-42px; width:92px; height:92px; border:1px solid rgba(183,255,60,.45); border-radius:50%; display:grid; place-items:center; color:var(--acid); font:400 7px "DM Mono"; letter-spacing:.15em; text-align:center; animation:spin 14s linear infinite; }
.scroll-note { position:absolute; bottom:34px; left:var(--pad); display:flex; align-items:center; gap:12px; font:400 9px "DM Mono"; text-transform:uppercase; letter-spacing:.12em; color:#777; transform:rotate(-90deg) translateY(-100%); transform-origin:left bottom; }.scroll-note span { width:46px; height:1px; background:#555; position:relative; overflow:hidden; }.scroll-note span::after { content:""; position:absolute; inset:0; background:var(--acid); animation:scrollLine 2.4s infinite; }
.ticker { overflow:hidden; border-block:1px solid var(--line); padding:18px 0; background:#0d0d0d; }.ticker-track { display:flex; width:max-content; align-items:center; animation:ticker 28s linear infinite; }.ticker span { font-size:14px; font-weight:600; letter-spacing:.09em; margin:0 28px; }.ticker i { color:var(--acid); font-style:normal; }
.about, .experience, .references, .capabilities, .education, .contact { padding-top:var(--section-y); padding-bottom:var(--section-y); }.section-kicker { display:flex; gap:16px; align-items:center; margin-bottom:64px; font:400 10px "DM Mono"; letter-spacing:.13em; text-transform:uppercase; color:#8e8e88; }.section-kicker span { color:var(--acid); }.section-kicker::after { content:""; height:1px; width:68px; background:#444; }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; }.section-title { margin:0; font-size:clamp(40px,5.7vw,90px); line-height:.98; letter-spacing:-.055em; font-weight:600; }.section-title em { color:var(--acid); font-style:normal; }.about-copy { padding-top:8px; max-width:630px; color:#92928c; font-size:15px; line-height:1.8; }.metrics { margin-top:100px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.metric { padding:35px 20px 0 0; }.metric strong { font-size:clamp(28px,3.8vw,60px); letter-spacing:-.06em; font-weight:500; white-space:nowrap; }.metric p { color:#777; font:400 10px "DM Mono"; text-transform:uppercase; letter-spacing:.07em; }
.experience { position:relative; overflow:hidden; background:linear-gradient(180deg,#f6f5ef 0%,#efeee8 54%,#ecebe5 100%); color:var(--ink); }
.experience::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(10,10,10,.035) 1px,transparent 1px),linear-gradient(rgba(10,10,10,.026) 1px,transparent 1px),radial-gradient(circle at 92% 18%,rgba(183,255,60,.12),transparent 28%),radial-gradient(circle at 9% 82%,rgba(99,216,255,.09),transparent 32%); background-size:44px 44px,44px 44px,100% 100%,100% 100%; mask-image:linear-gradient(180deg,transparent,#000 16%,#000 86%,transparent); }
.experience::after { content:"ROUTE"; position:absolute; right:calc(var(--pad) - 10px); top:98px; color:rgba(10,10,10,.048); font:800 clamp(84px,15vw,220px)/.78 "Manrope"; letter-spacing:-.12em; pointer-events:none; }
.experience .section-kicker { color:#777; }.experience .section-kicker::after { background:#bbb; }
.section-heading-row { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:70px; }.section-heading-row>p { max-width:350px; color:#666; }
.journey-board { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:-30px 0 38px; border-block:1px solid rgba(10,10,10,.18); background:rgba(246,245,239,.62); backdrop-filter:blur(8px); }
.journey-board div { position:relative; min-height:132px; padding:24px 28px; overflow:hidden; border-right:1px solid rgba(10,10,10,.1); color:var(--ink); transition:background .35s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.journey-board div:last-child { border-right:0; }
.journey-board div::before { content:""; position:absolute; left:28px; right:28px; bottom:0; height:2px; background:linear-gradient(90deg,var(--cyber),var(--commerce)); transform:scaleX(.2); transform-origin:left; transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.journey-board div::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 58%); opacity:0; transition:opacity .35s ease; pointer-events:none; }
.journey-board div:hover { background:rgba(255,255,255,.36); transform:translateY(-2px); }
.journey-board div:hover::after { opacity:1; }
.journey-board div:hover::before { transform:scaleX(1); }
.journey-board span { display:block; color:#5f5e57; font:600 9px "DM Mono"; text-transform:uppercase; letter-spacing:.12em; }
.journey-board strong { display:block; margin-top:20px; color:#171714; font-size:clamp(30px,3.35vw,52px); line-height:.82; letter-spacing:-.075em; }
.journey-board small { display:block; max-width:270px; margin-top:14px; color:#55544e; font:500 9px/1.6 "DM Mono"; text-transform:uppercase; letter-spacing:.055em; }
.timeline { --route-x:38px; position:relative; z-index:1; display:grid; gap:16px; padding-top:8px; border-top:0; }
.timeline::before { content:""; position:absolute; left:var(--route-x); top:10px; bottom:10px; width:2px; background:linear-gradient(180deg,var(--commerce),rgba(10,10,10,.18) 45%,var(--cyber)); opacity:.5; }
.timeline::after { content:""; position:absolute; left:calc(var(--route-x) - 1px); top:10px; bottom:10px; width:4px; border-radius:999px; background:linear-gradient(180deg,transparent 0 12%,rgba(183,255,60,.85) 24%,transparent 36%,rgba(99,216,255,.75) 66%,transparent 82%); background-size:100% 220%; filter:blur(.1px); opacity:.66; animation:routeScan 7.5s linear infinite; }
.job { --job-color:var(--commerce); --job-rgb:var(--commerce-rgb); position:relative; isolation:isolate; display:grid; grid-template-columns:76px minmax(210px,.88fr) minmax(300px,1.42fr) 156px; gap:26px; align-items:start; min-height:190px; padding:30px 30px 30px 0; border:1px solid rgba(10,10,10,.16); background:rgba(246,245,239,.72); box-shadow:0 20px 80px rgba(10,10,10,.055); overflow:hidden; backdrop-filter:blur(10px); transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s,background .35s; }
.job[data-track="growth"] { --job-color:var(--cyber); --job-rgb:var(--cyber-rgb); }
.job[data-track="people"] { --job-color:#0a0a0a; --job-rgb:10,10,10; }
.job::before { content:""; position:absolute; left:30px; top:37px; z-index:2; width:18px; height:18px; border:2px solid #f5f4ef; border-radius:50%; background:var(--job-color); box-shadow:0 0 0 8px rgba(var(--job-rgb),.12),0 0 30px rgba(var(--job-rgb),.34); }
.job::after { content:""; position:absolute; z-index:0; width:420px; height:420px; left:var(--spot-x,18%); top:var(--spot-y,50%); border-radius:50%; background:radial-gradient(circle,rgba(var(--job-rgb),.14),transparent 68%); transform:translate(-50%,-50%); opacity:.18; transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.job>* { position:relative; z-index:1; }
.job:hover { transform:translateX(10px); border-color:rgba(var(--job-rgb),.46); background:rgba(255,255,255,.62); box-shadow:0 28px 100px rgba(10,10,10,.095); }
.job:hover::after { opacity:.58; transform:translate(-50%,-50%) scale(1.04); }
.job-index { position:relative; z-index:3; display:grid; place-items:center; width:76px; min-height:50px; color:#4d4d47; font:500 10px "DM Mono"; letter-spacing:.08em; padding-top:2px; }
.job-index::after { content:""; position:absolute; width:42px; height:1px; right:-20px; top:25px; background:linear-gradient(90deg,var(--job-color),transparent); }
.job-main::before { content:"TRACK"; display:inline-flex; margin-bottom:18px; padding:6px 8px; border:1px solid rgba(var(--job-rgb),.28); border-radius:999px; background:rgba(var(--job-rgb),.055); color:#3f3f39; font:600 8px "DM Mono"; text-transform:uppercase; letter-spacing:.12em; }
.job[data-track-label="Shopify"] .job-main::before { content:"Shopify"; }
.job[data-track-label="E-commerce"] .job-main::before { content:"E-commerce"; }
.job[data-track-label="Marketing"] .job-main::before { content:"Marketing"; }
.job[data-track-label="People"] .job-main::before { content:"People"; }
.job h3 { margin:0 0 12px; font-size:clamp(23px,2.25vw,34px); line-height:.98; letter-spacing:-.055em; }
.job-main>a,.job-main>span { display:inline-flex; color:#55554f; font:500 10px "DM Mono"; text-transform:uppercase; letter-spacing:.07em; }.job-main>a:hover { color:#307400; }
.job-detail p { max-width:720px; margin:0 0 18px; color:#55554f; font-size:13.5px; line-height:1.72; }
.tags { display:flex; gap:6px; flex-wrap:wrap; }.tags span { border:1px solid rgba(var(--job-rgb),.26); background:rgba(var(--job-rgb),.045); padding:6px 9px; border-radius:20px; color:#474742; font:500 9px "DM Mono"; }
.job time { justify-self:end; text-align:right; color:#62625c; font:500 10px/1.5 "DM Mono"; text-transform:uppercase; letter-spacing:.07em; padding-top:2px; }
.education { background:#141414; }.education-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:9vw; }.edu-intro>p { max-width:390px; margin-top:30px; color:#888; line-height:1.7; }.edu-list { position:relative; display:grid; gap:12px; padding-left:34px; }.edu-list::before { content:""; position:absolute; left:10px; top:18px; bottom:18px; width:1px; background:linear-gradient(180deg,var(--cyber),rgba(255,255,255,.14) 52%,var(--commerce)); opacity:.65; }.edu-row { --edu-color:var(--cyber); --edu-rgb:var(--cyber-rgb); position:relative; display:grid; grid-template-columns:118px 1fr; gap:22px; align-items:start; min-height:126px; padding:24px 26px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(145deg,rgba(var(--edu-rgb),.07),rgba(255,255,255,.018) 52%,transparent); transition:border-color .35s,background .35s,transform .35s cubic-bezier(.2,.8,.2,1); }.edu-row[data-edu-type="technical"] { --edu-color:var(--commerce); --edu-rgb:var(--commerce-rgb); }.edu-row::before { content:""; position:absolute; left:-31px; top:31px; width:13px; height:13px; border:2px solid #141414; border-radius:50%; background:var(--edu-color); box-shadow:0 0 0 7px rgba(var(--edu-rgb),.09),0 0 28px rgba(var(--edu-rgb),.32); }.edu-row::after { content:attr(data-step); position:absolute; right:18px; bottom:-24px; color:rgba(var(--edu-rgb),.045); font:800 92px/1 "Manrope"; letter-spacing:-.09em; pointer-events:none; }.edu-row:hover { transform:translateX(6px); border-color:rgba(var(--edu-rgb),.4); background:radial-gradient(circle at 84% 18%,rgba(var(--edu-rgb),.13),transparent 38%),linear-gradient(145deg,rgba(var(--edu-rgb),.09),rgba(255,255,255,.02) 52%,transparent); }.edu-year { position:relative; z-index:1; display:inline-flex; width:max-content; padding:7px 9px; border:1px solid rgba(var(--edu-rgb),.28); border-radius:999px; background:rgba(var(--edu-rgb),.055); color:var(--edu-color); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }.edu-row h3 { position:relative; z-index:1; margin:0 0 9px; font-size:19px; line-height:1.18; letter-spacing:-.035em; }.edu-row p { position:relative; z-index:1; margin:0; color:#85857f; font-size:13px; line-height:1.55; }
.contact { min-height:80vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }.contact .section-kicker { margin-bottom:60px; }.contact-small { color:#888; font:400 11px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }.contact-link { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid #4b4b48; font-size:clamp(45px,8.7vw,140px); line-height:1; letter-spacing:-.07em; font-weight:600; transition:.3s; }.contact-link:hover { color:var(--acid); border-color:var(--acid); }.contact-link span { font-size:.45em; color:var(--acid); }.contact-meta { display:flex; gap:35px; margin-top:30px; color:#777; font:400 10px "DM Mono"; text-transform:uppercase; }.contact-meta a:hover { color:var(--acid); }.contact-orb { position:absolute; width:50vw; height:50vw; border-radius:50%; background:radial-gradient(circle,rgba(183,255,60,.14),transparent 68%); right:-15vw; top:5%; }
footer { border-top:1px solid var(--line); min-height:110px; padding:0 var(--pad); display:flex; justify-content:space-between; align-items:center; color:#777; font:400 10px "DM Mono"; text-transform:uppercase; }footer>a:last-child:hover { color:var(--acid); }
.reveal { opacity:0; transform:translateY(35px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1); }.reveal.visible { opacity:1; transform:translateY(0); }.job.reveal { transform:translateY(24px); }.job.reveal.visible { transform:translateY(0); }.job.reveal.visible:hover { transform:translateX(10px); }
@keyframes titleIn { to { transform:translateY(0); } } @keyframes pulse { 50% { opacity:.35; box-shadow:0 0 3px var(--acid); } } @keyframes spin { to { transform:rotate(360deg); } } @keyframes scrollLine { 0%{transform:translateX(-100%)} 60%,100%{transform:translateX(100%)} } @keyframes ticker { to { transform:translateX(-50%); } } @keyframes routeScan { 0%{background-position:0 -120%} 100%{background-position:0 120%} }
@media (max-width:1050px) { .hero { grid-template-columns:1fr .55fr; }.hero-bottom { display:block; }.hero-actions { margin-top:28px; }.journey-board { grid-template-columns:1fr; }.journey-board div { min-height:118px; }.timeline { --route-x:27px; }.job { grid-template-columns:58px 1fr; gap:18px; padding:24px 22px 24px 0; }.job-main { grid-column:2; }.job-detail { grid-row:auto; grid-column:2; }.job time { grid-column:2; grid-row:auto; justify-self:start; text-align:left; }.job.reveal.visible:hover { transform:translateX(6px); }.orbit-text { display:none; } }
@media (max-width:760px) { :root { --pad:20px; --section-y:90px; }.nav-wrap { height:68px; }.nav-wrap nav { display:none; }.nav-cta { padding:9px 11px; }.hero { min-height:auto; padding-top:120px; grid-template-columns:1fr; gap:55px; }.hero-title { font-size:clamp(34px,8.8vw,56px); }.hero-bottom { margin-top:35px; }.hero-actions { min-width:0; }.portrait-wrap { width:87%; margin-left:auto; }.portrait-label { left:-14%; }.scroll-note { display:none; }.section-kicker { margin-bottom:42px; }.about-grid,.education-layout { grid-template-columns:1fr; gap:50px; }.metrics { grid-template-columns:1fr 1fr; margin-top:65px; }.section-heading-row { display:block; margin-bottom:40px; }.section-heading-row p { margin-top:24px; }.experience::after { right:auto; left:20px; top:86px; font-size:70px; max-width:280px; }.journey-board { margin:-12px 0 30px; }.journey-board div { min-height:112px; padding:20px; }.timeline { --route-x:20px; gap:12px; }.timeline::before { left:var(--route-x); }.timeline::after { left:calc(var(--route-x) - 1px); height:auto; }.job { grid-template-columns:44px 1fr; gap:14px; min-height:0; padding:22px 18px 22px 0; }.job::before { left:12px; top:28px; width:16px; height:16px; }.job-index { width:44px; min-height:34px; }.job-index::after { width:22px; right:-12px; top:17px; }.job h3 { font-size:21px; }.job-detail p { font-size:12.5px; line-height:1.68; }.job time { font-size:9px; }.job.reveal.visible:hover { transform:translateY(0) scale(1); }.contact { min-height:70vh; }.contact-link { font-size:13vw; }.contact-meta { flex-direction:column; gap:14px; } footer { min-height:130px; flex-wrap:wrap; gap:20px; }.cursor-glow { display:none; } }
@media (max-width:760px) {
  .experience { background:linear-gradient(180deg,#f6f5ef,#ecebe5); }
  .experience::after { top:96px; font-size:80px; opacity:.75; }
  .journey-board {
    display:flex;
    gap:0;
    margin:-8px calc(var(--pad) * -1) 34px;
    padding:0 calc(var(--pad) + 18px) 14px var(--pad);
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--pad);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    border-block:0;
    background:transparent;
    mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 38px),transparent 100%);
  }
  .journey-board::-webkit-scrollbar { display:none; }
  .journey-board div { flex:0 0 min(84vw,340px); min-height:128px; padding:20px 22px; border:1px solid rgba(10,10,10,.12); border-right:1px solid rgba(10,10,10,.12); background:rgba(246,245,239,.72); scroll-snap-align:start; }
  .journey-board div + div { margin-left:10px; }
  .journey-board strong { margin-top:22px; font-size:38px; }
  .timeline { --route-x:22px; gap:13px; }
  .job { grid-template-columns:48px 1fr; gap:16px; padding:24px 18px 24px 0; background:rgba(246,245,239,.78); }
  .job::before { left:14px; top:31px; }
  .job-index { width:48px; min-height:38px; }
  .job-index::after { top:19px; }
  .job-main::before { margin-bottom:14px; padding:5px 8px; font-size:7px; }
  .job h3 { font-size:clamp(24px,7vw,30px); line-height:1; }
  .job-detail p { font-size:12.8px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }.reveal { opacity:1; transform:none; } }

/* Equal visual systems for the two independent career tracks. */
:root { --cyber:#63d8ff; --cyber-rgb:99,216,255; --commerce:#b7ff3c; --commerce-rgb:183,255,60; }
.cursor-glow { width:420px; height:420px; background:radial-gradient(circle,rgba(var(--cyber-rgb),.07),rgba(var(--commerce-rgb),.035) 45%,transparent 72%); filter:blur(35px); }
.hero::before { border-color:rgba(var(--cyber-rgb),.14); box-shadow:0 0 120px rgba(var(--cyber-rgb),.04); }
.hero::after { content:""; position:absolute; width:42vw; height:42vw; right:-18vw; bottom:-25vw; border-radius:50%; background:radial-gradient(circle,rgba(var(--commerce-rgb),.08),transparent 68%); pointer-events:none; }
.hero { background:radial-gradient(circle at 12% 45%,rgba(var(--cyber-rgb),.045),transparent 31%),radial-gradient(circle at 78% 52%,rgba(var(--commerce-rgb),.035),transparent 32%); }
.hero::before { display:none; }
.hero::after { opacity:.45; }
.hero-title { max-width:780px; font-size:clamp(52px,6vw,104px); line-height:.96; font-weight:650; }
.title-line { position:relative; display:flex; align-items:baseline; gap:0; padding-bottom:.18em; color:var(--paper); }
.title-line small { min-width:24px; font:500 9px "DM Mono"; letter-spacing:.08em; transform:translateY(-.8em); }
.title-line::after { content:""; position:absolute; left:0; right:0; bottom:.04em; height:1px; transform:scaleX(0); transform-origin:left; animation:lineIn 1s cubic-bezier(.2,.8,.2,1) forwards .75s; }
.title-line:nth-child(2)::after { animation-delay:.9s; }
.title-main::after { background:linear-gradient(90deg,var(--cyber),rgba(255,255,255,.18) 48%,var(--commerce)); }
.hero .title-line::after { display:none; }
.hero-bottom { display:block; margin-top:28px; }
.hero-roleline { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
.hero-roleline span { display:flex; align-items:center; gap:9px; color:#d4d3cc; font-size:clamp(14px,1.2vw,18px); font-weight:600; letter-spacing:-.025em; }
.hero-roleline span::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--role-color); box-shadow:0 0 16px rgba(var(--role-rgb),.35); }
.role-cyber { --role-color:var(--cyber); --role-rgb:var(--cyber-rgb); }
.role-commerce { --role-color:var(--commerce); --role-rgb:var(--commerce-rgb); }
.hero-summary { max-width:610px; margin:22px 0 0; color:#92928c; font-size:14px; line-height:1.75; }
.cyber-track { --track-color:var(--cyber); }
.commerce-track { --track-color:var(--commerce); }
.hero-actions { margin-top:28px; }
.button-primary { background:var(--paper); border-color:var(--paper); }
.hero .corner,.hero .orbit-text,.hero .scroll-note,.hero .portrait-label { display:none; }
.ticker .ticker-cyber { color:var(--cyber); }
.ticker .ticker-commerce { color:var(--commerce); }
.ticker i { color:#555; }
.about-copy { max-width:650px; }
.about-tracks { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.about-track { position:relative; padding:22px; border:1px solid var(--line); background:rgba(255,255,255,.018); }
.about-track::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:var(--track-color); transform:scaleX(.25); transform-origin:left; transition:transform .45s ease; }
.about-track:hover::after { transform:scaleX(1); }
.about-track>span { color:var(--track-color); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.about-track p { margin:16px 0 0; color:#b5b5af; font-size:13px; line-height:1.75; }
.about .section-title em,.focus-heading .section-title em { color:transparent; background:linear-gradient(100deg,var(--cyber),var(--commerce)); -webkit-background-clip:text; background-clip:text; }
.metrics { margin-top:90px; border:1px solid var(--line); border-top:1px solid var(--line); }
.metric { --metric-color:var(--paper); --metric-rgb:255,255,255; position:relative; min-height:190px; padding:28px 24px; border-top:2px solid var(--metric-color); background:linear-gradient(145deg,rgba(var(--metric-rgb),.055),transparent 58%); }
.metric+.metric { border-left:1px solid var(--line); }
.metric-cyber { --metric-color:var(--cyber); --metric-rgb:var(--cyber-rgb); }
.metric-commerce { --metric-color:var(--commerce); --metric-rgb:var(--commerce-rgb); }
.metric-domain { color:var(--metric-color); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.1em; }
.metric strong { display:block; margin-top:27px; }
.metric p { margin-top:8px; }
.focus-heading { margin-bottom:55px; }
.focus-heading>p { color:#888; }
.path-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.path-card { --path-color:var(--paper); --path-rgb:255,255,255; position:relative; isolation:isolate; min-height:580px; padding:34px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(145deg,rgba(var(--path-rgb),.1),rgba(255,255,255,.015) 44%,transparent); transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s; }
.path-card::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; background:var(--path-color); }
.path-card:hover { transform:translateY(-8px); border-color:rgba(var(--path-rgb),.5); }
.path-cyber { --path-color:var(--cyber); --path-rgb:var(--cyber-rgb); }
.path-commerce { --path-color:var(--commerce); --path-rgb:var(--commerce-rgb); }
.path-card-glow { position:absolute; z-index:-1; width:420px; height:420px; left:var(--spot-x,50%); top:var(--spot-y,50%); border-radius:50%; background:radial-gradient(circle,rgba(var(--path-rgb),.16),transparent 68%); transform:translate(-50%,-50%); opacity:.35; transition:opacity .3s; }
.path-card:hover .path-card-glow { opacity:.8; }
.path-top { display:flex; justify-content:space-between; color:#777; font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.1em; }
.path-top span:first-child { color:var(--path-color); }
.path-card h3 { margin:80px 0 28px; font-size:clamp(42px,5vw,76px); line-height:.93; letter-spacing:-.065em; font-weight:600; }
.path-card p { max-width:560px; margin:0; color:#a3a39d; font-size:14px; line-height:1.75; }
.path-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:34px; }
.path-tags span { padding:7px 10px; border:1px solid rgba(var(--path-rgb),.28); border-radius:30px; color:#bdbdb7; font:400 9px "DM Mono"; }
.path-footer { position:absolute; left:34px; right:34px; bottom:32px; display:flex; justify-content:space-between; padding-top:18px; border-top:1px solid var(--line); font:400 9px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; color:#666; }
.path-footer strong { color:var(--path-color); font-weight:500; }
.education .section-title em,.education .edu-year { color:var(--cyber); }
.education-layout { align-items:start; }
.edu-list { position:relative; }
.certs { position:relative; display:grid; grid-template-columns:minmax(260px,.74fr) minmax(0,1.26fr); margin-top:78px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(145deg,rgba(var(--cyber-rgb),.06),rgba(255,255,255,.014) 44%,rgba(var(--commerce-rgb),.025)); color:inherit; font:inherit; }
.certs::before { content:""; position:absolute; width:360px; height:360px; right:-170px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(var(--cyber-rgb),.12),transparent 70%); pointer-events:none; }
.certs::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.04) 47.15%,transparent 47.35%); opacity:.42; pointer-events:none; }
.certs-head { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:42px; min-height:100%; padding:34px; border-right:1px solid var(--line); }
.certs-kicker { display:block; margin-bottom:18px; color:var(--cyber); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.13em; }
.certs-head h3 { max-width:310px; margin:0; color:#d7d6d0; font-size:clamp(29px,3.2vw,44px); line-height:1.02; letter-spacing:-.058em; }
.certs-head h3 em { color:#8b8b85; font-family:Georgia,serif; font-weight:400; }
.certs-summary { display:flex; align-items:center; gap:14px; width:max-content; padding:12px 14px; border:1px solid rgba(var(--cyber-rgb),.24); background:rgba(var(--cyber-rgb),.04); }
.certs-summary strong { color:var(--cyber); font-size:39px; line-height:.85; letter-spacing:-.07em; }
.certs-summary span { color:#7a7a74; font:400 8px/1.45 "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.certs-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr; }
.cert-card { --cert-color:var(--cyber); --cert-rgb:var(--cyber-rgb); position:relative; display:grid; grid-template-columns:122px minmax(0,1fr) 116px; align-items:center; gap:26px; min-height:146px; padding:25px 30px; overflow:hidden; border-top:1px solid var(--line); transition:background .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1); }
.cert-card:first-child { border-top:0; }
.cert-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--cert-color); transform:scaleY(.34); transform-origin:top; transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.cert-card::after { content:attr(data-index); position:absolute; right:22px; bottom:-26px; color:rgba(var(--cert-rgb),.04); font:600 96px/1 "Manrope"; letter-spacing:-.08em; pointer-events:none; }
.cert-card:hover { background:rgba(var(--cert-rgb),.055); transform:translateY(-2px); }
.cert-card:hover::before { transform:scaleY(1); }
.cert-language { --cert-color:var(--commerce); --cert-rgb:var(--commerce-rgb); }
.cert-card-top { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.cert-index { color:#5f5f5a; font:400 8px "DM Mono"; letter-spacing:.12em; }
.cert-mark { position:relative; width:112px; height:48px; display:grid; place-items:center; padding:9px 11px; border:1px solid rgba(var(--cert-rgb),.32); background:rgba(var(--cert-rgb),.035); box-shadow:inset 0 0 28px rgba(var(--cert-rgb),.045); }
.cert-mark img { display:block; width:100%; max-height:28px; object-fit:contain; }
.cert-cyber .cert-mark img { filter:invert(1) hue-rotate(180deg); mix-blend-mode:screen; opacity:.88; }
.cert-language .cert-mark img { filter:grayscale(1) invert(1); mix-blend-mode:screen; opacity:.82; }
.cert-check { position:absolute; right:-6px; bottom:-6px; width:19px; height:19px; display:grid; place-items:center; border:2px solid #0b0d0e; border-radius:50%; background:var(--cert-color); color:#0b0d0e; font:700 10px/1 "Manrope"; }
.cert-card-body { margin:0; }
.cert-card-body>span { color:var(--cert-color); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.13em; }
.cert-card-body h4 { max-width:380px; margin:10px 0 0; color:#d8d7d1; font-size:clamp(17px,1.4vw,21px); line-height:1.23; letter-spacing:-.035em; }
.cert-card footer { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:8px; min-height:0; margin-top:0; padding:0; border-top:0; text-align:right; }
.cert-card footer span { color:#60605b; font:400 8px "DM Mono"; text-transform:uppercase; letter-spacing:.1em; }
.cert-card footer strong { color:#aaa9a3; font:500 9px "DM Mono"; letter-spacing:.04em; }
.certs-grid { scrollbar-width:thin; scrollbar-color:rgba(var(--cyber-rgb),.45) rgba(255,255,255,.06); }
.certs-grid::-webkit-scrollbar { height:4px; }
.certs-grid::-webkit-scrollbar-track { background:rgba(255,255,255,.06); border-radius:999px; }
.certs-grid::-webkit-scrollbar-thumb { background:rgba(var(--cyber-rgb),.5); border-radius:999px; }
.path-card:nth-child(2),.metric:nth-child(2),.metric:nth-child(4) { transition-delay:.1s; }
.is-auto-carousel { scroll-behavior:smooth; }
.is-auto-carousel>.testimonial-card,
.is-auto-carousel>.path-card,
.is-auto-carousel>.cert-card { transition:border-color .35s ease, background .35s ease, transform .35s ease, opacity .35s ease; }
.is-auto-carousel>.auto-slide-active { border-color:rgba(255,255,255,.34); transform:translateY(-3px); opacity:1; }
.is-auto-carousel>.testimonial-card.auto-slide-active { border-color:rgba(var(--commerce-rgb),.5); background:linear-gradient(145deg,rgba(var(--commerce-rgb),.09),rgba(255,255,255,.02) 48%,transparent); }
.is-auto-carousel>.path-card.auto-slide-active { border-color:rgba(var(--path-rgb),.55); }
.is-auto-carousel>.cert-card.auto-slide-active { border-color:rgba(var(--cyber-rgb),.45); }
@keyframes lineIn { to { transform:scaleX(1); } }

.references { background:#0d0f10; overflow:hidden; }
.references::before { content:""; position:absolute; width:48vw; height:48vw; right:-24vw; top:5%; border-radius:50%; background:radial-gradient(circle,rgba(var(--commerce-rgb),.075),transparent 68%); pointer-events:none; }
.reference-heading { margin-bottom:55px; }
.reference-heading .section-title em { color:var(--commerce); }
.reference-heading>p { color:#888; }
.testimonial-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.testimonial-card { position:relative; display:flex; flex-direction:column; min-height:520px; padding:30px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(var(--commerce-rgb),.065),rgba(255,255,255,.015) 48%,transparent); overflow:hidden; }
.testimonial-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--commerce); transform:scaleY(.28); transform-origin:top; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.testimonial-card:hover::before { transform:scaleY(1); }
.quote-mark { position:absolute; right:28px; top:12px; color:rgba(var(--commerce-rgb),.14); font:700 130px/1 Georgia,serif; }
.testimonial-type { position:relative; color:var(--commerce); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.1em; }
.employer-type strong { display:block; color:#e3e2dc; font:700 19px "Manrope"; letter-spacing:-.04em; }.employer-type span { display:block; margin-top:6px; color:var(--commerce); font:500 9px "DM Mono"; letter-spacing:.09em; }
.testimonial-quote { position:relative; max-width:650px; margin:58px 0 26px; color:#c8c7c0; font-size:14px; line-height:1.72; letter-spacing:-.01em; }
.testimonial-quote p { margin:0; }
.testimonial-quote p+p { margin-top:15px; }
.testimonial-tags { display:flex; flex-wrap:wrap; gap:7px; }
.testimonial-tags span { padding:6px 9px; border:1px solid rgba(var(--commerce-rgb),.25); border-radius:30px; color:#9c9c96; font:400 9px "DM Mono"; }
.testimonial-author { position:static; min-height:58px; margin-top:auto; padding:16px 0 0; border-top:1px solid var(--line); display:grid; grid-template-columns:42px 1fr auto; gap:13px; align-items:center; color:inherit; }
.author-initials { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(var(--commerce-rgb),.35); color:var(--commerce); font:500 10px "DM Mono"; }
.testimonial-author strong { display:block; font-size:13px; }
.testimonial-author div>span { display:block; margin-top:4px; color:#6f6f6a; font:400 8px "DM Mono"; text-transform:uppercase; letter-spacing:.07em; }
.testimonial-author>a { color:var(--commerce); font-size:18px; transition:transform .25s; }
.testimonial-author>a:hover { transform:translate(3px,-3px); }
@media (max-width:1050px) {
  .hero-title { font-size:clamp(38px,4.3vw,60px); }
  .about-tracks { grid-template-columns:1fr; }
  .testimonial-grid,.path-cards {
    display:flex;
    gap:14px;
    margin:0 calc(var(--pad) * -1);
    padding:0 calc(var(--pad) + 18px) 20px var(--pad);
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--pad);
    -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 46px),transparent 100%);
    scrollbar-width:none;
  }
  .testimonial-grid::-webkit-scrollbar,.path-cards::-webkit-scrollbar { display:none; }
  .testimonial-card { flex:0 0 min(58vw,520px); min-height:520px; scroll-snap-align:start; }
  .path-card { flex:0 0 min(58vw,520px); min-height:500px; scroll-snap-align:start; }
  .certs { grid-template-columns:1fr; }
  .certs-head { border-right:0; border-bottom:1px solid var(--line); }
  .cert-card:last-child { min-height:146px; border-top:1px solid var(--line); }
}
@media (max-width:760px) {
  .hero-title { font-size:clamp(31px,8.5vw,48px); }
  .title-line { gap:0; }
  .title-line small { min-width:19px; font-size:8px; }
  .title-line::after { left:0; }
  .hero-bottom { margin-top:28px; }
  .hero-roleline { display:grid; gap:10px; }
  .hero-summary { margin-top:18px; font-size:13px; }
  .about-tracks { grid-template-columns:1fr; }
  .metrics { grid-template-columns:1fr 1fr; }
  .metric { min-height:160px; padding:20px 16px; }
  .metric:nth-child(3) { border-left:0; }
  .metric:nth-child(n+3) { border-top-width:1px; }
  .path-card { flex-basis:min(84vw,350px); min-height:470px; padding:25px; }
  .path-card h3 { margin-top:52px; font-size:clamp(39px,11vw,58px); }
  .path-footer { left:25px; right:25px; bottom:24px; }
  .testimonial-card { flex-basis:min(86vw,360px); min-height:560px; padding:24px; }
  .testimonial-quote { margin:42px 0 20px; font-size:13px; line-height:1.62; }
  .nav-actions { gap:7px; }.lang-switch { padding:3px; }.lang-switch a,.lang-switch span { min-width:25px; height:24px; }.nav-cta { font-size:9px; }
  .edu-list {
    position:relative;
    display:grid;
    gap:13px;
    margin:0;
    padding:0 0 0 25px;
    overflow:visible;
    overscroll-behavior-x:auto;
    scroll-snap-type:none;
    scroll-padding-left:0;
    border-top:0;
    -webkit-overflow-scrolling:touch;
    mask-image:none;
  }
  .edu-list::before {
    content:"";
    position:absolute;
    left:7px;
    right:auto;
    top:12px;
    bottom:12px;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,var(--cyber),rgba(255,255,255,.14) 56%,var(--commerce));
    opacity:.62;
    pointer-events:none;
  }
  .edu-row {
    --edu-color:var(--cyber);
    --edu-rgb:var(--cyber-rgb);
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    min-height:0;
    padding:20px 19px 19px;
    overflow:hidden;
    border:1px solid rgba(var(--edu-rgb),.24);
    background:
      radial-gradient(circle at 82% 14%,rgba(var(--edu-rgb),.13),transparent 42%),
      linear-gradient(145deg,rgba(var(--edu-rgb),.07),rgba(255,255,255,.018) 54%,transparent);
    scroll-snap-align:none;
  }
  .edu-row[data-edu-type="degree"] { --edu-color:var(--cyber); --edu-rgb:var(--cyber-rgb); }
  .edu-row[data-edu-type="technical"] { --edu-color:var(--commerce); --edu-rgb:var(--commerce-rgb); }
  .edu-row::before {
    content:"";
    position:absolute;
    left:-25px;
    top:22px;
    width:12px;
    height:12px;
    border:2px solid #141414;
    border-radius:50%;
    background:var(--edu-color);
    box-shadow:0 0 0 7px rgba(var(--edu-rgb),.08),0 0 26px rgba(var(--edu-rgb),.34);
  }
  .edu-row::after {
    content:attr(data-step);
    position:absolute;
    right:14px;
    bottom:-15px;
    color:rgba(var(--edu-rgb),.07);
    font:800 76px/1 "Manrope";
    letter-spacing:-.08em;
    pointer-events:none;
  }
  .edu-row h3 { position:relative; z-index:1; max-width:300px; margin-top:0; font-size:19px; line-height:1.13; letter-spacing:-.045em; }
  .edu-row p { position:relative; z-index:1; color:#8d8d87; line-height:1.55; }
  .edu-year { position:relative; z-index:1; display:inline-flex; width:max-content; margin:0; padding:7px 9px; border:1px solid rgba(var(--edu-rgb),.32); border-radius:999px; background:rgba(var(--edu-rgb),.06); color:var(--edu-color); }
  .certs { display:block; gap:0; margin-top:58px; overflow:visible; }
  .certs::before { width:260px; height:260px; right:-150px; top:-120px; }
  .certs-head { align-items:flex-start; gap:18px; padding:22px 22px 20px; border-right:0; border-bottom:1px solid var(--line); }
  .certs-kicker { margin-bottom:10px; font-size:8px; }
  .certs-head h3 { font-size:clamp(25px,7vw,31px); line-height:1.02; letter-spacing:-.055em; }
  .certs-summary { flex:0 0 auto; align-items:center; gap:9px; padding:9px 11px; }
  .certs-summary strong { font-size:30px; }
  .certs-summary span { display:none; }
  .certs-grid {
    display:flex;
    gap:12px;
    margin:0 calc(var(--pad) * -1);
    padding:14px calc(var(--pad) + 18px) 18px var(--pad);
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--pad);
    -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 38px),transparent 100%);
  }
  .cert-card,.cert-card:last-child {
    flex:0 0 min(78vw,320px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    grid-column:auto;
    gap:18px;
    min-height:210px;
    padding:18px;
    border:1px solid var(--line);
    scroll-snap-align:start;
  }
  .cert-card:first-child { border-top:1px solid var(--line); }
  .cert-card::after { right:14px; bottom:-13px; font-size:78px; }
  .cert-card-top { flex-direction:row; align-items:center; justify-content:space-between; gap:14px; }
  .cert-index { padding-top:0; }
  .cert-card-body { margin:0; }
  .cert-card-body>span { font-size:8px; }
  .cert-card-body h4 { max-width:250px; margin-top:9px; font-size:16px; line-height:1.22; }
  .cert-mark { width:98px; height:44px; padding:8px 10px; }
  .cert-mark img { max-height:24px; }
  .cert-check { right:-5px; bottom:-5px; width:17px; height:17px; border-width:2px; font-size:9px; }
  .cert-card footer { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; padding:13px 0 0; border-top:1px solid var(--line); text-align:left; }
  .cert-card footer span { font-size:7px; }
  .cert-card footer strong { font-size:8px; }
  .certs-grid { scrollbar-width:none; }
  .certs-grid::-webkit-scrollbar { display:none; }
}
@media (max-width:760px) {
  .hero { padding-top:96px; padding-bottom:58px; gap:30px; background:radial-gradient(circle at 8% 20%,rgba(var(--cyber-rgb),.09),transparent 34%),radial-gradient(circle at 88% 44%,rgba(var(--commerce-rgb),.075),transparent 35%); }
  .hero::after { width:88vw; height:88vw; right:-48vw; bottom:8%; opacity:.72; }
  .hero-copy { padding-top:10px; }
  .status { width:max-content; max-width:100%; margin-bottom:24px; padding:9px 12px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.035); font-size:8px; letter-spacing:.12em; }
  .hero-title { max-width:350px; font-size:clamp(43px,12vw,58px); line-height:.92; letter-spacing:-.065em; }
  .hero-bottom { margin-top:22px; }
  .hero-roleline { grid-template-columns:1fr; gap:8px; }
  .hero-roleline span { width:100%; min-height:42px; padding:12px 13px; border:1px solid rgba(var(--role-rgb),.24); background:rgba(var(--role-rgb),.045); font-size:14px; }
  .hero-roleline span::before { width:7px; height:7px; }
  .hero-summary { max-width:340px; margin-top:18px; color:#b4b4ae; font-size:13px; line-height:1.62; }
  .hero-actions { display:grid; grid-template-columns:1fr; gap:9px; margin-top:22px; }
  .hero-actions .button { width:100%; min-height:46px; padding:14px 15px; }
  .portrait-wrap { width:min(72vw,285px); margin:0 auto; }
  .portrait-frame { aspect-ratio:1/1.08; border:1px solid rgba(255,255,255,.12); border-radius:24px; box-shadow:0 24px 80px rgba(0,0,0,.35); }
  .portrait-frame img { object-position:50% 28%; }
  .portrait-shade { background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.68)); }
}
@media (max-width:480px) {
  .edu-row { min-height:0; }
  .cert-card,.cert-card:last-child { flex-basis:80vw; }
  .certs-head { display:grid; gap:20px; }
  .certs-summary { width:max-content; border-left:1px solid rgba(var(--cyber-rgb),.24); }
  .certs-head h3 { font-size:29px; }
}