.site-header{position:sticky;top:0;z-index:20;padding:1.2rem clamp(.75rem,3vw,2rem) 0;transition:opacity 260ms ease,transform 260ms ease;will-change:opacity,transform}.site-header.is-hidden{opacity:0;transform:translateY(-105%);pointer-events:none}.site-nav{--badge-size:8.8rem;position:relative;min-height:7.4rem;display:flex;align-items:center;justify-content:center;max-width:1320px;margin:auto;padding:.8rem clamp(.75rem,2vw,1.25rem);background:transparent;border:0;box-shadow:none}.site-nav::before,.site-nav::after{content:"";position:absolute;top:50%;height:4.15rem;transform:translateY(-50%);background:linear-gradient(180deg,color-mix(in srgb,var(--steel) 18%,transparent),transparent 18%,transparent 82%,color-mix(in srgb,var(--steel) 24%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--bg-base) 55%,transparent),color-mix(in srgb,var(--rust) 38%,var(--bg-surface)) 16%,color-mix(in srgb,var(--bg-surface) 92%,transparent) 55%,color-mix(in srgb,var(--rust) 28%,var(--bg-surface)) 100%);border-top:2px solid color-mix(in srgb,var(--steel) 48%,transparent);border-bottom:2px solid color-mix(in srgb,var(--steel) 42%,transparent);box-shadow:inset 0 14px 22px rgba(255,255,255,.025),inset 0 -18px 32px rgba(0,0,0,.45),0 12px 36px rgba(0,0,0,.32);z-index:0}.site-nav::before{left:0;right:calc(50% + var(--badge-size)/2 - .45rem);clip-path:polygon(0 50%,6% 0,100% 0,96% 50%,100% 100%,6% 100%)}.site-nav::after{left:calc(50% + var(--badge-size)/2 - .45rem);right:0;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,4% 50%)}.brand-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--badge-size);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#030303;border:3px solid color-mix(in srgb,var(--steel) 50%,#000);box-shadow:0 0 0 6px color-mix(in srgb,var(--bg-base) 92%,transparent),0 0 0 10px color-mix(in srgb,var(--rust) 55%,transparent),0 0 34px var(--ember-glow);z-index:4}.brand-badge img{width:91%;filter:drop-shadow(0 3px 12px rgba(0,0,0,.75))}:root[data-theme="light"] .brand-badge img{filter:invert(1) contrast(1.1)}.nav-list{display:none;list-style:none;margin:6.25rem 0 0;padding:.65rem;width:100%;gap:.25rem;flex-direction:column;background:color-mix(in srgb,var(--bg-surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--steel) 30%,transparent);border-radius:var(--radius)}.nav-list.is-open{display:flex}.nav-list a{display:block;text-decoration:none;padding:.8rem 1rem;border-radius:999px;color:var(--fg-muted);font-weight:900;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.55)}.nav-list a:hover,.nav-list a[aria-current="page"]{background:color-mix(in srgb,var(--ember) 26%,transparent);color:var(--fg-main)}.nav-toggle,.theme-toggle{border:1px solid color-mix(in srgb,var(--steel) 30%,transparent);background:color-mix(in srgb,var(--bg-panel) 78%,transparent);color:var(--fg-main);border-radius:999px;min-width:2.75rem;min-height:2.75rem;backdrop-filter:blur(8px)}.nav-toggle{position:absolute;left:1rem;top:1rem;display:grid;gap:4px;padding:.65rem;z-index:5}.nav-toggle span:not(.sr-only){display:block;width:1.2rem;height:2px;background:var(--fg-main)}.theme-toggle{position:fixed;top:1.2rem;right:1.2rem;z-index:35;font-weight:900;box-shadow:0 10px 32px rgba(0,0,0,.28)}.page-shell{width:min(1120px,calc(100% - 2rem));margin:clamp(1.25rem,4vw,3rem) auto 5rem;padding-top:0;transition:opacity var(--speed),transform var(--speed)}.page-shell.is-transitioning{opacity:0;transform:translateY(8px)}.hero{padding:clamp(1.7rem,6vw,4.2rem) clamp(.25rem,3vw,1rem) clamp(1.25rem,4vw,2.5rem);border:0;border-radius:0;background:transparent;box-shadow:none}.eyebrow{color:var(--ale-gold);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}.hero h1{font-size:clamp(2.35rem,8vw,5.4rem);line-height:.94;margin:.35rem 0 1rem;text-transform:uppercase;letter-spacing:.02em}.intro{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--fg-muted);max-width:58rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.button{display:inline-flex;text-decoration:none;font-weight:850;border-radius:999px;padding:.85rem 1.1rem;background:var(--ale-gold);color:#16110a}.button.secondary{background:transparent;color:var(--fg-main);border:1px solid var(--steel-dark)}.section-grid{display:grid;gap:1.35rem;margin-top:.5rem}.panel{padding:1rem 0;border-radius:0;border:0;background:transparent}.panel h2{margin:.1rem 0 .45rem;color:var(--ale-gold)}.panel p{margin:.2rem 0;color:var(--fg-muted)}.card-list{display:grid;gap:.6rem;padding:0;margin:.2rem 0 0;list-style:none}.card-list li{padding:.2rem 0 .2rem .9rem;border-left:3px solid var(--ember);background:transparent;color:var(--fg-muted)}.site-footer{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem clamp(1rem,3vw,2rem);background:var(--bg-surface);border-top:1px solid color-mix(in srgb,var(--steel) 24%,transparent);color:var(--fg-muted)}.footer-muted{font-size:.9rem;color:var(--fg-subtle)}.admin-cog{text-decoration:none;opacity:.7;font-size:1.1rem}.admin-cog:hover{opacity:1}.back-to-top{position:fixed;left:50%;bottom:1.25rem;z-index:30;min-width:11rem;height:3.15rem;padding:0 1.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--steel) 42%,transparent);background:color-mix(in srgb,var(--bg-panel) 90%,transparent);color:var(--fg-main);font-size:1rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 14px 38px rgba(0,0,0,.35);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity 220ms ease,transform 220ms ease;backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.back-to-top span{font-size:1.25rem;line-height:1}.back-to-top.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}@media (min-width:780px){.nav-toggle{display:none}.site-nav{min-height:7.4rem}.nav-list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(6.8rem,max-content)) var(--badge-size) repeat(3,minmax(6.8rem,max-content));align-items:center;justify-content:center;gap:clamp(.9rem,2.3vw,2rem);margin:0;padding:0;width:100%;max-width:1160px;background:transparent;border:0}.nav-list li:nth-child(1){grid-column:1}.nav-list li:nth-child(2){grid-column:2}.nav-list li:nth-child(3){grid-column:3}.nav-list li:nth-child(4){grid-column:5}.nav-list li:nth-child(5){grid-column:6}.nav-list li:nth-child(6){grid-column:7}.nav-list a{text-align:center;padding:.72rem .95rem;font-size:clamp(.95rem,1.25vw,1.12rem)}.nav-list a[aria-current="page"]{background:linear-gradient(180deg,color-mix(in srgb,var(--ember) 34%,transparent),color-mix(in srgb,var(--rust) 36%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.22)}.section-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:779px){.site-nav{justify-content:center;align-items:flex-start}.site-nav::before{height:3.4rem;top:2.4rem;clip-path:none;border-left:0;border-right:0}.brand-badge{width:5.8rem;top:2.45rem}.theme-toggle{top:.85rem;right:.85rem}.page-shell{margin-top:1.25rem}.hero h1{font-size:clamp(2.1rem,12vw,3.4rem)}}

/* Atlas refinement: tighter masthead/content relationship + non-footer top control */
.site-header{padding-top:.55rem;margin-bottom:clamp(-3.2rem,-4.4vw,-2.25rem)}
.site-nav{--badge-size:clamp(7rem,8.2vw,8.35rem);min-height:clamp(5.35rem,7vw,6.25rem)}
.site-nav::before,.site-nav::after{height:3.75rem;top:48%}
.brand-badge{top:58%}
.page-shell{margin-top:0;margin-bottom:4rem;width:min(1180px,calc(100% - 2rem))}
.hero{padding-top:clamp(3.2rem,7vw,4.6rem);padding-bottom:clamp(1.2rem,3vw,2rem)}
.hero h1{font-size:clamp(2.8rem,7.2vw,6rem)}
.section-grid{margin-top:0}
.back-to-top{left:auto;right:.85rem;top:52%;bottom:auto;min-width:0;width:auto;height:auto;max-width:3.1rem;padding:.85rem .65rem;border-radius:999px;font-size:.78rem;line-height:1.05;writing-mode:vertical-rl;text-orientation:mixed;transform:translate(1rem,-50%);gap:.35rem;z-index:18}
.back-to-top span{font-size:1rem}.back-to-top.is-visible{transform:translate(0,-50%)}
@media (min-width:780px){.site-nav{min-height:clamp(5.35rem,7vw,6.25rem)}.nav-list{grid-template-columns:repeat(3,minmax(6.8rem,max-content)) var(--badge-size) repeat(3,minmax(6.8rem,max-content));max-width:1220px}.nav-list a{padding:.65rem .95rem}.site-header.is-hidden{transform:translateY(-120%)}}
@media (max-width:779px){.site-header{margin-bottom:-1.1rem;padding-top:.35rem}.site-nav{min-height:4.7rem}.brand-badge{width:5.2rem;top:2.25rem}.nav-list{margin-top:5rem}.page-shell{margin-top:0}.hero{padding-top:2.4rem}.back-to-top{right:.55rem;top:auto;bottom:5.25rem;writing-mode:horizontal-tb;max-width:none;padding:.65rem .8rem;font-size:.72rem;transform:translateX(1rem)}.back-to-top.is-visible{transform:translateX(0)}}


