:root{
  --navy:#071c33; --navy2:#0c2b49; --blue:#1674bd; --ink:#0d2035; --muted:#586a7d;
  --line:#dce4ea; --soft:#f6f8fa; --white:#fff; --radius:8px; --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(12,43,73,.08)}.nav-wrap{height:72px;display:flex;align-items:center;gap:34px}.brand{font-weight:800;font-size:17px;white-space:nowrap}.nav{display:flex;gap:34px;margin-left:auto;font-size:13px;color:#43566a}.nav a:hover{color:#0b6eb5}.nav-cv{margin-left:10px}.nav-toggle{display:none;border:0;background:transparent;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 18px;border-radius:7px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(8,31,54,.12)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;border-color:#d7e0e7;color:#14283b}.btn-white{background:#fff;color:var(--navy);border-color:rgba(255,255,255,.6)}.li-icon{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:2px;background:#0a66c2;color:#fff;font:800 12px Arial}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#708298;margin:0 0 16px}.eyebrow.accent{color:#2778b7}.eyebrow.light{color:#c9d9e7}.hero{background:linear-gradient(90deg,#f4f7f9 0%,#fff 44%,#f8fafb 100%);overflow:hidden}.hero-grid{min-height:578px;display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch}.hero-copy{align-self:center;padding:72px 32px 72px 0}.hero h1{font-size:64px;line-height:.96;letter-spacing:-.045em;margin:0 0 24px;color:#0a2037}.hero-line{font-size:22px;line-height:1.35;margin:0 0 18px}.hero-description{max-width:600px;font-size:15px;color:#394f64;margin:0 0 27px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-photo{position:relative;min-height:578px;overflow:hidden}.hero-photo:before{content:"";position:absolute;inset:0 auto 0 0;width:22%;z-index:2;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.section{padding:74px 0}.section h2{font-size:35px;line-height:1.08;letter-spacing:-.028em;margin:0 0 28px}.about-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:72px;align-items:center}.body-copy{max-width:720px;color:#394d60;font-size:14px}.body-copy p{margin:0 0 14px}.quote-card{position:relative;height:460px;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(14,37,58,.13)}.quote-card img{width:100%;height:100%;object-fit:cover}.quote-overlay{position:absolute;inset:auto 0 0;padding:86px 30px 28px;color:#fff;background:linear-gradient(transparent,rgba(3,22,41,.88))}.quote-overlay p{font-size:16px;margin:10px 0 0}.quote-mark{display:block;width:30px;height:4px;border-radius:3px;background:#2da1eb}.timeline-section{padding-top:40px}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;position:relative;padding-top:10px}.timeline:before{content:"";position:absolute;left:6%;right:6%;top:42px;height:1px;background:#c9d4dd}.timeline-item{position:relative;text-align:left;min-width:0}.timeline-icon{width:52px;height:52px;border:1px solid #cbd7e0;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800;font-size:20px;margin-bottom:15px;position:relative;z-index:1}.timeline-item small{display:block;color:#77899a;font-size:11px;margin-bottom:7px}.timeline-item h3{font-size:13px;line-height:1.25;margin:0 0 9px}.timeline-item p{font-size:11px;line-height:1.4;margin:0;color:#67798a}.projects-section{padding-top:56px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{min-height:404px;border-radius:8px;overflow:hidden;position:relative;color:#fff;background-image:linear-gradient(180deg,rgba(2,20,38,.06) 0%,rgba(2,20,38,.92) 59%,#061b31 100%),var(--card-image);background-size:cover;background-position:center top;box-shadow:0 15px 32px rgba(4,29,50,.16)}.project-content{position:absolute;inset:auto 0 0;padding:30px}.project-card h3{font-size:22px;margin:0 0 8px}.project-card p{font-size:13px;color:#e3ebf2;min-height:42px;margin:0 0 22px}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.project-metrics span{font-size:10px;line-height:1.3;color:#d8e3ec}.project-metrics b{display:block;font-size:13px;color:#fff;margin-bottom:2px}.principles-section{padding-top:60px}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principles-grid article{border:1px solid #dfe6eb;border-radius:8px;padding:24px;min-height:180px}.principle-icon{font-size:28px;margin-bottom:14px}.principles-grid h3{font-size:15px;margin:0 0 8px}.principles-grid p{font-size:12px;color:#617284;margin:0}.education-section{background:linear-gradient(#fff,#f8fafc)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.edu-card{border:1px solid #dde5eb;background:#fff;border-radius:8px;padding:28px;min-height:280px}.edu-logo{font-weight:900;font-size:42px;line-height:1;color:#0b2948;margin-bottom:17px}.edu-logo.round{font-size:21px;border:2px solid #1e5b93;border-radius:50%;width:58px;height:58px;display:grid;place-items:center}.edu-logo.uax{color:#111;font-size:32px}.edu-card h3{font-size:16px;margin:0 0 4px}.edu-card p,.edu-card small{display:block;color:#6a7d8e;font-size:12px;margin:0 0 4px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{background:#f1f4f6;border:1px solid #e1e8ed;color:#607284;border-radius:18px;padding:4px 9px;font-size:10px}.next-section{position:relative;background:#082542;color:#fff;overflow:hidden}.next-section:after{content:"";position:absolute;inset:0 0 0 50%;background:linear-gradient(90deg,#082542 0%,rgba(8,37,66,.56) 28%,rgba(8,37,66,.15)),url('assets/coast-cta.jpg') center/cover no-repeat}.next-grid{min-height:315px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;position:relative;z-index:2}.next-grid>div{padding:55px 0}.next-section h2{font-size:31px;line-height:1.13;margin:0 0 18px}.next-section p:not(.eyebrow){max-width:700px;color:#d5e1eb;font-size:13px;margin-bottom:24px}.footer{padding:22px 0;border-top:1px solid #e2e8ed}.footer-wrap{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:11px;color:#718190}.footer-wrap strong{display:block;color:#263d50;margin-bottom:3px}.footer-links{display:flex;gap:25px}.footer-links a{display:flex;gap:7px;align-items:center}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1000px){.nav{display:none}.nav-cv{margin-left:auto}.hero h1{font-size:52px}.hero-grid{grid-template-columns:1fr .85fr}.timeline{grid-template-columns:repeat(4,1fr);row-gap:34px}.timeline:before{display:none}.project-metrics{grid-template-columns:1fr}.about-grid{gap:35px}.principles-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.container{width:min(100% - 30px,var(--max))}.nav-wrap{height:62px}.nav-toggle{display:block;margin-left:auto}.nav-cv{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:62px;background:#fff;padding:20px 24px;flex-direction:column;gap:17px;border-bottom:1px solid #e4e9ed;box-shadow:0 14px 30px rgba(0,0,0,.06)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 38px}.hero h1{font-size:49px}.hero-line{font-size:19px}.hero-photo{min-height:440px;margin:0 -15px}.hero-photo:before{display:none}.about-grid,.project-grid,.education-grid,.next-grid{grid-template-columns:1fr}.quote-card{height:380px}.timeline{grid-template-columns:1fr;padding-left:26px}.timeline-item{padding-left:40px}.timeline-item:before{content:"";position:absolute;left:0;top:0;bottom:-34px;width:1px;background:#cbd7e0}.timeline-item:last-child:before{bottom:50%}.timeline-icon{position:absolute;left:-26px;top:-5px;width:42px;height:42px}.principles-grid{grid-template-columns:1fr 1fr}.project-card{min-height:390px}.next-section:after{inset:55% 0 0 0;opacity:.36}.next-grid>div{padding:55px 0}.footer-wrap{align-items:flex-start;flex-direction:column}.section{padding:58px 0}.section h2{font-size:29px}}
@media (max-width:480px){.hero h1{font-size:42px}.hero-actions .btn{width:100%}.principles-grid{grid-template-columns:1fr}.quote-card{height:330px}.project-content{padding:24px}.project-card{min-height:420px}.footer-links{flex-direction:column;gap:10px}.next-section h2{font-size:27px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* Language selector and refined learning-path timeline */
.nav-tools{display:flex;align-items:center;gap:10px;margin-left:10px}.nav-cv{margin-left:0}.lang-toggle{height:42px;min-width:45px;padding:0 12px;border:1px solid #d7e0e7;border-radius:7px;background:#fff;color:#14283b;font-weight:800;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:.2s ease}.lang-toggle:hover{border-color:#9fb4c4;box-shadow:0 8px 24px rgba(8,31,54,.09);transform:translateY(-1px)}.timeline-intro{max-width:700px;margin:-14px 0 34px;color:#687a8c;font-size:13px}.timeline-icon svg{width:25px;height:25px;fill:none;stroke:#0c4777;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.timeline-item:hover .timeline-icon{border-color:#1674bd;background:#f4f9fd;transform:translateY(-2px)}.timeline-icon{transition:.2s ease}.timeline-item h3{font-weight:800}.timeline:after{content:"";position:absolute;right:5.3%;top:38px;width:8px;height:8px;border-top:1px solid #aebdca;border-right:1px solid #aebdca;transform:rotate(45deg)}
@media (max-width:1000px){.nav-tools{margin-left:auto}.nav-cv{display:none}.timeline:after{display:none}}
@media (max-width:760px){.nav-tools{margin-left:auto;gap:6px}.lang-toggle{height:38px;min-width:42px}.timeline-intro{margin-top:-12px;margin-bottom:30px}.timeline-icon svg{width:21px;height:21px}}

/* Final project-card refinements */
.project-card{min-height:430px;background-position:center center}.project-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(8px);font-size:9px;line-height:1;letter-spacing:.12em;font-weight:800;color:#fff}.project-card:nth-child(2){background-position:center 28%}.project-card:nth-child(4){background-position:center 42%}
@media (max-width:760px){.project-grid{grid-template-columns:1fr}.project-card{min-height:420px}}