:root { --black: #0b0d0c; --sand: #f3efe6; --lime: #c6ff3d; --muted: #8f938d; --line: #30342e; --font-display: "Anton", "Arial Narrow", sans-serif; }
* { box-sizing: border-box; }
html { background: var(--black); scroll-behavior: smooth; }
body { background: var(--black); color: var(--sand); font-family: Arial, Helvetica, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-color: var(--lime); text-underline-offset: 3px; }
.wrap { margin: 0 auto; width: min(100% - 64px, 1000px); }.nav { align-items: center; display: flex; justify-content: space-between; padding: 30px 0; }.wordmark { display: inline-block; font-family: var(--font-display); font-size: 23px; font-weight: 400; letter-spacing: .035em; line-height: .9; text-decoration: none; }.nav__back { border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; padding-bottom: 5px; text-decoration: none; }.nav__back:hover { border-color: var(--lime); color: var(--lime); }
.hero { border-bottom: 1px solid var(--line); padding: 104px 0 72px; }.eyebrow { color: var(--lime); font-size: 12px; font-weight: 800; letter-spacing: 2px; margin: 0 0 28px; }.hero h1 { font-size: clamp(56px, 10vw, 125px); font-weight: 900; letter-spacing: -.09em; line-height: .79; margin: 0; text-transform: uppercase; }.hero h1 span { color: var(--lime); }.hero p { color: var(--muted); font-size: 18px; line-height: 1.35; margin: 38px 0 0; max-width: 490px; }
.content { padding: 78px 0 118px; }.content__grid { display: grid; gap: 80px; grid-template-columns: 180px minmax(0, 1fr); }.contents { align-self: start; border-top: 1px solid var(--line); list-style: none; margin: 0; padding: 16px 0; position: sticky; top: 25px; }.contents li { margin: 0 0 13px; }.contents a { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 1px; text-decoration: none; }.contents a:hover { color: var(--lime); }
article section { border-top: 1px solid var(--line); padding: 30px 0 44px; } article section:first-child { border-top: 0; padding-top: 0; } h2 { font-size: clamp(25px, 3vw, 37px); font-weight: 900; letter-spacing: -.055em; line-height: .95; margin: 0 0 21px; text-transform: uppercase; } p, li { color: #d3d0c8; font-size: 16px; line-height: 1.45; } p { margin: 0 0 17px; } ul { margin: 0; padding-left: 20px; } li { margin-bottom: 8px; }.callout { background: var(--lime); color: var(--black); margin-top: 38px; padding: 27px; }.callout p { color: var(--black); font-weight: 700; margin: 0; }.small { color: var(--muted); font-size: 13px; }.support-cards { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); margin: 34px 0 46px; }.support-card { border: 1px solid var(--line); min-height: 150px; padding: 23px; }.support-card h3 { color: var(--lime); font-size: 12px; letter-spacing: 1.4px; margin: 0 0 28px; }.support-card p { font-size: 16px; margin: 0; }.contact { background: var(--sand); color: var(--black); margin: 38px 0 46px; padding: 34px; }.contact h2, .contact p { color: var(--black); }.contact a { font-size: clamp(20px, 4vw, 35px); font-weight: 900; letter-spacing: -.05em; text-decoration-color: #75aa16; word-break: break-word; }.footer { border-top: 1px solid var(--line); padding: 28px 0 36px; }.footer__inner { align-items: center; display: flex; font-size: 11px; font-weight: 800; justify-content: space-between; letter-spacing: 1.1px; }.footer__links { display: flex; gap: 20px; }.footer__links a { color: var(--muted); text-decoration: none; }.footer__links a:hover { color: var(--lime); }
@media (max-width: 680px) { .wrap { width: min(100% - 40px, 1000px); }.hero { padding: 75px 0 52px; }.hero h1 { font-size: clamp(52px, 15vw, 90px); }.content { padding: 58px 0 82px; }.content__grid { display: block; }.contents { display: none; }.support-cards { grid-template-columns: 1fr; }.footer__inner { align-items: flex-start; flex-direction: column; gap: 20px; } }