
:root{--olive:#293127;--deep:#232d24;--stone:#ded8cb;--ivory:#f8f6ee;--ink:#30382f;--gutter:clamp(26px,7.5vw,124px);--sans:'Segoe UI','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--olive);color:var(--ivory);font:15px/1.9 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:350;letter-spacing:-.04em;line-height:1.14}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:26px;letter-spacing:-.025em;line-height:1.3}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}.eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin-bottom:25px}.skip{position:fixed;top:-100px;left:25px;padding:12px;background:var(--ivory);color:var(--ink);z-index:10}.skip:focus{top:10px}.opening{height:94svh;min-height:720px;max-height:1050px;position:relative;isolation:isolate}.portrait{position:absolute;inset:0;z-index:-2}.portrait img{object-position:50% 0}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#121b17ed,transparent 65%),linear-gradient(180deg,#15201870,transparent 25%)}.masthead{position:absolute;top:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.logo{width:106px;height:69px}.logo img{object-fit:contain}.masthead nav{display:flex;gap:26px}.masthead nav a{font-size:11px;min-height:44px;display:flex;align-items:center;text-shadow:0 1px 6px #101810}.opening-copy{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter)}.opening-copy .eyebrow{margin-bottom:16px}.opening h1{font-size:clamp(43px,5vw,72px);max-width:680px}.byline{font-size:12px;color:#e0e4d5;margin-top:20px}.byline span{display:block;font-size:9px;color:#c7cdbb;margin-top:7px}.quiet-arrow{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:4px 0;border:0;background:none;font:12px var(--sans);color:inherit;cursor:pointer}.opening .quiet-arrow{margin-top:15px}.circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #f8f6eea6;border-radius:50%;font-size:19px;font-weight:300}.began{padding:75px var(--gutter) 80px;background:var(--stone);color:var(--ink);display:grid;grid-template-columns:36% 53%;gap:11%}.chapter-heading h2{font-size:clamp(36px,3.8vw,55px)}.story-copy{font-size:15px;line-height:1.95}.story-copy p+p{margin-top:23px}.became{padding:72px var(--gutter) 78px;background:var(--deep)}.became-heading{max-width:820px}.became h2{font-size:clamp(39px,4.6vw,66px)}.became-copy{margin:38px 0 0 28%;max-width:720px}.lead{font-size:23px;font-weight:350;line-height:1.6;letter-spacing:-.015em;max-width:620px;margin-bottom:29px}.became .story-copy{color:#d0d7c6}.together{padding:69px var(--gutter) 72px;display:grid;grid-template-columns:36% 53%;gap:11%;background:#d6d2c7;color:var(--ink)}.together h2{font-size:clamp(36px,3.7vw,53px)}.together h3{margin-bottom:20px}.together-copy p{font-size:14px;line-height:1.9}.together-copy p+p{margin-top:20px}.team-note{margin-top:37px;padding-top:30px;border-top:1px solid #30382f35}.why{padding:75px var(--gutter) 70px;max-width:970px;margin:0 auto}.why h2{margin-bottom:32px}.why .story-copy{max-width:680px;color:#d9dfd0}.closing{height:83svh;min-height:650px;max-height:1000px;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:60px var(--gutter)}.closing picture,.closing-shade{position:absolute;inset:0;z-index:-2}.closing img{object-position:center}.closing-shade{z-index:-1;background:linear-gradient(0deg,#121b17ed,#17211930 80%)}.closing h2{font-size:clamp(37px,4.6vw,66px);line-height:1.2;max-width:850px;letter-spacing:-.035em}.invitation{padding:43px var(--gutter) 40px;background:#293127;display:flex;align-items:center;gap:40px}.invitation>p{font-size:17px;max-width:330px;margin-right:auto}.invitation>a{font-size:11px;min-height:44px;display:flex;align-items:center;color:#ccd3bf}footer{padding:20px var(--gutter) 28px;color:#bcc6b1;font-size:10px}footer p{max-width:780px}footer p+p{margin-top:12px}dialog{width:min(90vw,570px);border:0;background:var(--ivory);color:var(--ink);padding:30px}dialog::backdrop{background:#10170ee0}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dialog-top .eyebrow{margin:0}.dialog-top button{background:none;border:0;min-width:44px;min-height:44px;font-size:28px;cursor:pointer;color:inherit}dialog h2{font-size:35px;margin-bottom:25px}dialog p{font-size:14px}
@media(max-width:800px){.opening{height:auto;min-height:0;max-height:none;padding-top:0}.portrait{position:relative;height:66svh;min-height:410px;max-height:620px;z-index:0}.portrait img{object-position:52% 15%}.portrait-shade{background:linear-gradient(0deg,#293127,transparent 35%),linear-gradient(180deg,#15201875,transparent 30%)}.masthead{top:20px;z-index:2}.logo{width:78px;height:51px}.masthead nav{gap:15px}.masthead nav a{font-size:9px}.opening-copy{position:relative;bottom:auto;left:auto;right:auto;padding:15px var(--gutter) 34px}.opening h1{font-size:43px;line-height:1.15}.byline{font-size:11px;margin-top:19px}.byline span{font-size:9px}.opening .quiet-arrow{margin-top:15px}.began{display:block;padding:43px var(--gutter) 49px}.chapter-heading h2{font-size:36px;margin-bottom:27px}.story-copy{font-size:14px;line-height:1.9}.story-copy p+p{margin-top:21px}.eyebrow{margin-bottom:20px}.became{padding:44px var(--gutter) 48px}.became h2{font-size:38px}.became-copy{margin:28px 0 0}.lead{font-size:20px;line-height:1.65;margin-bottom:24px}.together{display:block;padding:43px var(--gutter) 47px}.together h2{font-size:36px;margin-bottom:29px}.together h3{font-size:25px;margin-bottom:18px}.team-note{margin-top:30px;padding-top:25px}.why{padding:45px var(--gutter) 49px}.why h2{font-size:36px;margin-bottom:26px}.closing{height:78svh;min-height:580px;max-height:780px;padding:35px var(--gutter)}.closing h2{font-size:38px;line-height:1.2}.closing img{object-position:center}.invitation{display:block;padding:34px var(--gutter) 28px}.invitation>p{font-size:16px;margin:0 0 18px}.invitation>a{margin-top:14px}footer{font-size:10px}dialog{padding:24px}}
@media(max-width:380px){.masthead nav{gap:10px}.masthead nav a{font-size:8px}.logo{width:70px}.opening h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:800px){.masthead nav a{font-size:10px}}@media(max-width:380px){.masthead nav a{font-size:9px}}
