/*
Theme Name: It's Only Gonna Get Worse
Description: Minimal band theme with a full-screen photograph, overlay logo and GIGS / CONTACT pages. Customize under Appearance > Customize > Band design.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Author: Riktig AS
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ioggw
*/
:root{--ink:#efede7;--hover:#c9a77b;--bg:#161719;--veil:#303238;--veil-opacity:.3;--gray:.65;--glow:4px;--glow-color:#c9c8bf;--logo-width:580px;--logo-filter:brightness(0) invert(1);--font:Arial,Helvetica,sans-serif;--menu-size:14px;--tracking:.22em;--pos-x:50%;--pos-y:50%;--mobile-x:50%;--mobile-y:50%}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.65;overflow-wrap:anywhere}a{color:inherit}a:hover{color:var(--hover)}a:focus-visible{outline:2px solid var(--hover);outline-offset:7px}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}iframe{max-width:100%}.scene{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#36383b, var(--bg) 75%)}.scene img{width:100%;height:100%;object-fit:cover;object-position:var(--pos-x) var(--pos-y);filter:grayscale(var(--gray))}.scene:after{content:"";position:absolute;inset:0;background:var(--veil);opacity:var(--veil-opacity)}.site{position:relative;z-index:1}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);z-index:999;background:#111;padding:12px}.skip-link:focus{transform:none}.landing{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;gap:30px}.admin-bar .landing{min-height:calc(100svh - 32px)}.brand{display:block;line-height:0}.landing .brand{width:min(var(--logo-width),82vw,58svh)}.brand img{display:block;width:100%;filter:var(--logo-filter) drop-shadow(0 0 var(--glow) var(--glow-color))}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.band-menu{display:flex;justify-content:center;gap:clamp(32px,7vw,70px);margin:0;padding:0;list-style:none}.band-menu a{display:inline-block;padding:12px 0;font-size:var(--menu-size);letter-spacing:var(--tracking);font-weight:600;text-decoration:none;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .18s,border-color .18s}.band-menu a:hover,.band-menu a[aria-current=page]{border-color:currentColor;color:var(--hover)}.interior-header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 32px}.interior-header .brand{width:100px;flex-shrink:0}.content-panel{max-width:820px;margin:20px auto 70px;padding:clamp(24px,5vw,56px);background:rgba(14,15,17,.86);border:1px solid rgba(255,255,255,.13)}h1,h2,h3{line-height:1.15}h1{font-size:clamp(32px,6vw,60px);letter-spacing:.06em;margin:0 0 32px;text-transform:uppercase}h2{font-size:clamp(23px,4vw,32px)}.entry-content{font-size:17px}.entry-content a{text-underline-offset:4px}.entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:12px;border-bottom:1px solid #555;text-align:left}.wp-block-table{overflow:auto}.back-home{display:inline-block;margin-top:38px;text-decoration:none;font-size:12px;letter-spacing:.16em}.wp-block-button__link{border:1px solid currentColor;padding:10px 22px}.wp-block-image{margin:24px 0}.entry-content input,.entry-content textarea{max-width:100%;padding:10px}.post-item+.post-item{border-top:1px solid #555;margin-top:32px;padding-top:32px}@media(max-width:782px){.admin-bar .landing{min-height:calc(100svh - 46px)}}@media(max-width:600px){.scene img{object-position:var(--mobile-x) var(--mobile-y)}.landing{gap:24px;padding:32px 20px}.landing .brand{width:min(var(--logo-width),84vw,60svh)}.interior-header{padding:24px 22px}.interior-header .brand{width:68px}.interior-header .band-menu{gap:24px}.content-panel{margin:12px 16px 40px}.band-menu a{font-size:min(var(--menu-size),18px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-height:500px){.landing{padding:20px;gap:18px}.landing .brand{width:min(var(--logo-width),78vw,54svh)}}

/* Inline page panels: hidden panels occupy no space; the hero stays in place. */
.landing-identity{display:flex;flex-direction:column;align-items:center;gap:inherit;width:100%}
.band-panel[hidden]{display:none!important}
.band-panel{width:min(820px,100%);padding:clamp(22px,4vw,38px);background:rgba(14,15,17,.86);border:1px solid rgba(255,255,255,.13);text-align:left}
.band-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.band-panel-heading h2{margin:0;font-size:clamp(22px,4vw,30px);letter-spacing:.08em}
.band-panel-close{border:1px solid currentColor;background:transparent;color:var(--ink);cursor:pointer;min-width:44px;min-height:44px;font-size:26px;line-height:1}
.band-panel-close:hover{color:var(--hover)}
.band-panel-close:focus-visible{outline:2px solid var(--hover);outline-offset:4px}
.band-menu a[aria-expanded=true]{border-color:currentColor;color:var(--hover)}