/* Preview/holding mode */
body.preview-mode-enabled{overflow:hidden}.preview-holding{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:radial-gradient(circle at 50% 15%,var(--ember-glow),transparent 24rem),linear-gradient(135deg,var(--bg-base),#15110d 68%,#030303);color:var(--fg-main);text-align:center}.preview-holding.is-unlocked{display:none}.preview-card{width:min(680px,100%);display:grid;justify-items:center;gap:1rem}.preview-logo{width:clamp(8rem,26vw,14rem);filter:drop-shadow(0 0 30px var(--ember-glow))}.preview-kicker{margin:0;color:var(--ale-gold);font-weight:950;letter-spacing:.16em;text-transform:uppercase}.preview-card h1{margin:.2rem 0 0;font-size:clamp(2.1rem,7vw,5.2rem);line-height:.95;text-transform:uppercase}.preview-card p:not(.preview-kicker){margin:0;color:var(--fg-muted);font-size:clamp(1.05rem,2.2vw,1.35rem)}.preview-peek-button{margin-top:.75rem;border:0}.preview-pin-modal{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.preview-pin-card{position:relative;width:min(390px,100%);display:grid;gap:.8rem;padding:1.4rem;border:1px solid color-mix(in srgb,var(--steel) 35%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-surface) 96%,transparent);box-shadow:var(--shadow);text-align:left}.preview-pin-card h2,.preview-pin-card p{margin:0}.preview-pin-card input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--steel) 35%,transparent);background:var(--bg-base);color:var(--fg-main);font-size:1.25rem;letter-spacing:.18em}.preview-close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--fg-muted);font-size:1.5rem}.preview-pin-message{min-height:1.3em;color:var(--ale-gold)}.toggle-row{grid-column:1/-1;display:flex!important;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--ale-gold) 36%,transparent);border-radius:14px;background:color-mix(in srgb,var(--ale-gold) 8%,transparent);font-weight:900}.toggle-row input{width:auto!important;accent-color:var(--ale-gold)}

.preview-pin-modal[hidden]{display:none!important}


/* Mobile nav fix: remove desktop rail artwork entirely on small screens */
@media (max-width:779px){
  .site-header{padding:.45rem .75rem 0;margin-bottom:-.65rem}
  .site-nav{min-height:4.35rem;justify-content:center;align-items:center;padding:.35rem 3.2rem;background:transparent}
  .site-nav::before,.site-nav::after{display:none!important;content:none!important}
  .brand-badge{position:relative;left:auto;top:auto;transform:none;width:5.15rem;z-index:3}
  .nav-toggle{top:.75rem;left:.75rem;z-index:5}
  .theme-toggle{top:.75rem;right:.75rem;z-index:35}
  .nav-list{position:absolute;left:.75rem;right:.75rem;top:4.75rem;width:auto;margin:0;padding:.75rem;background:color-mix(in srgb,var(--bg-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--steel) 32%,transparent);border-radius:var(--radius);box-shadow:var(--shadow);z-index:4}
  .nav-list:not(.is-open){display:none!important}
  .nav-list.is-open{display:flex!important}
  .page-shell{margin-top:.35rem}
  .hero{padding-top:1.45rem}
}

/* Slice 3B: whole-site forge atmosphere */
.steelworks-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 16% 18%,rgba(255,100,16,.13),transparent 28%),radial-gradient(circle at 82% 10%,rgba(255,145,35,.08),transparent 30%),radial-gradient(circle at 55% 90%,rgba(132,49,15,.22),transparent 45%),linear-gradient(135deg,#030303 0%,#0b0907 35%,#130d09 64%,#030303 100%)}
.steelworks-bg::before{content:"";position:absolute;inset:-4%;z-index:0;opacity:1;background:linear-gradient(135deg,rgba(3,3,3,.56),rgba(20,10,5,.50)),url('../img/steelback.jpg') center/cover no-repeat;filter:none;transform:scale(1.03)}
.steelworks-bg::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center,rgba(0,0,0,.30),rgba(0,0,0,.78) 70%),linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,.86)),repeating-linear-gradient(92deg,rgba(255,255,255,.024) 0 1px,transparent 1px 9px),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 14px)}.forge-glow{position:absolute;width:420px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,132,24,.28),rgba(255,88,16,.08) 42%,transparent 72%);transform:translate(-50%,-50%) scale(.2);opacity:0;filter:blur(22px);z-index:2}.forge-glow.active{animation:forgePulse 1.6s ease-out forwards}@keyframes forgePulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}18%{opacity:.8;transform:translate(-50%,-50%) scale(.75)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.spark{position:absolute;left:0;top:0;width:var(--spark-width,2px);height:var(--spark-length,28px);border-radius:999px;background:linear-gradient(to bottom,rgba(255,248,198,1),rgba(255,151,34,.96) 42%,rgba(255,72,15,.36) 78%,rgba(255,72,15,0));box-shadow:0 0 6px rgba(255,183,62,.95),0 0 14px rgba(255,92,16,.55);opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) rotate(var(--angle));animation:sparkFall var(--duration) cubic-bezier(.12,.62,.32,1) forwards;z-index:3;will-change:transform,opacity}.spark.tiny{width:1px;height:var(--spark-length,14px);filter:blur(.1px)}.spark.chunk{width:3px;height:3px;border-radius:50%;background:rgba(255,170,58,.95)}@keyframes sparkFall{0%{opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) rotate(var(--angle)) scaleY(.55)}8%{opacity:var(--spark-opacity,.75)}48%{opacity:calc(var(--spark-opacity,.75)*.75)}100%{opacity:0;transform:translate3d(calc(var(--start-x) + var(--drift-x)),calc(var(--start-y) + var(--fall-y)),0) rotate(var(--angle)) scaleY(.25)}}
.site-header,.page-shell,.site-footer,.back-to-top{position:relative}.site-header,.page-shell,.site-footer{z-index:2}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-base) 42%,transparent),transparent);text-shadow:0 2px 18px rgba(0,0,0,.55)}

/* Slice 3B: opening status copy (logo ring now carries the visual state) */
.status-panel{position:relative;min-height:0;padding:1rem 0!important;border-radius:0;background:transparent;border:0;overflow:visible}.status-copy h2{font-size:clamp(1.7rem,4vw,3.1rem);margin:.1rem 0;text-transform:uppercase}


