:root{--ink:#07111c;--navy:#0b1d31;--blue:#2388f3;--blue2:#62b6ff;--paper:#f5f7fa;--muted:#6e7b89;--line:#dbe2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px);position:absolute;z-index:10;width:100%;color:white}.brand{font-size:20px;font-weight:800;letter-spacing:.14em;text-decoration:none;color:inherit}.brand span{color:var(--blue)}nav{display:flex;gap:32px;align-items:center}nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{border:1px solid #ffffff55;padding:11px 17px;border-radius:999px}.menu{display:none}.hero{min-height:780px;background:radial-gradient(circle at 70% 15%,#163f6d 0,#0a1a2d 32%,#050c14 75%);color:white;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:6vw;padding:130px clamp(24px,7vw,120px) 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:460px;height:900px;background:linear-gradient(90deg,transparent,#2087ef55,transparent);transform:rotate(31deg);right:27%;top:-250px}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#188cff18;filter:blur(20px);right:5%;top:18%}.hero-copy{z-index:2;max-width:780px}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.19em}.eyebrow{color:#a9c2db}.eyebrow i{display:inline-block;width:3px;height:3px;background:var(--blue);border-radius:50%;margin:0 10px 3px}h1{font-size:clamp(46px,5.1vw,82px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}h1 span{color:#68b7ff}.intro{font-size:18px;line-height:1.75;color:#c3d0dc;max-width:690px}.intro strong{color:white}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:700}.primary{background:var(--blue);color:white}.secondary{color:white;border:1px solid #ffffff3d}.mini-proof{display:flex;margin-top:58px;gap:0}.mini-proof div{padding:0 32px;border-left:1px solid #ffffff2b}.mini-proof div:first-child{padding-left:0;border:0}.mini-proof strong,.mini-proof span{display:block}.mini-proof strong{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.mini-proof span{font-size:12px;color:#8298aa;margin-top:5px}.portrait-wrap{position:relative;z-index:2;max-width:530px;justify-self:center}.portrait-wrap img{width:100%;display:block;border-radius:50%;position:relative;z-index:2;box-shadow:0 35px 80px #0008}.portrait-ring{position:absolute;inset:-18px;border:1px solid #55aaff55;border-radius:50%}.portrait-card{position:absolute;z-index:3;bottom:8%;left:-10%;background:#fff;color:var(--ink);padding:17px 21px;box-shadow:0 15px 50px #0004;border-left:4px solid var(--blue)}.portrait-card span,.portrait-card strong{display:block}.portrait-card span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px}.portrait-card strong{font-size:14px}.pillars{background:#fff;padding:92px clamp(24px,7vw,120px)}.section-kicker{color:var(--blue)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pillar-grid article{padding:35px 30px 35px 0;border-right:1px solid var(--line);margin-right:30px}.pillar-grid article:last-child{border:0;margin:0}.pillar-grid article>span{font-size:11px;color:var(--blue);font-weight:800}.pillar-grid h3{font-size:19px;margin:14px 0}.pillar-grid p{font-size:14px;line-height:1.7;color:var(--muted)}.story{padding:120px clamp(24px,10vw,170px);background:var(--paper);display:grid;grid-template-columns:1fr 3fr;gap:8vw}.story-label span{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.25em;font-size:11px;font-weight:800;color:var(--blue)}h2{font-size:clamp(38px,4vw,64px);line-height:1.08;letter-spacing:-.045em;margin:0}.story-copy{max-width:850px}.story-lead{font-family:'Libre Baskerville',serif;font-style:italic;font-size:22px;color:#3c4d5d}.story-copy>p:not(.story-lead){font-size:18px;line-height:1.8;color:#526170}.story-copy strong{color:var(--ink)}.text-link{display:inline-block;color:var(--blue);font-weight:700;text-decoration:none;margin-top:18px}.experience{padding:110px clamp(24px,7vw,120px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading .section-kicker{align-self:flex-start}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{background:var(--navy);color:white;padding:48px;min-height:410px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:180px;height:500px;background:#1688f320;transform:rotate(32deg);right:30px;top:-120px}.tag{color:var(--blue2);font-size:11px;font-weight:800;letter-spacing:.16em}.feature-card h3{font-size:30px;line-height:1.2;max-width:520px}.feature-card>p:not(.tag){color:#b5c2ce;line-height:1.75;max-width:570px}.metric-row{position:absolute;left:48px;bottom:45px;display:flex;gap:60px}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-size:25px}.metric-row span{font-size:11px;color:#8394a5;margin-top:4px}.cta{text-align:center;padding:120px 24px;background:linear-gradient(145deg,#06101a,#0d2540);color:white}.cta h2{margin:20px auto;max-width:1000px}.cta>p:not(.section-kicker){color:#aab8c6;max-width:670px;margin:0 auto 35px;line-height:1.7}footer{background:#040a10;color:#8da0b0;padding:32px clamp(24px,7vw,120px);display:flex;align-items:center;justify-content:space-between;font-size:12px}footer .brand{color:white}.reveal{animation:rise .8s ease both}.delay{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.site-header nav{display:none}.menu{display:block;background:none;color:white;border:1px solid #ffffff44;border-radius:999px;padding:8px 13px}.site-header.open nav{display:flex;position:absolute;top:70px;right:24px;flex-direction:column;background:#0a1a2d;padding:22px;align-items:flex-start}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{order:2}.portrait-wrap{order:1;max-width:300px}.portrait-card{left:-8%;bottom:-4%}.mini-proof{flex-wrap:wrap;gap:20px}.pillar-grid{grid-template-columns:1fr 1fr}.pillar-grid article{border-right:0;border-bottom:1px solid var(--line)}.story{grid-template-columns:1fr}.story-label span{writing-mode:initial;transform:none}.experience-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{margin-top:20px}}@media(max-width:600px){h1{font-size:44px}.hero{padding-left:24px;padding-right:24px}.portrait-wrap{max-width:245px}.portrait-card{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.mini-proof div{padding:0 14px}.pillar-grid{grid-template-columns:1fr}.pillar-grid article{margin:0}.story,.pillars,.experience{padding-top:75px;padding-bottom:75px}.feature-card{padding:30px;min-height:450px}.metric-row{left:30px;bottom:30px;gap:25px}footer{flex-direction:column;gap:12px}}
/* Personal site refinements */
:root{--blue:#247bd6;--blue2:#8ac8ff}
.site-header nav a,.button,.text-link{font-size:14px}
.pillar-grid p,.feature-card>p:not(.tag),.cta>p:not(.section-kicker){font-size:16px}
.pillar-grid p{color:#4e5d6c}
.feature-card{min-height:430px}
.feature-card>p:not(.tag){padding-bottom:105px}
.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
:focus-visible{outline:3px solid #8ac8ff;outline-offset:4px}
@media(max-width:900px){.hero{min-height:auto;padding-bottom:88px}.hero-copy{order:1}.portrait-wrap{order:2;margin-top:32px}.site-header.open nav{left:24px;right:24px}.site-header.open nav a{padding:8px 0}.story{gap:25px}}
@media(max-width:600px){.hero{padding-top:115px}.eyebrow{line-height:1.8}.intro{font-size:17px;line-height:1.6}.mini-proof{margin-top:42px}.mini-proof div{min-width:40%;margin-bottom:8px}.portrait-wrap{width:70vw}.feature-card{min-height:0}.feature-card>p:not(.tag){padding-bottom:0}.metric-row{position:static;margin-top:42px;gap:24px;flex-wrap:wrap}.contact-actions .button{width:100%;justify-content:center;max-width:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}
.chapter{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.18em;margin:0 0 18px}
.story{padding-top:125px;padding-bottom:130px}
.story-copy{max-width:820px}
.story-copy>p:not(.story-lead):not(.chapter){font-size:19px;line-height:1.8;margin:25px 0;color:#405164}
.story-copy .story-lead{font-size:24px;line-height:1.55;margin:30px 0 38px}
.next-chapter{background:#e8f1f9;padding:110px clamp(24px,10vw,170px)}
.next-chapter-inner{max-width:1120px;margin:auto}
.next-chapter h2{max-width:900px}
.narrative-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:40px}
.narrative-columns p{font-size:19px;line-height:1.8;color:#405164;margin:0}
.next-chapter .text-link{margin-top:35px}
.experience-intro{font-size:18px;color:#526170;margin:-22px 0 40px}
.resume-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}
.resume-strip strong,.resume-strip span{display:block}.resume-strip strong{font-size:19px}.resume-strip div span{font-size:15px;color:#526170;margin-top:6px}.resume-button{background:var(--navy);color:white;white-space:nowrap}
@media(max-width:700px){.story,.next-chapter{padding:78px 24px}.story-copy>p:not(.story-lead):not(.chapter),.narrative-columns p{font-size:17px}.narrative-columns{grid-template-columns:1fr;gap:20px}.resume-strip{align-items:flex-start;flex-direction:column}}
/* Experience stories */
.experience-intro a{color:#1769b8;font-weight:700;text-decoration:none}.experience-intro a:hover,.case-scroll:hover{text-decoration:underline}
.experience-page .site-header{position:absolute}.experience-page nav a[aria-current=page]{color:#8ac8ff}
.case-hero{background:radial-gradient(circle at 85% 0,#164b77 0,#0b1d31 38%,#050c14 85%);color:white;padding:175px clamp(24px,10vw,170px) 120px;min-height:660px;display:flex;align-items:center}
.case-hero-inner{max-width:1000px}.case-hero h1{margin:24px 0 30px}.case-hero .intro{max-width:780px}.case-scroll{display:inline-flex;gap:20px;color:#8ac8ff;font-size:15px;font-weight:700;text-decoration:none;margin-top:24px}
.case-story{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,820px);gap:7vw;padding:110px clamp(24px,10vw,170px);background:#fff}.case-story-alt{background:#f0f5f9}
.case-rail span{display:block;position:sticky;top:35px;color:#247bd6;font-size:13px;font-weight:800;letter-spacing:.16em}
.case-prose h2{max-width:790px}.case-prose p{color:#405164;font-size:19px;line-height:1.85;margin:28px 0}.case-prose .case-lead{font-family:'Libre Baskerville',serif;font-style:italic;font-size:24px;line-height:1.55;color:#23384d;margin:35px 0}
.case-quote{background:#0b1d31;color:#e6f3ff;padding:90px clamp(24px,15vw,260px)}.case-quote p{font-family:'Libre Baskerville',serif;font-size:clamp(27px,3.2vw,46px);line-height:1.45;margin:0;max-width:1050px}
.case-facts{border-top:1px solid #c8d5df;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;padding-top:28px}.case-facts strong,.case-facts span{display:block}.case-facts strong{color:#1769b8;font-size:24px}.case-facts span{color:#4e5d6c;font-size:14px;line-height:1.5;margin-top:8px}
.other-work{background:#e8f1f9;padding:100px clamp(24px,10vw,170px)}.other-work-inner{max-width:1200px;margin:auto}.other-work h2{max-width:800px;margin:20px 0 45px}.other-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.other-work-grid article{background:white;padding:42px}.other-work-grid article>span{color:#1769b8;font-size:12px;font-weight:800;letter-spacing:.14em}.other-work-grid h3{font-size:26px;line-height:1.2}.other-work-grid p{font-size:17px;line-height:1.75;color:#4e5d6c}
@media(max-width:800px){.case-hero{min-height:0;padding:135px 24px 85px}.case-story{display:block;padding:75px 24px}.case-rail{margin-bottom:30px}.case-rail span{position:static}.case-quote{padding:70px 24px}.other-work{padding:75px 24px}.other-work-grid{grid-template-columns:1fr}}
@media(max-width:600px){.case-hero h1{font-size:42px}.case-prose p{font-size:17px}.case-prose .case-lead{font-size:21px}.case-facts{grid-template-columns:1fr}.other-work-grid article{padding:30px}}
.case-jump{display:flex;gap:30px;flex-wrap:wrap}.case-divider{background:#0b1d31;color:white;padding:100px clamp(24px,10vw,170px);scroll-margin-top:0}.case-divider>div{max-width:950px}.case-divider h2{margin:22px 0}.case-divider p:not(.eyebrow){font-size:19px;line-height:1.7;color:#b8ccdc;max-width:720px}
