:root{--ink:#162b32;--muted:#566b70;--paper:#f3f2ed;--gold:#b18f59}
.experience-body{background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.experience-body .site-nav{position:relative;z-index:30;height:78px;background:rgba(246,245,240,.93);border-bottom:1px solid rgba(39,76,77,.16);color:#152932;backdrop-filter:blur(12px)}
.experience-body .brand{font-size:23px;font-weight:750;letter-spacing:.006em;color:#11262f}
.experience-body .brand-sector{color:#566f75;border-left:1px solid #8a9b9d88;text-transform:none;font:500 12px/1.1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.055em}
.experience-body .nav-links{font-size:13px;color:#4d666a}
.experience-body .nav-links a:hover,.experience-body .nav-links a[aria-current=page]{color:#102c35}
.experience-body .nav-links a[aria-current=page]{border-bottom:1px solid #a8895d;padding-bottom:5px}
.experience-scene{position:relative;isolation:isolate;min-height:calc(100svh - 78px);overflow:hidden;background:radial-gradient(ellipse 64% 76% at 83% 45%,#f6f6f0 0,#e9ede9 62%,transparent 84%),#f1f0eb}
.experience-scene:before{content:"";z-index:0;position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#4f797711 25%);pointer-events:none}
.exp-globe{z-index:1;position:absolute;width:min(70vw,1120px);aspect-ratio:1;right:-4vw;top:50%;transform:translateY(-53%);pointer-events:none;opacity:.96;filter:drop-shadow(0 24px 70px rgba(71,106,108,.14))}
.exp-globe canvas{width:100%;height:100%;display:block}
.exp-journey-caption{position:absolute;right:23%;bottom:13%;font:600 10px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#728789;text-transform:uppercase;transition:opacity .45s;opacity:0;text-shadow:0 1px 10px #f3f2ed}
.exp-atmosphere{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#f1f0eb 0%,#f1f0ebf2 31%,#f1f0eb70 51%,transparent 69%)}
.exp-content{position:relative;z-index:4;width:min(61%,865px);padding:clamp(70px,11vh,125px) 0 70px clamp(42px,6.1vw,118px)}
.exp-eyebrow{display:flex;align-items:center;gap:12px;font:600 10px/1.3 "Helvetica Neue",Arial,sans-serif;letter-spacing:.18em;color:#64848b}
.exp-eyebrow .line{display:block;width:24px;height:1px;background:#ac996c}
.exp-content h1{font-size:clamp(54px,5.2vw,91px);font-weight:560;line-height:1.02;letter-spacing:-.055em;margin:20px 0 33px;color:#102730}
.exp-content .terminal{color:#9e8561}
.exp-bio{max-width:660px;padding-right:15px;color:#32484e}
.exp-bio p{font:400 clamp(15px,1.13vw,18px)/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.005em;margin:0 0 20px}
.exp-bio p strong{font-weight:650;color:#172d35}
.exp-signoff{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:42px;font:650 14px "Helvetica Neue",Arial,sans-serif;color:#142b32}
.exp-signoff .signoff-mark{width:26px;height:1px;background:#ab9067;margin-right:2px}.exp-signoff small{font-size:13px;font-weight:400;color:#66787b;border-left:1px solid #b6bfba;padding-left:12px}
.exp-portrait{z-index:7;position:absolute;right:clamp(24px,5.2vw,108px);bottom:clamp(62px,8vh,120px);margin:0;width:clamp(130px,12vw,195px)}
.exp-portrait:before{content:"";position:absolute;z-index:-1;inset:12px -12px -12px 12px;border:1px solid #a0adab77}
.exp-portrait img{width:100%;height:auto;aspect-ratio:3/4;display:block;object-fit:cover;object-position:47% 18%;filter:saturate(.65) contrast(.98)}
.exp-portrait figcaption{white-space:nowrap;font:600 9px "Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;color:#677d82;margin-top:12px}
.exp-portrait figcaption span{color:#b49869;margin:0 4px}
.exp-footnote{position:absolute;bottom:25px;left:clamp(42px,6.1vw,118px);z-index:5;font:600 10px "Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;color:#879a9a}.exp-footnote span{color:#aa996f;margin:0 7px}
@media(min-width:1100px) and (max-height:800px){.exp-content{padding-top:56px;padding-bottom:58px}.exp-content h1{font-size:clamp(50px,4.5vw,74px);margin:14px 0 24px}.exp-bio p{font-size:15px;line-height:1.48;margin-bottom:14px}.exp-signoff{margin-top:20px}.exp-portrait{width:150px;bottom:55px}}
@media(max-width:1130px){.exp-content{width:65%;padding-left:5vw}.exp-atmosphere{background:linear-gradient(90deg,#f1f0eb 0,#f1f0ebe8 35%,#f1f0eb96 55%,transparent 75%)}.exp-globe{width:78vw;right:-14vw;opacity:.75}.exp-portrait{right:23px;width:140px}}
@media(max-width:760px){.experience-body .site-nav{height:78px;padding:10px 20px;gap:12px}.experience-body .brand-sector{display:none}.experience-body .nav-links{gap:15px;font-size:12px}.experience-scene{min-height:calc(100svh - 78px);display:flex;flex-direction:column;overflow:hidden}.exp-content{width:100%;padding:50px 23px 12px;order:1}.exp-content h1{font-size:55px;margin:14px 0 23px}.exp-bio p{font-size:15px;line-height:1.57;margin-bottom:16px;max-width:620px}.exp-signoff{margin-top:26px}.exp-globe{position:relative;order:2;width:115vw;max-width:none;right:auto;left:-9vw;top:auto;transform:none;margin-top:-48px;margin-bottom:-54px;opacity:.85}.exp-atmosphere{background:linear-gradient(180deg,#f1f0eb00 0,transparent 60%,#f1f0eb2e 100%)}.exp-portrait{position:relative;order:3;align-self:flex-end;bottom:auto;right:auto;margin:0 26px 65px 0;width:142px}.exp-footnote{position:absolute;bottom:26px;left:23px;font-size:8px}.exp-journey-caption{bottom:18%;right:30%}}
@media(prefers-reduced-motion:reduce){.exp-journey-caption{transition:none}}

/* A light architectural globe, with GPU sphere and a native aircraft animation. */
.exp-globe{overflow:visible;filter:drop-shadow(0 20px 55px rgba(55,87,89,.08))}
.exp-globe canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.exp-globe .exp-globe-photo{position:absolute;z-index:-1;left:4.5%;top:4.5%;width:91%;height:91%;border-radius:50%;object-fit:cover;opacity:.48;filter:saturate(.7);transition:opacity .4s}
#experience-globe{z-index:1}#experience-journey-plane{z-index:2}
.exp-journey-caption{display:none}
.exp-content{padding-top:clamp(60px,8vh,95px)}
.exp-content h1{font-weight:580;letter-spacing:-.042em}
.exp-bio{max-width:690px}
.exp-bio p{line-height:1.62}
.exp-portrait{width:clamp(140px,11vw,170px);bottom:clamp(49px,7vh,93px);right:clamp(27px,4vw,80px)}
.exp-portrait img{object-position:55% 20%;filter:saturate(.82)}
@media(max-width:760px){.exp-portrait{width:140px;right:auto;bottom:auto}.exp-globe{height:auto}.exp-globe .exp-globe-photo{left:4.5%;top:4.5%}}