/*
Theme Name: Gobo & Gather
Theme URI: https://thespotcommunity.com/
Description: Small stages, shared light. A lightweight classic theme for thespotcommunity.com: an overhead lighting-bar header, seven scenic changes on the front page, a continuous stage-ink reading field for the Cue Stack and every post, and a house-lights footer. No page builder.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: thespotcommunity-gobogather
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:"Barlow Condensed";src:url(assets/fonts/BarlowCondensed-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(assets/fonts/BarlowCondensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(assets/fonts/BarlowCondensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(assets/fonts/BarlowCondensed-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url(assets/fonts/Assistant-Variable.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--gbg-ink:#171C2B;--gbg-ink-2:#20283B;--gbg-black:#0C0F18;--gbg-cyan:#72D6EB;--gbg-violet:#8F87F0;--gbg-citron:#D5EC78;--gbg-text:#EFF5FF;--gbg-muted:#A9B6CC;--gbg-disp:"Barlow Condensed",Arial Narrow,sans-serif;--gbg-prose:"Assistant",system-ui,sans-serif}
*{box-sizing:border-box}
html{background:var(--gbg-ink)}
body{margin:0;background:var(--gbg-ink);color:var(--gbg-text);font-family:var(--gbg-prose);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--gbg-cyan)}
a:focus-visible{outline:2px solid var(--gbg-cyan);outline-offset:4px}
.gbg-kicker{font-family:var(--gbg-disp);font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:14px;color:var(--gbg-cyan)}
.gbg-wrap{width:min(1240px,100% - 64px);margin-inline:auto}

/* HEADER: one continuous overhead lighting bar */
.gbg-bar{position:absolute;inset:0 0 auto 0;z-index:10;height:92px;color:var(--gbg-text)}
.gbg-bar__pipe{position:absolute;left:0;right:0;top:20px;height:56px;background:linear-gradient(#05070C,#0C0F18);border-bottom:1px solid rgba(114,214,235,.18);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.gbg-bar__pipe::after{content:"";position:absolute;left:0;right:0;top:-20px;height:20px;background:repeating-linear-gradient(90deg,transparent 0 118px,#05070C 118px 121px,transparent 121px 240px)}
.gbg-bar__lamps{position:absolute;left:0;right:0;bottom:4px;height:12px;background:radial-gradient(circle at 50% 0,rgba(114,214,235,.9) 0 3px,transparent 4px) 0 0/160px 12px repeat-x;opacity:.55}
.gbg-bar__in{position:relative;display:flex;align-items:center;justify-content:space-between;height:56px;margin-top:20px;width:min(1240px,100% - 64px);margin-inline:auto}
.gbg-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.gbg-brand svg{width:30px;height:30px;flex:none}
.gbg-brand b{font-family:var(--gbg-disp);font-weight:700;font-size:23px;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.gbg-brand b i{font-style:normal;color:var(--gbg-cyan);padding:0 .12em}
.gbg-nav{display:flex;gap:30px;font-family:var(--gbg-disp);font-weight:500;font-size:17px;letter-spacing:.12em;text-transform:uppercase}
.gbg-nav a{text-decoration:none;padding-block:6px;border-bottom:1px solid transparent}
.gbg-nav a:hover{border-bottom-color:var(--gbg-cyan);color:var(--gbg-text)}
.gbg-menu{display:none}

/* 1 HERO */
.gbg-hero{position:relative;min-height:max(720px,100vh);display:flex;align-items:flex-end;overflow:hidden;background:var(--gbg-black)}
.gbg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.gbg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,24,.92) 0%,rgba(12,15,24,.55) 42%,rgba(12,15,24,0) 70%),linear-gradient(0deg,var(--gbg-ink) 0,transparent 22%)}
.gbg-hero__copy{position:relative;z-index:2;padding:0 0 120px}
.gbg-hero h1{font-family:var(--gbg-disp);font-weight:700;font-size:clamp(52px,7.4vw,112px);line-height:.92;letter-spacing:-.005em;text-transform:uppercase;max-width:9.6em;margin:18px 0 28px}
.gbg-hero h1 em{font-style:normal;color:var(--gbg-cyan)}
.gbg-hero p{max-width:30em;color:#CFD9EA;font-size:19px;margin:0 0 26px}
.gbg-hero__cue{position:absolute;z-index:2;right:32px;bottom:44px;font-family:var(--gbg-disp);letter-spacing:.24em;font-size:13px;text-transform:uppercase;color:var(--gbg-muted);writing-mode:vertical-rl}

/* 2 ROOM / SCENE */
.gbg-change{padding:120px 0 40px}
.gbg-change__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:44px}
.gbg-h2{font-family:var(--gbg-disp);font-weight:700;text-transform:uppercase;font-size:clamp(40px,5vw,72px);line-height:.95;margin:12px 0 0}
.gbg-change__head p{margin:0;color:#CFD9EA;max-width:32em}
.gbg-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 6px}
.gbg-pair figure{margin:0;position:relative}
.gbg-pair img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gbg-pair figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:16px 4px 0;font-size:16px;color:var(--gbg-muted)}
.gbg-pair figcaption strong{font-family:var(--gbg-disp);font-weight:700;font-size:30px;letter-spacing:.08em;text-transform:uppercase;color:var(--gbg-text)}
.gbg-pair figure:last-child figcaption strong{color:var(--gbg-cyan)}

