@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap');
:root{--blue:#39b2f4;--olive:#68683b;--dark:#302f12;--cream:#fffaf0;--ink:#10130f;--line:rgba(25,28,18,.35);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:"Nunito Sans",sans-serif;color:var(--ink);background:var(--blue);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);background:rgba(57,178,244,.96);border-bottom:1px solid rgba(26,37,30,.55);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.03em}.brand-mark{width:37px;height:37px;border:1.5px solid var(--dark);border-radius:50%;display:grid;place-items:center;font-size:.76rem}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px)}.site-header nav a{font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.site-header nav a:hover{opacity:.65}.lang-toggle{border:1px solid var(--dark);background:transparent;border-radius:99px;padding:7px 12px;cursor:pointer;font:inherit;font-size:.78rem}.menu-toggle{display:none;background:transparent;border:0;font-size:1.5rem}
section.section{padding:clamp(64px,8vw,112px) clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px}.hero{height:min(760px,calc(100vh - 78px));min-height:500px;position:relative;overflow:hidden;background:var(--dark);color:white}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 85%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 60%)}.hero-copy{position:absolute;left:clamp(24px,9vw,130px);top:50%;transform:translateY(-40%);max-width:850px;text-shadow:0 2px 7px #0008}.hero-copy .eyebrow{font-size:.8rem;letter-spacing:.22em}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(2.7rem,8vw,6.7rem);line-height:1.02;margin:0;font-weight:800;letter-spacing:-.04em;-webkit-text-stroke:1px #4a4a4a}.hero h2{font-family:Montserrat,sans-serif;font-size:clamp(1.1rem,3.2vw,2.4rem);line-height:1.2;margin:15px 0 0;font-weight:700}.scroll-cue{position:absolute;right:5%;bottom:26px;border:1px solid #ffffff88;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:1.3rem}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,120px);align-items:center;min-height:600px}.about .section-heading h2{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5.4vw,5.4rem);font-weight:400;line-height:1.08;letter-spacing:-.06em;margin:0}.about-copy p{margin:0 0 20px;font-size:clamp(.98rem,1.25vw,1.1rem);text-align:justify}.experience{background:var(--blue)}.job{display:grid;grid-template-columns:minmax(190px,.75fr) 1.25fr;gap:40px;padding:24px 0;border-top:1px solid var(--line);font-size:.88rem}.job-meta{display:flex;flex-direction:column;gap:3px}.job-meta small{font-size:.77rem;margin-bottom:7px}.job-meta strong{font-weight:700}.job b{font-size:.82rem}.job p{margin:5px 0 16px}.education{background:var(--olive);color:var(--cream)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,5vw,70px);padding:10px 0 60px}.ribbon{background:var(--blue);color:var(--ink);min-height:350px;text-align:center;padding:35px 22px;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%)}.ribbon-label{font-size:1.15rem;margin:0 0 14px}.ribbon h3{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:400;line-height:1.35;margin:12px 0}.ribbon p:last-child{font-size:1.1rem;margin-top:36px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:center}.skills-grid h3{font-weight:400;font-size:1.2rem;margin:0 0 12px}.skills-grid p{font-size:1.05rem;line-height:1.8;margin:0}.resume{background:var(--olive);color:var(--cream);text-align:center}.resume>.eyebrow{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:.04em;margin-bottom:60px}.resume-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,310px));justify-content:center;gap:clamp(35px,12vw,180px)}.resume-ribbon{height:300px;background:var(--blue);color:var(--dark);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);font-size:clamp(1rem,1.7vw,1.4rem);transition:transform .2s}.resume-ribbon:hover{transform:translateY(-5px)}.resume-note{font-size:.8rem;opacity:.8;margin-top:30px}
.contact{background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr minmax(300px,.9fr);gap:clamp(40px,10vw,150px);align-items:center;min-height:600px}.contact h2{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0 0 35px}.linkedin{display:inline-flex;align-items:center;gap:10px;margin:8px 0 15px}.linkedin-icon{display:inline-grid;place-items:center;background:#0a66c2;color:white;font-family:Arial,sans-serif;font-weight:bold;font-size:1rem;width:27px;height:27px;border-radius:4px}.email-line a{border-bottom:1px solid #fff8}.contact form{display:flex;flex-direction:column;gap:14px}.contact label{display:block}.contact label>span{position:absolute;left:-9999px}.contact input,.contact textarea{display:block;width:100%;border:0;background:var(--blue);color:var(--dark);border-radius:999px;padding:14px 20px;font:inherit;font-size:1rem;text-align:center;outline-offset:3px}.contact textarea{background:var(--cream);border-radius:42px;min-height:180px;resize:vertical;padding:25px;text-align:left}.contact input::placeholder,.contact textarea::placeholder{color:#393817;opacity:1}.contact form button{align-self:center;border:0;border-radius:99px;background:var(--blue);color:var(--dark);font:inherit;font-size:1.05rem;padding:10px 34px;cursor:pointer}.form-note{font-size:.76rem;color:#c6c5ad;text-align:center;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,70px);background:var(--dark);color:var(--cream);font-size:.82rem}
@media(max-width:800px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--blue);padding:14px 22px 22px;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:11px 0;border-bottom:1px solid var(--line)}.lang-toggle{align-self:flex-start;margin-top:12px}.hero{height:72vh;min-height:460px}.hero-image{object-position:60% center}.hero-copy{left:22px;right:22px;top:auto;bottom:95px;transform:none}.about{grid-template-columns:1fr;gap:35px;min-height:auto}.about .section-heading h2 br{display:none}.job{grid-template-columns:1fr;gap:12px}.education-grid{grid-template-columns:1fr;gap:25px;padding-bottom:20px}.ribbon{min-height:270px;max-width:440px;width:100%;margin:auto}.skills-grid{grid-template-columns:1fr;gap:32px}.resume-grid{gap:24px}.resume-ribbon{height:245px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{max-width:600px}footer{gap:12px;flex-wrap:wrap}}
@media(max-width:480px){.resume-grid{grid-template-columns:1fr;max-width:300px;margin:auto}.resume-ribbon{height:240px}.hero h1{font-size:2.7rem}.hero h2{font-size:1.15rem}.contact textarea{min-height:150px}}