.grey-stage { background: var(--surface); }
.grey-stage-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr); column-gap: 12px; align-items: end; padding-top: 56px; }
.grey-intro { max-width: 640px; align-self: center; padding-bottom: 0; }
.grey-intro h1 { font-size: clamp(96px, 13vw, 172px); line-height: 0.8; letter-spacing: -.075em; }
.grey-intro h1 .muted-heading { display: block; max-width: 10em; margin-top: 32px; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -.045em; }
.grey-intro > p { max-width: 340px; margin-top: 28px; color: var(--secondary); font-size: 16px; line-height: 1.8; }
.grey-support { display: flex; align-items: center; gap: 14px; margin-top: 28px; }
#support-grey { margin-top: 0; transition: transform .15s ease; }
.grey-support-count { margin: 0; color: var(--secondary); font-size: 12px; line-height: 1.2; }
#support-grey.is-pop { transform: scale(0.96); }
.grey-emoji { position: fixed; z-index: 30; left: 0; top: 0; margin: 0; font-size: 28px; line-height: 1; pointer-events: none; filter: grayscale(1); will-change: transform, opacity; animation: grey-float 1.15s ease-out both; }
@keyframes grey-float {
 0% { transform: translate(-50%, -50%) scale(0.55) rotate(0deg); opacity: 0; }
 16% { opacity: 1; }
 100% { transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.15) rotate(var(--r)); opacity: 0; }
}
.grey-figure { margin: 0 0 -1px; justify-self: end; }
.grey-figure img { width: min(100%, 460px); height: auto; }
.grey-notes { border-top: 1px solid var(--line); }
.grey-notes .container { padding-bottom: 0; }
.grey-notes article { display: grid; grid-template-columns: 1.35fr 0.75fr; gap: 72px; align-items: start; padding-block: 40px; border-bottom: 1px solid var(--line); }
.grey-notes article > p { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.35; letter-spacing: -.035em; }
.grey-aside { color: var(--secondary); font-size: 16px; line-height: 1.7; padding-top: 8px; }
.grey-found { background: var(--surface); }
.grey-found .container { padding-top: 72px; }
.grey-found h2 { font-size: clamp(40px, 4vw, 56px); letter-spacing: -.045em; }
.grey-found .container > p { max-width: 360px; margin-top: 16px; color: var(--secondary); font-size: 16px; line-height: 1.7; }
.grey-places { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 48px; border-top: 1px solid var(--line); }
.grey-places a { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 168px; padding: 28px 32px 32px 0; border-right: 1px solid var(--line); text-decoration: none; }
.grey-places a + a { padding-left: 32px; }
.grey-places a:last-child { border-right: 0; padding-right: 0; }
.grey-places a > span { font-size: clamp(28px, 3vw, 40px); letter-spacing: -.04em; line-height: 1.1; }
.grey-places a svg { display: inline; width: 0.7em; height: 0.7em; margin-left: 0.2em; vertical-align: -0.02em; }
.grey-places small { color: var(--secondary); font-size: 14px; line-height: 1.5; }
.grey-places a:hover > span { text-decoration: underline; text-underline-offset: 5px; }
.grey-found-end { display: flex; align-items: center; gap: 28px; padding-block: 32px 80px; border-top: 1px solid var(--line); }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1199px) {
 .grey-intro { padding-bottom: 0; }
 .grey-intro h1 { font-size: clamp(80px, 12vw, 120px); }
 .grey-figure img { width: min(100%, 380px); }
}
@media (max-width: 999px) {
 .navigation { height: 76px; } .nav-links, .nav-actions { display: none; } .menu-toggle { display: inline-flex; }
 .grey-stage-grid { padding-top: 40px; }
 .grey-intro { padding-bottom: 0; }
 .grey-notes article { gap: 40px; padding-block: 32px; }
 .grey-places a { min-height: 140px; padding-right: 20px; }
 .grey-places a + a { padding-left: 20px; }
}
@media (max-width: 699px) {
 .navigation { height: 72px; }
 .grey-stage-grid { grid-template-columns: 1fr; padding-top: 36px; }
 .grey-intro { align-self: start; padding-bottom: 8px; max-width: none; }
 .grey-intro h1 { font-size: clamp(76px, 22vw, 104px); }
 .grey-intro h1 .muted-heading { margin-top: 16px; font-size: 26px; }
 .grey-intro > p { max-width: none; }
 .grey-figure { justify-self: start; margin-bottom: 0; }
 .grey-figure img { width: min(84vw, 340px); }
 .grey-notes article { grid-template-columns: 1fr; gap: 12px; }
 .grey-notes article > p { font-size: 22px; }
 .grey-found .container { padding-top: 48px; }
 .grey-found h2 { font-size: 36px; }
 .grey-places { grid-template-columns: 1fr; }
 .grey-places a, .grey-places a + a, .grey-places a:last-child { min-height: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line); }
 .grey-found-end { flex-wrap: wrap; gap: 16px 28px; padding-bottom: 56px; }
 .grey-aside { padding-top: 0; font-size: 15px; }
 .footer-top { grid-template-columns: 1fr 1fr; gap: 32px 24px; } .footer-brand { grid-column: 1 / -1; }
 .footer-bottom, .footer-bottom > div { flex-wrap: wrap; gap: 16px; }
 .modal { padding: 28px 24px; } .modal .form-row { grid-template-columns: 1fr; }
 input:not([type=checkbox]), textarea { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 #support-grey { transition: none; }
 .grey-emoji { animation: none; }
}