/* V7, 15 Oct 2026: tighter spacing (feedback: too much white space), no footer wordmark, social icons.
   Loaded last so earlier rules stay untouched and the diff is easy to review. */
.hero{padding-block:36px}
.section{padding-block:64px}
.intro{padding-block:64px}
.section-heading{gap:64px;margin-bottom:32px}
.intro-layout{gap:64px;margin-top:24px}
.about-introduction{gap:64px;margin:24px 0 32px}
.development-note{padding:4px 0 40px}
.closing{padding:60px 0 40px}
.closing .eyebrow{margin-bottom:24px}
.closing h2{font-size:clamp(48px,6.6vw,96px)}
.closing-bottom{margin-top:36px;padding-top:24px}
.footer{padding:40px 0 20px}
.footer-top{margin-bottom:28px}
.footer-bottom{margin-top:0}
.footer-social{display:flex;gap:14px;margin-top:2px}
.footer-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.footer-social a:hover{background:var(--ink);color:var(--paper)}
.footer-social svg{width:16px;height:16px}
.release a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.development-note p a{margin-right:10px}
@media(max-width:1100px){.section{padding-block:56px}.section-heading,.intro-layout,.about-introduction{gap:40px}}
@media(max-width:740px){.hero{padding:32px 0 28px}.section,.intro{padding-block:44px}.section-heading{margin-bottom:24px}.closing{padding:44px 0 32px}.closing h2{font-size:clamp(40px,12vw,64px)}}