@font-face{font-family:Source;src:url('../fonts/SourceSans3-variable.woff2') format('woff2');font-display:swap;font-weight:200 900}@font-face{font-family:Editorial;src:url('../fonts/SourceSerif4-600.woff2') format('woff2');font-display:swap;font-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#fdfcfe;color:#251a32;font-family:Source,Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9b59b7;outline-offset:5px}button{cursor:pointer}::selection{background:#dcc1ea;color:#251a32}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:0}.masthead{height:84px;padding:0 calc((100% - min(100%,1440px))/2 + 6%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4dfe8}.brand{display:block;flex:none}.brand img{display:block;height:42px;width:auto}.brand--footer img{height:34px}.masthead nav{display:flex;gap:36px;font-size:15px}.masthead nav a{position:relative}.masthead nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:100%;height:1px;background:currentColor;transition:right .2s}.masthead nav a:hover:after{right:0}.nav-resume{border:1px solid #d5c9dc;border-radius:8px;padding:11px 20px;font-size:15px;font-weight:600;background:linear-gradient(180deg,#fff,#f4eff7);box-shadow:inset 0 1px 0 #fff,0 1px 2px #2b153814,0 6px 14px -6px #2b153830;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.nav-resume:hover{border-color:#b493c4;background:linear-gradient(180deg,#fff,#efe7f4);box-shadow:inset 0 1px 0 #fff,0 2px 5px #2b15381c,0 12px 22px -8px #2b15383d;transform:translateY(-2px)}.nav-resume:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #2b153824}.intro{max-width:1440px;margin:auto;padding:80px 6% 74px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;overflow:hidden}.kicker,.section-label{font-size:12px;letter-spacing:2px;font-weight:600}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px}.kicker span{display:block;width:20px;height:1px;background:#855098}h1,h2,h3,p,figure{margin:0}h1{font-weight:450;font-size:clamp(54px,5.4vw,81px);letter-spacing:-3.6px;line-height:1.08}em{font-family:Editorial,Georgia,serif;font-style:normal;font-weight:600;letter-spacing:-2.4px;background:linear-gradient(96deg,#7c3f92,#a35fae 55%,#6d4a94);-webkit-background-clip:text;background-clip:text;color:#875196}@supports(-webkit-background-clip:text){em{-webkit-text-fill-color:transparent}}.intro-description{max-width:440px;font-size:19px;color:#584c60;margin:28px 0 29px;line-height:1.55}.hero-buttons{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:16px;line-height:1;letter-spacing:.1px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease}.solid{color:#fff;background:linear-gradient(180deg,#4b3059,#33203f);border-color:#241533;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #00000038,0 2px 4px #2b153826,0 9px 20px -5px #2b15384d}.solid:hover{background:linear-gradient(180deg,#6b4180,#482b58);box-shadow:inset 0 1px 0 #ffffff42,inset 0 -1px 0 #00000038,0 4px 9px #2b153830,0 16px 30px -8px #2b15385c;transform:translateY(-2px)}.solid:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000047,0 1px 2px #2b153833}.text-link{font-size:15px;border-bottom:1px solid #bdb0c4;padding-bottom:5px}.location{font-size:12px;letter-spacing:1.7px;color:#5c5165;margin-top:42px}.location span{padding:0 14px;color:#b7a9bf}.portrait-stage{position:relative;max-width:510px;width:100%;margin:auto;perspective:1200px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out;padding:20px 25px 30px 20px}.portrait-back{position:absolute;inset:3px 7px 44px 36px;border:1px solid #b597c4;border-radius:130px 10px 10px 10px;transform:rotate(6deg) translateZ(-25px);background:linear-gradient(130deg,#e9dcec,#f3edf5)}.portrait{position:relative;overflow:hidden;border-radius:120px 7px 7px 7px;box-shadow:0 28px 60px #2b15382b;transform:translateZ(20px);background:#343035}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#21172bd9);pointer-events:none}.portrait img{display:block;width:100%;height:475px;object-fit:cover;object-position:50% 38%}.portrait figcaption{position:absolute;bottom:27px;left:28px;color:white;z-index:1}.portrait figcaption span{display:block;font-size:23px}.portrait figcaption small{font-size:13px;color:#e3dce7}.language-card{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;border:1px solid #e4dbe8;border-radius:7px;box-shadow:0 15px 35px #3825451c;transform:translateZ(65px);font-size:15px;line-height:1.35}.language-card strong{font-weight:600}.language-card small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:9px;color:#67566d}.language-symbol{display:flex;align-items:baseline;gap:5px;font:600 27px/1 Editorial,Georgia,serif;color:#875196;border-right:1px solid #e7deeb;padding-right:16px;letter-spacing:-.5px;white-space:nowrap}.language-symbol i{font-style:normal;font-size:20px;color:#a184af}.portrait-index{position:absolute;right:-19px;top:39%;writing-mode:vertical-rl;font-size:10px;letter-spacing:2.4px;color:#7d6486}.numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#30203d;color:#fff;padding:36px 6%;gap:35px}.numbers>div{display:flex;align-items:center;justify-content:center;gap:23px;border-right:1px solid #ffffff24}.numbers>div:last-child{border:0}.numbers strong{font-weight:400;font-size:57px;line-height:1;letter-spacing:-2px}.numbers strong span{font-size:33px;color:#d7b6e4}.numbers>div>span{font-size:16px}.numbers small{display:block;font-size:12px;color:#c9bdcf;margin-top:3px}.section-block{max-width:1440px;margin:auto;padding:88px 6%}.section-label{color:#82638d;margin-bottom:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}h2{font-weight:450;font-size:clamp(35px,3.6vw,52px);letter-spacing:-1.8px;line-height:1.15}.section-heading>p{max-width:355px;color:#726579}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.approach-card{padding:29px;background:#fff;border:1px solid #e7e0ec;border-radius:7px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s,box-shadow .3s;position:relative}.approach-card:hover{box-shadow:0 20px 45px #40204d13}.card-number{font-family:Editorial,serif;font-size:30px;color:#a184af}.approach-card h3{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:24px 0 13px}.approach-card p{font-size:17px;color:#6a5d71;line-height:1.55}.card-bottom{display:block;font-size:11px;letter-spacing:1.8px;border-top:1px solid #ece7f0;padding-top:22px;margin-top:28px;color:#806789}.experience{border-top:1px solid #e4dfe8}.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.career-list{border-top:1px solid #dcd3e2}details{border-bottom:1px solid #dcd3e2}summary{display:grid;grid-template-columns:205px 1fr 26px;gap:24px;padding:28px 0;cursor:pointer;list-style:none;align-items:center}summary::-webkit-details-marker{display:none}.career-time{font-size:12px;letter-spacing:1px;color:#63496e}.career-time small{display:block;font-size:13px;letter-spacing:0;color:#776c7f;margin-top:5px}.career-title{font-size:23px;font-weight:550;letter-spacing:-.5px}.career-title>span{display:block;font-size:15px;font-weight:400;letter-spacing:0;color:#786980;margin-top:5px}.expand{height:26px;width:26px;border:1px solid #d1c2da;border-radius:50%;position:relative}.expand:before,.expand:after{content:'';position:absolute;top:12px;left:7px;width:10px;height:1px;background:#795c87}.expand:after{transform:rotate(90deg);transition:transform .25s}details[open] .expand:after{transform:rotate(0)}.career-detail{padding:0 45px 29px 229px;max-width:1050px;color:#65576e}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chips span{padding:5px 10px;border:1px solid #e0d6e6;border-radius:3px;font-size:13px}.previous{font-size:13px;color:#5f5468}.capability-band{background:#eee7f2;padding:54px calc((100% - min(100%,1440px))/2 + 6%);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.capability-band>div>p:not(.section-label){color:#6f5b7b;max-width:470px}.tool-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.tool-list span{border:1px solid #d4c5dd;border-radius:3px;padding:7px 13px;font-size:14px}.contact{padding-top:82px;padding-bottom:85px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.availability{font-size:11px;letter-spacing:1.5px;margin-bottom:22px;color:#856290}.contact h2{font-size:62px;line-height:1.05}.contact h2+p{margin-top:25px;color:#7a6883;font-size:16px}.contact-email{display:inline-block;font-size:18px;margin:25px 0 20px;overflow-wrap:anywhere}.contact-actions{display:flex;gap:25px;font-size:14px;color:#775383}.message-form{background:white;border:1px solid #e6ddeb;border-radius:8px;padding:32px}.message-form h3{font-size:26px;font-weight:550;letter-spacing:-.6px}.message-form>p{font-size:15px;color:#84728d;margin:4px 0 25px}.message-form label{display:block;font-size:14px;margin-bottom:18px}.message-form label>span{font-size:12px;color:#95869d}.message-form input,.message-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #dbd0e2;padding:10px 0;background:white;color:#392446;outline-offset:2px;border-radius:0;font-size:16px;resize:vertical}.message-form input::placeholder,.message-form textarea::placeholder{color:#a196a8}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.message-form .button{width:100%;margin-top:5px}.message-form .form-note{font-size:12px;margin:12px 0 0;text-align:center}.profile-footer{border-top:1px solid #e4dfe8;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:33px calc((100% - min(100%,1440px))/2 + 6%)}.profile-footer p{font-size:15px;color:#7d6d86}.profile-footer>span{font-size:12px;color:#897e8e}@media(min-width:1600px){.numbers{padding-left:calc((100% - 1268px)/2);padding-right:calc((100% - 1268px)/2)}}@media(max-width:1000px){.intro{gap:25px;padding-top:55px}.intro h1{font-size:60px;letter-spacing:-2.5px}.portrait img{height:410px}.hero-buttons{gap:18px;align-items:start;flex-direction:column}.numbers{gap:18px}.numbers>div{gap:14px}.numbers strong{font-size:45px}.numbers>div>span{font-size:14px}.numbers small{max-width:150px}.section-heading>p{max-width:290px}.approach-card{padding:23px}.contact-grid{gap:35px}.contact h2{font-size:54px}.contact-email{font-size:16px}}@media(max-width:720px){.masthead{height:74px}.masthead nav{display:none}.brand img{height:35px}.brand--footer img{height:30px}.nav-resume{font-size:14px;padding:9px 12px}.intro{grid-template-columns:1fr;gap:35px;padding:43px 6% 48px}.intro h1{font-size:clamp(48px,10vw,70px);letter-spacing:-2.5px}.kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:24px}.intro-description{font-size:18px;max-width:490px;margin:23px 0}.hero-buttons{flex-direction:row;align-items:center;gap:22px}.hero-buttons .button{padding:13px 22px}.text-link{font-size:14px}.location{margin-top:28px;font-size:10px}.portrait-stage{max-width:460px;padding:13px 21px 30px 8px}.portrait img{height:auto;aspect-ratio:1/1.05;object-fit:cover}.portrait{border-radius:95px 6px 6px 6px}.portrait-index{right:-5px}.portrait figcaption{bottom:45px;left:23px}.language-card{padding:14px 18px;bottom:1px;font-size:14px}.numbers{padding:27px 6%;grid-template-columns:1fr;gap:20px}.numbers>div{justify-content:start;border-right:0;border-bottom:1px solid #ffffff24;padding-bottom:20px;gap:20px}.numbers>div:last-child{padding-bottom:0}.numbers strong{width:93px;font-size:46px}.numbers>div>span{font-size:16px}.numbers small{max-width:none;font-size:12px}.section-block{padding:52px 6%}.section-label{font-size:11px;margin-bottom:22px}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:22px}.approach-grid{grid-template-columns:1fr;gap:15px;margin-top:26px}.approach-card{padding:25px}.approach-card h3{margin-top:14px}.card-bottom{margin-top:20px;padding-top:17px}.experience-heading{display:block}.experience-heading .text-link{display:inline-block;margin-top:24px}summary{grid-template-columns:1fr 25px;gap:12px;padding:23px 0}.career-time{grid-column:1;font-size:11px}.career-time small{display:inline;margin-left:10px;font-size:11px}.career-title{grid-column:1;font-size:21px}.expand{grid-column:2;grid-row:1/3}.career-detail{padding:0 0 24px}.capability-band{grid-template-columns:1fr;gap:25px;padding:44px 6%}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:55px}.contact-email{font-size:17px}.message-form{padding:25px}.profile-footer{flex-wrap:wrap;padding:28px 6%;gap:20px}.profile-footer p{font-size:13px}.profile-footer>span{width:100%}.input-pair{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.portrait-stage,.approach-card,.button,.nav-resume{transform:none!important}}@media print{.masthead,.message-form,.profile-footer{display:none}.intro,.section-block{padding:25px}.portrait-stage{max-width:260px}.numbers{color:#251a32;background:#eee}.contact-grid{display:block}}

/* ---------- Mobile navigation (progressive enhancement; nav is plain links without JS) ---------- */
.nav-toggle{display:none;align-items:center;gap:9px;background:none;border:0;border-radius:10px;padding:10px 12px;margin-right:-12px;font-size:14px;color:inherit;transition:background .16s ease}
.nav-toggle svg{width:17px;height:17px}
.icon-close{display:none}
.nav-toggle[aria-expanded=true] .icon-menu{display:none}
.nav-toggle[aria-expanded=true] .icon-close{display:block}
/* ---------- Restored from v1: source note, availability basis, earlier-experience bridge ---------- */
.career-earlier{margin-top:30px;font-size:15px;color:#584c60;max-width:760px}
.career-earlier a{border-bottom:1px solid #bdb0c4}
.contact-basis{margin-top:14px;font-size:15px;color:#5c5165}
/* ---------- Contact form (Netlify Forms; posts to /thanks.html) ---------- */
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.message-form label>span{font-size:12px;color:#6f6377}
.message-form input::placeholder,.message-form textarea::placeholder{color:#6f6377;opacity:1}
.message-form [aria-invalid=true]{border-bottom-color:#a3234f;border-bottom-width:2px}
.message-form>p{font-size:15px;color:#6f5f78;margin:4px 0 25px}
.message-form .form-note{font-size:12px;margin:12px 0 0;text-align:center;color:#5f5468}
.message-form .form-note:empty{margin:0}
.form-privacy{color:#6f6377}
/* ---------- Shared button variant for the resume and notice pages ---------- */
.button.outline{color:#392446;background:linear-gradient(180deg,#fff,#f4eff7);border-color:#d5c9dc;box-shadow:inset 0 1px 0 #fff,0 1px 2px #2b153814,0 6px 14px -6px #2b153830}
.button.outline:hover{border-color:#b493c4;background:linear-gradient(180deg,#fff,#efe7f4);box-shadow:inset 0 1px 0 #fff,0 2px 5px #2b15381c,0 12px 22px -8px #2b15383d;transform:translateY(-2px)}
.button.outline:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #2b153824}
/* ---------- Resume and notice pages ---------- */
.document .wrap{max-width:1000px;margin:auto;padding:0 6%}
.document h1{font-size:clamp(38px,4.4vw,54px);letter-spacing:-2px;line-height:1.06}
.document h2{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#82638d;margin:0 0 18px;padding-top:34px;border-top:1px solid #dcd3e2}
.document h3{font-size:20px;font-weight:550;letter-spacing:-.4px}
.resume{padding:54px 0 80px}
.resume section{margin-top:38px}
.resume__head{display:flex;align-items:end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:44px}
.resume__title{font-size:17px;color:#4a3d54;margin-top:14px;max-width:720px;line-height:1.45}
.resume__contact{font-size:15px;color:#615569;margin-top:12px}
.resume__contact a{border-bottom:1px solid #bdb0c4}
.resume__updated{font-size:13px;color:#6f6377;margin-top:10px}
.resume .actions{display:flex;gap:12px;flex-wrap:wrap}
.resume .actions svg{width:15px;height:15px;margin-right:9px}
.resume .button{gap:0}
.resume .lead{font-size:17px;color:#4a3d54;line-height:1.6;max-width:900px}
.metrics{display:flex;flex-wrap:wrap;gap:14px 26px;list-style:none;padding:0;margin:24px 0 0}
.metrics li{font-size:14px;color:#615569}
.metrics b{display:inline-block;font-family:Editorial,Georgia,serif;font-weight:600;font-size:25px;color:#875196;margin-right:9px;letter-spacing:-1px}
.rline{font-size:16px;color:#4a3d54;line-height:1.6;margin-bottom:11px}
.rline b{font-weight:600;color:#392446}
.roles{list-style:none;padding:0;margin:0}
.role{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e7e0ec}
.role:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.role__top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.role__when{font-size:12px;letter-spacing:1px;color:#795f83;white-space:nowrap}
.role__org{font-size:15px;color:#4a3d54;margin-top:7px}
.role__org b{font-weight:600}
.role__ctx{font-size:15px;color:#65576e;margin-top:7px;max-width:840px;line-height:1.55}
.list{list-style:disc;margin:16px 0 0;padding-left:19px;color:#4a3d54}
.list li{font-size:16px;line-height:1.6;margin-bottom:8px;max-width:900px}
.role__prior{margin-top:22px;padding-left:20px;border-left:2px solid #e0d6e6}
.role__prior-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:16px;font-weight:600;color:#392446}
.notice{max-width:820px;margin:auto;padding:96px 6% 120px}
.notice-lead{font-size:18px;color:#5b4f65;margin-top:22px;line-height:1.6;max-width:620px}
.notice-lead a{border-bottom:1px solid #bdb0c4}
.notice h1{margin-top:8px}
.notice-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
/* ---------- Contrast and layout corrections ---------- */
.profile-footer>span{font-size:12px;color:#5c5165}
.portrait figcaption{bottom:72px}
@media(max-width:1000px){.resume__head{gap:26px}}
@media(max-width:720px){
  .portrait figcaption{bottom:98px}
  .portrait-index{display:none}
  .language-card{right:auto;left:8px}
  .document h2{padding-top:28px}
  .resume{padding:38px 0 60px}
  .resume__head{display:block;margin-bottom:32px}
  .resume .actions{margin-top:24px}
  .role__prior-title,.role__top{display:block}
  .role__top .role__when{display:block;margin-top:6px}
  .role__prior-title .role__when{display:block;margin-top:4px}
  .notice{padding:56px 6% 80px}
}
@media print{
  .nav-toggle,.notice-actions,.resume .actions{display:none}
  .document h2{page-break-after:avoid}
  .role{page-break-inside:avoid}
}

/* ================= Design pass: glass, gradient washes, frosting =================
   Every frosted surface declares an opaque-enough fallback first, then upgrades
   inside @supports. Text contrast is measured against the fallback, so the page
   still passes AA where backdrop-filter is unavailable. */
:root{--glass:saturate(175%) blur(22px);--glass-soft:saturate(160%) blur(14px)}

/* --- Masthead: sticky frosted bar --- */
.masthead{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#f8f4fdf7,#f1eafbf0);border-bottom:1px solid #e0d5f2;box-shadow:inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #ffffff59,0 1px 0 #7a3f9614,0 18px 40px -30px #4a2c7a80}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .masthead{background:linear-gradient(180deg,#f7f2fdbf,#efe7faa6);-webkit-backdrop-filter:saturate(190%) blur(24px);backdrop-filter:saturate(190%) blur(24px)}
}
/* --- Hero: soft light behind the type and portrait --- */
/* --- Language card: the one true glass panel, it sits over the portrait --- */
.language-card{background:#ffffffdb;border-color:#ffffffe8;box-shadow:inset 0 1px 0 #fff,0 20px 44px -16px #2b153873}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .language-card{background:#ffffffe8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
}
/* --- Stats band: layered plum gradient with a light sweep --- */
.numbers{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b2752,#291a35 52%,#35213f)}
.numbers:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(72% 150% at 14% -30%,#ffffff21,transparent 58%),radial-gradient(46% 120% at 92% 130%,#a97fc41f,transparent 62%)}
.numbers>div{position:relative}
/* --- Approach cards: frosted tiles on a tinted section --- */
.approach-card{background:linear-gradient(168deg,#fffffff2,#fdfbfee0);border-color:#ffffffe0;box-shadow:inset 0 1px 0 #fff,0 1px 2px #2b153814,0 16px 34px -20px #2b153859}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .approach-card{background:linear-gradient(168deg,#ffffffc7,#ffffff8a);-webkit-backdrop-filter:var(--glass-soft);backdrop-filter:var(--glass-soft)}
}
.approach-card:hover{border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 5px #2b15381a,0 26px 50px -22px #2b153870}
.card-number{background:linear-gradient(150deg,#8f5ba1,#6b4a94);-webkit-background-clip:text;background-clip:text;color:#a184af}
@supports(-webkit-background-clip:text){.card-number{-webkit-text-fill-color:transparent}}
/* --- Career chips and toolkit pills: glass --- */
.chips span,.tool-list span{background:#ffffffbd;border-color:#ffffffdb;box-shadow:inset 0 1px 0 #fff,0 1px 2px #2b153812}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .chips span,.tool-list span{background:#ffffff87;-webkit-backdrop-filter:saturate(150%) blur(10px);backdrop-filter:saturate(150%) blur(10px)}
}
/* --- Toolkit band: gradient wash --- */
.capability-band{position:relative;overflow:hidden;background:linear-gradient(150deg,#f1eaf6,#e9dff0 55%,#efe8f5)}
.capability-band:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(48% 120% at 88% -10%,#ffffff8f,transparent 62%)}
.capability-band>div{position:relative}
/* --- Contact: wash behind, frosted form panel --- */
.message-form{background:linear-gradient(170deg,#fffffff5,#fdfbfee6);border-color:#ffffffe0;box-shadow:inset 0 1px 0 #fff,0 2px 6px #2b153814,0 28px 56px -26px #2b153870}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .message-form{background:linear-gradient(170deg,#ffffffdb,#ffffffad);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
}
.message-form input,.message-form textarea{background:transparent}
.message-form input:focus,.message-form textarea:focus{border-bottom-color:#251a32}.message-form input:focus-visible,.message-form textarea:focus-visible{outline:none;border-bottom-color:#251a32;box-shadow:0 1px 0 0 #251a32;background:#faf8fb}
/* --- Footer --- */
.profile-footer{background:linear-gradient(180deg,#fdfcfe,#f6f1fa)}
/* --- Resume and notice pages get the same quiet wash --- */
.metrics{padding:20px 24px;border-radius:10px;background:linear-gradient(160deg,#fffffff2,#fbf8fdcc);border:1px solid #ffffffdb;box-shadow:inset 0 1px 0 #fff,0 12px 28px -20px #2b153859}
/* --- Print: no glass, no washes --- */
@media print{
  .masthead{position:static}
  .bg{display:none}
  .capability-band:before,.numbers:before{display:none}
  .numbers,.capability-band,.profile-footer,.approach-card,.message-form,.metrics{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ================= Colour + depth layer =================
   Ambient multi-hue field behind the page, tinted accents, and deeper
   surface modelling. Palette stays in the plum/berry/indigo family. */
:root{
  --accent:#7a3f96;      /* orchid plum */
  --accent-2:#4d5cae;    /* indigo */
  --accent-3:#a04d84;    /* berry */
  --accent-4:#7c5cc4;    /* violet */
  --shadow-sm:0 1px 0 #fff inset,0 1px 2px #2b153814,0 10px 24px -14px #2b153859;
  --shadow-md:0 1px 0 #fff inset,0 2px 5px #2b153818,0 20px 44px -22px #2b153870;
  --shadow-lg:0 1px 0 #fff inset,0 3px 8px #2b15381c,0 34px 64px -28px #2b153880;
}
/* --- Ambient field --- */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bg span{position:absolute;border-radius:50%;filter:blur(66px)}
.bg .b1{width:58vmax;height:58vmax;left:-20vmax;top:-24vmax;background:#7a3f9610}
.bg .b2{width:48vmax;height:48vmax;right:-16vmax;top:4vmax;background:#4d5cae0d}
.bg .b3{width:54vmax;height:54vmax;left:12vmax;bottom:-30vmax;background:#a04d840e}
.bg .b4{width:34vmax;height:34vmax;right:4vmax;bottom:-6vmax;background:#7c5cc40e}
/* --- Softer radii, deeper modelling --- */
.approach-card{border-radius:16px;box-shadow:var(--shadow-md)}
.approach-card:hover{box-shadow:var(--shadow-lg)}
.message-form{border-radius:18px;box-shadow:var(--shadow-lg)}
.metrics{border-radius:16px;box-shadow:var(--shadow-sm)}
.language-card{border-radius:14px}
/* Accent hairline along the top edge of each card reads as a lit bevel */
.approach-card{position:relative;overflow:hidden}
.approach-card:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-4) 45%,var(--accent-2));opacity:.55}
.approach-card:nth-child(2):before{background:linear-gradient(90deg,var(--accent-4),var(--accent-2) 55%,var(--accent))}
.approach-card:nth-child(3):before{background:linear-gradient(90deg,var(--accent-3),var(--accent) 55%,var(--accent-4))}
/* --- Stats band: deeper, with a lit top edge --- */
.numbers{box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000038,0 18px 40px -30px #2b1538}
.numbers strong span{color:#d9b4e8}
/* --- Chips and pills take tinted accents instead of plain white --- */
.chips span,.tool-list span{border-radius:999px;padding:6px 14px;color:#3f2b4c;background:#7a3f9614;border-color:#7a3f962e;box-shadow:0 1px 0 #ffffffb3 inset}
.tool-list span:nth-child(4n+2),.chips span:nth-child(4n+2){background:#4d5cae14;border-color:#4d5cae2e}
.tool-list span:nth-child(4n+3),.chips span:nth-child(4n+3){background:#a04d8414;border-color:#a04d842e}
.tool-list span:nth-child(4n+4),.chips span:nth-child(4n+4){background:#7c5cc414;border-color:#7c5cc42e}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .chips span,.tool-list span{-webkit-backdrop-filter:saturate(150%) blur(10px);backdrop-filter:saturate(150%) blur(10px)}
}
/* --- Section labels get the accent ramp --- */
.section-label,.kicker{color:#6b3f80}
.kicker span{width:26px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--accent),var(--accent-4))}
.experience,.career-list,details{border-color:#7a3f9629}
/* --- Toolkit band picks up a second hue --- */
.capability-band{background:linear-gradient(150deg,#f5f0fa,#ede5f7 48%,#f1ebf9)}
.capability-band:before{background:radial-gradient(46% 120% at 88% -10%,#ffffff8f,transparent 62%),radial-gradient(38% 100% at 4% 110%,#a04d8414,transparent 64%)}
/* --- Buttons: warmer plum ramp --- */
.solid{background:linear-gradient(180deg,#59356e,#36214a);border-color:#271738}
.solid:hover{background:linear-gradient(180deg,#7a469a,#4a2c62)}
/* --- Footer edge --- */
.profile-footer{border-top-color:#7a3f9626}
@media print{.bg{display:none}.approach-card:before{display:none}}


/* ================= "Did you know?" panel ================= */
.didyouknow{padding-top:0}
.dyk-panel{position:relative;overflow:hidden;border-radius:20px;padding:44px 46px;border:1px solid #ffffffe0;background:linear-gradient(158deg,#fffffff2,#fbf7fddb);box-shadow:var(--shadow-lg)}
@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .dyk-panel{background:linear-gradient(158deg,#ffffffc9,#ffffff8f);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
}
.dyk-panel:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-4) 38%,var(--accent-2) 68%,var(--accent-3))}
.dyk-panel:after{content:'';position:absolute;inset:auto -12% -46% auto;width:52%;height:88%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#7a3f9614,transparent 68%)}
.dyk-grid{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:54px;align-items:start;margin-top:6px}
.dyk-grid h2{font-size:clamp(30px,2.9vw,42px);letter-spacing:-1.4px}
.dyk-grid p{margin-top:20px;color:#584c60;max-width:56ch}
.dyk-grid .text-link{display:inline-block;margin-top:26px;font-weight:600;color:#6b3f80;border-bottom-color:#7a3f9659}
.dyk-side{padding-left:34px;border-left:1px solid #7a3f9626}
.dyk-label{font-size:11px;letter-spacing:2px;font-weight:600;color:#6b3f80;margin-bottom:16px}
.dyk-side .tool-list{margin-top:0}
.dyk-note{margin-top:22px;font-size:14px;line-height:1.55;color:#5c5165}
@media(max-width:1000px){.dyk-panel{padding:36px 32px}.dyk-grid{gap:34px}}
@media(max-width:720px){
  .dyk-panel{padding:28px 24px;border-radius:16px}
  .dyk-grid{grid-template-columns:1fr;gap:28px}
  .dyk-side{padding-left:0;padding-top:26px;border-left:0;border-top:1px solid #7a3f9626}
}
@media print{.dyk-panel{background:none;box-shadow:none;border-color:#dcd3e2}.dyk-panel:after{display:none}}

/* --- Lavender glass bar: lit top edge and a soft bloom below it --- */
.masthead:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,#ffffff00,#ffffffe6 18%,#ffffffe6 82%,#ffffff00)}
.masthead:after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:18px;pointer-events:none;background:linear-gradient(180deg,#7a3f9614,#7a3f9600)}
.masthead nav a{color:#3a2550}
.masthead nav a:after{background:linear-gradient(90deg,var(--accent),var(--accent-4));height:2px;bottom:-6px;border-radius:1px}
.nav-resume{border-color:#c9b6e2;background:linear-gradient(180deg,#fffffff2,#f4ecfce6);box-shadow:inset 0 1px 0 #fff,0 1px 2px #4a2c7a1a,0 8px 18px -8px #4a2c7a3d}
.nav-resume:hover{border-color:#a482cf;background:linear-gradient(180deg,#fff,#efe4fb)}
.nav-toggle{color:#3a2550}
.nav-toggle:hover{background:#7a3f960f}
.nav-toggle[aria-expanded=true]{background:#7a3f9614}
@media print{.masthead:before,.masthead:after{display:none}}

/* ================= Decorative drifting petals =================
   Ported from v1. Purely ornamental, aria-hidden, and removed entirely
   under reduced motion and in print. Colours mapped to the v3 accents. */
.intro{position:relative}
.intro-copy{position:relative;z-index:1}
.petals{position:absolute;inset:0;pointer-events:none;z-index:0}
.petal{position:absolute;top:-8%;width:20px;height:20px;color:var(--accent-3);opacity:0;will-change:transform,opacity;animation:petal-fall linear infinite}
@keyframes petal-fall{
  0%{opacity:0;transform:translate3d(0,-10%,0) rotate(0deg)}
  18%{opacity:.26}
  70%{opacity:.21}
  100%{opacity:0;transform:translate3d(22px,128vh,0) rotate(150deg)}
}
.petal--1{left:8%;width:17px;height:17px;animation-duration:27s;animation-delay:0s}
.petal--2{left:23%;width:12px;height:12px;color:var(--accent-4);animation-duration:34s;animation-delay:-6s}
.petal--3{left:41%;width:22px;height:22px;animation-duration:30s;animation-delay:-14s}
.petal--4{left:57%;width:14px;height:14px;animation-duration:38s;animation-delay:-3s}
.petal--5{left:72%;width:19px;height:19px;color:var(--accent-4);animation-duration:25s;animation-delay:-19s}
.petal--6{left:86%;width:13px;height:13px;animation-duration:33s;animation-delay:-10s}
.petal--7{left:95%;width:16px;height:16px;animation-duration:29s;animation-delay:-23s}
@media(prefers-reduced-motion:reduce){.petals{display:none}}
@media print{.petals{display:none}}

/* Screen-reader-only text (used for the "opens in a new tab" notice) */
.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}


/* ================= Masthead navigation breakpoint =================
   The inline links stop fitting around 744px (iPad mini portrait), so the
   toggle takes over for every tablet in portrait and below. Matches the
   1024px desktop breakpoint used in js/site.js. */
@media(max-width:1023px){
  .nav-toggle{display:inline-flex}
  .masthead nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;gap:0;padding:4px calc((100% - min(100%,1440px))/2 + 6%) 14px;background:linear-gradient(180deg,#f2ebfa,#fbf9fe 62%,#fdfcfe);box-shadow:0 20px 38px -14px #2b153833}
  .masthead nav.is-open{display:flex}
  .masthead nav a{padding:14px 0;font-size:17px}
  .masthead nav a:after{display:none}
}
/* Smallest phones: keep logo + toggle + CTA on one comfortable line */
@media(max-width:360px){
  .masthead{padding-left:4%;padding-right:4%}
  .brand img{height:31px}
  .nav-toggle{padding:10px 8px;margin-right:-8px}
  .nav-resume{padding:9px 12px;font-size:13px}
}

/* Offscreen frame used only to hand the PDF to the print dialog. */
.print-frame{position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden}

/* --- Language switch (EN / ES) -------------------------------------------
   Flags are decorative: the EN / ES labels and the sr-only text carry the
   meaning, because a flag names a country, not a language. */
.nav-actions{display:flex;align-items:center;gap:14px;flex:none}
.lang-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #cbb9e2;border-radius:9px;background:linear-gradient(180deg,#fffffff2,#f3ebfce6);box-shadow:inset 0 1px 0 #fff,0 1px 2px #4a2c7a1a,0 8px 18px -8px #4a2c7a33}
.lang-opt{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.6px;color:#54426b;transition:background .16s ease,color .16s ease}
.lang-opt img{display:block;width:19px;height:auto;border-radius:2px;box-shadow:0 0 0 1px #2b153833}
.lang-opt[aria-current]{background:linear-gradient(180deg,#4b3059,#33203f);color:#fff;box-shadow:inset 0 1px 0 #ffffff2e,0 1px 2px #2b153833}
a.lang-opt:hover{background:#7a3f9614;color:#2f1e47}
a.lang-opt:active{background:#7a3f9622}
.cta-short{display:none}
/* Phones: the bar cannot hold a two-segment control, the logo, the menu button
   and the CTA. Below 720px the current language drops out and the switch
   becomes one chip offering the other language, which is what a visitor taps. */
@media(max-width:720px){
  .nav-actions{gap:9px}
  .lang-switch{padding:0;border:0;background:none;box-shadow:none}
  .lang-opt[aria-current]{display:none}
  a.lang-opt{padding:7px 10px;gap:6px;font-size:12.5px;letter-spacing:.3px;border:1px solid #cbb9e2;
    border-radius:8px;background:linear-gradient(180deg,#fffffff2,#f3ebfce6);
    box-shadow:inset 0 1px 0 #fff,0 1px 2px #4a2c7a1a,0 8px 18px -8px #4a2c7a33}
  .lang-opt img{width:18px}
}
@media(max-width:560px){
  .nav-toggle>span{display:none}
  .nav-toggle{padding:10px;gap:0}
}
@media(max-width:430px){
  .nav-actions{gap:7px}
  a.lang-opt{padding:7px 8px;gap:5px}
  .cta-long{display:none}
  .cta-short{display:inline}
}
@media print{.nav-actions{display:none}}