@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{color-scheme:light;--paper:#f6f7f4;--ink:#191c18;--muted:#62665e;--line:#d8dbd3;--accent:#c4ed6b;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--ink)}
.page{width:min(100% - 112px,1280px);margin-inline:auto}
.masthead{display:flex;justify-content:space-between;align-items:center;padding-block:37px;border-bottom:1px solid var(--line)}
.wordmark{font-size:25px;letter-spacing:-1.4px;font-weight:650;color:inherit;text-decoration:none}
.wordmark span{display:inline-block;font-size:11px;vertical-align:top;margin:4px 0 0 5px;letter-spacing:0}
.edition,.eyebrow,.section-marker,.contact-caption,footer{font-family:var(--mono);font-size:12px;letter-spacing:.055em;font-weight:400}
.edition{color:var(--muted)}
.hero{padding:82px 0 76px;position:relative}
.eyebrow{margin:0 0 32px;color:var(--muted)}
h1{font-size:clamp(64px,8.9vw,128px);line-height:.99;letter-spacing:-.07em;font-weight:550;margin:0;max-width:1040px}
.highlight{display:inline-block;position:relative;isolation:isolate;padding-right:.035em}
.highlight:before{content:'';position:absolute;inset:16% -8% 0 -5%;background:var(--accent);z-index:-1;transform:rotate(-3deg)}
.period{letter-spacing:-.02em}
.code-note{font:14px var(--mono);color:var(--muted);margin:35px 0 0 3px;display:flex;align-items:center;gap:10px}
.cursor{width:7px;height:15px;background:var(--ink);animation:blink 1.4s steps(1) 4}
.about{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;border-top:1px solid var(--line);padding:47px 0 64px}
.section-marker{display:flex;gap:22px;color:var(--muted);padding-top:6px;line-height:1.6}
.section-marker span:first-child{color:var(--ink)}
.about-copy{max-width:620px}
.about-copy p{font-size:20px;line-height:1.65;letter-spacing:-.025em;color:var(--muted);margin:0 0 23px}
.about-copy .statement{margin:33px 0 0;color:var(--ink)}
.statement strong{font-weight:600}
.contact{display:flex;justify-content:space-between;align-items:center;gap:48px;border-top:1px solid var(--line);padding:53px 0 59px}
h2{font-size:28px;line-height:1.32;letter-spacing:-.045em;font-weight:500;max-width:490px;margin:0}
.contact-action{min-width:306px}
.contact-button{display:flex;align-items:center;justify-content:space-between;gap:42px;background:var(--accent);padding:23px 25px;color:var(--ink);font-size:19px;font-weight:550;letter-spacing:-.025em;text-decoration:none;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s;cursor:pointer}
.contact-button span{font-size:27px;line-height:1;transition:transform .2s}
.contact-button:hover{background:#b8e355;transform:translateY(-2px)}
.contact-button:hover span{transform:translate(2px,-2px)}
.contact-button[aria-disabled=true]{cursor:default}
.contact-caption{display:block;font-size:10px;letter-spacing:.035em;margin-top:13px;text-align:center;color:var(--muted)}
a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
footer{border-top:1px solid var(--line);padding-block:26px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
footer>span:last-child{display:flex;align-items:center;gap:23px}
.footer-symbol{font:20px var(--sans);color:var(--ink)}
@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){.hero{padding-block:100px}}
@media(max-width:900px){.page{width:calc(100% - 64px)}.about{grid-template-columns:1fr 1.7fr;gap:35px}.section-marker{flex-direction:column;gap:10px}.contact{gap:30px}h2{font-size:25px}.contact-action{min-width:280px}}
@media(max-width:600px){.page{width:calc(100% - 40px)}.masthead{padding-block:25px}.wordmark{font-size:23px}.edition{font-size:10px;letter-spacing:0}.hero{padding:62px 0 54px}.eyebrow{font-size:11px;margin-bottom:27px}h1{font-size:clamp(51px,12.6vw,76px);line-height:1.04;letter-spacing:-.065em}.code-note{font-size:12px;margin-top:29px}.about{grid-template-columns:1fr;gap:26px;padding:29px 0 38px}.section-marker{flex-direction:row;gap:17px;font-size:10px}.about-copy p{font-size:18px;line-height:1.65;margin-bottom:21px}.about-copy .statement{margin-top:29px}.contact{align-items:stretch;flex-direction:column;gap:27px;padding:35px 0 39px}h2{font-size:26px;max-width:360px}.contact-action{min-width:0}.contact-button{padding:21px 23px}.contact-caption{font-size:10px}footer{font-size:10px;padding-block:23px}footer>span:last-child{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}