/*
Theme Name: SomebodyAnybody
Author: SomebodyAnybody
Description: Video-led events homepage, powered by the SomebodyAnybody Site Manager plugin.
Version: 0.4.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: sbab
*/
:root{--ink:#141413;--paper:#f7f7f2;--acid:#e5ff39;--line:#c9c9c2;--sans:Arial,Helvetica,sans-serif;--display:Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible{outline:3px solid #047ab5;outline-offset:6px}.site-shell{max-width:1440px;padding:0 6.5%;margin:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:15px;left:15px;background:var(--acid);padding:10px 20px;z-index:1000;margin:0}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;gap:24px;border-bottom:1px solid #ffffff50}.brand{font-size:15px;line-height:1.15;font-weight:900;letter-spacing:-.04em}.brand span{display:block}.site-nav{display:flex;gap:30px;font-size:14px;font-weight:700}.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{position:relative;isolation:isolate;min-height:700px;height:94svh;max-height:1150px;background:#1b1b1a;display:grid;place-items:center;color:#fff;overflow:hidden}.hero-poster,.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-video{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(180deg,#0005 0%,#0002 25%,#0006 60%,#000a 100%)}.hero-center{text-align:center;width:min(1100px,86%);padding-top:65px}.hero h1{margin:0}.hero-logo{width:100%;height:auto;max-height:300px;object-fit:contain;margin:0 auto 48px;filter:drop-shadow(0 3px 20px #0003)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;font-weight:800;font-size:14px;letter-spacing:.025em;line-height:1.3;min-height:52px;padding:18px 28px;border:1px solid currentColor;background:transparent;text-transform:uppercase;transition:background .15s,color .15s}.button-primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero .button{min-width:172px}.hero .button:not(.button-primary):hover{background:#fff;color:var(--ink);border-color:#fff}.button[aria-disabled=true]{cursor:default;opacity:.65}.button small{font-size:11px;display:block;letter-spacing:0}.hero-bottom{position:absolute;bottom:27px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.13em;font-weight:bold}.motion-button{color:inherit;background:#0004;border:1px solid #ffffff80;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;letter-spacing:0;font-size:16px}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:28px;margin-bottom:0}.section-heading h2,.who h2{font:clamp(40px,4.7vw,68px)/1.04 var(--display);font-weight:400;letter-spacing:.005em;margin:0;text-transform:uppercase}.text-link{font-size:13px;font-weight:800;display:inline-flex;gap:16px;align-items:center;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:20px;text-decoration:none}.event-row{display:grid;grid-template-columns:43% 1fr;gap:6%;padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px;align-items:center}.event-art{background:#e8e8e1;overflow:hidden;aspect-ratio:2/1;display:grid;place-items:center}.event-art img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.event-art:hover img{transform:scale(1.025)}.event-art-placeholder{font:34px/1 var(--display);padding:25px;text-align:center}.event-date{display:block;font-size:12px;letter-spacing:.12em;font-weight:800;margin-bottom:12px;text-transform:uppercase}.event-copy h3{font:clamp(26px,2.6vw,39px)/1.1 var(--display);font-weight:400;letter-spacing:.015em;margin:0 0 16px;text-transform:uppercase}.event-meta{display:flex;flex-wrap:wrap;gap:3px 24px;margin-bottom:20px;color:#55554e;font-size:15px}.event-meta p{margin:0}.event-copy .button{padding:13px 23px;min-height:46px;font-size:12px}.events-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:32px}.event-thumbnails{display:flex;gap:10px}.event-thumbnail{width:85px;height:52px;display:grid;place-items:center;background:#e8e8e1;border:1px solid #d6d6ce;overflow:hidden}.event-thumbnail:hover{outline:2px solid var(--ink);outline-offset:3px}.event-thumbnail img{width:100%;height:100%;object-fit:contain}.pagination{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:6px;font-size:14px;border:1px solid var(--line)}.page-numbers.current,.page-numbers:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.page-numbers.dots{border:0}.empty-state{padding:48px 0;margin:0;font-size:18px}.who{background:var(--ink);color:var(--paper);padding:100px 0}.who-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.who h2{color:var(--acid);max-width:260px;font-size:clamp(60px,7vw,100px)}.formatted-content{font-size:21px;line-height:1.65;min-width:0}.formatted-content p:last-child{margin-bottom:0}.formatted-content a{text-decoration:underline;text-underline-offset:4px}.formatted-content h2,.formatted-content h3{font:inherit;font-size:1.4em;font-weight:800;color:inherit;text-transform:none}.formatted-content ul,.formatted-content ol{padding-left:1.3em}.formatted-content blockquote{border-left:3px solid var(--acid);padding-left:24px;margin-left:0}.formatted-content figure{margin-left:0;margin-right:0}.formatted-content iframe{max-width:100%}.youtube-heading{align-items:center;border:0;padding-bottom:32px}.youtube-heading h2{text-transform:none;letter-spacing:0;font-size:clamp(38px,4.5vw,64px)}.youtube-heading .button{background:var(--ink);color:#fff;min-height:46px;padding:14px 20px;font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.youtube-player{width:100%;aspect-ratio:16/9;border:0;background:#202020}.video-card p{font-size:14px;margin:10px 0 0;font-weight:bold}.marquee{position:relative;background:var(--acid);color:var(--ink);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:28px 0}.marquee-track{display:flex;width:max-content;animation:sbab-marquee 32s linear infinite}.marquee-group{display:flex;align-items:center;flex-shrink:0}.marquee-text{font:clamp(65px,9vw,130px)/1.1 var(--display);white-space:nowrap;padding-right:55px;display:flex;align-items:center;gap:55px}.marquee-dot{font-family:Arial,sans-serif;font-size:.5em}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}.marquee-control{position:absolute;bottom:8px;right:10px;z-index:1;width:32px;height:32px;border:1px solid var(--ink);background:var(--acid);color:var(--ink);border-radius:50%;font-size:12px}.site-footer{background:var(--ink);color:#fff;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner img{width:160px}.footer-inner p{font-size:12px;margin:0;color:#c2c2b9}.inner-page{padding-top:150px;min-height:70vh}.inner-header{background:var(--ink);position:relative}.inner-header+.inner-page{padding-top:70px}.single-event{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:40px}.single-event h1{font:clamp(38px,4vw,64px)/1.1 var(--display);text-transform:uppercase}.single-event .formatted-content{font-size:18px}.preview-notice{padding:10px 20px;background:#e5ff39;color:#141413;text-align:center;font-size:13px;border-bottom:1px solid #141413}.preview-notice a{text-decoration:underline}.admin-bar .site-header{top:32px}.admin-bar .inner-header{top:0}@keyframes sbab-marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.hero-bottom{left:max(6.5%,calc((100% - 1250px)/2));right:max(6.5%,calc((100% - 1250px)/2))}}
@media(max-width:800px){.site-shell{padding-left:6%;padding-right:6%}.hero{min-height:610px;height:90svh}.hero-logo{margin-bottom:36px}.site-nav{gap:17px}.section{padding-top:60px;padding-bottom:60px}.section-heading{padding-bottom:24px}.event-row{gap:5%;grid-template-columns:42% 1fr;padding:28px 0}.event-date{font-size:11px}.event-copy h3{font-size:26px}.event-meta{font-size:14px}.event-art{aspect-ratio:1/1;background:#e8e8e1}.event-meta{display:block}.who{padding:65px 0}.who-grid{gap:8%}.formatted-content{font-size:18px}.video-grid{gap:16px}.hero .button{min-width:140px;padding:17px 20px;font-size:12px}.video-card p{font-size:13px}.admin-bar .site-header{top:46px}}
@media(max-width:560px){.header-inner{padding-top:20px;padding-bottom:20px}.site-nav{gap:18px;font-size:12px}.brand{font-size:13px}.hero{min-height:630px;height:88svh}.hero-center{width:88%}.hero-logo{margin-bottom:35px}.hero-actions{gap:10px}.hero .button{padding:15px 20px;min-height:48px;min-width:0}.hero .button-primary{flex-basis:100%;max-width:330px;margin:0 calc((100% - 330px)/2)}.hero-bottom{font-size:10px}.hero-bottom .scroll-cue{max-width:170px}.section-heading{align-items:flex-end;gap:18px}.section-heading h2{font-size:42px;max-width:230px}.text-link{font-size:11px;gap:8px}.event-row{grid-template-columns:1fr;gap:22px;padding:28px 0}.event-art{aspect-ratio:2/1}.event-copy h3{font-size:34px}.event-meta{display:flex;margin-bottom:18px}.event-date{font-size:12px}.events-bottom{align-items:flex-start;flex-direction:column;gap:22px}.event-thumbnail{width:82px}.who-grid{grid-template-columns:1fr;gap:30px}.who h2{font-size:64px;max-width:none}.formatted-content{font-size:19px}.youtube-heading{align-items:center;flex-wrap:wrap}.youtube-heading h2{font-size:42px;max-width:none}.youtube-heading .button{padding:12px 15px;font-size:11px}.video-grid{grid-template-columns:1fr;gap:28px}.video-card p{font-size:14px}.marquee{padding:24px 0}.footer-inner{flex-wrap:wrap}.footer-inner img{width:135px}.single-event{grid-template-columns:1fr;gap:30px}.inner-page{padding-top:110px}.admin-bar .inner-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video{opacity:0}.hero-video.is-playing{opacity:1}.marquee-track{transform:none}}
[hidden]{display:none!important}.youtube-slot{aspect-ratio:16/9;background:#202020}.youtube-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#202020;overflow:hidden}.youtube-preview img{width:100%;height:100%;object-fit:cover}.youtube-preview::after{content:"";position:absolute;inset:0;background:#0002}.youtube-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:42px;background:#111e;color:white;border-radius:10px;font-size:20px;padding-left:3px}.youtube-preview:hover .youtube-play{background:#f00}.youtube-fallback{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.youtube-player{display:block;height:100%}