/* Production-wide accessibility, navigation and release safeguards */
.skip-link{position:fixed;z-index:1000;left:18px;top:12px;padding:12px 16px;border-radius:999px;background:var(--gold-bright);color:var(--bg-deep);font-weight:900;transform:translateY(-160%);transition:transform .2s ease;box-shadow:0 12px 35px #0004}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
:where(section,article,[id]){scroll-margin-top:105px}
img,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
button,.pill,.mobile-nav a,.mobile-nav button{min-height:44px}
[hidden]{display:none!important}

@media (min-width:851px) and (max-width:1180px){
  header{padding-inline:3vw;grid-template-columns:minmax(150px,1fr) auto auto;gap:18px}
  header nav{gap:17px;font-size:12px}
  header>.pill{padding:12px 16px;font-size:12px;white-space:nowrap}
  .official-brand img{max-width:155px}
}

@media (max-width:850px){
  .mobile-nav{overflow-y:auto;justify-content:flex-start;padding-top:100px;padding-bottom:45px;gap:10px}
  .mobile-nav a{display:flex;align-items:center;font-size:clamp(2.25rem,10vw,4.6rem);line-height:1.02;min-height:1.05em}
  .mobile-nav button,.mobile-nav .pill{flex:0 0 auto}
}

@media (max-width:560px){
  header{padding-inline:20px}
  .mobile-nav{padding-inline:22px}
  .mobile-nav a{font-size:clamp(2rem,11vw,3.4rem)}
}

@media (prefers-contrast:more){
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-width:4px}
  nav a,.mobile-nav a{opacity:1}
}

@media (prefers-reduced-motion:reduce){
  .skip-link{transition:none}
}

/* Branded 404 */
.error-page{background:var(--bg-deep);color:#fff}
.error-page header{position:absolute}
.error-hero{position:relative;min-height:100svh;padding:145px 5.5vw 70px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:6vw;overflow:hidden;background:radial-gradient(circle at 72% 44%,var(--brand-red) 0%,var(--bg-elevated) 30%,var(--bg-deep) 72%)}
.error-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 92%)}
.error-orbit{position:absolute;width:58vw;aspect-ratio:1;right:-16vw;top:5vh;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 8vw #ffffff04,0 0 0 16vw #ffffff025;animation:spin 22s linear infinite}
.error-copy,.error-code{position:relative;z-index:2}
.error-copy .eyebrow{color:var(--gold-bright)}
.error-copy h1{margin:20px 0 28px;font-size:clamp(4rem,8vw,9rem);line-height:.86;letter-spacing:-.075em}
.error-copy h1 em{display:block;color:var(--gold-bright);font:italic 400 1em Georgia,serif}
.error-copy>p:not(.eyebrow){max-width:620px;color:#ffffffa8;font-size:clamp(17px,1.4vw,21px);line-height:1.65}
.error-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:38px}
.error-actions .pill{color:var(--bg-deep)}
.error-actions>a:last-child{padding-bottom:7px;border-bottom:1px solid #ffffff66;font-weight:900}
.error-code{display:flex;align-items:center;justify-content:center;gap:2vw;color:#ffffff15;font-size:clamp(8rem,18vw,20rem);font-weight:900;letter-spacing:-.1em}
.error-code img{width:clamp(90px,11vw,180px);filter:drop-shadow(0 24px 45px #0008)}

@media (max-width:900px){
  .error-hero{grid-template-columns:1fr;padding-top:130px}
  .error-code{order:-1;font-size:30vw}
  .error-code img{width:18vw}
}

@media (max-width:560px){
  .error-hero{padding-inline:22px}
  .error-copy h1{font-size:17vw}
  .error-actions{align-items:flex-start;flex-direction:column}
}
