/* Editorial rhythm, three distinct areas of focus, and a human centre. */
:root{--lime:#d7ef79;--paper:#f8f9fc;--night:#101e31}
header{border-bottom:0}.nav{height:92px}.brand{letter-spacing:-.05em}.brand span{color:#254fe5}nav a{position:relative;padding:5px 0}nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover::after{transform:scaleX(1)}
.personal-hero{padding:28px 0 38px;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#e4e8f0 1px);background-size:calc(100% / 8) 100%}.hero-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center}.edition{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 13px;background:var(--paper)}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:37px 0 20px}.hero-statement{font-size:clamp(5rem,9.5vw,8.25rem);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:600}.hero-statement>span{display:block}.hero-statement>span:nth-child(2){color:var(--blue)}.hero-statement>span:nth-child(3){position:relative;z-index:0;width:max-content}.hero-statement>span:nth-child(3)::after{content:'';height:.15em;position:absolute;left:0;right:-.05em;bottom:.08em;background:var(--lime);z-index:-1}.lime-dot{color:var(--blue)}.hero-story{padding:20px 0 0;max-width:460px}.mini-label{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.3;letter-spacing:-.035em;margin-bottom:24px}.hero-story .intro{font-size:19px;line-height:1.7}.hero-direction{color:var(--muted);font-size:16px}.personal-hero .expertise-strip{margin-top:34px;border-top:1px solid #bec8da;color:var(--ink);justify-content:space-between}.button{border-radius:5px;box-shadow:4px 4px 0 #cad3fb;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-3px);box-shadow:6px 7px 0 #cad3fb}.section{padding:80px 0}.section-head{grid-template-columns:1fr 2fr}.section-head h2{font-size:clamp(2.4rem,4.5vw,3.7rem)}.pillars{gap:0;margin-top:48px}.pillar{border:0;padding:30px;min-height:335px;position:relative;transition:transform .2s}.pillar:nth-child(1){background:var(--night);color:white}.pillar:nth-child(2){background:var(--blue);color:white;transform:translateY(18px)}.pillar:nth-child(3){background:var(--lime);color:var(--ink)}.pillar:nth-child(1) p,.pillar:nth-child(1) .small-label{color:#c5cede}.pillar:nth-child(2) p,.pillar:nth-child(2) .small-label{color:#f0f3ff}.pillar:nth-child(3) p,.pillar:nth-child(3) .small-label{color:#30401e}.pillar .number{font-size:42px;letter-spacing:-.07em;line-height:1;color:inherit;opacity:.7}.pillar h3{margin-top:28px;font-size:26px;letter-spacing:-.035em}.pillar p{line-height:1.7}.pillar .small-label{font-size:12px;letter-spacing:.1em;margin-top:22px}.pillar:hover{transform:translateY(-5px)}.pillar:nth-child(2):hover{transform:translateY(12px)}
.portrait-section{margin-top:18px;padding:65px 0 75px}.portrait-section>.wrap>.eyebrow{padding-bottom:40px;border-bottom:1px solid #334358;margin-bottom:46px;color:#c4d0e1}.experience{grid-template-columns:.85fr 1.4fr;gap:80px;align-items:center}.portrait-card{margin:0;position:relative;max-width:330px;padding:24px;background:var(--lime);color:var(--ink);transform:rotate(-2deg);box-shadow:12px 12px 0 #26384e}.portrait-image{background:#ddd7db;aspect-ratio:1;overflow:hidden}.portrait-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.portrait-card:hover img{transform:scale(1.035)}.portrait-card figcaption{padding-top:17px;display:flex;flex-direction:column;gap:2px}.portrait-card figcaption strong{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.04em}.portrait-card figcaption strong span{color:var(--blue)}.portrait-card figcaption>span{font-size:14px}.portrait-note{position:absolute;right:-20px;bottom:-30px;display:block;transform:rotate(5deg);background:#fff;color:var(--ink);padding:10px 15px;box-shadow:0 4px 15px #0002;font-size:14px;line-height:1.45}.experience h2{margin:0 0 25px;font-size:clamp(2.4rem,4.6vw,4rem)}.experience h2 span{color:var(--lime)}.experience h3{font-size:21px;line-height:1.35;margin:0 0 19px;letter-spacing:-.02em}.experience p{font-size:16px}.experience .tag{border:0;border-radius:99px;background:#25384c;font-size:12px;padding:5px 12px}.experience-detail{padding:0}.about-section{background:white}.about-grid{grid-template-columns:.85fr 1.4fr}.quote{font-size:clamp(1.7rem,3vw,2.4rem);padding:30px 0;border-left:0;border-top:2px solid var(--blue);border-bottom:1px solid var(--line);line-height:1.3}.personal-aside{background:#f0f3fa;padding:25px 28px;margin-top:34px;border-left:5px solid var(--lime)}.personal-aside .eyebrow{font-size:12px}.personal-aside p{font-size:17px;margin:12px 0;color:var(--ink)}.writing-section{background:#eef2f9}.writing-section .post{border-top:0;background:white;padding:30px;box-shadow:7px 7px 0 #d9e1ef;border-left:5px solid var(--blue);transition:transform .2s,box-shadow .2s}.writing-section .post+.post{margin-top:24px}.writing-section .post:hover{transform:translateY(-4px);box-shadow:9px 11px 0 #d9e1ef}.writing-section .topics span{background:transparent;border:0;border-bottom:1px solid #aab8cc;padding:5px 0;margin-right:16px}.contact{background:var(--night);position:relative}.contact h2{font-size:clamp(2.6rem,4.7vw,4rem)}.contact .eyebrow{color:var(--lime)}.contact-links{background:var(--lime);padding:26px 30px;transform:rotate(-2deg);color:var(--ink);box-shadow:8px 8px 0 #2a3d54}.contact-links a:hover{color:var(--blue)}.contact-links a{font-size:18px}.footer{background:var(--paper)}
@media(prefers-reduced-motion:no-preference){.hero-statement>span{animation:arrive .6s both}.hero-statement>span:nth-child(2){animation-delay:.09s}.hero-statement>span:nth-child(3){animation-delay:.18s}.hero-story{animation:arrive .7s .18s both}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:980px){.hero-layout{gap:35px}.hero-statement{font-size:clamp(5rem,10vw,7rem)}.pillar{padding:25px}.experience{gap:55px}.portrait-card{max-width:290px}.post{grid-template-columns:140px 1fr 70px;gap:22px}}
@media(max-width:760px){.nav{height:auto}.hero-kicker{align-items:start}.edition{display:none}.personal-hero{padding-top:26px;background-size:25% 100%}.hero-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.hero-statement{font-size:clamp(4.7rem,19vw,7.5rem)}.hero-story{padding:0;max-width:100%}.mini-label{font-size:24px}.personal-hero .expertise-strip{justify-content:start;gap:12px 24px;font-size:13px}.pillars{gap:15px;margin-top:25px}.pillar{min-height:0;padding:28px}.pillar:nth-child(2),.pillar:nth-child(2):hover{transform:none}.pillar .number{font-size:33px}.section{padding:55px 0}.section-head,.experience,.about-grid{grid-template-columns:1fr;gap:32px}.portrait-section{margin-top:0}.portrait-section>.wrap>.eyebrow{padding-bottom:25px;margin-bottom:35px}.portrait-card{max-width:275px;margin:0 auto 25px}.experience-detail{margin-top:20px}.experience h2{font-size:2.8rem}.writing-section .post{grid-template-columns:1fr;padding:24px;gap:13px}.contact-links{margin-top:8px;max-width:100%;padding:22px}.hero .button{font-size:14px;padding:12px 18px}.hero .actions{gap:22px}.personal-aside{padding:22px}.contact-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}