/* 3 GIANT TYPE */
.gbg-words{padding:110px 0 60px;overflow:hidden}
.gbg-word{font-family:var(--gbg-disp);font-weight:800;text-transform:uppercase;font-size:26vw;line-height:.74;letter-spacing:-.02em;margin:0;white-space:nowrap;color:var(--gbg-text)}
.gbg-word--1{margin-left:-1.5vw}
.gbg-word--2{text-align:right;margin-right:-3vw;color:transparent;-webkit-text-stroke:2px var(--gbg-violet)}
.gbg-word--3{margin-left:6vw;color:var(--gbg-cyan)}
.gbg-strip{display:grid;grid-template-columns:minmax(220px,300px) 1fr;align-items:stretch;margin:26px 0;background:var(--gbg-black)}
.gbg-strip img{width:100%;height:150px;object-fit:cover}
.gbg-strip__label{display:flex;flex-direction:column;justify-content:center;padding:18px 32px;border-left:3px solid var(--gbg-cyan)}
.gbg-strip:nth-of-type(2) .gbg-strip__label{border-color:var(--gbg-violet)}
.gbg-strip:nth-of-type(3) .gbg-strip__label{border-color:var(--gbg-citron)}
.gbg-strip__label span{font-size:15px;color:var(--gbg-muted)}
.gbg-strip__label a{font-family:var(--gbg-disp);font-weight:600;font-size:28px;letter-spacing:.06em;text-transform:uppercase}
.gbg-strip--r{grid-template-columns:1fr minmax(220px,300px)}
.gbg-strip--r .gbg-strip__label{order:2}

