:root{
 --navy:#0e1a24; --navy2:#142733; --paper:#f4f0e8; --white:#fffdf8;
 --ink:#14212a; --muted:#65717a; --line:#d7d5cf; --teal:#2b9b91;
 --blue:#3979c7; --rose:#b86467; --green:#668f72; --orange:#c26c45;
 --shadow:0 14px 35px rgba(14,26,36,.08); --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:white;padding:10px}
nav{position:sticky;top:0;z-index:50;background:rgba(244,240,232,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.055em;text-decoration:none}
.navlinks{display:flex;align-items:center;gap:20px}.navlinks>a{text-decoration:none;font-size:14px}.navlinks>a:hover{color:var(--teal)}
.langs{display:flex;gap:5px;margin-left:4px}.langs a{font-size:12px;text-decoration:none;border:1px solid var(--line);padding:5px 8px;border-radius:999px}.langs a.active{background:var(--navy);color:white;border-color:var(--navy)}
.hero{min-height:78vh;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding:80px 0}
.kicker,.label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--teal)}
h1{font-size:clamp(56px,8.3vw,108px);letter-spacing:-.06em;line-height:.9;margin:16px 0 24px}h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.045em;line-height:1;margin:12px 0 18px}h3{line-height:1.15}
.lead{font-size:clamp(21px,2.6vw,31px);line-height:1.25;max-width:820px;color:#31414b;margin:0 0 18px}.intro{font-size:18px;max-width:800px;color:var(--muted)}
.hero-side{border-left:3px solid var(--teal);padding:8px 0 8px 22px;color:var(--muted)}.hero-side strong{display:block;color:var(--ink);margin-bottom:8px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;padding:12px 17px;border:1px solid var(--ink);border-radius:8px}.btn.primary{background:var(--navy);color:white}.btn.light{border-color:#71808a;color:white}.btn:hover{transform:translateY(-1px)}
section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start;margin-bottom:34px}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.02);min-height:285px;display:flex;flex-direction:column;position:relative;overflow:hidden}.project:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.project:nth-child(1){grid-column:span 7}.project:nth-child(2){grid-column:span 5}.project:nth-child(3),.project:nth-child(4),.project:nth-child(5){grid-column:span 4}
.project .num{font-weight:900;color:var(--teal);font-size:13px}.project h3{font-size:31px;margin:13px 0 8px}.project p{color:var(--muted);margin:8px 0 20px}.project .go{margin-top:auto;font-weight:900}
.tags{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);font-weight:800}.project.c3 .tags{color:var(--rose)}.project.c4 .tags{color:var(--green)}.project.c5 .tags{color:var(--orange)}
.proof{background:var(--navy);color:white}.proof .intro{color:#c4ced4}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.proof-card{background:var(--navy2);border:1px solid #29404e;border-radius:12px;padding:22px}.proof-card b{display:block;color:#63c3ba;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.proof-card span{color:#dce4e8}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline article{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px}.timeline .year{font-size:12px;color:var(--teal);font-weight:900}.timeline p{color:var(--muted);font-size:14px}
.method{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.step{padding:27px;border-right:1px solid var(--line);min-height:220px}.step:last-child{border-right:0}.step b{color:var(--teal)}.step p{color:var(--muted)}
.contact{background:var(--navy);color:white}.contact .intro{color:#c4ced4}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}
footer{background:var(--navy);color:#96a5ae;border-top:1px solid #2a3b46;padding:25px 0;font-size:13px}
.case-hero{padding:80px 0 55px}.case-hero h1{font-size:clamp(50px,7.5vw,92px)}.back{text-decoration:none;font-weight:800}.case-meta{margin:28px 0 8px}.disclaimer{font-size:13px;color:var(--muted);max-width:760px}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px}.panel.dark{background:var(--navy);color:white}.panel h3{font-size:29px;margin:12px 0}.panel p{color:var(--muted)}.panel.dark p{color:#d2dce1}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px}.metric strong{display:block;font-size:37px;letter-spacing:-.04em;color:var(--blue)}.metric span{font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.flow div{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;min-height:135px}.flow b{font-size:12px;color:var(--teal)}.flow span{display:block;margin-top:12px;font-weight:800}
.bars{display:grid;gap:10px}.bar{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:15px 18px;display:grid;grid-template-columns:120px 1fr 1fr;gap:20px}.bar b{color:var(--green)}
.case-actions{display:flex;gap:10px;flex-wrap:wrap}
.mobile-menu{display:none}
@media(max-width:900px){.navlinks>a:not(.lang){display:none}.hero,.section-head,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:70px 0}.work-grid{display:grid;grid-template-columns:1fr}.project:nth-child(n){grid-column:auto}.timeline,.method{grid-template-columns:1fr 1fr}.proof-grid,.case-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}.timeline,.method,.metrics,.flow{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.bar{grid-template-columns:1fr;gap:4px}h1{font-size:55px}.langs a{padding:4px 6px}}

.academic-note{margin:30px 0 0;background:#e7eee9;border:1px solid #c8d7cf;border-radius:14px;padding:22px 24px;display:grid;grid-template-columns:170px 1fr;gap:22px}
.academic-note strong{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.academic-note p{margin:0;color:#44545d}
.project-status{display:inline-block;margin:4px 0 10px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--teal)}
.pdf-note{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:700px){.academic-note{grid-template-columns:1fr}}

/* V4 — recruiter-first homepage rhythm */
.home-v4 section{padding:64px 0}
.home-v4 .hero{min-height:68vh;padding:70px 0}
.home-v4 .hero h1{font-size:clamp(58px,7.5vw,96px)}
.home-v4 .section-head{grid-template-columns:.58fr 1.42fr;margin-bottom:28px}
.home-v4 .section-head h2{font-size:clamp(34px,4.2vw,52px)}
.home-v4 .academic-note{margin:22px 0 28px;padding:18px 20px}
.home-v4 .work-grid{gap:14px}
.home-v4 .project{min-height:235px;padding:25px}
.home-v4 .project h3{font-size:28px}
.home-v4 .proof-grid{grid-template-columns:repeat(4,1fr);gap:10px}
.home-v4 .proof-card{padding:18px;min-height:120px}
.home-v4 .career-strip{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:30px}
.home-v4 .career-item{padding:4px 26px 0 0;position:relative}
.home-v4 .career-item:before{content:"";position:absolute;top:-16px;left:0;width:9px;height:9px;background:var(--teal);border-radius:50%;z-index:2}
.home-v4 .career-item:after{content:"";position:absolute;top:-12px;left:0;right:0;height:1px;background:var(--line)}
.home-v4 .career-item:last-child:after{right:70%}
.home-v4 .career-year{font-size:12px;color:var(--teal);font-weight:900;letter-spacing:.04em}
.home-v4 .career-item h3{font-size:20px;margin:7px 0 5px}
.home-v4 .career-item p{font-size:14px;color:var(--muted);margin:0;max-width:230px}
.home-v4 .career-bridge{margin-top:30px;max-width:820px;font-size:16px;color:var(--muted)}
.home-v4 .method-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-v4 .method-lite{padding:22px 26px 22px 0}
.home-v4 .method-lite b{font-size:12px;color:var(--teal)}
.home-v4 .method-lite h3{font-size:19px;margin:7px 0}
.home-v4 .method-lite p{font-size:14px;color:var(--muted);margin:0}
@media(max-width:900px){.home-v4 .proof-grid{grid-template-columns:1fr 1fr}.home-v4 .career-strip{grid-template-columns:1fr 1fr;gap:34px 20px}.home-v4 .career-item:after{display:none}.home-v4 .method-line{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-v4 .proof-grid,.home-v4 .career-strip,.home-v4 .method-line{grid-template-columns:1fr}.home-v4 .career-item{padding-left:18px;border-left:1px solid var(--line)}.home-v4 .career-item:before{top:7px;left:-5px}.home-v4 .hero{min-height:auto}}

/* V5 — recruiter scan & page-level UX refinement */
:root{--max:1120px}
body{font-size:16px}
.home-v4 section{padding:56px 0}
.home-v4 .hero{min-height:auto;padding:72px 0 62px}
.home-v4 .hero .intro{max-width:720px}
.home-v4 .section-head{grid-template-columns:340px 1fr;gap:52px;margin-bottom:24px}
.home-v4 .section-head h2{margin-bottom:0}
.home-v4 .academic-note{grid-template-columns:155px 1fr;max-width:900px;margin:18px 0 26px}
.home-v4 .work-grid{grid-template-columns:repeat(2,1fr)}
.home-v4 .project:nth-child(n){grid-column:auto;min-height:220px}
.home-v4 .project:first-child{grid-column:span 2;min-height:230px}
.home-v4 .project h3{font-size:26px}
.home-v4 .project:first-child h3{font-size:31px}
.home-v4 .proof{padding:52px 0}
.home-v4 .proof-grid{grid-template-columns:repeat(4,1fr)}
.home-v4 .proof-card{min-height:105px;padding:16px}
.home-v4 .proof-card span{font-size:14px;line-height:1.45}
.home-v4 .career-strip{margin-top:26px}
.home-v4 .career-bridge{margin-top:24px}
.home-v4 .method-line{margin-top:4px}
.home-v4 .contact{padding:58px 0}
.case-hero{padding:62px 0 42px}
.case-hero h1{font-size:clamp(46px,6vw,76px);margin-bottom:18px}
.case-hero .lead{font-size:clamp(20px,2.2vw,27px)}
.case-hero .disclaimer{margin-top:12px}
.case-grid{gap:14px}
.panel{padding:24px}
.panel h3{font-size:25px}
.metrics{gap:10px}.metric{padding:18px}.metric strong{font-size:32px}
.flow{gap:8px}.flow div{min-height:112px;padding:15px}
.case-actions{align-items:center}
.case-pdf-cta{background:var(--navy2);border:1px solid #34505f;border-radius:14px;padding:22px}
.case-pdf-cta h3{margin:0 0 8px;font-size:21px}
.case-pdf-cta p{margin:0 0 14px;color:#c4ced4;font-size:14px}
@media(max-width:900px){.home-v4 .section-head{grid-template-columns:1fr;gap:8px}.home-v4 .work-grid{grid-template-columns:1fr}.home-v4 .project:first-child{grid-column:auto}.home-v4 .proof-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-v4 section{padding:44px 0}.home-v4 .hero{padding:55px 0 45px}.home-v4 .proof-grid{grid-template-columns:1fr}.case-hero{padding:48px 0 32px}}

/* V6 — final visual refinement: editorial hierarchy + faster recruiter scan */
:root{
  --paper:#f5f1e9; --white:#fffdf9; --navy:#101d26; --ink:#15232c;
  --muted:#61717b; --line:#d9d6ce; --teal:#158f8a; --blue:#3979c7;
}
body{letter-spacing:-.006em}
nav{box-shadow:0 1px 0 rgba(16,29,38,.03)}
.nav{height:66px}
.hero{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)}
.home-v4 .hero h1{max-width:780px}
.hero-side{font-size:14px;line-height:1.8}
.home-v4 .section-head{align-items:end}
.home-v4 .section-head .intro{font-size:17px;max-width:650px}
.home-v4 .academic-note{border-left:3px solid var(--teal);border-radius:0;background:transparent;border-top:0;border-right:0;border-bottom:0;padding:4px 0 4px 18px}
.home-v4 .work-grid{gap:12px}
.home-v4 .project{box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-v4 .project:hover{border-color:#b8c8c5;box-shadow:0 12px 28px rgba(16,29,38,.07)}
.home-v4 .project:first-child{background:var(--navy);color:white}
.home-v4 .project:first-child p{color:#cbd5da}
.home-v4 .project:first-child .tags,.home-v4 .project:first-child .num{color:#68c8bf}
.home-v4 .project:first-child .go{color:white}
.home-v4 .project .go{font-size:14px}
.home-v4 .proof-grid{gap:1px;background:#29404e;border:1px solid #29404e;border-radius:14px;overflow:hidden}
.home-v4 .proof-card{border:0;border-radius:0}
.home-v4 .career-strip{gap:0}
.home-v4 .career-item{padding-right:34px}
.home-v4 .method-line{border-color:#c8c5be}
.home-v4 .method-lite{padding-right:34px}
.contact .actions{margin-top:20px}
.case-hero{max-width:1120px}
.case-hero .project-status{margin-top:4px}
.case-grid .panel{box-shadow:none}
.case-grid .panel:first-child{border-top:3px solid var(--teal)}
.case-grid .panel.dark{border-top:3px solid #65c2b9}
.metrics .metric{box-shadow:none}
.metrics .metric strong{font-variant-numeric:tabular-nums}
.case-pdf-cta .btn{font-size:13px}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-side{border-left:0;border-top:2px solid var(--teal);padding:16px 0 0}
}

/* V6.1 — coherent Selected Work introduction */
.home-v4 #work .section-head{display:block;max-width:760px;margin-bottom:18px}
.home-v4 #work .section-head h2{margin:8px 0 12px}
.home-v4 #work .section-head .intro{max-width:700px;margin:0;font-size:18px;line-height:1.55}
.home-v4 #work .academic-note{display:block;max-width:760px;margin:0 0 28px;padding:14px 18px;border-left:3px solid var(--teal);background:rgba(21,143,138,.045)}
.home-v4 #work .academic-note strong{display:block;margin-bottom:5px}
.home-v4 #work .academic-note p{max-width:700px;line-height:1.55}

/* V6.2 — homepage flow pass */
.home-v4 #work{padding-top:52px}
.home-v4 #work .section-head{max-width:720px}
.home-v4 #work .academic-note{max-width:720px}
.home-v4 #profile .section-head,
.home-v4 #method .section-head{display:block;max-width:720px;margin-bottom:28px}
.home-v4 #profile .section-head h2,
.home-v4 #method .section-head h2{margin:8px 0 10px}
.home-v4 #profile .section-head .intro,
.home-v4 #method .section-head .intro{margin:0;max-width:680px;font-size:17px;line-height:1.55}
.home-v4 #profile .career-bridge{max-width:680px}
.home-v4 #method .method-line{margin-top:8px}
.home-v4 .contact-grid{grid-template-columns:1fr auto;gap:48px}
.home-v4 .contact h2{max-width:700px;font-size:clamp(34px,4vw,50px)}
@media(max-width:900px){.home-v4 .contact-grid{grid-template-columns:1fr}}

/* V6.3 — education hierarchy + stable PT/EN/ES selector */
.langs{margin-left:12px;padding-left:16px;border-left:1px solid var(--line);gap:6px}
.langs a{min-width:36px;text-align:center}
.education-item h3{margin-bottom:7px}
.education-school{font-weight:650;color:var(--ink)!important;line-height:1.35}
.education-grade{margin-top:5px!important;font-size:13px!important;color:var(--muted)!important}
@media(max-width:560px){.langs{margin-left:5px;padding-left:8px}.langs a{min-width:auto}}

/* FINAL recruiter QA */
a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.lang.active{font-weight:800}
.project a,.btn{touch-action:manipulation}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}


/* FINAL.1 — sticky-header / in-page anchor correction */
:root{--sticky-header-offset:96px}
html{scroll-padding-top:var(--sticky-header-offset)}
section[id], footer[id], [id].anchor-target{scroll-margin-top:var(--sticky-header-offset)}

@media(max-width:760px){
  :root{--sticky-header-offset:132px}
}