@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070b18;--panel:#0e1529;--text:#f5f3ff;--muted:#aeb7d1;--line:#8395db30;--violet:#be87ff;--blue:#56bfff;--radius:22px;--page:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 0 0,#45208a55,transparent 35%),radial-gradient(ellipse at 100% 30%,#123e7338,transparent 45%),var(--bg);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}p{color:var(--muted)}h2{font-size:clamp(23px,2.3vw,30px);line-height:1.2;font-weight:600;letter-spacing:-1px}h2 span{color:#c5b5e7}::selection{color:white;background:#773fb4}.skip{position:fixed;top:-100px;left:20px;background:var(--panel);padding:12px;z-index:100}.skip:focus{top:10px}.nav-shell{position:sticky;top:16px;z-index:20;display:flex;align-items:center;gap:28px;justify-content:space-between;max-width:var(--page);width:calc(100% - 64px);margin:16px auto 0;padding:0 23px;height:64px;border:1px solid #9d9bff45;border-radius:40px;background:linear-gradient(110deg,#15162ee8,#111a2ddd);box-shadow:0 12px 35px #0004,inset 0 1px #ffffff0c;backdrop-filter:blur(24px)}.logo{font-size:31px;line-height:1;letter-spacing:-5px;font-weight:700;flex-shrink:0}.logo span{color:var(--violet)}.logo i{font-style:normal;color:var(--blue);margin-left:5px}.nav-shell nav{display:flex;align-items:center;gap:25px;font-size:12px;height:100%}.nav-shell nav a{position:relative;height:100%;display:flex;align-items:center;color:#c3c9e0;white-space:nowrap}.nav-shell nav a:hover,.nav-shell nav a.active{color:white}.nav-shell nav a.active:after{content:'';height:2px;background:var(--violet);box-shadow:0 0 12px #a85fff;position:absolute;bottom:0;left:-8px;right:-8px}.cv-link{font-size:12px;font-weight:600;border:1px solid #b4a2ff70;padding:8px 17px;border-radius:24px;background:linear-gradient(110deg,#943ff1,#5558f2 65%,#289be4);box-shadow:0 0 20px #8a43d33b;white-space:nowrap}.cv-link span{margin-left:15px}.menu-toggle{display:none;border:1px solid #8e83be50;border-radius:10px;width:44px;height:44px;background:#ffffff08;font-size:22px}.section-wrap{max-width:var(--page);margin:auto}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px;min-height:530px;padding:60px 35px 58px}.hero-glow{position:absolute;z-index:-1;width:200px;height:200px;border-radius:50%;background:#8424ff;filter:blur(110px);left:-110px;bottom:-80px;opacity:.45}.hero-copy{position:relative;z-index:2;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:5px 12px;border:1px solid #8873bf55;border-radius:30px;font-size:10px;letter-spacing:1px;background:#0d1837a6}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--violet);box-shadow:0 0 12px #ad70ff}.tiny-star{color:var(--blue);margin-left:7px}.hero-role{font-size:10px;letter-spacing:2.6px;color:#a9b6dc;margin:24px 0 9px}h1{font-size:clamp(44px,5.1vw,73px);line-height:1.05;letter-spacing:-3.6px;font-weight:700;white-space:nowrap}h1 span{background:linear-gradient(110deg,#e4c8ff,#aa70ff 55%,#52b9ff);background-clip:text;color:transparent}.hero h2{font-family:'DM Sans',sans-serif;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.5px;max-width:490px;margin:15px 0 12px;line-height:1.5;font-weight:500}.hero p{font-size:14px;line-height:1.7;max-width:440px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#bf43ee,#7b38fa 55%,#279eee);border-color:#ca95ff80;box-shadow:0 5px 22px #933df437}.primary:hover{box-shadow:0 5px 30px #933df477}.secondary{background:#111a32aa;border-color:#a789e5b3}.hero-facts{display:grid;grid-template-columns:1fr 1.2fr 1fr;max-width:450px;gap:18px;margin-top:29px}.hero-facts div{border-right:1px solid #8a8ac23d;padding-right:15px;display:flex;flex-direction:column}.hero-facts div:last-child{border:0;padding:0}.hero-facts strong{font-size:13px;font-weight:600;color:#e8dafa;white-space:nowrap}.hero-facts span{font-size:10px;margin-top:4px;color:#a2abc6}.hero-art{position:relative;min-width:0;height:380px;border-radius:22px;border:1px solid #8272d15c;box-shadow:0 0 50px #753adc22,0 20px 40px #0005;background:#15172e;transform:perspective(1200px) rotateY(-5deg)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d2580,transparent 60%);border-radius:inherit;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:42% center;border-radius:inherit}.art-label{position:absolute;z-index:1;top:18px;left:18px;display:flex;align-items:center;gap:9px;background:#0a112bc9;backdrop-filter:blur(12px);border:1px solid #ffffff20;border-radius:30px;padding:6px 11px;font-size:8px;letter-spacing:1.3px}.floating-code{position:absolute;right:-8px;bottom:-18px;z-index:2;padding:18px 22px;border:1px solid #ab94f980;border-radius:15px;box-shadow:0 15px 40px #0008;backdrop-filter:blur(18px);background:linear-gradient(110deg,#262047e6,#0e2844eb);transform:rotate(-3deg)}.floating-code>span{font-size:8px;letter-spacing:1.3px;color:#c8b9eb}.floating-code strong{display:block;margin:8px 0 10px;font-family:'Space Grotesk';font-size:22px;line-height:1.25;letter-spacing:-.6px}.floating-code em{font-style:normal;color:#bf91ff}.floating-code div{font-size:10px;color:#c2c7e1;border-top:1px solid #ffffff26;padding-top:9px}.floating-code b{color:var(--blue);margin-right:7px}.scroll-hint{display:none}.content-wrap{max-width:var(--page);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:0 20px}.section-block{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:linear-gradient(135deg,#182040aa,#0c1425e6 55%);box-shadow:inset 0 1px #ffffff08,0 14px 40px #0002;scroll-margin-top:106px}.projects{grid-column:span 8;background:radial-gradient(ellipse at 50% -10%,#4f22833d,transparent 70%),linear-gradient(130deg,#121b33,#0b1423)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.kicker{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#b691f3;margin-bottom:11px}.section-heading p{font-size:12px;margin-top:9px;line-height:1.6}.outline-label{font-size:8px;padding:5px 8px;border:1px solid #a880ef50;border-radius:8px;letter-spacing:.6px;color:#bba7db;max-width:120px;text-align:center;line-height:1.5;flex-shrink:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #8196ca40;border-radius:13px;background:linear-gradient(130deg,#1a2340,#11192a);transition:border-color .2s,transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);border-color:#ad7cfa;box-shadow:0 12px 28px #0005}.project-visual{height:163px;position:relative;overflow:hidden;padding:43px 14px 0;border-bottom:1px solid #8797ce30;flex-shrink:0}.education{background:radial-gradient(at 20% 70%,#206aab,#13203e 80%)}.admin{background:radial-gradient(at 60% 70%,#6c3eb1,#1e1c3e 80%)}.scorm{background:radial-gradient(at 50% 50%,#6240a5,#181a37 80%)}.preview-tag{position:absolute;left:10px;top:11px;z-index:1;font-size:7px;letter-spacing:.5px;padding:4px 6px;border:1px solid #b6bcf74d;border-radius:5px;background:#0b132acc;color:#d1d7f2}.preview-caption{position:absolute;right:8px;bottom:5px;font-size:5px;letter-spacing:.6px;color:#c9d8f5}.mock-window{height:145px;border:1px solid #9ba8dd80;border-radius:7px;background:#121a30;box-shadow:0 10px 35px #0008;transform:rotate(-7deg) scale(1.02);overflow:hidden}.window-bar{height:16px;background:#263152;display:flex;gap:3px;align-items:center;padding:0 7px}.window-bar i{height:3px;width:3px;background:#a296d2;border-radius:50%}.window-bar small{font-size:5px;margin-left:6px;color:#ccd1ef}.edu-body,.admin-body{display:flex;height:100%}.edu-body aside{padding:9px 7px;line-height:2;color:#82a5e7;background:#10162c;font-size:10px}.edu-body>div{padding:10px;flex:1;min-width:0;background:linear-gradient(120deg,#243569,#141d3a)}.edu-body small{font-size:5px;letter-spacing:.5px;color:#84d7ff}.edu-body h3{font-size:17px;line-height:1.1;margin-top:5px;letter-spacing:-.5px}.course-row{display:flex;gap:6px;margin-top:9px}.course-row i{display:flex;align-items:center;justify-content:center;flex:1;height:26px;border-radius:4px;font-size:14px;background:linear-gradient(120deg,#3c65a2,#5147a6);font-style:normal}.mock-progress{height:3px;background:linear-gradient(90deg,#61c8ff 65%,#2b3767 65%);margin-top:9px}.admin .mock-window{transform:rotate(6deg)}.mini-sidebar{font-size:9px;padding:8px;line-height:2;background:#17152c;color:#aa8edc}.admin-main{padding:11px;min-width:0;flex:1}.admin-main h3{font-size:11px}.stat-boxes{display:flex;gap:5px;margin-top:9px}.stat-boxes i{height:22px;flex:1;border:1px solid #79619c60;border-radius:4px;background:linear-gradient(130deg,#5c4481,#252446)}.fake-table{display:grid;gap:7px;margin-top:15px}.fake-table b{height:4px;background:linear-gradient(90deg,#71638c 15%,transparent 15%,transparent 20%,#43425f 20%,#43425f 65%,transparent 65%,transparent 75%,#4a5674 75%)}.scorm-orbit{position:relative;display:flex;align-items:center;justify-content:center;height:110px}.orbit-one,.orbit-two{position:absolute;width:160px;height:82px;border:1px solid #b6a0fa65;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(30deg);width:150px;height:95px;border-color:#7edaff50}.file-icon{z-index:1;width:55px;height:68px;border:1px solid #d3afff;border-radius:9px;background:linear-gradient(140deg,#ad73f17a,#3f3f9090);box-shadow:0 0 30px #a974ff70;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px}.file-icon small{font-size:6px;letter-spacing:1px}.orbit-label{position:absolute;bottom:0;font-size:5px;letter-spacing:.7px;color:#cbb4ee}.small-file{position:absolute;right:9px;top:2px;padding:0 6px;border-radius:5px;border:1px solid #8ac2ed;background:#243c69}.project-info{display:flex;flex-direction:column;flex:1;padding:14px 12px 15px}.project-title{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.project-title h3{font-size:15px;font-weight:600;letter-spacing:-.5px;line-height:1.35}.project-title>span{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;border:1px solid #7978af7a;border-radius:50%;color:#cfb4ff;font-size:13px}.project-info p{font-size:11px;line-height:1.6;margin:10px 0 14px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{font-size:9px;line-height:1.5;padding:2px 7px;border:1px solid #6382c65c;border-radius:20px;background:#24416940;color:#d1ddff}.tags span:nth-child(2){border-color:#a27ac15c;background:#5c357540;color:#e8d7ff}.tags span:nth-child(3){border-color:#55b9ba50;background:#1c595b40;color:#a8e9eb}.project-note{display:flex;gap:8px;font-size:10px;color:#9aa8c7;line-height:1.6;margin-top:16px}.project-note>span{color:var(--violet);font-size:17px}.about{grid-column:span 4;display:flex;flex-direction:column;padding:24px;background:radial-gradient(at 90% 0,#672e9e35,transparent 60%),#0d1529}.profile-heading{display:flex;gap:13px;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.profile-avatar{position:relative;display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border:1px solid #a886f66b;border-radius:16px;background:radial-gradient(at top right,#8c48c1,#23376c);font-family:'Space Grotesk';font-size:26px;letter-spacing:-3px;box-shadow:0 0 25px #8a3bcc20}.profile-avatar span{position:absolute;right:-5px;bottom:-5px;background:#192345;color:#70d3ff;border-radius:50%;width:19px;height:19px;font-size:12px;letter-spacing:0;text-align:center;border:1px solid #8475c6}.profile-heading>div:nth-child(2)>span{font-size:7px;letter-spacing:1px;color:#ac9cc9;display:block;margin-bottom:5px}.profile-heading strong{font-size:15px;line-height:1.3;display:block;font-weight:500}.profile-heading>a{margin-left:auto;color:var(--violet);font-size:20px}.about-copy .kicker{display:none}.about-copy h2{font-size:24px;margin-bottom:15px}.about-copy p{font-size:12px;margin-top:12px;line-height:1.7}.about-copy strong{color:#f3eaff;font-weight:500}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin:21px 0;font-size:10px;color:#d0c5e8}.languages{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#acb4cf}.languages b{padding:1px 7px;border-radius:5px;border:1px solid #8d80b740;font-size:9px;font-weight:400;color:#ded3f2}.languages>span{width:1px;height:15px;background:var(--line);margin:0 3px}.skills{grid-column:span 7}.skills .section-heading{margin-bottom:20px}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skill-groups article{min-width:0}.skill-number{font-size:8px;letter-spacing:1px;color:#929abd}.skill-groups h3{font-size:16px;font-weight:500;margin:5px 0 13px}.skill-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 7px}.skill-list>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:#c4cce2}.skill-list b{display:grid;place-items:center;font-family:'Space Grotesk';font-weight:500;font-size:19px;width:41px;height:41px;border:1px solid #a8abd838;border-radius:11px;background:linear-gradient(135deg,#283455,#111b30);box-shadow:inset 0 1px #ffffff12}.cyan{color:#59d8f4}.yellow{color:#f4d25b}.orange{color:#ff8a62}.blue{color:#78abff}.purple{color:#c28cff}.green{color:#8cd77e}.skill-groups article:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}.skill-groups article:last-child .skill-number{display:none}.skill-groups article:last-child h3{font-size:13px;margin:0 0 10px}.practice-list{display:flex;flex-wrap:wrap;gap:7px}.practice-list span{font-size:10px;color:#b9c3de;padding:5px 8px;border:1px solid #808fbd30;border-radius:6px;background:#ffffff03}.experience{grid-column:span 5}.experience-intro{font-size:12px;margin:10px 0 22px}.timeline{border-left:1px solid #8c70b660;margin-left:5px;padding-left:22px}.timeline article{position:relative;padding-bottom:26px}.timeline article:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-27px;top:5px;width:9px;height:9px;border:2px solid #3e3058;border-radius:50%;background:#c18aff;box-shadow:0 0 12px #ae70ff55}.timeline-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.6px;color:#c19be9}.timeline-meta>span{font-size:7px;border:1px solid #927bab45;border-radius:4px;padding:2px 5px;color:#acb3d0}.timeline h3{font-size:17px;line-height:1.4;letter-spacing:-.5px;margin-top:9px;font-weight:500}.timeline h4{font-size:11px;font-weight:400;color:#beb6d3;margin-top:2px}.timeline p{font-size:11px;line-height:1.7;margin:10px 0}.timeline .tags span{font-size:8px}.contact{grid-column:1/-1;position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:50px;padding:30px 36px;background:radial-gradient(ellipse at 100% 50%,#7136bc44,transparent 60%),linear-gradient(110deg,#111b32,#11152d);overflow:hidden;margin-bottom:24px}.contact:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #a19cf030;border-radius:50%;right:-130px;top:-100px;pointer-events:none}.contact-top{grid-column:1;display:flex;align-items:center;justify-content:space-between}.contact-star{position:absolute;right:32px;top:18px;font-size:50px;line-height:1;color:#a779dd66}.contact h2{grid-column:1;font-size:34px;letter-spacing:-1.3px}.contact h2 span{background:linear-gradient(90deg,#d5b5ff,#85caff);background-clip:text;color:transparent}.contact p{grid-column:1;font-size:12px;margin-top:15px;max-width:420px}.contact-email{grid-column:2;grid-row:2;align-self:center;justify-self:start;max-width:100%;font-size:clamp(14px,1.8vw,23px);line-height:1.7;font-family:'Space Grotesk';letter-spacing:-.6px;border-bottom:1px solid #b986e180;overflow-wrap:anywhere}.contact-email>span{color:#c69cff;margin-left:8px}.contact-bottom{grid-column:2;grid-row:3;display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:1;margin-top:15px}.contact-bottom>span{font-size:11px;color:#a9b4d2}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:calc(var(--page) - 40px);margin:auto;padding:10px 15px 32px}footer .logo{font-size:25px}footer p,footer>a:last-child{font-size:10px;color:#8f9bb9}footer p span{margin:0 8px}dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:35px;border:1px solid #a587dd80;border-radius:20px;color:var(--text);background:linear-gradient(140deg,#20203c,#111c2e);box-shadow:0 30px 100px #0009;overflow:auto}dialog::backdrop{background:#050a20bc;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:10px;top:10px;border:1px solid #a091bd40;border-radius:10px;background:#ffffff08;width:44px;height:44px;font-size:25px;color:#d8c6f4}dialog .kicker{padding-right:30px}dialog h2{margin:18px 0;font-size:29px}dialog h3{font-size:16px;margin-top:25px}dialog p,dialog li{font-size:13px;color:#bbc8e1}dialog ul{padding-left:19px}dialog li{padding-bottom:8px}.dialog-note{border-top:1px solid var(--line);padding:15px 0 20px;font-size:11px!important}
@media(min-width:1500px){.hero{min-height:550px}.hero-art{height:400px}}
@media(max-width:1150px){.nav-shell{gap:20px}.nav-shell nav{gap:19px;font-size:11px}.hero{padding:50px 32px;gap:20px;min-height:500px}h1{font-size:54px;letter-spacing:-2.5px}.hero-art{height:355px}.floating-code{padding:15px 18px}.floating-code strong{font-size:20px}.projects{grid-column:span 12}.about{grid-column:span 12;display:grid;grid-template-columns:.75fr 2fr;align-items:start;gap:30px}.profile-heading{margin:0;padding:0;border:0}.about-copy p{font-size:13px}.about-copy h2{margin-bottom:10px}.values{margin:17px 0}.project-visual{height:195px;padding:45px 25px 0}.mock-window{height:175px}.edu-body h3{font-size:24px}.project-info{padding:18px}.project-title h3{font-size:18px}.project-info p{font-size:12px}.skills{grid-column:span 7}.experience{grid-column:span 5}.contact{column-gap:30px;padding:28px}.contact-email{font-size:19px}}
@media(max-width:900px){.nav-shell{width:calc(100% - 40px);padding:0 16px;gap:15px}.nav-shell nav{gap:14px;font-size:10px}.cv-link{font-size:11px;padding:8px 13px}.hero{padding:40px 25px 45px;gap:18px;min-height:460px}h1{font-size:45px;letter-spacing:-2.4px}.hero-role{font-size:8px;letter-spacing:1.6px}.hero h2{font-size:17px}.hero p{font-size:12px}.hero-art{height:325px}.hero-facts{gap:10px}.hero-facts strong{font-size:11px}.hero-facts span{font-size:9px}.hero-facts div{padding-right:10px}.hero-actions{gap:9px}.button{padding:10px 14px;gap:10px;font-size:12px}.floating-code{right:-5px;padding:12px 15px}.floating-code strong{font-size:17px}.floating-code>span{font-size:6px}.floating-code div{font-size:8px}.art-label{left:10px;top:10px;font-size:6px}.content-wrap{gap:16px}.skills,.experience{grid-column:span 6}.skill-groups{grid-template-columns:1fr}.skill-groups article:last-child{grid-column:auto}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skill-list>span{flex-direction:row;font-size:10px}.skill-list b{width:28px;height:30px;font-size:14px;border-radius:7px;flex-shrink:0}.section-block{padding:22px}.skill-groups{gap:18px}.contact{grid-template-columns:1fr}.contact h2{font-size:34px}.contact-email{grid-row:auto;grid-column:1;justify-self:start;margin-top:22px;font-size:22px}.contact-bottom{grid-row:auto;grid-column:1;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.contact p{max-width:none}.project-title h3{font-size:16px}.project-visual{height:175px;padding-left:16px;padding-right:16px}.edu-body h3{font-size:21px}.profile-heading{flex-wrap:wrap}.profile-heading>a{margin-left:0}.profile-heading strong{font-size:14px}.values{font-size:11px}}
@media(max-width:700px){html{scroll-padding-top:90px}.nav-shell{height:62px;top:10px;margin-top:10px;width:calc(100% - 28px);padding:0 12px 0 19px;gap:12px}.nav-shell .logo{margin-right:auto}.menu-toggle{display:block}.nav-shell nav{display:none;position:absolute;top:72px;left:0;right:0;border:1px solid #ad8cec66;border-radius:17px;background:#121b32fa;padding:10px;height:auto;box-shadow:0 20px 40px #0008}.nav-shell nav.open{display:grid;grid-template-columns:1fr 1fr;gap:3px}.nav-shell nav a{height:auto;min-height:47px;padding:10px 13px;font-size:13px;border-radius:9px}.nav-shell nav a.active{background:#8f5ee027;color:#d5b5ff}.nav-shell nav a.active:after{display:none}.cv-link{padding:9px 14px;font-size:12px}.cv-link span{margin-left:9px}.hero{grid-template-columns:1fr;gap:30px;padding:36px 22px 38px;min-height:0}.hero-role{margin:22px 0 10px;font-size:9px;letter-spacing:1.8px}h1{font-size:clamp(39px,9vw,62px);letter-spacing:-2.4px}.hero h2{font-size:18px;max-width:440px;margin-top:14px}.hero p{font-size:14px;max-width:470px}.hero-actions{margin-top:22px;gap:12px}.button{min-height:48px;padding:12px 20px;gap:14px;font-size:13px}.hero-facts{margin-top:24px;max-width:470px;gap:16px}.hero-facts strong{font-size:12px}.hero-facts span{font-size:10px}.hero-art{height:auto;aspect-ratio:1.7;transform:none;margin:0 5px 8px 0;border-radius:17px}.hero-art img{display:block;object-position:42% center}.floating-code{bottom:-12px;right:-5px;padding:11px 15px;border-radius:12px}.floating-code strong{font-size:18px;margin:5px 0 7px}.floating-code>span{font-size:7px}.floating-code div{font-size:9px;padding-top:7px}.art-label{font-size:7px;left:12px;top:12px}.content-wrap{padding:0 14px;gap:15px}.section-block{grid-column:1/-1;padding:23px 20px;border-radius:18px;scroll-margin-top:91px}.section-heading{gap:15px;margin-bottom:22px;flex-wrap:wrap}.section-heading h2{font-size:26px}.section-heading p{font-size:13px}.kicker{font-size:9px;letter-spacing:1.4px}.outline-label{max-width:none;font-size:8px;padding:5px 8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-card:last-child .project-visual{height:100%;min-height:195px;border-bottom:0;border-right:1px solid var(--line)}.project-visual{height:175px;padding:45px 15px 0}.project-info{padding:15px 12px}.project-title h3{font-size:16px}.project-info p{font-size:12px}.tags span{font-size:9px}.project-note{font-size:11px}.about{display:block}.profile-heading{flex-wrap:nowrap;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.profile-heading>a{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px}.profile-heading strong{font-size:17px}.profile-heading>div:nth-child(2)>span{font-size:8px}.about-copy h2{font-size:26px}.about-copy p{font-size:14px}.values{font-size:12px;gap:14px;margin:23px 0}.languages{font-size:12px;gap:12px;padding-top:18px}.languages b{font-size:11px}.skill-groups{grid-template-columns:1fr 1fr;gap:22px 18px}.skill-groups article:last-child{grid-column:1/-1}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.skill-list>span{flex-direction:column;font-size:10px;gap:7px}.skill-list b{width:40px;height:40px;font-size:19px;border-radius:10px}.skill-number{font-size:8px}.skill-groups h3{font-size:17px}.practice-list span{font-size:11px;padding:6px 8px}.experience-intro{font-size:13px;margin-bottom:24px}.timeline h3{font-size:19px}.timeline h4,.timeline p{font-size:13px}.timeline-meta{font-size:11px}.timeline-meta>span{font-size:8px}.timeline article{padding-bottom:28px}.timeline .tags span{font-size:10px}.contact{display:block;padding:28px 23px;margin-bottom:8px}.contact h2{font-size:33px;letter-spacing:-1.2px;margin-top:8px}.contact p{font-size:13px;max-width:450px}.contact-star{font-size:42px;right:21px;top:23px}.contact-email{display:inline-block;font-size:clamp(14px,3.6vw,23px);margin-top:22px;letter-spacing:-.4px}.contact-email>span{margin-left:3px}.contact-bottom{gap:15px}.contact-bottom>span{font-size:11px}.contact-bottom .button{font-size:12px;padding:10px 15px}footer{margin:0 22px;padding:20px 0 28px;flex-wrap:wrap;gap:15px}footer p{flex:1;font-size:9px;text-align:right}footer>a:last-child{width:100%;text-align:right;font-size:11px}dialog{padding:27px 23px;max-height:calc(100dvh - 24px)}dialog .kicker{font-size:8px}dialog h2{font-size:27px}dialog p,dialog li{font-size:14px}.dialog-close{width:40px;height:40px}}
@media(max-width:460px){.project-grid{grid-template-columns:1fr;gap:17px}.project-card:last-child{grid-column:auto;display:flex}.project-card:last-child .project-visual{border-right:0;border-bottom:1px solid var(--line);min-height:0;height:205px}.project-visual{height:205px;padding:45px 26px 0}.mock-window{height:190px}.edu-body h3{font-size:26px}.edu-body>div{padding:13px 18px}.course-row i{height:36px;font-size:20px}.admin-main{padding:17px}.admin-main h3{font-size:15px}.stat-boxes i{height:29px}.fake-table{gap:10px}.scorm-orbit{height:147px}.orbit-one{width:210px;height:105px}.orbit-two{width:200px;height:120px}.file-icon{width:68px;height:83px;font-size:31px}.file-icon small{font-size:7px}.orbit-label{font-size:7px;bottom:2px}.small-file{right:15px;top:8px}.preview-tag{font-size:8px;left:13px;top:13px}.preview-caption{font-size:6px}.project-info{padding:18px}.project-title h3{font-size:20px}.project-title>span{width:30px;height:30px;font-size:17px}.project-info p{font-size:13px;margin:11px 0 16px}.tags span{font-size:10px;padding:3px 8px}.hero{padding-left:20px;padding-right:20px;gap:26px}.hero-facts{gap:11px}.hero-facts div{padding-right:9px}.hero-facts strong{font-size:10px}.hero-facts span{font-size:9px}.hero h2{font-size:17px}.hero-actions{gap:10px}.hero-actions .button{padding:11px 17px;font-size:12px}.eyebrow{font-size:9px}.hero-art{aspect-ratio:1.45}.floating-code strong{font-size:16px}.art-label{font-size:6px}.section-block{padding:23px 18px}.values{font-size:10px;gap:14px 6px}.skill-groups{gap:24px 12px}.skill-list{gap:12px 4px}.skill-list>span{font-size:9px}.skill-list b{width:36px;height:36px}.contact{padding:26px 20px}.contact h2{font-size:29px}.contact-bottom{flex-wrap:wrap}.contact-bottom .button{flex:1}.outline-label{font-size:7px}.profile-heading strong{font-size:15px}.profile-heading>div:nth-child(2)>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media (min-width:701px) and (max-width:900px){.nav-shell .logo{margin-right:auto}.menu-toggle{display:block}.nav-shell nav{display:none;position:absolute;top:74px;left:0;right:0;height:auto;padding:12px;border:1px solid #ad8cec66;border-radius:17px;background:#121b32fa;box-shadow:0 20px 40px #0008}.nav-shell nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.nav-shell nav a{height:auto;min-height:47px;padding:10px 13px;font-size:13px;border-radius:9px}.nav-shell nav a.active{background:#8f5ee027;color:#d5b5ff}.nav-shell nav a.active:after{display:none}}