:root {
  --bg: #020713;
  --bg2: #061225;
  --panel: rgba(7, 24, 49, .58);
  --panel2: rgba(8, 31, 63, .75);
  --line: rgba(82, 173, 255, .38);
  --line2: rgba(67, 224, 255, .28);
  --text: #edf8ff;
  --muted: #9cb3cc;
  --blue: #2f93ff;
  --cyan: #42e4ff;
  --green: #66ffd5;
  --shadow: 0 0 32px rgba(39, 137, 255, .16), inset 0 0 38px rgba(34, 130, 255, .035);
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--text); background:
  radial-gradient(circle at 10% 10%, rgba(20, 94, 210, .17), transparent 30%),
  radial-gradient(circle at 90% 35%, rgba(0, 174, 255, .12), transparent 35%),
  linear-gradient(180deg, #010611 0%, #031020 42%, #020812 100%);
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: rgba(74, 184, 255, .28); color: white; }
#cursorGlow { position: fixed; z-index: 999; width: 360px; height: 360px; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(55,165,255,.11), rgba(50,145,255,.025) 38%, transparent 70%); mix-blend-mode: screen; opacity: 0; transition: opacity .25s ease; }
body:hover #cursorGlow { opacity: 1; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

/* Splash */
.splash { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; min-height: 100svh; background: #01050e; overflow: hidden; transition: opacity .8s ease, visibility .8s ease; }
.splash::before { content:""; position:absolute; inset:-20%; background: conic-gradient(from 90deg at 50% 50%, transparent, rgba(20,108,255,.13), transparent 24%, rgba(0,218,255,.09), transparent 56%); animation: slowSpin 15s linear infinite; }
.splash::after { content:""; position:absolute; inset:0; background: linear-gradient(rgba(10,89,160,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(10,89,160,.08) 1px, transparent 1px); background-size: 70px 70px; mask-image: radial-gradient(circle, black, transparent 72%); }
.splash-stars { position:absolute; inset:0; background-image: radial-gradient(circle at 20% 30%, rgba(122,219,255,.85) 0 1px, transparent 1.5px), radial-gradient(circle at 70% 64%, rgba(122,219,255,.6) 0 1px, transparent 1.5px), radial-gradient(circle at 85% 20%, rgba(122,219,255,.5) 0 1px, transparent 1.5px); background-size: 330px 290px, 420px 380px, 520px 450px; animation: drift 14s linear infinite; }
.splash-shell { position:relative; z-index:2; width:min(720px, 90vw); text-align:center; }
.splash-topline { display:flex; justify-content:space-between; font: 600 10px/1 Space Grotesk, sans-serif; letter-spacing:.32em; color:#6ea9dc; margin-bottom: 40px; }
.splash-core { width:140px; height:140px; margin:0 auto 28px; position:relative; display:grid; place-items:center; }
.core-ring { position:absolute; inset:0; border:1px solid rgba(78,187,255,.55); border-radius:50%; box-shadow:0 0 32px rgba(39,156,255,.15); }
.ring-a { animation: pulseRing 2.2s ease-in-out infinite; }
.ring-b { inset:17px; border-style:dashed; animation: slowSpin 8s linear infinite reverse; }
.ring-c { inset:38px; border-color:rgba(78,235,255,.8); animation: slowSpin 5s linear infinite; }
.core-mark { font:700 23px Space Grotesk; letter-spacing:.1em; color:#f5fbff; text-shadow:0 0 24px #3aa7ff; }
.splash-kicker { margin:0 0 12px; color:#56cfff; font:600 10px Space Grotesk; letter-spacing:.42em; }
.splash h1 { margin:0; font:500 clamp(35px, 6vw, 72px)/.95 Space Grotesk; letter-spacing:-.055em; }
.splash h1 span { color:#55b8ff; text-shadow:0 0 24px rgba(56,170,255,.4); }
.boot-line { display:flex; justify-content:space-between; margin:32px auto 10px; width:min(540px, 100%); color:#8faac3; font-size:11px; letter-spacing:.08em; }
.boot-line b { color:#81dfff; font-family:Space Grotesk; }
.boot-track { width:min(540px, 100%); height:4px; margin:auto; background:#0d2742; border-radius:99px; overflow:hidden; box-shadow:0 0 18px rgba(44,156,255,.2); }
.boot-track i { display:block; height:100%; width:0; background:linear-gradient(90deg,#2a7dff,#47edff); box-shadow:0 0 14px #3ad8ff; transition:width .1s linear; }
.boot-modules { width:min(540px, 100%); margin:18px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; font:500 8px Space Grotesk; letter-spacing:.12em; color:#6f8399; }
.boot-modules span { border:1px solid rgba(75,168,255,.16); padding:10px 4px; background:rgba(3,14,28,.45); }
.boot-modules b { display:block; color:#52e7d0; margin-top:4px; font-weight:600; }
.skip-intro { margin-top:24px; border:0; background:transparent; color:#6e879f; font:500 9px Space Grotesk; letter-spacing:.2em; cursor:pointer; text-transform:uppercase; }
.skip-intro:hover { color:#8ddfff; }
.splash.splash-out { opacity:0; visibility:hidden; }
.app-hidden { opacity:0; }
.app { transition:opacity 1s ease .25s; }
.app.app-visible { opacity:1; }

/* Hero based on approved artwork */
.hero { position:relative; min-height: min(100svh, 940px); background:#020813; overflow:hidden; display:grid; place-items:center; border-bottom:1px solid rgba(70,154,255,.18); }
.hero-art { width:100%; height:100%; min-height:min(100svh, 940px); object-fit:cover; object-position:center; display:block; user-select:none; }
.hero-vignette { position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 110px rgba(0,0,0,.55); background:linear-gradient(180deg, rgba(0,0,0,.06), transparent 30%, rgba(0,8,20,.1)); }
.scanlines { position:absolute; inset:0; pointer-events:none; opacity:.06; background:repeating-linear-gradient(to bottom, transparent 0, transparent 3px, rgba(255,255,255,.18) 4px); mix-blend-mode:soft-light; }
.hero-hotspots { position:absolute; inset:0; z-index:4; }
.hotspot { position:absolute; border-radius:14px; outline:none; }
.hotspot:hover, .hotspot:focus-visible { background:rgba(62,169,255,.055); box-shadow:0 0 0 1px rgba(83,186,255,.28), 0 0 28px rgba(29,144,255,.16); }
.hs-home{left:30.3%;top:1.4%;width:4.1%;height:5.2%}.hs-about{left:35.8%;top:1.4%;width:4.8%;height:5.2%}.hs-projects{left:41.2%;top:1.4%;width:5.8%;height:5.2%}.hs-skills{left:47.5%;top:1.4%;width:4.3%;height:5.2%}.hs-resume{left:52.8%;top:1.4%;width:5.1%;height:5.2%}.hs-contact{left:58.6%;top:1.4%;width:5.3%;height:5.2%}.hs-connect{left:82.2%;top:1.4%;width:11.5%;height:5.4%}
.hs-explore{left:10.2%;top:52.6%;width:11.6%;height:5.2%}.hs-about-btn{left:22.1%;top:52.6%;width:8.8%;height:5.2%}
.hs-hostelhub{left:65.6%;top:36.2%;width:13.7%;height:11.1%}.hs-jarvis{left:80.2%;top:36.2%;width:14.2%;height:11.1%}.hs-setu{left:65.6%;top:49.1%;width:13.7%;height:11.2%}.hs-studentpark{left:80.2%;top:49.1%;width:14.2%;height:11.2%}
.hero-status { position:absolute; z-index:4; bottom:20px; left:50%; transform:translateX(-50%); font:500 8px Space Grotesk; letter-spacing:.2em; color:rgba(164,216,255,.72); background:rgba(1,10,23,.48); border:1px solid rgba(65,172,255,.18); backdrop-filter:blur(9px); padding:8px 14px; border-radius:999px; }
.hero-status i { width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:#55f1c7; box-shadow:0 0 10px #55f1c7; animation:blink 1.4s ease infinite; }
.mobile-enter { display:none; }
.signal-strip { min-height:48px; display:flex; gap:24px; justify-content:center; align-items:center; overflow:hidden; border-bottom:1px solid rgba(71,166,255,.12); background:rgba(3,12,25,.86); color:#6e9fc9; font:600 9px Space Grotesk; letter-spacing:.22em; }
.signal-strip i { width:3px;height:3px;border-radius:50%;background:#3cbaff;box-shadow:0 0 8px #3cbaff; }

/* Sections */
.section { width:min(1240px, calc(100% - 48px)); margin:0 auto; padding:120px 0; position:relative; }
.section::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:1px; background:linear-gradient(90deg, transparent, rgba(56,154,255,.18), transparent); }
.section-head { display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:70px; margin-bottom:54px; }
.section-head.compact { grid-template-columns:1fr; }
.section-index { display:block; margin-bottom:14px; color:#4ccfff; font:600 10px Space Grotesk; letter-spacing:.28em; }
h2 { margin:0; font:500 clamp(42px, 6vw, 78px)/.98 Space Grotesk; letter-spacing:-.055em; }
h2 em { color:#53b9ff; font-style:normal; text-shadow:0 0 30px rgba(43,154,255,.22); }
.section-head > p, .skill-copy > p { margin:0 0 4px; color:#8fa6bd; font-size:15px; line-height:1.8; max-width:480px; }
.glass { background:linear-gradient(150deg, rgba(13,38,73,.72), rgba(3,16,34,.58)); border:1px solid rgba(87,179,255,.25); box-shadow:var(--shadow); backdrop-filter:blur(16px); }

.about-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:28px; }
.portrait-panel { min-height:600px; border-radius:var(--radius); position:relative; overflow:hidden; }
.portrait-panel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(1,10,22,.88)); pointer-events:none; }
.portrait-panel img { width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.82) contrast(1.04); }
.portrait-hud { position:absolute; z-index:2; left:22px; right:22px; bottom:20px; display:flex;justify-content:space-between;gap:20px; font:500 8px Space Grotesk; letter-spacing:.14em;color:#9ccfff; }
.portrait-hud b { color:#69f3cd; }
.corner { position:absolute; z-index:3; width:22px; height:22px; border-color:#55bcff; opacity:.8; }.c1{left:14px;top:14px;border-left:1px solid;border-top:1px solid}.c2{right:14px;top:14px;border-right:1px solid;border-top:1px solid}.c3{left:14px;bottom:14px;border-left:1px solid;border-bottom:1px solid}.c4{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}
.about-copy { border-radius:var(--radius); padding:46px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.about-copy::after { content:""; position:absolute; width:320px;height:320px;right:-100px;top:-110px;border:1px solid rgba(54,182,255,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(54,182,255,.025),0 0 0 95px rgba(54,182,255,.018); }
.terminal-label { color:#5ce7ff; font:600 9px Space Grotesk; letter-spacing:.2em; margin-bottom:20px; }.terminal-label i{display:inline-block;width:7px;height:7px;background:#58f1cc;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #58f1cc}
.about-copy h3 { margin:0 0 22px; font:600 clamp(36px,5vw,60px)/1 Space Grotesk; letter-spacing:-.045em; }
.about-copy > p { max-width:660px; margin:0; color:#9aadc2; font-size:15px; line-height:1.8; }
.fact-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:34px 0;background:rgba(91,177,255,.14);border:1px solid rgba(91,177,255,.14); }
.fact-grid div{background:rgba(3,14,31,.72);padding:20px}.fact-grid small{display:block;color:#607e9c;font:600 8px Space Grotesk;letter-spacing:.14em;margin-bottom:8px}.fact-grid strong{font:500 14px Space Grotesk;color:#dff4ff}
.neon-link { display:inline-flex; align-items:center; gap:18px; width:max-content; color:#aee9ff; font:600 11px Space Grotesk; letter-spacing:.08em; }.neon-link span{width:28px;height:28px;border:1px solid rgba(78,190,255,.4);border-radius:50%;display:grid;place-items:center;color:#55dfff;box-shadow:0 0 18px rgba(60,183,255,.12)}

.project-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:22px;perspective:1200px; }
.project-card { min-height:385px;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease;transform-style:preserve-3d; }
.project-card::before { content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(43,164,255,.16),transparent 68%); }
.project-card:hover { border-color:rgba(82,204,255,.52);box-shadow:0 0 48px rgba(35,142,255,.17),inset 0 0 40px rgba(50,145,255,.045); }
.project-featured { grid-row:span 1; background:linear-gradient(145deg,rgba(14,52,100,.8),rgba(4,19,42,.64)); }
.project-orb { width:66px;height:66px;border-radius:18px;display:grid;place-items:center;font:600 28px Space Grotesk;color:#d9f5ff;border:1px solid rgba(98,205,255,.36);background:linear-gradient(145deg,rgba(54,136,255,.3),rgba(10,43,88,.5));box-shadow:0 0 30px rgba(30,141,255,.18),inset 0 0 25px rgba(76,188,255,.08); }
.orb-ai{border-radius:50%;position:relative;background:transparent;box-shadow:0 0 30px rgba(63,194,255,.26),inset 0 0 18px rgba(69,177,255,.32)}.orb-ai::before{content:"";width:33px;height:33px;border-radius:50%;border:5px solid #56d8ff;box-shadow:0 0 18px #289dff,inset 0 0 18px #289dff}.orb-setu{font-size:42px}.orb-complete{color:#70ffd4}
.project-meta{display:flex;justify-content:space-between;align-items:center;margin:24px 0 22px;color:#52799f;font:600 9px Space Grotesk;letter-spacing:.15em}.status{padding:7px 10px;border:1px solid rgba(80,181,255,.2);border-radius:999px;color:#7dcfff;background:rgba(19,100,176,.09)}.status.complete{color:#63f1ca;border-color:rgba(89,239,201,.2)}.status.research{color:#c28cff;border-color:rgba(194,140,255,.2)}.status.concept{color:#ffd17d;border-color:rgba(255,209,125,.2)}.pulse::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#50e8ff;margin-right:6px;box-shadow:0 0 9px #50e8ff;animation:blink 1.4s infinite}
.project-card h3{margin:0 0 12px;font:600 34px Space Grotesk;letter-spacing:-.04em}.project-card p{margin:0;color:#91a7bd;font-size:14px;line-height:1.75;max-width:540px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.chips span{font:600 8px Space Grotesk;letter-spacing:.1em;color:#7db6e5;border:1px solid rgba(74,168,255,.18);padding:7px 9px;border-radius:6px;background:rgba(9,34,64,.5)}.card-footer{position:absolute;left:30px;right:30px;bottom:26px;border-top:1px solid rgba(80,169,255,.13);padding-top:16px;display:flex;justify-content:space-between;color:#5f86a9;font:600 8px Space Grotesk;letter-spacing:.15em}.card-footer b{color:#64d7ff;font-size:18px;line-height:8px}

.timeline { padding-top:80px; }
.timeline-track { display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;padding:20px 0; }
.timeline-track::before{content:"";position:absolute;left:6%;right:6%;top:51px;height:1px;background:linear-gradient(90deg,#2d9dff 0 54%,rgba(71,155,229,.18) 54%)}
.timeline-node { position:relative;text-align:center;z-index:1;color:#566f88; }.timeline-node b{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;border:1px solid rgba(80,155,224,.22);background:#061226;font:500 14px Space Grotesk;box-shadow:0 0 0 8px #031020}.timeline-node.done b,.timeline-node.active b{color:#bdeeff;border-color:rgba(68,195,255,.55);box-shadow:0 0 0 8px #031020,0 0 24px rgba(43,167,255,.18)}.timeline-node.active b{color:#63f2ce;border-color:#4cd9c3}.timeline-node span{display:block;color:#a4c9e7;font:600 9px Space Grotesk;letter-spacing:.16em}.timeline-node small{display:block;margin-top:8px;color:#607a94;font-size:10px}

.skills-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.skill-copy h2{margin-bottom:24px}.skill-radar{min-height:560px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(22,95,169,.28),rgba(5,19,41,.8) 48%,rgba(2,12,27,.85) 70%);}.skill-radar::before,.skill-radar::after{content:"";position:absolute;inset:11%;border:1px solid rgba(68,173,255,.18);border-radius:50%}.skill-radar::after{inset:27%;}.radar-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:1px solid rgba(71,218,255,.6);display:grid;place-items:center;box-shadow:0 0 44px rgba(44,157,255,.28),inset 0 0 32px rgba(40,156,255,.18)}.radar-core::before{content:"";position:absolute;inset:-50px;border:1px dashed rgba(69,154,255,.16);border-radius:50%;animation:slowSpin 16s linear infinite}.radar-core span{font:700 30px Space Grotesk;text-shadow:0 0 18px #3cbbff}.radar-label{position:absolute;padding:9px 13px;border:1px solid rgba(83,180,255,.28);background:rgba(3,18,39,.8);border-radius:8px;color:#bfeaff;font:600 10px Space Grotesk;letter-spacing:.08em;box-shadow:0 0 22px rgba(28,135,255,.1)}.r1{left:14%;top:20%}.r2{right:15%;top:21%}.r3{left:9%;bottom:23%}.r4{right:10%;bottom:22%}.r5{left:43%;top:8%}.r6{left:47%;bottom:8%}

.story-card{min-height:560px;border-radius:var(--radius);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden}.story-photo{position:relative;min-height:480px}.story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(4,18,38,.9));}.story-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.story-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.story-copy p{max-width:560px;color:#91a9c1;line-height:1.8;margin:24px 0 32px}.story-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.secondary-btn{display:inline-flex;gap:18px;align-items:center;border-radius:999px;padding:14px 20px;font:600 10px Space Grotesk;letter-spacing:.07em}.primary-btn{background:linear-gradient(90deg,#167aff,#20cfff);box-shadow:0 0 24px rgba(35,165,255,.25)}.secondary-btn{border:1px solid rgba(91,180,255,.28);background:rgba(7,27,52,.56)}

.contact-shell{border-radius:var(--radius);padding:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;position:relative;overflow:hidden}.contact-shell::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(69,171,255,.11);border-radius:50%;right:-240px;top:-240px;box-shadow:0 0 0 70px rgba(69,171,255,.022),0 0 0 140px rgba(69,171,255,.013)}.contact-core p{max-width:600px;color:#91a8bf;line-height:1.8}.contact-links{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.contact-links a{padding:20px 4px;border-bottom:1px solid rgba(82,166,234,.18);display:flex;justify-content:space-between;align-items:center;color:#a7d9ff;font:500 16px Space Grotesk}.contact-links b{width:34px;height:34px;border:1px solid rgba(85,190,255,.28);border-radius:50%;display:grid;place-items:center;color:#5cddff;font-weight:400}.contact-links a:hover{color:white}
footer{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:34px 0 50px;border-top:1px solid rgba(75,153,222,.14);display:flex;justify-content:space-between;gap:30px;align-items:center;color:#58728a;font:500 8px Space Grotesk;letter-spacing:.14em}footer div{display:flex;align-items:center;gap:13px}footer strong{font-size:18px;color:#d8f2ff}footer a{color:#7bbfe9}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:none}

@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.05);opacity:1}}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}@keyframes drift{to{background-position:70px 40px,-60px 75px,80px -55px}}

@media (max-width: 980px){
  #cursorGlow{display:none}.hero{min-height:auto}.hero-art{min-height:0;height:auto;aspect-ratio:16/9;object-fit:cover}.hero-hotspots{display:none}.hero-status{display:none}.mobile-enter{display:inline-flex;position:absolute;z-index:5;left:50%;bottom:6%;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:rgba(4,19,40,.72);border:1px solid rgba(72,188,255,.38);backdrop-filter:blur(10px);font:600 9px Space Grotesk;letter-spacing:.12em;box-shadow:0 0 28px rgba(28,145,255,.18)}.mobile-enter span{margin-left:12px;color:#53d8ff}.section{padding:90px 0}.section-head,.skills-layout,.about-grid,.story-card,.contact-shell{grid-template-columns:1fr}.section-head{gap:22px}.project-grid{grid-template-columns:1fr}.portrait-panel{min-height:620px}.skills-layout{gap:40px}.skill-radar{min-height:520px}.story-photo::after{background:linear-gradient(180deg,transparent 55%,rgba(4,18,38,.92))}.contact-shell{padding:46px}.timeline-track{grid-template-columns:1fr;gap:28px;padding-left:0}.timeline-track::before{left:31px;right:auto;top:30px;bottom:30px;width:1px;height:auto;background:linear-gradient(#2d9dff 0 55%,rgba(71,155,229,.18) 55%)}.timeline-node{display:grid;grid-template-columns:62px 1fr;text-align:left;column-gap:20px;align-items:center}.timeline-node b{grid-row:1/3;margin:0;}.timeline-node span,.timeline-node small{grid-column:2}.timeline-node small{margin:4px 0 0}.signal-strip{justify-content:flex-start;padding:0 30px;white-space:nowrap}footer{flex-direction:column;align-items:flex-start}
}
@media (max-width: 620px){
  .splash-topline{font-size:7px}.splash-kicker{font-size:8px}.boot-modules{grid-template-columns:1fr 1fr}.boot-modules span:last-child{grid-column:1/-1}.hero-art{height:74svh;aspect-ratio:auto;object-fit:cover;object-position:52% center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(1,7,17,.82) 100%);pointer-events:none}.mobile-enter{bottom:4.5%}.section{width:min(100% - 28px,1240px);padding:76px 0}.section-head{margin-bottom:34px}h2{font-size:41px}.about-copy{padding:30px 22px}.portrait-panel{min-height:520px}.portrait-hud{font-size:6px}.fact-grid{grid-template-columns:1fr}.project-card{min-height:420px;padding:24px}.card-footer{left:24px;right:24px}.skill-radar{min-height:430px}.radar-label{font-size:8px}.story-copy{padding:34px 24px}.contact-shell{padding:36px 24px;gap:34px}footer{width:calc(100% - 28px)}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.splash{display:none}.app{opacity:1!important}.reveal{opacity:1;transform:none}}
.contact-coming-soon{padding:20px 4px;border-bottom:1px solid rgba(82,166,234,.18);display:flex;justify-content:space-between;align-items:center;color:#6f879e;font:500 16px Space Grotesk}.contact-coming-soon b{font:600 8px Space Grotesk;letter-spacing:.12em;color:#5cddff;border:1px solid rgba(85,190,255,.22);padding:7px 10px;border-radius:999px}