@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/InterVariable-latin.woff2") format("woff2")}
:root{--paper:#fbfbf9;--ink:#161615;--ink-2:#545452;--ink-3:#6b6b67;--ink-4:#80807c;--rule:#e4e4e0;--field:#c9c9c4;--accent:#2757b6;--accent-dark:#12429f;--mw:1440px;--gutter:clamp(20px,5.6vw,80px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
a{color:var(--accent)}a:hover{color:var(--accent-dark)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
::selection{background:#dbe3f4;color:var(--ink)}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}
.wrap{max-width:var(--mw);margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:12px;top:8px;z-index:20;padding:12px 18px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;text-decoration:none;transform:translateY(-170%);transition:transform .15s ease}.skip:focus{transform:none;color:var(--paper)}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:24px;padding-block:clamp(6px,1vw,14px)}
.brand{display:block;padding-block:12px;font-size:clamp(15px,1.15vw,17px);font-weight:600;letter-spacing:-.014em;color:var(--ink);text-decoration:none}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,36px)}
.nav-links a{display:block;padding-block:12px;font-size:clamp(13px,1.05vw,15px);color:var(--ink-2);text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--ink)}.nav-links a[aria-current]{color:var(--ink);font-weight:500}
.hero{padding-block:clamp(56px,10vw,168px) clamp(72px,9.5vw,152px)}
.hero h1{font-size:clamp(34px,8.6vw,112px);line-height:1.02;font-weight:600;letter-spacing:-.04em}.hero h1 span{display:block;text-wrap:balance}.hero h1 .tone{color:var(--ink-4)}
.hero .sub{margin-top:clamp(20px,2.6vw,40px);max-width:27em;font-size:clamp(19px,1.95vw,28px);line-height:1.38;letter-spacing:-.012em;color:var(--ink-2);text-wrap:pretty}
.hero .actions{margin-top:clamp(32px,3.6vw,52px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.hero .actions p{font-size:15px;line-height:1.4;color:var(--ink-3)}
.btn{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:17px;font-weight:500;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.btn:hover{background:var(--accent-dark);color:#fff}
.more{display:inline-flex;align-items:center;gap:6px;padding-block:10px;font-size:clamp(16px,1.25vw,18px);font-weight:500;color:var(--accent);text-decoration:none}.more:hover{text-decoration:underline;text-underline-offset:4px}
.row{border-top:1px solid var(--rule);padding-block:clamp(56px,7.5vw,120px);display:flex;flex-wrap:wrap;gap:14px clamp(32px,4.4vw,64px)}
.row>.label{flex:1 1 320px;max-width:380px;padding-top:clamp(0px,.85vw,12px);font-size:clamp(15px,1.1vw,16px);line-height:1.5;font-weight:500;color:var(--ink-3)}
.row>.body{flex:999 1 0;min-width:58%}
.lead{max-width:22em;font-size:clamp(24px,2.8vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.024em;text-wrap:pretty}
.big{max-width:11em;font-size:clamp(32px,4.6vw,66px);line-height:1.08;font-weight:600;letter-spacing:-.034em;text-wrap:balance}
.copy{margin-top:clamp(16px,1.7vw,24px);max-width:33em;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.copy+.copy{margin-top:clamp(16px,1.7vw,24px)}
.cta-link{margin-top:clamp(14px,1.4vw,20px)}
.list-lead{display:flex;flex-direction:column;gap:clamp(4px,.6vw,8px);font-size:clamp(24px,2.8vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.024em}
.who{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(28px,3.4vw,48px)}.who>div:first-child{flex:1 1 400px}
.portrait{flex:0 0 clamp(168px,18vw,264px);aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:#f2f2ef;display:grid;place-items:center;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--ink-3);text-align:center;padding:12px;background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.03) 10px 11px)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.closing{border-top:1px solid var(--rule);padding-block:clamp(72px,10vw,160px) clamp(80px,11vw,176px)}
.closing h2{font-size:clamp(34px,5vw,72px);line-height:1.06;font-weight:600;letter-spacing:-.036em;text-wrap:balance}.closing h2 a{color:var(--ink);text-decoration:none;transition:color .2s ease}.closing h2 a:hover{color:var(--accent)}.closing h2 .arrow{color:var(--accent)}
.closing p{margin-top:clamp(18px,2vw,28px);font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--ink-2)}
.ul{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.page-head{padding-block:clamp(48px,8vw,136px) clamp(56px,7.5vw,120px)}
.eyebrow{margin-bottom:clamp(14px,1.4vw,20px);font-size:clamp(15px,1.1vw,16px);line-height:1.5;font-weight:500;color:var(--ink-3)}
.title{max-width:12em;font-size:clamp(36px,5.6vw,84px);line-height:1.04;font-weight:600;letter-spacing:-.038em;text-wrap:balance}
.title-sm{max-width:13em;font-size:clamp(36px,5.2vw,76px);line-height:1.04;font-weight:600;letter-spacing:-.038em;text-wrap:balance}
.intro{margin-top:clamp(20px,2.4vw,36px);max-width:30em;font-size:clamp(18px,1.7vw,24px);line-height:1.45;letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty}
.steps li{display:flex;flex-wrap:wrap;gap:8px clamp(24px,3vw,44px);padding-block:clamp(24px,2.6vw,36px);border-bottom:1px solid var(--rule)}.steps li:last-child{border-bottom:0}
.steps .when{flex:0 0 84px;font-size:15px;line-height:1.6;color:var(--ink-3)}.steps .what{flex:1 1 320px}
.h3{font-size:clamp(22px,2vw,30px);line-height:1.25;font-weight:500;letter-spacing:-.02em}
.p{margin-top:10px;max-width:34em;font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(28px,3.4vw,56px)}.two .span{grid-column:1/-1}
.about-head{display:flex;flex-wrap:wrap-reverse;align-items:flex-end;justify-content:space-between;gap:clamp(32px,4vw,64px)}.about-head>div:first-child{flex:1 1 440px;max-width:760px}
.about-head .portrait{flex:0 1 clamp(240px,26vw,380px);width:100%}
.bio{max-width:36em;display:flex;flex-direction:column;gap:clamp(18px,1.8vw,26px);font-size:clamp(18px,1.5vw,21px);line-height:1.55}
.facts{margin-top:clamp(32px,3.6vw,48px);max-width:640px;border-bottom:1px solid var(--rule)}.facts div{display:flex;flex-wrap:wrap;gap:2px 24px;padding-block:14px;border-top:1px solid var(--rule);font-size:16px;line-height:1.5}.facts dt{flex:0 0 132px;color:var(--ink-3)}.facts dd{flex:1 1 180px}
.answer-actions{margin-top:clamp(32px,3.6vw,48px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.others{border-bottom:1px solid var(--rule)}.others li{border-top:1px solid var(--rule)}.others a{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-block:clamp(16px,1.5vw,20px);font-size:clamp(18px,1.5vw,22px);line-height:1.35;letter-spacing:-.012em;color:var(--ink);text-decoration:none;transition:color .2s ease}.others a:hover{color:var(--accent)}.others a span:last-child{color:var(--accent)}
.contact{padding-block:clamp(48px,8vw,136px) clamp(72px,9vw,144px);display:flex;flex-wrap:wrap;gap:clamp(40px,5vw,80px) clamp(48px,7vw,120px)}.contact>div{flex:1 1 320px;max-width:520px}
.form{flex:1 1 360px;max-width:560px;display:flex;flex-direction:column;gap:clamp(22px,2vw,30px)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:15px;line-height:1.4;font-weight:500}
.field input,.field textarea{width:100%;padding:0 2px;border:0;border-bottom:1px solid var(--field);border-radius:0;background:transparent;font:inherit;font-size:18px;color:inherit;transition:border-color .2s ease}.field input{min-height:48px}.field textarea{padding:12px 2px;line-height:1.5;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field ::placeholder{color:#8a8a86}
.pair{display:flex;flex-wrap:wrap;gap:clamp(22px,2vw,30px) 24px}.pair .field{flex:1 1 200px}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding-top:6px}.form-foot p{font-size:14px;line-height:1.45;color:var(--ink-3)}.form-foot a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.doc{padding-block:clamp(48px,8vw,136px) clamp(72px,9vw,144px)}.doc header{max-width:760px}.doc h1{font-size:clamp(34px,4.8vw,68px);line-height:1.06;font-weight:600;letter-spacing:-.036em;text-wrap:balance}.doc header p{margin-top:clamp(16px,1.8vw,26px);font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--ink-2)}
.doc-body{margin-top:clamp(40px,5vw,80px);max-width:36em;display:flex;flex-direction:column;gap:clamp(36px,4vw,56px);font-size:clamp(17px,1.35vw,19px);line-height:1.6}.doc-body h2{margin-bottom:12px;font-size:clamp(20px,1.7vw,24px);line-height:1.3;font-weight:500;letter-spacing:-.016em}.doc-body p{color:var(--ink-2);text-wrap:pretty}
footer{color:var(--ink-2)}.foot{border-top:1px solid var(--rule);padding-block:clamp(32px,3.4vw,48px) clamp(40px,4.4vw,64px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 48px;font-size:14px;line-height:1.55}
.foot .name{margin-bottom:6px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.foot address{font-style:normal;display:flex;flex-direction:column;gap:2px}
.foot nav{display:flex;flex-wrap:wrap;column-gap:28px;margin-top:-10px}.foot nav a{display:block;padding-block:10px;color:var(--ink-2);text-decoration:none;transition:color .2s ease}.foot nav a:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
