@font-face{font-family:Barlow;src:url('assets/barlow-condensed-bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf');font-weight:600;font-display:swap}
:root{color-scheme:dark;--paper:#F3F0E9;--stone:#8A857C;--coral:#F16D5B;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:#141518;color:var(--paper);font:14px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}p,h1{margin:0}.bio{max-width:650px;margin:auto;padding:36px 28px 24px}.bio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #f3f0e92b}.logo{display:block;width:206px;height:auto}.edition{font-size:8px;letter-spacing:.1em;color:#B5B0A7;text-align:right;max-width:100px}.intro{padding:38px 0 30px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#B5B0A7;margin-bottom:21px}h1{font:700 clamp(48px,9.2vw,70px)/.96 Barlow,Arial,sans-serif;letter-spacing:-.01em}h1 span{color:var(--stone)}.intro-copy{margin-top:23px;max-width:370px;color:#d0ccc4;font-size:14px;line-height:1.8}.links{display:grid;gap:12px}.link{padding:19px 21px;min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f3f0e93b;border-radius:4px;background:#1b1c20;transition:background .3s,transform .3s var(--ease),border-color .3s}.link small{display:block;font-size:8px;letter-spacing:.13em;margin-bottom:7px;color:#b5b0a7}.link strong{display:block;font-size:15px;line-height:1.5;font-weight:600}.primary{background:var(--coral);border-color:var(--coral);color:#141518}.primary small{color:#141518}.arrow{font:32px/1 Arial,sans-serif;transition:transform .3s var(--ease)}.link:hover{transform:translateY(-2px);border-color:var(--stone);background:#2A2C31}.primary:hover{background:#f58070;border-color:#f58070}.link:hover .arrow{transform:translate(3px,-3px)}footer{position:relative;border-top:1px solid #f3f0e92b;margin-top:32px;padding:23px 65px 0 0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:8px;letter-spacing:.08em;color:#b5b0a7}footer p span{display:block;letter-spacing:0;font-size:11px;margin-top:5px}footer a{display:flex;align-items:center;min-height:44px;font-size:10px;letter-spacing:0}.signature{position:absolute;right:0;top:20px;font:700 italic 33px Barlow;color:var(--stone)}.intro,.links{animation:enter .7s var(--ease) both}.links{animation-delay:.1s}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:370px){.bio{padding:25px 20px}.logo{width:180px}.edition{display:none}.link{padding:18px 16px}.link strong{font-size:14px}h1{font-size:47px}footer{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.link:hover,.link:hover .arrow{transform:none}}
/* Staggered cards with restrained, tactile motion. */
.links{animation:none}.link{border-radius:14px;position:relative;overflow:hidden;isolation:isolate;animation:cardEnter .85s var(--ease) backwards;transition:background .35s,border-color .35s,transform .4s var(--ease),box-shadow .4s}.link:nth-child(1){animation-delay:.12s}.link:nth-child(2){animation-delay:.23s}.link:nth-child(3){animation-delay:.34s}.link:nth-child(4){animation-delay:.45s}.link:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#f3f0e90d 48%,transparent 75%);transform:translateX(-115%);transition:transform .8s var(--ease);pointer-events:none;z-index:-1}.link:hover:before,.link:focus-visible:before{transform:translateX(115%)}.link:active{transform:scale(.985)}.link strong{transition:transform .4s var(--ease)}.link:hover strong,.link:focus-visible strong{transform:translateX(4px)}.primary{box-shadow:0 6px 26px #f16d5b0a}.link:focus-visible .arrow{transform:translate(3px,-3px)}
@media(hover:hover) and (pointer:fine){.link:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.primary:hover{box-shadow:0 12px 32px #f16d5b22}}
@keyframes cardEnter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.link{animation:none!important}.link:before{display:none}.link:hover,.link:active,.link:hover strong,.link:focus-visible strong,.link:focus-visible .arrow{transform:none}}

/* Compact bio with the original portrait. */
.bio{max-width:540px;padding:25px 24px 20px}.bio-header{padding-bottom:20px}.logo{width:185px}.intro{padding:24px 0}.bio-portrait{display:block;width:110px;height:125px;object-fit:cover;object-position:50% 30%;border-radius:12px;margin-bottom:22px}.eyebrow{margin-bottom:15px;font-size:8px}h1{font-size:clamp(39px,8.8vw,54px)}.intro-copy{font-size:13px;line-height:1.7;margin-top:16px}.links{gap:10px}.link{min-height:76px;padding:15px 18px}.link strong{font-size:14px}.link small{font-size:7px;margin-bottom:5px}.arrow{font-size:27px}footer{margin-top:24px;padding-top:18px}.signature{top:17px}
@media(max-width:370px){.bio{padding:22px 20px}.logo{width:175px}.bio-portrait{width:96px;height:110px}h1{font-size:39px}.link{min-height:72px;padding:14px 15px}.link strong{font-size:13px}}
/* Portrait and destinations lead the compact bio. */
.intro{padding:24px 0 20px;text-align:center}.bio-portrait{width:176px;height:190px;margin:0 auto 18px;border-radius:16px;object-position:50% 30%}.eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:clamp(29px,6.7vw,38px);line-height:1.02;max-width:380px;margin-inline:auto}.intro-copy{font-size:12px;line-height:1.65;max-width:310px;margin:12px auto 0}.links{gap:11px}.link{min-height:80px}.link strong{font-size:15px}.link small{font-size:8px}.arrow{font-size:30px}
@media(max-width:370px){.bio-portrait{width:155px;height:170px}h1{font-size:29px}.intro-copy{font-size:11px}.link strong{font-size:14px}.link{min-height:76px}}
.bio-portrait{width:176px;height:176px;border-radius:50%;object-fit:cover;object-position:50% 30%}
@media(max-width:370px){.bio-portrait{width:155px;height:155px}}

.intro h1.eyebrow{font:400 8px/1.6 Manrope,Arial,sans-serif;letter-spacing:.17em;color:#B5B0A7}