/* Slice 3B: event posters */
.events-layout{grid-template-columns:1fr!important}.events-panel,.next-up-panel{grid-column:1/-1}.events-poster-list{display:grid;gap:1rem}.event-poster-card{display:grid;grid-template-columns:minmax(11rem,18rem) 1fr;min-height:10.5rem;border:1px solid color-mix(in srgb,var(--steel) 28%,transparent);border-radius:22px;overflow:hidden;background:linear-gradient(90deg,rgba(27,15,35,.88),rgba(9,8,10,.84));box-shadow:0 18px 42px rgba(0,0,0,.34)}.event-poster-media{min-height:10.5rem;background:#120a18}.event-poster-media img{width:100%;height:100%;min-height:10.5rem;object-fit:cover;display:block}.poster-fallback{height:100%;min-height:10.5rem;display:grid;align-content:center;gap:.35rem;padding:1rem;background:linear-gradient(135deg,#4d2477,#100b18 58%,#050505);color:#fff}.poster-fallback span{width:max-content;padding:.35rem .5rem;background:#7d3bd3;font-weight:950}.poster-fallback strong{font-size:clamp(1.25rem,3vw,2.4rem);line-height:.95;text-transform:uppercase}.poster-fallback em{font-size:2rem;color:var(--ale-gold);font-style:normal}.event-poster-copy{padding:1rem clamp(1rem,3vw,1.5rem);display:grid;align-content:center;gap:.45rem}.event-poster-copy h3{margin:0;font-size:clamp(1.45rem,3.5vw,3rem);line-height:.95;text-transform:uppercase}.event-date-block{margin:0!important;color:#fff!important;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.event-date-block span{display:inline-block;margin-left:.55rem;padding:.18rem .45rem;border-radius:999px;background:#7d3bd3}.event-meta{font-weight:800;color:var(--ale-gold)!important}.event-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.35rem}.event-share{border:1px solid color-mix(in srgb,var(--ale-gold) 42%,transparent);border-radius:999px;padding:.72rem 1rem;background:transparent;color:var(--fg-main);font-weight:850}.event-poster-card.is-past{opacity:.7;filter:saturate(.75)}.event-poster-card.is-cancelled{outline:2px solid var(--danger-closed)}.historic-events{margin-top:1.25rem}.historic-events summary{cursor:pointer;color:var(--ale-gold);font-weight:950}.empty-note{padding:1rem;border:1px dashed color-mix(in srgb,var(--steel) 35%,transparent);border-radius:18px}.event-poster-preview img{max-height:9rem;border-radius:12px;object-fit:cover}.poster-upload .form-hint{display:block;font-size:.85rem;color:var(--fg-subtle);margin-top:.25rem}
@media (prefers-reduced-motion:reduce){.spark,.forge-glow.active{animation:none!important;display:none!important}}
@media (max-width:720px){.event-poster-card{grid-template-columns:1fr}.event-poster-media img,.poster-fallback{min-height:13rem}.event-actions .button,.event-share{width:100%;justify-content:center;text-align:center}}

/* 2026-06: public Gallery now behaves like a gallery, not a long image dump. */
.section-grid .panel:has(.gallery-thumb-grid){grid-column:1/-1}.gallery-thumb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(.75rem,2vw,1.15rem);align-items:start}.gallery-tile{position:relative;margin:0;border:1px solid color-mix(in srgb,var(--steel) 28%,transparent);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(18,10,8,.86),rgba(5,5,5,.84));box-shadow:0 16px 34px rgba(0,0,0,.28)}.gallery-thumb-button{position:relative;display:block;width:100%;aspect-ratio:1/1;border:0;padding:0;background:#080808;color:var(--fg-main);cursor:pointer;overflow:hidden}.gallery-thumb-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 220ms ease,filter 220ms ease}.gallery-thumb-button:hover img,.gallery-thumb-button:focus-visible img{transform:scale(1.045);filter:saturate(1.08) contrast(1.04)}.gallery-thumb-button:focus-visible{outline:3px solid var(--ale-gold);outline-offset:-3px}.gallery-zoom-cue{position:absolute;right:.55rem;bottom:.55rem;padding:.34rem .55rem;border-radius:999px;background:rgba(0,0,0,.72);color:var(--ale-gold);font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;opacity:0;transform:translateY(.3rem);transition:opacity 180ms ease,transform 180ms ease}.gallery-thumb-button:hover .gallery-zoom-cue,.gallery-thumb-button:focus-visible .gallery-zoom-cue{opacity:1;transform:translateY(0)}.gallery-tile figcaption{display:grid;gap:.2rem;padding:.72rem .78rem}.gallery-tile figcaption strong{color:var(--fg-main);line-height:1.15}.gallery-tile figcaption span,.gallery-video-tile p{color:var(--fg-muted);font-size:.9rem;line-height:1.35}.gallery-video-tile{display:grid;gap:.55rem;padding:1rem}.gallery-lightbox[hidden]{display:none!important}.gallery-lightbox{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:clamp(.75rem,3vw,2rem)}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.gallery-lightbox-card{position:relative;z-index:1;width:min(1080px,100%);max-height:calc(100vh - 2rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85rem;margin:0;padding:clamp(.85rem,2vw,1.2rem);border:1px solid color-mix(in srgb,var(--ale-gold) 38%,transparent);border-radius:24px;background:color-mix(in srgb,var(--bg-surface) 96%,transparent);box-shadow:0 24px 86px rgba(0,0,0,.7);overflow:auto}.gallery-lightbox-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;align-items:start}.gallery-lightbox-copy .eyebrow,.gallery-lightbox-copy h2,.gallery-lightbox-copy p{margin:0}.gallery-lightbox-copy h2{color:var(--fg-main);text-transform:uppercase}.gallery-lightbox-copy p:not(.eyebrow){color:var(--fg-muted);grid-column:1/-1}.gallery-lightbox-actions{display:flex;gap:.55rem;align-items:center}.gallery-lightbox-close{width:2.65rem;height:2.65rem;border:1px solid color-mix(in srgb,var(--steel) 38%,transparent);border-radius:999px;background:rgba(0,0,0,.32);color:var(--fg-main);font-size:1.7rem;line-height:1}.gallery-share{white-space:nowrap}.gallery-lightbox-card>img{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#050505}.gallery-lightbox-close:focus-visible,.gallery-share:focus-visible{outline:3px solid var(--ale-gold);outline-offset:3px}
@media (max-width:620px){.gallery-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.gallery-tile figcaption{padding:.55rem}.gallery-lightbox{padding:.5rem}.gallery-lightbox-card{max-height:calc(100vh - 1rem);border-radius:18px}.gallery-lightbox-copy{grid-template-columns:1fr}.gallery-lightbox-actions{justify-content:space-between}.gallery-lightbox-card>img{max-height:62vh}}

/* Slice 3C: chalkboard drinks board */
.drinks-board{grid-column:1/-1;position:relative;overflow:hidden;border:10px solid color-mix(in srgb,var(--steel-dark) 70%,#1b120b);border-radius:18px;padding:clamp(1rem,3vw,1.6rem);background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.045),transparent 28%),linear-gradient(180deg,#111,#050505 72%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 0 60px rgba(255,255,255,.025),0 22px 60px rgba(0,0,0,.44)}
.drinks-board::before{content:"";position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.16) 32px 33px),repeating-linear-gradient(90deg,transparent 0 83px,rgba(255,255,255,.08) 84px 85px);pointer-events:none}.drinks-board>*{position:relative}.drinks-board-head{display:grid;gap:.25rem;margin-bottom:1rem;text-align:center}.drinks-board-head h2{margin:0!important;font-size:clamp(2.2rem,8vw,5.4rem);line-height:.85;color:#f7f0e2!important;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 0 #000,0 0 18px rgba(255,255,255,.13)}.drinks-board-head p{margin:0!important;color:rgba(248,241,228,.72)!important}.drinks-board-rows{display:grid;border-top:2px solid rgba(255,255,255,.5)}.drink-board-row{display:grid;grid-template-columns:3.2rem 4.4rem minmax(8rem,1.1fr) minmax(12rem,1.7fr) 4.4rem 5.2rem;gap:.75rem;align-items:center;min-height:4.6rem;padding:.55rem .2rem;border-bottom:2px solid rgba(255,255,255,.42);color:#fffdf4}.drink-tap{display:grid;place-items:center;color:#91b9e8;font-weight:950;font-size:1.45rem}.drink-tap em{font-style:normal;color:var(--ale-gold);font-size:.85rem}.drink-logo{width:3.7rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#f7f0e2,#c9beb0);color:#15110c;font-weight:950;box-shadow:inset 0 -4px 12px rgba(0,0,0,.2)}.drink-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:.28rem}.drink-origin strong,.drink-details strong{display:block;font-size:clamp(1rem,2vw,1.35rem);line-height:1.05;text-transform:uppercase;text-shadow:0 1px 0 #000}.drink-origin span,.drink-details span{display:block;color:rgba(248,241,228,.78);font-size:.92rem}.drink-details strong{color:#fff}.drink-badges{display:flex;gap:.3rem;margin-top:.25rem}.drink-badges span{display:inline-grid;place-items:center;min-width:1.7rem;height:1.35rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:.72rem;font-weight:950;color:#f8f1e4}.drink-abv,.drink-price{font-weight:950;text-align:right;color:#f8f1e4}.drink-price{color:var(--ale-gold);font-size:1.12rem}.drink-board-row.is-coming{opacity:.78}.drink-board-row.is-coming .drink-details::after{content:"Coming soon";display:inline-block;margin-top:.2rem;color:var(--ale-gold);font-weight:900}.drink-board-row.is-previous{opacity:.55}.section-grid .panel:has(.drinks-board){grid-column:1/-1}
@media (max-width:820px){.drink-board-row{grid-template-columns:2.5rem 3.4rem 1fr auto;grid-template-areas:"tap logo origin price" "tap logo details abv";gap:.45rem;align-items:start}.drink-tap{grid-area:tap}.drink-logo{grid-area:logo;width:3rem}.drink-origin{grid-area:origin}.drink-details{grid-area:details}.drink-abv{grid-area:abv}.drink-price{grid-area:price}.drink-origin strong,.drink-details strong{font-size:1rem}.drink-origin span,.drink-details span{font-size:.85rem}}
@media (max-width:520px){.drinks-board{border-width:6px;padding:.8rem}.drink-board-row{grid-template-columns:2.2rem 1fr auto;grid-template-areas:"tap origin price" "tap details abv"}.drink-logo{display:none}.drinks-board-head h2{font-size:2.25rem}}

/* Atlas hotfix: restore sticky footer, fixed top button, footer credit, and usable light theme */
.page-shell{flex:1 0 auto}
.site-footer{margin-top:auto;position:relative;z-index:2;display:grid;grid-template-columns:minmax(14rem,1fr) minmax(18rem,2fr) auto;align-items:center;gap:.8rem 1rem}
.footer-meta{display:grid;gap:.25rem;justify-items:end;text-align:right}
.footer-credit{margin:0;color:var(--fg-subtle);font-size:.82rem;line-height:1.35}
.footer-credit a{color:var(--ale-gold);font-weight:900;text-decoration-thickness:2px;text-underline-offset:.18em}
.hit-counter{display:inline-block;min-width:3.2em;padding:.08rem .4rem;border:1px solid color-mix(in srgb,var(--ale-gold) 42%,transparent);border-radius:.35rem;background:color-mix(in srgb,var(--bg-base) 72%,var(--ale-gold));color:var(--fg-main);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:950;letter-spacing:.08em;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.back-to-top{position:fixed!important;left:auto;right:.85rem;top:50%;bottom:auto;z-index:30}
.back-to-top.is-visible{transform:translate(0,-50%)}

:root[data-theme="light"] body{background:radial-gradient(circle at 50% -10%,var(--ember-glow),transparent 28rem),linear-gradient(135deg,#fffaf0 0%,#f8f3e8 58%,#efe4cf 100%)}
:root[data-theme="light"] .steelworks-bg{background:radial-gradient(circle at 16% 18%,rgba(173,79,18,.12),transparent 28%),radial-gradient(circle at 82% 10%,rgba(245,182,66,.15),transparent 30%),radial-gradient(circle at 55% 90%,rgba(125,59,24,.10),transparent 45%),linear-gradient(135deg,#fffaf0 0%,#f8f3e8 45%,#eadcc5 100%)}
:root[data-theme="light"] .steelworks-bg::before{opacity:.42;background:linear-gradient(135deg,rgba(255,250,240,.56),rgba(255,246,231,.62)),url('../img/steelback.jpg') center/cover no-repeat;filter:none}
:root[data-theme="light"] .steelworks-bg::after{background:radial-gradient(circle at center,rgba(255,250,240,.16),rgba(255,250,240,.62) 72%),linear-gradient(to bottom,rgba(255,250,240,.24),rgba(248,243,232,.78)),repeating-linear-gradient(92deg,rgba(46,51,54,.035) 0 1px,transparent 1px 9px),repeating-linear-gradient(0deg,rgba(46,51,54,.02) 0 1px,transparent 1px 14px)}
:root[data-theme="light"] .site-nav::before,:root[data-theme="light"] .site-nav::after{box-shadow:inset 0 14px 22px rgba(255,255,255,.42),inset 0 -18px 32px rgba(125,59,24,.10),0 12px 28px rgba(84,91,96,.16)}
:root[data-theme="light"] .brand-badge{background:#fffaf0;border-color:color-mix(in srgb,var(--steel) 35%,#fff);box-shadow:0 0 0 6px color-mix(in srgb,var(--bg-base) 88%,transparent),0 0 0 10px color-mix(in srgb,var(--rust) 32%,transparent),0 0 30px var(--ember-glow)}
:root[data-theme="light"] .nav-list a,:root[data-theme="light"] .panel{ text-shadow:none }
:root[data-theme="light"] .panel{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 58%,transparent),transparent)}
:root[data-theme="light"] .status-panel{background:linear-gradient(135deg,rgba(255,250,240,.78),rgba(237,229,214,.44))}
:root[data-theme="light"] .event-poster-card{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-surface-raised) 82%,var(--rust)),color-mix(in srgb,var(--bg-surface) 92%,var(--ember)))}
:root[data-theme="light"] .event-date-block{color:var(--fg-main)!important}
:root[data-theme="light"] .back-to-top{box-shadow:0 14px 30px rgba(84,91,96,.2)}

@media (max-width:779px){
  .site-footer{grid-template-columns:1fr;text-align:left}
  .footer-meta{justify-items:start;text-align:left}
  .admin-cog{position:absolute;right:1rem;top:1rem}
  .back-to-top{top:auto;right:.55rem;bottom:5.25rem;transform:translateX(1rem)}
  .back-to-top.is-visible{transform:translateX(0)}
}

/* Atlas refinement: logo ring is now the opening-status indicator. */
.brand-status{--ring-size:9.65rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--ring-size);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none;z-index:4}
.brand-status::before{content:"";position:absolute;inset:-1.35rem;border-radius:50%;background:radial-gradient(circle,rgba(255,145,38,.46) 0%,rgba(255,104,22,.26) 34%,rgba(255,104,22,.10) 54%,transparent 74%);filter:blur(10px);opacity:1;animation:ringAura 3.8s ease-in-out infinite;z-index:-2;pointer-events:none}
.brand-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 220deg,#6b2b0d,#ff8a1f 8%,#ffd37a 10%,#b64a13 13%,#5b230c 22%,#ff8a1f 34%,#ffd37a 36%,#8b350f 41%,#32170b 52%,#c85113 65%,#ffb54d 68%,#6d2c0d 76%,#ff8a1f 88%,#5b230c 100%);box-shadow:0 0 0 2px rgba(0,0,0,.88),0 0 0 6px rgba(84,37,14,.95),0 0 28px rgba(255,122,24,.7),0 0 72px rgba(255,100,18,.3),inset 0 0 11px rgba(255,229,165,.4),inset 0 0 26px rgba(66,20,6,.72);animation:ringFlicker 3.8s infinite,ringShimmer 10s linear infinite;z-index:1}
.brand-ring::before{content:"";position:absolute;inset:17px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#080808 0 58%,#030303 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 0 22px rgba(0,0,0,.95)}
.brand-filament{position:absolute;inset:8px;border-radius:50%;z-index:3;pointer-events:none}.brand-filament::before,.brand-filament::after{content:"";position:absolute;left:50%;top:50%;width:6.7rem;height:6.7rem;border-radius:50%;transform:translate(-50%,-50%);border:2px solid transparent;opacity:.82;filter:drop-shadow(0 0 5px rgba(255,206,103,1)) drop-shadow(0 0 14px rgba(255,111,22,.62))}.brand-filament::before{border-top-color:rgba(255,222,135,.96);border-right-color:rgba(255,130,31,.56);transform:translate(-50%,-50%) rotate(18deg)}.brand-filament::after{width:7.45rem;height:7.45rem;border-bottom-color:rgba(255,151,40,.66);border-left-color:rgba(255,218,121,.82);transform:translate(-50%,-50%) rotate(-22deg)}
.brand-node{position:absolute;width:.42rem;height:.42rem;border-radius:50%;background:#ffd37a;box-shadow:0 0 10px rgba(255,215,125,1),0 0 22px rgba(255,119,24,.7);z-index:4;animation:nodeFlicker 2.6s infinite}.brand-node.n1{left:50%;top:4px;transform:translateX(-50%);animation-delay:0s}.brand-node.n2{right:30px;top:11px;animation-delay:.15s}.brand-node.n3{right:11px;top:30px;animation-delay:.32s}.brand-node.n4{right:4px;top:50%;transform:translateY(-50%);animation-delay:.48s}.brand-node.n5{right:11px;bottom:30px;animation-delay:.63s}.brand-node.n6{right:30px;bottom:11px;animation-delay:.81s}.brand-node.n7{left:50%;bottom:4px;transform:translateX(-50%);animation-delay:.96s}.brand-node.n8{left:30px;bottom:11px;animation-delay:1.12s}.brand-node.n9{left:11px;bottom:30px;animation-delay:1.28s}.brand-node.n10{left:4px;top:50%;transform:translateY(-50%);animation-delay:1.46s}.brand-node.n11{left:11px;top:30px;animation-delay:1.62s}.brand-node.n12{left:30px;top:11px;animation-delay:1.78s}
.brand-core{position:absolute;inset:1.55rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#151515 0 55%,#050505 72%,#000 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 26px rgba(0,0,0,.95),0 8px 20px rgba(0,0,0,.72);z-index:5;overflow:hidden}.brand-core::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%);pointer-events:none}.brand-status img{width:82%!important;filter:drop-shadow(0 2px 1px rgba(0,0,0,.95)) drop-shadow(0 0 8px rgba(255,255,255,.10))!important;z-index:6}
.brand-status-pill{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);z-index:10;padding:5px 12px 6px;border-radius:999px;color:#1a0a02;background:#ffbd45;font-size:.68rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 5px 12px rgba(0,0,0,.48),0 0 16px rgba(255,126,24,.28)}
.brand-status.status-closed::before{opacity:0;animation:none}.brand-status.status-closed .brand-ring{background:conic-gradient(from 220deg,#211713,#3a2a20 12%,#16110f 24%,#4b3528 35%,#18120f 52%,#33251d 68%,#120d0b 82%,#2b201a 100%);box-shadow:0 0 0 2px rgba(0,0,0,.9),0 0 0 6px rgba(28,18,13,.95),0 0 12px rgba(0,0,0,.65),inset 0 0 8px rgba(255,255,255,.05),inset 0 0 18px rgba(0,0,0,.86);animation:none}.brand-status.status-closed .brand-filament::before,.brand-status.status-closed .brand-filament::after{opacity:.16;border-color:transparent;border-top-color:rgba(109,86,66,.42);border-bottom-color:rgba(109,86,66,.28);filter:none}.brand-status.status-closed .brand-node{background:#2c241e;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);animation:none}.brand-status.status-closed .brand-status-pill{color:rgba(232,220,201,.72);background:#2a231e;box-shadow:0 5px 12px rgba(0,0,0,.5)}
.brand-status.ring-mode-christmas .brand-ring{background:conic-gradient(#d92525,#ffd86b 8%,#1fac55 16%,#fff 24%,#d92525 32%,#ffd86b 48%,#1fac55 64%,#fff 78%,#d92525 100%)}.brand-status.ring-mode-halloween .brand-ring{background:conic-gradient(#ff7a1f,#ffbd45 12%,#301407 26%,#ff7a1f 38%,#77240c 52%,#ffbd45 68%,#2b1006 82%,#ff7a1f 100%)}
@keyframes ringAura{0%,100%{opacity:.78;transform:scale(.94)}25%{opacity:1;transform:scale(1.05)}32%{opacity:.7;transform:scale(.98)}40%{opacity:1;transform:scale(1.08)}72%{opacity:.84;transform:scale(1)}}@keyframes ringFlicker{0%,100%{filter:brightness(1)}8%{filter:brightness(1.12)}9%{filter:brightness(.78)}10%{filter:brightness(1.18)}22%{filter:brightness(1.06)}23%{filter:brightness(.88)}24%{filter:brightness(1.14)}44%{filter:brightness(1)}45%{filter:brightness(.7)}46%{filter:brightness(1.22)}58%{filter:brightness(1.08)}59%{filter:brightness(.86)}60%{filter:brightness(1.16)}70%{filter:brightness(1.12)}71%{filter:brightness(.82)}72%{filter:brightness(1.2)}84%{filter:brightness(1.04)}85%{filter:brightness(.9)}86%{filter:brightness(1.14)}}@keyframes ringShimmer{to{transform:rotate(360deg)}}@keyframes nodeFlicker{0%,100%{opacity:.82;transform:scale(1)}35%{opacity:1;transform:scale(1.18)}42%{opacity:.48;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.brand-status::before,.brand-ring,.brand-node{animation:none!important}}
@media (max-width:779px){.brand-status{--ring-size:6.25rem;top:2.45rem}.brand-core{inset:1rem}.brand-filament,.brand-node{display:none}.brand-status-pill{font-size:.58rem;bottom:-.72rem;padding:4px 9px}}
.site-nav{--badge-size:9.8rem}

/* 2026-06: page titles now rely on the logo for venue/location, so keep headers leaner. */
.hero{padding-top:clamp(2.1rem,4.55vw,3rem);padding-bottom:clamp(.8rem,2vw,1.3rem)}
.hero h1{font-size:clamp(1.82rem,4.7vw,3.9rem)}
@media (max-width:779px){.hero{padding-top:1.55rem}.hero h1{font-size:clamp(1.37rem,7.8vw,2.2rem)}}

/* Atlas arcade/admin pass: promo CTA, focus-outline fix, and nav hitbox hardening. */
.page-shell:focus,.page-shell:focus-visible{outline:0!important}.site-nav::before,.site-nav::after,.brand-ring,.brand-filament,.brand-node,.brand-core::after{pointer-events:none}.nav-list,.nav-list li,.nav-list a{position:relative;z-index:12}.brand-status{z-index:8}.theme-toggle,.nav-toggle{z-index:14}.hero{position:relative}.hero.has-arcade-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,260px);gap:clamp(1rem,4vw,3rem);align-items:start}.hero-copy{min-width:0}.arcade-home-promo{justify-self:end;align-self:start;width:min(260px,22vw);min-width:150px;margin-top:.1rem;display:block;text-decoration:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.52));animation:arcadePromoPulse 4s ease-in-out infinite;transform-origin:center}.arcade-home-promo img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid color-mix(in srgb,var(--ale-gold) 45%,transparent);background:rgba(0,0,0,.38);box-shadow:inset 0 1px rgba(255,255,255,.08)}.arcade-home-promo:hover{animation-play-state:paused;transform:scale(1)!important}.arcade-home-promo:focus-visible{outline:3px solid var(--ale-gold);outline-offset:5px}@keyframes arcadePromoPulse{0%,100%{transform:scale(.9)}50%{transform:scale(1)}}@media (max-width:779px){.hero.has-arcade-promo{grid-template-columns:1fr}.arcade-home-promo{justify-self:start;width:min(220px,70vw);margin-top:.75rem}}

/* 2026-06 heading/promo refinement. */
.hero-copy{margin-top:20px}
.hero h1{font-size:clamp(1.46rem,3.76vw,3.12rem)}
.arcade-home-promo{animation:arcadePromoPulseTilt 3s ease-in-out infinite;transform:rotate(15deg) scale(.9)}
.arcade-home-promo img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.arcade-home-promo:hover{transform:rotate(15deg) scale(1)!important}
@keyframes arcadePromoPulseTilt{0%,100%{transform:rotate(15deg) scale(.9)}50%{transform:rotate(15deg) scale(1)}}
@media (max-width:779px){.hero h1{font-size:clamp(1.1rem,6.25vw,1.76rem)}}

/* 2026-06 final polish: notices, nav hitboxes, map placeholder, logo sizing. */
.brand-status img{width:100%!important}.brand-core img{width:100%!important}.nav-list{pointer-events:auto;z-index:40!important}.nav-list li{display:flex;align-items:center;justify-content:center;min-height:3rem;pointer-events:auto}.nav-list a{display:flex!important;align-items:center;justify-content:center;min-height:2.7rem;min-width:100%;pointer-events:auto;position:relative;z-index:45}.site-nav::before,.site-nav::after,.brand-ring,.brand-filament,.brand-node,.brand-core::after{pointer-events:none!important}.brand-status{z-index:20}.theme-toggle,.nav-toggle{z-index:50}.contact-map-wrap{width:min(80%,920px);margin:0 auto clamp(1.1rem,3vw,2rem)}.contact-map{display:block;width:100%;height:300px;border:0;background:color-mix(in srgb,var(--bg-panel) 76%,transparent);border-radius:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--steel) 24%,transparent)}.site-notices{position:fixed;left:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);top:clamp(.75rem,2vw,1.25rem);z-index:1200;display:grid;gap:.75rem;pointer-events:none}.site-notice-banner{pointer-events:auto;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;width:min(980px,100%);margin:auto;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--ale-gold) 45%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg-surface) 96%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.42);color:var(--fg-main)}.site-notice-banner strong{color:var(--ale-gold)}.site-notice-banner span{flex:1 1 16rem}.notice-close{width:2.25rem;height:2.25rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--ale-gold) 18%,transparent);color:var(--fg-main);font-size:1.4rem;line-height:1}.site-notice-modal{pointer-events:auto;position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}.site-notice-card{width:min(520px,100%);display:grid;gap:.8rem;padding:clamp(1.2rem,4vw,1.8rem);border:1px solid color-mix(in srgb,var(--ale-gold) 46%,transparent);border-radius:22px;background:color-mix(in srgb,var(--bg-surface) 97%,transparent);box-shadow:0 22px 70px rgba(0,0,0,.58)}.site-notice-card h2,.site-notice-card p{margin:0}.site-notice-card h2{color:var(--ale-gold)}.notice-actions{display:flex;gap:.7rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}@media (max-width:779px){.contact-map-wrap{width:100%}.site-notice-banner{align-items:flex-start}.site-notices{top:.6rem}}

