/* G3 — chrome (header masthead + footer) — handoff AHeader/AFooter */

.g3-skip-link{position:absolute;left:-9999px;top:0;background:var(--g3-ink);color:var(--g3-paper);padding:10px 16px;font-family:var(--g3-font-fat);z-index:100}
.g3-skip-link:focus{left:8px;top:8px}
.g3-accent{color:var(--g3-accent)}
.g3-accent2{color:var(--g3-accent2)}

/* ===== HEADER ===== */
.g3-header{position:relative;background:var(--g3-paper)}
.g3-header__lang{position:absolute;top:24px;right:56px;z-index:5;font-family:var(--g3-font-mono);font-size:11px;letter-spacing:.1em;color:var(--g3-ink);text-transform:uppercase}
.g3-lang-switcher{display:inline-flex;align-items:center;gap:7px}
.g3-lang-switcher a,.g3-lang-switcher__link{color:var(--g3-ink-mute);text-decoration:none}
.g3-lang-switcher__pill,.g3-lang-switcher__pill--current{color:var(--g3-ink)}
.g3-lang-switcher__sep{color:var(--g3-ink-mute)}

.g3-masthead{display:flex;flex-direction:column;align-items:center;gap:28px;padding:36px 56px 48px}
.g3-masthead__logo{display:block;flex-shrink:0;transform:rotate(-6deg)}
.g3-masthead__logo img{width:168px;height:auto;display:block}
.g3-masthead__brand{text-align:center}
.g3-wordmark{font-family:var(--g3-font-display);font-size:clamp(72px,9vw,132px);line-height:.82;letter-spacing:-.015em;color:var(--g3-ink);text-transform:uppercase;margin:0}
.g3-wordmark a{color:inherit;text-decoration:none}
.g3-tagline{font-family:var(--g3-font-mono);font-size:15px;line-height:1.4;color:var(--g3-ink);letter-spacing:.06em;margin:16px 0 0;text-transform:uppercase}
.g3-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-family:var(--g3-font-fat);font-size:15px;letter-spacing:.02em;text-transform:uppercase}
.g3-nav__link{padding:14px 22px;background:transparent;color:var(--g3-ink);border:2px solid var(--g3-ink);text-decoration:none;transition:background .12s,color .12s}
.g3-nav__link:hover{background:var(--g3-ink);color:var(--g3-paper)}

/* ===== FOOTER ===== */
.g3-footer{background:var(--g3-ink);color:var(--g3-paper);font-family:var(--g3-font-body)}
.g3-footer__brand-block{padding:120px 56px 64px;border-bottom:2px solid rgba(255,255,255,.18)}
.g3-footer__wordmark{font-family:var(--g3-font-display);font-size:120px;line-height:.82;text-transform:uppercase;letter-spacing:-.02em}
.g3-footer__tagline{font-family:var(--g3-font-mono);font-size:15px;line-height:1.5;color:rgba(255,255,255,.75);margin:20px 0 0;max-width:460px;letter-spacing:.04em;text-transform:uppercase}
.g3-footer__top3{padding:64px 56px 8px}
.g3-footer__eyebrow{font-family:var(--g3-font-mono);font-size:12px;color:var(--g3-accent2);letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.g3-footer__top3-title{font-family:var(--g3-font-display);font-size:64px;line-height:.9;text-transform:uppercase;letter-spacing:-.015em;margin:0 0 36px;color:var(--g3-paper)}
.g3-footer__top3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.g3-footer__top3-card{display:flex;flex-direction:column;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.18);text-decoration:none;transition:border-color .15s,background .15s}
.g3-footer__top3-card:hover{border-color:var(--g3-accent);background:rgba(238,40,24,.10)}
.g3-footer__top3-img{position:relative;display:block;border-bottom:2px solid rgba(255,255,255,.18)}
.g3-footer__top3-img img{width:100%;height:150px;object-fit:cover;display:block}
.g3-footer__top3-rank{position:absolute;top:10px;left:12px;font-family:var(--g3-font-display);font-size:44px;line-height:.8;color:var(--g3-accent2);text-shadow:2px 2px 0 var(--g3-ink)}
.g3-footer__top3-meta{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}
.g3-footer__top3-name{font-family:var(--g3-font-fat);font-size:22px;color:var(--g3-paper);text-transform:uppercase;letter-spacing:.01em}
.g3-footer__top3-arrow{font-family:var(--g3-font-mono);font-size:11px;color:var(--g3-accent);letter-spacing:.08em;white-space:nowrap}
.g3-footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;padding:56px 56px 48px}
.g3-footer__col-head{font-family:var(--g3-font-fat);font-size:13px;color:var(--g3-accent2);letter-spacing:.08em;margin-bottom:22px;text-transform:uppercase}
.g3-footer__col-list{list-style:none;padding:0;margin:0;font-size:15.5px;line-height:2.1;color:rgba(255,255,255,.85);display:flex;flex-direction:column;gap:4px}
.g3-footer__col-list a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s,color .15s}
.g3-footer__col-list a:hover{color:var(--g3-paper);border-bottom-color:var(--g3-accent2)}
.g3-footer__bottom{border-top:2px solid rgba(255,255,255,.18);padding:22px 56px;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:var(--g3-font-mono);font-size:10.5px;color:rgba(255,255,255,.5);letter-spacing:.12em}

@media (max-width:760px){
  .g3-header__lang{top:16px;right:20px}
  .g3-masthead{gap:22px;padding:28px 20px}
  .g3-masthead__logo img{width:120px}
  .g3-wordmark{font-size:clamp(40px,13vw,72px)}
  .g3-tagline{font-size:12px}
  .g3-nav{gap:8px;font-size:13px}
  .g3-nav__link{padding:10px 16px}
  .g3-footer__brand-block{padding:64px 20px 40px}
  .g3-footer__wordmark{font-size:clamp(48px,14vw,84px)}
  .g3-footer__tagline{font-size:13px}
  .g3-footer__top3{padding:44px 20px 8px}
  .g3-footer__top3-title{font-size:40px;margin-bottom:28px}
  .g3-footer__top3-grid{grid-template-columns:1fr;gap:18px}
  .g3-footer__cols{grid-template-columns:1fr;gap:36px;padding:44px 20px 40px}
  .g3-footer__bottom{padding:20px;justify-content:flex-start;gap:10px}
}