/* 4 PROJECTED WINDOW */
.gbg-window{position:relative;height:clamp(620px,62vw,900px);overflow:hidden;margin-top:60px}
.gbg-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.gbg-window::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--gbg-ink),transparent 18%,transparent 82%,var(--gbg-ink))}
.gbg-window__copy{position:absolute;z-index:2;left:max(32px,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);max-width:400px}
.gbg-window__copy p{color:#CFD9EA}

/* 5 MOODS */
.gbg-moods{padding:110px 0 40px}
.gbg-moods__intro{margin-bottom:56px;max-width:720px}
.gbg-mood{margin:0 0 72px}
.gbg-mood img{width:100%;aspect-ratio:21/9;object-fit:cover}
.gbg-mood figcaption{display:grid;grid-template-columns:120px 260px 1fr;gap:32px;align-items:baseline;padding:22px max(32px,calc((100% - 1240px)/2));border-bottom:1px solid rgba(239,245,255,.12)}
.gbg-mood__n{font-family:var(--gbg-disp);font-weight:800;font-size:46px;line-height:1}
.gbg-mood__t{font-family:var(--gbg-disp);font-weight:600;font-size:26px;letter-spacing:.06em;text-transform:uppercase}
.gbg-mood figcaption p{margin:0;color:#CFD9EA;max-width:36em}
.gbg-mood--a .gbg-mood__n{color:var(--gbg-cyan)}
.gbg-mood--b .gbg-mood__n{color:var(--gbg-citron)}
.gbg-mood--c .gbg-mood__n{color:var(--gbg-violet)}

/* 6 GEL PANELS */
.gbg-gels{padding:60px 0 0}
.gbg-gels__head{margin-bottom:40px}
.gbg-gel{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;padding:56px max(32px,calc((100% - 1240px)/2));color:#121726}
.gbg-gel--c{background:var(--gbg-cyan)}
.gbg-gel--v{background:var(--gbg-violet)}
.gbg-gel--l{background:var(--gbg-citron)}
.gbg-gel h3{font-family:var(--gbg-disp);font-weight:800;text-transform:uppercase;font-size:clamp(54px,7vw,104px);line-height:.85;margin:0}
.gbg-gel p{margin:0 0 14px;font-size:19px;max-width:32em}
.gbg-gel a{font-weight:700}
.gbg-gel a:hover{color:#121726;text-decoration-thickness:2px}

/* 7 REHEARSAL */
.gbg-quiet{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden}
.gbg-quiet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.gbg-quiet::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(23,28,43,.95) 0,rgba(23,28,43,.6) 40%,transparent 70%),linear-gradient(0deg,var(--gbg-ink),transparent 25%,transparent 80%,var(--gbg-ink))}
.gbg-quiet__copy{position:relative;z-index:2;margin-left:auto;max-width:460px;margin-right:max(32px,calc((100% - 1240px)/2))}
.gbg-quiet__copy p{color:#CFD9EA}
.gbg-read{font-family:var(--gbg-disp);font-weight:600;font-size:26px;letter-spacing:.06em;text-transform:uppercase}

/* FOOTER: house lights */
.gbg-house{position:relative;margin-top:40px;background:var(--gbg-black);overflow:hidden}
.gbg-house__glow{height:120px;background:radial-gradient(ellipse 60% 140% at 50% 100%,rgba(213,236,120,.28),transparent 70%),linear-gradient(0deg,rgba(114,214,235,.08),transparent)}
.gbg-house__seats{display:block;width:100%;height:110px;margin-top:-30px}
.gbg-house__strip{height:10px;background:linear-gradient(90deg,var(--gbg-cyan),var(--gbg-violet) 50%,var(--gbg-citron));opacity:.9}
.gbg-house__base{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between;padding:34px max(32px,calc((100% - 1240px)/2)) 40px;font-size:15px;color:var(--gbg-muted)}
.gbg-house__base .gbg-brand b{font-size:18px;color:var(--gbg-text)}
.gbg-house__links{display:flex;flex-wrap:wrap;gap:8px 22px}
.gbg-house__links a{color:var(--gbg-text)}

@media (max-width:820px){
 body{font-size:17px}
 .gbg-wrap{width:calc(100% - 40px)}
 .gbg-bar__in{width:calc(100% - 40px)}
 .gbg-nav{display:none}
 .gbg-menu{display:block;font-family:var(--gbg-disp);letter-spacing:.14em;text-transform:uppercase;font-size:16px}
 .gbg-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(239,245,255,.35);padding:6px 14px}
 .gbg-menu summary::-webkit-details-marker{display:none}
 .gbg-brand b{font-size:19px;letter-spacing:.12em}
 .gbg-hero{min-height:max(760px,100svh)}
 .gbg-hero img{object-position:72% 50%}
 .gbg-hero::after{background:linear-gradient(0deg,rgba(12,15,24,.96) 0%,rgba(12,15,24,.75) 45%,rgba(12,15,24,.1) 75%)}
 .gbg-hero__copy{padding-bottom:64px}
 .gbg-hero h1{font-size:50px}
 .gbg-hero__cue{display:none}
 .gbg-change{padding-top:80px}
 .gbg-change__head{grid-template-columns:1fr;gap:20px}
 .gbg-pair{grid-template-columns:1fr;gap:28px;padding:0}
 .gbg-pair figcaption{padding-inline:20px;flex-direction:column;gap:2px}
 .gbg-strip,.gbg-strip--r{grid-template-columns:1fr}
 .gbg-strip--r .gbg-strip__label{order:0}
 .gbg-strip img{height:130px}
 .gbg-window{height:640px}
 .gbg-window::after{background:linear-gradient(0deg,var(--gbg-ink) 0,rgba(23,28,43,.7) 45%,transparent 70%)}
 .gbg-window__copy{left:20px;right:20px;top:auto;bottom:40px;transform:none}
 .gbg-mood img{aspect-ratio:4/3}
 .gbg-mood figcaption{grid-template-columns:auto 1fr;gap:8px 16px;padding:18px 20px}
 .gbg-mood figcaption p{grid-column:1/-1}
 .gbg-gel{grid-template-columns:1fr;gap:18px;padding:44px 20px}
 .gbg-quiet{min-height:720px;align-items:flex-end}
 .gbg-quiet::after{background:linear-gradient(0deg,var(--gbg-ink) 0,rgba(23,28,43,.8) 45%,transparent 75%)}
 .gbg-quiet__copy{margin:0 20px 40px}
 .gbg-house__base{padding:28px 20px 34px;flex-direction:column;align-items:flex-start}
}

/* ===== Shared chrome ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gbg-skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--gbg-cyan);color:#121726;padding:10px 16px;font-weight:700}
.gbg-skip:focus{top:12px}
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gbg-cyan);outline-offset:3px}
.gbg-bar--flow{position:relative;height:104px;background:var(--gbg-black)}
.gbg-nav a[aria-current="page"]{border-bottom-color:var(--gbg-cyan)}
.gbg-menu nav{position:absolute;right:0;top:46px;display:grid;gap:4px;min-width:200px;padding:16px 20px;background:var(--gbg-black);border:1px solid rgba(114,214,235,.35);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.gbg-menu nav a{text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(239,245,255,.1)}
.gbg-menu nav a:last-child{border-bottom:0}
.gbg-menu{position:relative}

/* ===== Inner pages, Cue Stack and posts: one continuous stage-ink field ===== */
.gbg-inner{background:#171C2B;color:#EFF5FF;padding:72px 0 120px}
.gbg-inner__head{border-bottom:1px solid var(--gbg-ink-2);padding-bottom:40px;margin-bottom:48px;position:relative}
.gbg-inner__head::before{content:"";position:absolute;left:-40px;top:-60px;width:420px;height:260px;background:radial-gradient(closest-side,rgba(114,214,235,.13),transparent);pointer-events:none}
.gbg-inner h1{position:relative;font-family:var(--gbg-disp);font-weight:700;text-transform:uppercase;font-size:clamp(42px,5.6vw,84px);line-height:.95;margin:14px 0 0;max-width:15em;overflow-wrap:anywhere}
.gbg-standfirst{position:relative;font-size:21px;color:#CFD9EA;max-width:36em;margin:22px 0 0}
.gbg-lead{margin:0 0 56px}
.gbg-lead img{width:100%;aspect-ratio:21/9;object-fit:cover}
.gbg-lead figcaption,.gbg-figure figcaption{font-size:15px;color:var(--gbg-muted);padding-top:10px}
.gbg-prose{max-width:760px;font-size:19px;line-height:1.7}
.gbg-prose--wide{max-width:900px}
.gbg-prose h2{font-family:var(--gbg-disp);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(30px,3.4vw,44px);line-height:1;margin:64px 0 18px;color:var(--gbg-text)}
.gbg-prose h3{font-family:var(--gbg-disp);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:25px;margin:40px 0 12px;color:var(--gbg-cyan)}
.gbg-prose h4,.gbg-prose h5,.gbg-prose h6{font-family:var(--gbg-disp);font-weight:600;font-size:21px;letter-spacing:.04em;margin:32px 0 10px}
.gbg-prose p,.gbg-prose ul,.gbg-prose ol{margin:0 0 22px}
.gbg-prose li{margin-bottom:8px}
.gbg-prose a{color:var(--gbg-text);text-decoration-color:var(--gbg-cyan)}
.gbg-prose a:hover{color:var(--gbg-cyan)}
.gbg-prose blockquote{margin:32px 0;padding:4px 0 4px 26px;border-left:3px solid var(--gbg-violet);color:#CFD9EA}
.gbg-prose img,.gbg-prose video,.gbg-prose iframe{max-width:100%;height:auto}
.gbg-prose figure{margin:32px 0}
.gbg-prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:17px;display:block;overflow-x:auto}
.gbg-prose th,.gbg-prose td{border-bottom:1px solid var(--gbg-ink-2);padding:10px 12px;text-align:left;vertical-align:top}
.gbg-prose th{font-family:var(--gbg-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--gbg-cyan)}
.gbg-prose pre,.gbg-prose code{background:#0C0F18;color:var(--gbg-text);font-size:15px}
.gbg-prose pre{padding:18px;overflow-x:auto}
.gbg-prose hr{border:0;border-top:1px solid var(--gbg-ink-2);margin:48px 0}
/* Old post markup sometimes carries inline light-on-light colours: keep everything readable on stage ink. */
.gbg-prose [style*="color"]{color:inherit!important}
.gbg-prose [style*="background"]{background:transparent!important}
.gbg-prose .has-background{background:transparent!important}
.gbg-prose .has-text-color{color:inherit!important}
.gbg-prose .wp-block-button__link{background:transparent;border:1px solid var(--gbg-cyan);color:var(--gbg-text)}
.gbg-figure{margin:48px 0}
.gbg-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gbg-figure--wide{margin-inline:calc((100% - min(1240px,100vw - 64px))/2)}
.gbg-pull{font-family:var(--gbg-disp);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(28px,3vw,40px);line-height:1.08;color:var(--gbg-citron);margin:48px 0;max-width:20em}
.gbg-distances{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 36px;padding:0;list-style:none}
.gbg-distances li{border-top:3px solid var(--gbg-cyan);padding-top:16px;margin:0}
.gbg-distances li:nth-child(2){border-color:var(--gbg-violet)}
.gbg-distances li:nth-child(3){border-color:var(--gbg-citron)}
.gbg-distances strong{display:block;font-family:var(--gbg-disp);font-size:26px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.gbg-distances span{color:#CFD9EA;font-size:17px;line-height:1.55;display:block}
.gbg-legal .gbg-prose h2{font-size:30px;margin-top:48px}
.gbg-crumb{font-family:var(--gbg-disp);font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:14px;color:var(--gbg-cyan)}
.gbg-crumb a{color:var(--gbg-cyan)}

/* Cue Stack list */
.gbg-stack{list-style:none;margin:0;padding:0;counter-reset:gbg-cue var(--gbg-start,0);border-top:1px solid var(--gbg-ink-2)}
.gbg-stack li{counter-increment:gbg-cue;display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--gbg-ink-2);margin:0}
.gbg-stack li::before{content:"Q" counter(gbg-cue);font-family:var(--gbg-disp);font-weight:600;font-size:17px;letter-spacing:.14em;color:var(--gbg-cyan)}
.gbg-stack li:nth-child(3n+2)::before{color:var(--gbg-violet)}
.gbg-stack li:nth-child(3n)::before{color:var(--gbg-citron)}
.gbg-stack a{font-family:var(--gbg-prose);font-weight:600;font-size:22px;line-height:1.35;color:var(--gbg-text);text-decoration-color:rgba(114,214,235,.5)}
.gbg-stack a:hover{color:var(--gbg-cyan)}
.gbg-empty{font-size:19px;color:#CFD9EA}
.gbg-pagination{margin-top:44px}
.gbg-pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-family:var(--gbg-disp);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:17px}
.gbg-pagination .page-numbers{color:var(--gbg-text)}
.gbg-pagination .current{color:var(--gbg-cyan);text-decoration:none}
.gbg-pagination .dots{color:var(--gbg-muted);text-decoration:none}
.gbg-search{display:flex;gap:10px;max-width:520px;margin:0 0 40px}
.gbg-search input{flex:1;min-width:0}
.gbg-stack-tools{display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.gbg-stack-tools p{margin:0;color:var(--gbg-muted);font-size:16px;max-width:34em}

/* Forms */
.gbg-form p{margin:0 0 20px}
.gbg-form label{display:block;font-family:var(--gbg-disp);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:16px;margin-bottom:6px}
input[type=text],input[type=email],input[type=search],input:not([type]),textarea{width:100%;background:#0C0F18;color:var(--gbg-text);border:1px solid #3A4560;padding:12px 14px;font:inherit;font-size:18px;border-radius:0}
.gbg-form .gbg-answer{max-width:120px}
.gbg-form small{color:var(--gbg-muted);font-size:15px;display:block}
button,.gbg-button{background:var(--gbg-cyan);color:#121726;border:0;padding:13px 26px;font-family:var(--gbg-disp);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:17px;cursor:pointer}
button:hover{background:var(--gbg-citron)}
.gbg-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.gbg-status:not(:empty){border-left:3px solid var(--gbg-citron);padding:12px 18px;margin:0 0 28px;background:#20283B}
.gbg-contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}
.gbg-contact-grid .gbg-figure{margin:0}

@media (max-width:820px){
 .gbg-bar--flow{height:96px}
 .gbg-inner{padding:48px 0 90px}
 .gbg-inner h1{font-size:44px}
 .gbg-standfirst{font-size:19px}
 .gbg-lead img{aspect-ratio:4/3}
 .gbg-prose{font-size:18px}
 .gbg-distances{grid-template-columns:1fr}
 .gbg-figure--wide{margin-inline:-20px}
 .gbg-stack li{grid-template-columns:1fr;gap:4px;padding:18px 0}
 .gbg-stack a{font-size:20px}
 .gbg-contact-grid{grid-template-columns:1fr;gap:36px}
 .gbg-inner__head::before{width:260px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}