/* Arcade hub + cabinet mode */
.arcade-index-page .arcade-grid-wrap{width:min(1180px,100%);margin:0 auto;padding:clamp(18px,4vw,42px)}
.arcade-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--arcade-tile-width,307px));justify-content:center;gap:var(--arcade-gap,24px)}
.arcade-tile{position:relative;display:block;width:var(--arcade-tile-width,307px);height:var(--arcade-tile-height,432px);overflow:hidden;text-decoration:none;color:var(--text);background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:0;box-shadow:0 18px 48px rgba(0,0,0,.28);transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.arcade-tile:hover,.arcade-tile:focus-visible,.arcade-tile.is-selected{transform:scale(1.035);border-color:var(--arcade-selected,#f6c342);box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 5px var(--arcade-selected,#f6c342);outline:0;z-index:2}
.arcade-tile-media{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.32)}
.arcade-tile-media img{width:100%;height:100%;object-fit:cover;display:block}
body.arcade-cabinet-mode{overflow:hidden;background:#050505;color:var(--text)}
body.arcade-cabinet-mode .steelworks-bg{position:fixed;inset:0}
.arcade-cabinet-shell{min-height:100vh;width:100vw;padding:0;display:grid;place-items:center;position:relative;z-index:1}
.arcade-index-page.is-cabinet{width:100vw;min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,72px)}
.arcade-index-page.is-cabinet .arcade-grid-wrap{width:100%;padding:0}
.arcade-index-page.is-cabinet .arcade-grid{grid-template-columns:repeat(auto-fit,var(--arcade-tile-width,307px));justify-content:center;align-items:center}
.arcade-game-page.is-cabinet{width:100%;min-height:100vh;display:grid;place-items:center;padding:clamp(8px,1.5vw,20px)}
.arcade-game-page.is-cabinet .stus-shift-shell{width:min(100vw,1600px);margin:0;padding:0}
.arcade-game-page.is-cabinet .stus-shift-game-card{margin:0 auto}
.arcade-idle-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(246,195,66,.22),rgba(0,0,0,.92) 62%);color:#fff;text-align:center;padding:8vw;opacity:0;pointer-events:none;transition:opacity .18s ease}
.arcade-idle-overlay.is-visible{opacity:1;pointer-events:auto}
.arcade-idle-card{max-width:900px;border:4px solid var(--steelworks-yellow,#f6c342);border-radius:32px;background:rgba(0,0,0,.54);box-shadow:0 0 80px rgba(246,195,66,.22);padding:clamp(32px,6vw,72px)}
.arcade-idle-card h2{font-size:clamp(2.4rem,7vw,6rem);margin:0 0 .25em;color:var(--steelworks-yellow,#f6c342)}
.arcade-idle-card p{font-size:clamp(1.1rem,2.5vw,2rem);margin:0}

/* Arcade cabinet idle carousel */
.arcade-idle-overlay{position:fixed;inset:0;z-index:9999;display:block;width:100vw;height:100vh;overflow:hidden;background:#050505;color:#fff;text-align:center;padding:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.arcade-idle-overlay.is-visible{opacity:1;pointer-events:auto}
.arcade-idle-carousel{position:absolute;inset:0;width:100%;height:100%}
.arcade-idle-slide{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:clamp(32px,7vw,110px);opacity:0;transform:scale(1.035);filter:contrast(1.2) saturate(1.2);transition:opacity .75s ease,transform .75s steps(8,end);background:radial-gradient(circle at 50% 35%,rgba(246,195,66,.2),rgba(0,0,0,.94) 62%),linear-gradient(135deg,rgba(246,195,66,.08),rgba(134,37,201,.12))}
.arcade-idle-slide.is-active{opacity:1;transform:scale(1)}
.arcade-idle-slide-inner{width:min(1180px,100%);min-height:min(680px,80vh);display:grid;place-items:center;border:6px solid var(--ale-gold,#f6c342);border-radius:0;background:rgba(0,0,0,.62);box-shadow:0 0 0 10px rgba(0,0,0,.8),0 0 90px rgba(246,195,66,.25);padding:clamp(28px,5vw,70px);text-transform:uppercase;text-shadow:4px 4px 0 #000}
.arcade-idle-slide h2{margin:0 0 .45em;color:var(--ale-gold,#f6c342);font-family:monospace;font-size:clamp(2.8rem,8vw,7rem);line-height:.95;letter-spacing:.05em}
.arcade-idle-slide p{font-family:monospace;font-size:clamp(1.15rem,2.6vw,2.25rem);line-height:1.35;margin:.35em 0;color:#fff}
.arcade-idle-pixel-grid{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,rgba(246,195,66,.9) 50%,rgba(0,0,0,.9) 50%),linear-gradient(rgba(0,0,0,.85) 50%,rgba(246,195,66,.75) 50%);background-size:28px 28px;mix-blend-mode:screen;transform:scale(1.05);transition:opacity .14s steps(2,end)}
.arcade-idle-overlay.is-pixelating .arcade-idle-pixel-grid{opacity:.48;animation:arcade-pixel-wipe .62s steps(7,end)}
@keyframes arcade-pixel-wipe{0%{clip-path:inset(0 100% 0 0);filter:hue-rotate(0)}45%{clip-path:inset(0 0 0 0);filter:hue-rotate(80deg)}100%{clip-path:inset(0 0 0 100%);filter:hue-rotate(0)}}
.arcade-highscores{width:min(920px,100%);font-family:monospace}.arcade-highscores h2{font-size:clamp(3rem,8vw,7rem)}.arcade-highscores ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.arcade-highscores li{display:grid;grid-template-columns:3ch 1fr auto;gap:1rem;align-items:center;padding:.25rem .5rem;border-bottom:2px dotted rgba(246,195,66,.55);font-size:clamp(1.15rem,2.7vw,2.4rem);letter-spacing:.06em}.arcade-highscores li span{color:var(--ale-gold,#f6c342)}.arcade-highscores li strong{text-align:left;color:#fff}.arcade-highscores li em{font-style:normal;color:#6dff8b}

/* Atlas 2026-06-26: visual-led What’s On cards + event poster lightbox trigger. */
.event-poster-card{grid-template-columns:minmax(0,3fr) minmax(15rem,1fr);align-items:stretch}.event-poster-media{position:relative;min-height:clamp(18rem,42vw,40rem);background:#08050a}.event-poster-lightbox-button{position:relative;display:block;width:100%;height:100%;min-height:inherit;margin:0;padding:0;border:0;border-radius:0;background:#08050a;color:var(--fg-main);cursor:pointer;overflow:hidden}.event-poster-lightbox-button img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform 220ms ease,filter 220ms ease}.event-poster-lightbox-button:hover img,.event-poster-lightbox-button:focus-visible img{transform:scale(1.018);filter:saturate(1.08) contrast(1.04)}.event-poster-lightbox-button:focus-visible{outline:3px solid var(--ale-gold);outline-offset:-3px}.event-poster-lightbox-button:hover .event-poster-zoom-cue,.event-poster-lightbox-button:focus-visible .event-poster-zoom-cue{opacity:1;transform:translateY(0)}.event-poster-copy{align-content:start;padding:clamp(1rem,2.4vw,1.75rem)}.event-poster-copy h3{font-size:clamp(1.45rem,2.5vw,2.45rem)}.event-poster-copy>p:not(.event-date-block):not(.event-meta){font-size:.96rem;line-height:1.45}.event-actions{align-self:end}.next-up-panel .event-poster-card{grid-template-columns:minmax(0,3fr) minmax(15rem,1fr)}@media (max-width:900px){.event-poster-card,.next-up-panel .event-poster-card{grid-template-columns:1fr}.event-poster-media,.event-poster-lightbox-button,.event-poster-media img,.event-poster-lightbox-button img,.poster-fallback{min-height:clamp(16rem,62vw,30rem)}.event-poster-copy{align-content:center}}@media (max-width:520px){.event-poster-media,.event-poster-lightbox-button,.event-poster-media img,.event-poster-lightbox-button img,.poster-fallback{min-height:15rem}.event-poster-copy h3{font-size:clamp(1.35rem,9vw,2.1rem)}}

/* Atlas 2026-06-26: real What’s On slides for arcade cabinet idle mode. */
.arcade-whats-on{width:min(980px,100%);font-family:monospace}.arcade-whats-on h2{font-size:clamp(3rem,8vw,7rem);margin-bottom:.35em}.arcade-whats-on-list{display:grid;gap:clamp(.8rem,2vw,1.4rem);text-align:left}.arcade-whats-on-event{display:grid;gap:.25rem;padding:.55rem .75rem;border:3px solid rgba(246,195,66,.55);background:rgba(0,0,0,.34)}.arcade-whats-on-event strong{font-size:clamp(1.35rem,3.6vw,3rem);line-height:1;color:#fff}.arcade-whats-on-event span{font-size:clamp(1rem,2.4vw,2rem);color:var(--ale-gold,#f6c342)}.arcade-whats-on-event p{font-size:clamp(.95rem,2vw,1.65rem);text-transform:none;letter-spacing:.02em}.arcade-whats-on-empty{font-size:clamp(1.2rem,3vw,2.4rem)}

/* Atlas 2026-06-26: keep What’s On posters fully visible inside a visual-led 400px frame. */
.event-poster-media,.event-poster-lightbox-button{height:clamp(18rem,38vw,400px);min-height:0;max-height:400px}.event-poster-lightbox-button{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--ale-gold) 8%,#100712),#050405 72%)}.event-poster-lightbox-button img{width:100%;height:100%;min-height:0;max-height:400px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 32px rgba(0,0,0,.42));transform:scale(.98);transform-origin:center;transition:transform 260ms ease,filter 260ms ease}.event-poster-lightbox-button:hover img,.event-poster-lightbox-button:focus-visible img{transform:scale(1.045);filter:drop-shadow(0 22px 38px rgba(0,0,0,.55)) saturate(1.08) contrast(1.04)}.event-poster-media>.poster-fallback{height:100%;max-height:400px}@media (max-width:900px){.event-poster-media,.event-poster-lightbox-button,.event-poster-media img,.event-poster-lightbox-button img,.poster-fallback{height:clamp(16rem,62vw,400px);min-height:0;max-height:400px}}@media (max-width:520px){.event-poster-media,.event-poster-lightbox-button,.event-poster-media img,.event-poster-lightbox-button img,.poster-fallback{height:clamp(14rem,70vw,400px);min-height:0;max-height:400px}}


/* Atlas 2026-06-26: adjust What’s On visual/text balance and image-only event poster lightbox. */
.event-poster-card,.next-up-panel .event-poster-card{grid-template-columns:minmax(0,13fr) minmax(17rem,7fr)}@media (max-width:900px){.event-poster-card,.next-up-panel .event-poster-card{grid-template-columns:1fr}}
.gallery-lightbox.is-poster-only .gallery-lightbox-card{grid-template-columns:1fr;width:min(96vw,1100px)}.gallery-lightbox.is-poster-only .gallery-lightbox-copy{display:none}.gallery-lightbox.is-poster-only [data-gallery-lightbox-img]{max-height:88vh;width:100%;object-fit:contain;background:#050405}

/* Atlas 2026-06-29: QR table service menu. */
.table-service-body{min-height:100vh;background:radial-gradient(circle at top,var(--ember-glow),transparent 24rem),linear-gradient(135deg,var(--bg-base),#090706 70%,#020202);color:var(--fg-main)}
.table-service-page{width:min(980px,calc(100% - 1.2rem));margin:0 auto;padding:clamp(1rem,4vw,2rem) 0 2rem}.table-service-hero{text-align:center;display:grid;justify-items:center;gap:.45rem;padding:1rem 0 1.25rem}.table-service-logo{width:clamp(5.5rem,24vw,8rem);border-radius:50%;background:#030303;padding:.3rem;box-shadow:0 0 32px var(--ember-glow)}.table-service-hero h1{margin:.1rem 0;font-size:clamp(2.2rem,11vw,4.5rem);line-height:.9;text-transform:uppercase}.table-service-hero .intro{max-width:42rem;margin:0 auto}.table-service-layout{display:grid;gap:1rem}.table-service-menu{display:grid;gap:1rem}.table-service-menu>h2{margin:1rem 0 0;color:var(--ale-gold);text-transform:uppercase}.table-service-category{display:grid;gap:.65rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--steel) 26%,transparent);border-radius:22px;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.24)}.table-service-category>h3{margin:0;color:var(--ale-gold);font-size:1.35rem}.table-service-item{display:grid;grid-template-columns:3.1rem minmax(0,1fr);gap:.75rem;align-items:start;padding:.75rem;border-radius:17px;background:color-mix(in srgb,var(--bg-base) 38%,transparent);border:1px solid color-mix(in srgb,var(--steel) 18%,transparent)}.table-service-item h3,.table-service-item p{margin:0}.table-service-item p{color:var(--fg-muted);font-size:.93rem}.table-service-item strong{display:block;margin-top:.25rem;color:var(--ale-gold)}.table-service-item button{grid-column:1/-1;width:100%;border:0;border-radius:999px;padding:.78rem 1rem;background:var(--ale-gold);color:#15100a;font-weight:950}.table-service-icon{width:3.1rem;aspect-ratio:1;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--ale-gold) 14%,var(--bg-base));font-size:1.65rem;overflow:hidden}.table-service-icon img{width:100%;height:100%;object-fit:contain;padding:.22rem}.table-service-basket{position:sticky;bottom:.7rem;display:grid;gap:.7rem;padding:1rem;border:1px solid color-mix(in srgb,var(--ale-gold) 38%,transparent);border-radius:22px;background:color-mix(in srgb,var(--bg-surface-raised) 96%,transparent);box-shadow:0 18px 54px rgba(0,0,0,.44)}.table-service-basket h2{margin:0;color:var(--ale-gold)}.basket-row{display:flex;gap:.6rem;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--steel) 18%,transparent)}.basket-row button{border:0;border-radius:999px;padding:.45rem .7rem;background:var(--danger-closed);color:#fff;font-weight:850}.table-service-note{margin:0}.table-service-note textarea{width:100%;min-height:4.5rem;padding:.75rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--steel) 28%,transparent);background:var(--bg-panel);color:var(--fg-main)}[data-order-message]{min-height:1.3em;color:var(--ale-gold);font-weight:850}@media (min-width:860px){.table-service-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.table-service-basket{top:1rem;bottom:auto}.table-service-item{grid-template-columns:3.4rem minmax(0,1fr) auto}.table-service-item button{grid-column:auto;align-self:center;width:auto}.table-service-icon{width:3.4rem}}

/* Atlas 2026-06-29: contact page readability + live social links. */
.contact-panel{display:grid;gap:.85rem;align-content:start}
.contact-panel h2{margin-bottom:.1rem!important}
.contact-address{display:grid;gap:.18rem;font-style:normal;color:var(--fg-muted);line-height:1.45}
.contact-address span:first-child{color:var(--fg-main);font-weight:950;font-size:1.05rem}
.contact-list{display:grid;gap:.55rem;margin:.1rem 0;color:var(--fg-muted)}
.contact-list div{display:grid;gap:.1rem;padding-left:.75rem;border-left:3px solid color-mix(in srgb,var(--ale-gold) 62%,transparent)}
.contact-list dt{color:var(--ale-gold);font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.contact-list dd{margin:0}.contact-list a{color:var(--fg-main);font-weight:850;text-decoration-thickness:2px;text-underline-offset:.18em}
.contact-notes,.opening-hours-list{list-style:none;margin:.1rem 0;padding:0;display:grid;gap:.45rem}
.contact-notes li{padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--steel) 26%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 42%,transparent);color:var(--fg-muted)}
.contact-current{display:grid;gap:.15rem;margin:0!important;padding:.72rem .85rem;border:1px solid color-mix(in srgb,var(--ale-gold) 36%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 58%,transparent)}
.contact-current strong{color:var(--ale-gold);font-size:1.08rem;text-transform:uppercase}.contact-current span{color:var(--fg-muted)}
.opening-hours-list li{display:grid;grid-template-columns:minmax(7.2rem,1fr) auto;gap:.35rem .75rem;align-items:baseline;padding:.55rem .7rem;border-bottom:1px solid color-mix(in srgb,var(--steel) 22%,transparent);color:var(--fg-muted)}
.opening-hours-list li span{color:var(--fg-main);font-weight:900}.opening-hours-list li strong{color:var(--ale-gold);text-align:right}.opening-hours-list li.is-closed strong{color:var(--fg-subtle)}.opening-hours-list li em{grid-column:1/-1;color:var(--fg-subtle);font-style:normal;font-size:.9rem}
.contact-socials{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.2rem}.social-link{display:inline-flex;align-items:center;gap:.48rem;padding:.62rem .82rem;border:1px solid color-mix(in srgb,var(--ale-gold) 42%,transparent);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--ale-gold) 18%,transparent),color-mix(in srgb,var(--rust) 16%,transparent));color:var(--fg-main);font-weight:950;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.social-link svg{width:1.15rem;height:1.15rem;fill:currentColor}.social-link:hover,.social-link:focus-visible{color:#16110a;background:var(--ale-gold);outline:0;transform:translateY(-1px)}
@media (max-width:520px){.opening-hours-list li{grid-template-columns:1fr}.opening-hours-list li strong{text-align:left}.contact-socials{display:grid}.social-link{justify-content:center}}

/* Atlas 2026-06-29: contact now has two useful columns; header/ring handles global open state. */
@media (min-width:780px){.section-grid.contact-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem)}}

/* Atlas 2026-06-29: event cancellation treatment, including recurring next-occurrence skips. */
.event-poster-card.is-cancelled .event-poster-lightbox-button img,.event-poster-card.is-cancelled .poster-fallback{filter:grayscale(1) contrast(.92) brightness(.72)!important}
.event-poster-card.is-cancelled .event-poster-media{position:relative;overflow:hidden}.event-cancel-banner{position:absolute;top:1.05rem;right:-3.4rem;z-index:4;width:15rem;padding:.55rem .9rem;background:linear-gradient(135deg,#2f2f2f,#080808);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 26px rgba(0,0,0,.45);font-weight:950;text-align:center;text-transform:uppercase;letter-spacing:.055em;transform:rotate(38deg);pointer-events:none;font-size:clamp(.68rem,1.8vw,.9rem);line-height:1.05}.event-cancel-note{width:max-content;max-width:100%;padding:.45rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--danger-closed) 22%,transparent);border:1px solid color-mix(in srgb,var(--danger-closed) 58%,transparent);color:var(--fg-main)!important;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:520px){.event-cancel-banner{right:-4rem;width:14rem;font-size:.68rem}}

/* Atlas 2026-06-29: larger coloured cancellation sash over greyscale event posters. */
.event-cancel-banner{top:1.9rem!important;right:-8.2rem!important;width:28rem!important;max-width:none!important;padding:.78rem 2.5rem!important;background:linear-gradient(135deg,#b71922 0%,#7e1017 52%,#f6c342 52%,#f6c342 56%,#7e1017 56%,#35070a 100%)!important;color:#fff8ea!important;border:2px solid rgba(246,195,66,.72)!important;box-shadow:0 14px 34px rgba(0,0,0,.58),0 0 22px rgba(183,25,34,.34)!important;font-size:clamp(.76rem,1.45vw,1.02rem)!important;line-height:1.05!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important;white-space:normal!important;overflow-wrap:break-word!important;filter:none!important;transform:rotate(38deg)!important}
@media (max-width:900px){.event-cancel-banner{top:1.55rem!important;right:-8.6rem!important;width:27rem!important;font-size:.82rem!important}}
@media (max-width:520px){.event-cancel-banner{top:1.2rem!important;right:-9.1rem!important;width:26rem!important;font-size:.7rem!important;padding:.62rem 2.3rem!important}}

/* Atlas 2026-06-29: refine cancelled event sash to a long red diagonal band, no yellow centre stripe. */
.event-cancel-banner{
  top:clamp(1.05rem,3.2vw,2.2rem)!important;
  right:clamp(-20rem,-20vw,-10rem)!important;
  width:clamp(34rem,74vw,58rem)!important;
  padding:clamp(.45rem,1.15vw,.78rem) 4rem!important;
  background:linear-gradient(135deg,#8f1218 0%,#5d0b10 48%,#2c0608 100%)!important;
  color:#fff8ea!important;
  border-top:2px solid color-mix(in srgb,var(--danger-closed) 80%,#fff)!important;
  border-bottom:2px solid color-mix(in srgb,var(--danger-closed) 70%,#000)!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:0 14px 34px rgba(0,0,0,.62),0 0 20px rgba(183,25,34,.32)!important;
  font-size:clamp(.54rem,1.28vw,1.02rem)!important;
  line-height:1.05!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:rotate(31deg)!important;
  transform-origin:center!important;
  filter:none!important;
}
@media (max-width:900px){.event-cancel-banner{right:-16rem!important;width:44rem!important;font-size:clamp(.55rem,2vw,.86rem)!important;transform:rotate(29deg)!important}}
@media (max-width:520px){.event-cancel-banner{top:.95rem!important;right:-13.5rem!important;width:36rem!important;padding:.45rem 3.5rem!important;font-size:.58rem!important;letter-spacing:.045em!important;transform:rotate(27deg)!important}}

/* Atlas 2026-06-29: centre-anchor cancelled sash across the poster instead of off-canvas right anchoring. */
.event-cancel-banner{
  left:50%!important;
  right:auto!important;
  top:clamp(2.15rem,7vw,5.15rem)!important;
  width:145%!important;
  max-width:none!important;
  padding:clamp(.46rem,1vw,.75rem) 2rem!important;
  transform:translateX(-50%) rotate(14deg)!important;
  transform-origin:center center!important;
  text-align:center!important;
  font-size:clamp(.62rem,1.18vw,.98rem)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:900px){.event-cancel-banner{top:clamp(1.8rem,8vw,4rem)!important;width:150%!important;transform:translateX(-50%) rotate(14deg)!important;font-size:clamp(.58rem,2vw,.84rem)!important}}
@media (max-width:520px){.event-cancel-banner{top:2rem!important;width:158%!important;transform:translateX(-50%) rotate(13deg)!important;font-size:.58rem!important;padding:.42rem 1.8rem!important}}

/* Atlas 2026-06-29: intentional poster-corner cancellation sash geometry. */
.event-cancel-banner{
  left:45px!important;
  right:auto!important;
  top:45px!important;
  width:calc(110% - 99px)!important;
  max-width:none!important;
  padding:clamp(.46rem,1vw,.72rem) 2rem!important;
  transform:rotate(27deg)!important;
  transform-origin:left center!important;
  text-align:center!important;
  border-radius:999px!important;
  font-size:clamp(.58rem,1.05vw,.9rem)!important;
}
@media (max-width:900px){.event-cancel-banner{left:36px!important;top:36px!important;width:calc(112% - 80px)!important;transform:rotate(27deg)!important;font-size:clamp(.56rem,1.8vw,.8rem)!important}}
@media (max-width:520px){.event-cancel-banner{left:24px!important;top:24px!important;width:calc(116% - 54px)!important;transform:rotate(26deg)!important;font-size:.54rem!important;padding:.38rem 1.3rem!important}}

/* Atlas 2026-06-29: wrapped-ribbon cancellation sash — top-edge to right-edge anchoring. */
.event-cancel-banner{
  left:45px!important;
  top:0!important;
  right:auto!important;
  width:calc(114% - 51px)!important;
  max-width:none!important;
  transform:rotate(29deg)!important;
  transform-origin:left top!important;
  border-radius:0 999px 999px 0!important;
  padding:clamp(.42rem,.95vw,.68rem) 2rem!important;
  text-align:center!important;
  font-size:clamp(.52rem,.98vw,.82rem)!important;
  line-height:1!important;
}
@media (max-width:900px){.event-cancel-banner{left:36px!important;top:0!important;width:calc(116% - 42px)!important;transform:rotate(29deg)!important;font-size:clamp(.5rem,1.7vw,.76rem)!important}}
@media (max-width:520px){.event-cancel-banner{left:24px!important;top:0!important;width:calc(120% - 29px)!important;transform:rotate(28deg)!important;font-size:.5rem!important;padding:.34rem 1.2rem!important}}

/* Atlas 2026-06-29: final owner-tested cancellation sash placement. */
.event-cancel-banner {
 left: 45px !important;
 top: -45px !important;
 right: auto !important;
 width: calc(114% - 51px + 45px) !important;
 max-width: none !important;
 transform: rotate(29deg) !important;
 transform-origin: left top !important;
 border-radius: 0 999px 999px 0 !important;
 padding: clamp(.42rem, .95vw, .68rem) 2rem !important;
 text-align: center !important;
 font-size: clamp(.52rem, .98vw, .82rem) !important;
 line-height: 1 !important;
}


/* Atlas 2026-07-04 launch nav reliability hardening: keep primary nav above fixed chrome and make hit areas deterministic. */
.site-header{z-index:220!important}
.site-nav{z-index:221!important;pointer-events:auto!important}
.nav-list{z-index:240!important;pointer-events:auto!important}
.nav-list li{position:relative;z-index:241!important;pointer-events:auto!important}
.nav-list a{position:relative;z-index:242!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(246,195,66,.28);cursor:pointer}
.brand-status{z-index:235!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(246,195,66,.28)}
.site-nav::before,.site-nav::after,.brand-ring,.brand-filament,.brand-node,.brand-core,.brand-core::after{pointer-events:none!important}
.nav-toggle{z-index:245!important;touch-action:manipulation}
.theme-toggle{z-index:210!important;touch-action:manipulation}
@media (max-width:779px){.site-header{z-index:260!important}.nav-list{z-index:280!important}.nav-list a{min-height:3.2rem}.theme-toggle{z-index:250!important}.nav-toggle{z-index:285!important}}