@font-face{font-family:"GFS Didot";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/GFSDidot-Regular.ttf") format("truetype")}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/Lato-Regular.ttf") format("truetype")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/Lato-Bold.ttf") format("truetype")}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--gh-color-canvas);color:var(--gh-color-text);font-family:var(--gh-font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--gh-font-display);font-weight:400;letter-spacing:-.03em;text-wrap:balance}
a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--gh-color-action);outline-offset:6px}
svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
::selection{background:var(--gh-color-reply-field);color:var(--gh-color-text)}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-link{display:flex;align-items:center;min-height:48px}
.wordmark{display:block;width:193px;height:auto}
.header nav{display:flex;gap:32px;font-size:.875rem}
.header nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.header nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:center;padding-block:22px 96px}
h1{font-size:clamp(2.875rem,4.4vw,4rem);line-height:1.08;max-width:10em}
.intro{max-width:45ch;margin-top:28px;font-size:1.125rem;color:var(--gh-color-text-muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;margin-top:28px;padding:13px 24px;border-radius:var(--gh-radius-button);background:var(--gh-color-action);color:var(--gh-color-on-action);font-size:.875rem;font-weight:700;text-decoration:none;transition:background 160ms}
.button:hover{background:var(--gh-color-action-hover);text-decoration:none}

.hero-figure{display:flex;align-self:stretch;flex-direction:column;min-height:548px}
.hero-photo{width:100%;height:440px;flex:1;min-height:0;object-fit:cover;object-position:60% center;border-radius:100px 0 0 0}
figcaption{padding:24px 28px;background:var(--gh-color-action);color:var(--gh-color-on-action);font-family:var(--gh-font-display);font-size:1.75rem;line-height:1.2;letter-spacing:-.02em}
.how{padding-bottom:88px}
.section-heading{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:end;margin-bottom:40px}
h2{font-size:clamp(2.375rem,3.8vw,3.25rem);line-height:1.12}
.section-heading>p{max-width:45ch;color:var(--gh-color-text-muted);font-size:1.0625rem;padding-bottom:4px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:0}
.steps li{border-top:1px solid var(--gh-color-field-border);padding-top:20px}
.step-number{display:block;margin-bottom:16px;color:var(--gh-color-text-muted);font-size:.875rem;font-variant-numeric:tabular-nums}
h3{font-size:1.875rem;line-height:1.2;letter-spacing:-.02em}
.steps p{margin-top:16px;color:var(--gh-color-text-muted);max-width:38ch}
.possibilities{padding-block:64px;background:var(--gh-color-brand-field)}
.examples{list-style:none;margin:0;padding:0}
.examples li{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;padding-block:22px;border-top:1px solid var(--gh-color-field-border);align-items:baseline}
.example-category{color:var(--gh-color-text-muted)}
.examples li>p{font-family:var(--gh-font-display);font-size:1.625rem;line-height:1.35;letter-spacing:-.02em;max-width:35ch}
.both-sides{padding-block:80px}
.perspectives{display:grid;grid-template-columns:1fr 1.03fr;gap:64px}
.perspectives>div{border-top:1px solid var(--gh-color-field-border);padding-top:24px}
.perspectives p{margin-top:16px;max-width:48ch;color:var(--gh-color-text-muted)}

.contact{background:var(--gh-color-brand-field);padding-block:64px}
.contact-inner{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:center}
.contact-inner>div>p{max-width:49ch;margin-top:24px;color:var(--gh-color-text-muted)}
.contact-action{padding-left:40px}
.contact-action>p{margin-top:0!important;font-size:1rem}
.contact-action>a{display:inline-flex;gap:14px;align-items:center;min-height:48px;margin-top:12px;font-size:1.125rem;overflow-wrap:anywhere}
.footer{display:flex;gap:24px;justify-content:space-between;padding-block:30px;color:var(--gh-color-text-muted);font-size:.875rem}
.skip-link{position:absolute;top:8px;left:8px;padding:12px 18px;background:var(--gh-color-surface);z-index:10;transform:translateY(-180%)}
.skip-link:focus{transform:none}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero,.section-heading,.contact-inner,.examples li,.perspectives{gap:36px}.hero{padding-bottom:72px}.hero-figure{min-height:530px}.steps{gap:28px}.contact-action{padding-left:0}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:88px;gap:16px}.wordmark{width:158px}.header nav{gap:0}.header nav>a:first-child{display:none}.header nav a{font-size:.875rem;gap:6px}.hero{grid-template-columns:1fr;padding-block:20px 60px;gap:32px}h1{font-size:clamp(2.5rem,9vw,3.5rem);max-width:12em}.intro{font-size:1rem;margin-top:22px}.button{margin-top:24px}.hero-figure{min-height:0}.hero-photo{height:320px;flex:none;object-position:center;border-radius:70px 0 0 0}figcaption{padding:20px 24px;font-size:1.625rem}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}h2{font-size:2.375rem}.section-heading>p{font-size:1rem}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding-top:20px}.step-number{grid-row:span 2;margin:5px 0 0}.steps p{grid-column:2;margin-top:10px;max-width:48ch}h3{font-size:1.75rem}.possibilities{padding-block:44px}.examples li{grid-template-columns:1fr;gap:8px;padding-block:22px}.examples li>p{font-size:1.5rem}.both-sides{padding-block:56px}.perspectives{grid-template-columns:1fr;gap:28px}.how{padding-bottom:56px}.contact{padding-block:44px}.contact-inner{grid-template-columns:1fr;gap:28px}.contact-inner>div>p{margin-top:20px}.contact-action>p{margin-top:0}.footer{flex-direction:column;gap:8px;padding-block:26px}}
@media(max-width:360px){.header .wordmark{width:138px}.header nav a{font-size:.8125rem}.hero-photo{height:280px}.contact-action>a{font-size:1rem;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}