@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap");:root{--background:#06101e;--panel:#0b192c;--border:#213954;--blue:#08baff;--white:#ffffff;--muted:#b9c8d9;} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;background:#020914;color:var(--white);font-family:Inter,Arial,sans-serif;} a{color:inherit;text-decoration:none;} button,input,select,textarea{font:inherit;} button,a{cursor:pointer;} h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;} .site-shell{max-width:1536px;margin:0 auto;background:var(--background);} .site-header{display:flex;align-items:center;gap:22px;padding:8px 34px;background:#040c1bee;position:sticky;top:0;z-index:30;border-bottom:1px solid #1d314c;} .logo{width:185px;min-width:155px;align-self:stretch;display:flex;align-items:center;} .logo img{width:100%;height:94px;object-fit:contain;} .nav-links{flex:1;display:flex;align-items:center;justify-content:space-around;gap:12px;} .nav-links a{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(19px,1.55vw,24px);font-weight:700;text-transform:uppercase;white-space:nowrap;} .nav-links a:hover,.nav-links a.active{color:var(--blue);} .mobile-toggle{display:none;background:none;color:white;border:none;font-size:30px;} .button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:5px;padding:13px 25px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;transition:transform .2s,filter .2s;} .button:hover{transform:translateY(-2px);filter:brightness(1.1);} .button.blue{background:var(--blue);color:#041322;} .button.outline{border:2px solid var(--blue);background:#020914bb;color:white;} .header-book{white-space:nowrap;min-width:145px;} .page{display:none;} .page.active{display:block;} .hero{position:relative;min-height:570px;background:url("/assets/img/karaoke-singer-hd.webp") center 37% / cover no-repeat;overflow:hidden;} .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020b1df7 0%,#020b1de5 27%,#020b1d83 48%,#020b1d00 78%);} .hero-copy{position:relative;z-index:1;max-width:740px;padding:55px 30px 45px 62px;} .hero-title{font-size:clamp(80px,10vw,154px);line-height:.75;letter-spacing:-2px;margin:5px 0 34px;transform:skewY(-4deg);transform-origin:left center;font-weight:900;text-shadow:0 3px 8px #0007;} .hero-title span{display:block;} .hero-title span:last-child{color:var(--blue);} .tagline{font-size:23px;font-weight:700;letter-spacing:6px;margin:0 0 20px;} .tagline b{color:var(--blue);} .hero-description{font-size:20px;line-height:1.5;max-width:600px;} .button-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;} .upcoming-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 36px 5px;} .upcoming-heading h2{font-size:39px;margin:0;} .upcoming-heading a{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;} .event-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 36px 16px;} .event-card{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:9px;background:#071629;min-height:120px;overflow:hidden;} .event-date{min-width:100px;display:grid;place-content:center;text-align:center;border-right:1px solid var(--border);} .event-date strong{font-size:39px;} .event-card-info{padding:18px;line-height:1.5;} .event-card-info strong{display:block;} .event-card-info em{display:block;color:var(--blue);font-style:normal;} .action-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 36px 36px;} .tile{color:#03111e;min-height:110px;border-radius:8px;display:flex;align-items:center;gap:18px;padding:20px;} .tile span{font-size:43px;} .tile strong{font:800 27px "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;display:block;} .tile small{font-size:13px;} .tile.magenta{background:#D12872;} .tile.stage-blue{background:#3258D8;} .tile.emerald{background:#009E76;} .tile.concert-red{background:#DF503B;} .action-tiles .tile{color:#FFFFFF;transition:transform 0.2s ease,filter 0.2s ease;} .action-tiles .tile:hover{transform:translateY(-4px);filter:brightness(1.12);} .content{padding:48px clamp(22px,5vw,75px) 75px;min-height:660px;} .content h1{font-size:clamp(54px,6vw,88px);margin:4px 0 12px;} .content h2{font-size:34px;} .eyebrow{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:3px;} .panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:26px;} .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0;} .feature-grid p{color:var(--muted);line-height:1.6;} .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;} .form-grid label,.search-label{display:flex;flex-direction:column;gap:9px;font-weight:700;} .form-grid .wide{grid-column:1 / -1;} input,textarea,select{width:100%;background:#06111f;color:white;border:1px solid #42617c;padding:13px;border-radius:5px;} input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);} .honeypot{position:absolute;left:-9999px;} .form-status{align-self:center;} .success{color:#5ff0be;} .error{color:#ff9797;} .muted{color:var(--muted);} .calendar-controls{display:flex;align-items:center;justify-content:space-between;max-width:750px;margin:20px auto;} .calendar-controls button{background:#153251;color:white;padding:10px 20px;border:0;border-radius:5px;} .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;} .calendar-day{background:#0b1c31;min-height:98px;border:1px solid #1c3653;padding:9px;overflow:hidden;} .calendar-day.head{min-height:36px;text-align:center;color:var(--blue);font-weight:700;} .calendar-day.other{opacity:.22;} .calendar-day .date{display:block;font-weight:700;margin-bottom:6px;} .calendar-entry{display:block;font-size:12px;background:#0b9ad2;border-radius:4px;padding:5px;margin-top:5px;} .song-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;} .song{border:1px solid var(--border);border-radius:6px;padding:15px;} .song small{display:block;color:var(--blue);margin-top:5px;} .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .gallery-photo{background:none;border:none;padding:0;} .gallery-photo img{width:100%;height:340px;object-fit:cover;border-radius:10px;} .lightbox{display:none;position:fixed;inset:0;background:#000e;z-index:100;align-items:center;justify-content:center;padding:35px;} .lightbox.open{display:flex;} .lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;} .lightbox button{position:absolute;top:20px;right:25px;color:white;background:none;border:none;font-size:48px;} footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid var(--border);padding:25px 36px;color:var(--muted);font-size:13px;} .admin-shell{max-width:1100px;margin:45px auto;padding:20px;} .admin-shell h1{font-size:55px;} .admin-list{display:grid;gap:12px;margin-bottom:45px;} .admin-list p{overflow-wrap:anywhere;} .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;} @media (max-width:1120px){.site-header{gap:12px;padding:8px 20px;} .nav-links{gap:8px;} .nav-links a{font-size:18px;} .logo{width:150px;min-width:135px;} .action-tiles{grid-template-columns:repeat(2,1fr);}} @media (max-width:820px){.site-header{height:86px;} .logo img{height:78px;} .mobile-toggle{display:block;margin-left:auto;} .nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:#06101f;padding:18px;flex-direction:column;align-items:stretch;} .nav-links.open{display:flex;} .nav-links a{padding:9px;font-size:23px;} .header-book{min-width:auto;padding:11px;font-size:17px;} .hero{min-height:600px;background-position:62% center;} .hero-overlay{background:linear-gradient(90deg,#020914ee 0%,#020914a9 75%,#02091455);} .hero-copy{padding:80px 22px 35px;} .hero-title{font-size:clamp(70px,14vw,110px);} .event-cards{grid-template-columns:1fr;} .feature-grid,.gallery-grid{grid-template-columns:1fr;}} @media (max-width:520px){.hero-title{font-size:19vw;} .tagline{font-size:14px;letter-spacing:2px;} .hero-description{font-size:21px;line-height:1.45;font-weight:400;color:#FFFFFF;max-width:760px;margin-top:18px;margin-bottom:28px;} .upcoming-heading{padding:18px;} .upcoming-heading h2{font-size:27px;} .event-cards,.action-tiles{padding-left:18px;padding-right:18px;} .action-tiles{grid-template-columns:1fr;} .form-grid,.song-grid{grid-template-columns:1fr;} .calendar-day{min-height:70px;padding:3px;font-size:12px;} .calendar-entry{font-size:9px;padding:2px;} .content{padding:28px 18px;} .gallery-photo img{height:240px;}} .page.active{opacity:1;transform:none;transition:opacity 150ms ease,transform 2500ms cubic-bezier(.16,1,.3,1);} .page.active.page-leaving{opacity:0;transform:translate3d(0,-30px,0) scale(1.04);} .page.active.page-entering{opacity:0;transform:translate3d(0,65px,0) scale(.90);transition:none;} @media (prefers-reduced-motion:reduce){.page.active,.page.active.page-leaving,.page.active.page-entering{opacity:1;transform:none;transition:none;}} @media (max-width:820px){.site-header .nav-links{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity 250ms ease,transform 250ms ease,visibility 0s linear 250ms;} .site-header .nav-links.open{display:flex;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity 250ms ease,transform 250ms ease,visibility 0s;}} @media (max-width:820px) and (prefers-reduced-motion:reduce){.site-header .nav-links,.site-header .nav-links.open{transition:none;transform:none;}} button,input[type="button"],input[type="submit"],input[type="reset"],a.button,.button,.gallery-delete{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.3px;} input[type="button"],input[type="submit"],input[type="reset"]{width:auto;} .gallery-bulk-save{margin:22px 0 35px;} .gallery-bulk-save .muted{margin-bottom:0;line-height:1.5;} .button.blue,.event-modal .event-modal-map,.calendar-entry{background-color:#0860C3 !important;color:#fff !important;} .calendar-entry:hover,.event-modal .event-modal-map:hover{background-color:#1475DF !important;color:#fff !important;} .button.outline{border-color:#0860C3 !important;} .button.outline:hover{border-color:#1475DF !important;} .site-header{height:100px;min-height:100px;} @media (max-width:820px){.site-header{height:86px;min-height:86px;}} #home .upcoming-heading{padding:0 !important;margin:0 0 16px !important;} #home .upcoming-heading h2{margin:0 !important;line-height:1.15;} #home .event-cards{padding-top:0 !important;} #home .action-tiles{margin-top:0 !important;} #home .event-cards,#home .home-gallery-strip,#home .action-tiles{margin-bottom:32px;} #home .hero + .upcoming-heading{margin-top:32px !important;} #home .upcoming-heading a{transition:color 0.2s ease;} #home .upcoming-heading a:hover{color:#08BAFF !important;} .link-arrow{display:inline-block;font-family:Arial,sans-serif;font-size:1.15em;font-weight:700;line-height:1;margin-left:5px;vertical-align:-0.02em;transition:transform 0.2s ease;} a:hover .link-arrow{transform:translateX(4px);} .site-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;} .site-shell > .page.active{flex:1 0 auto;} .site-shell > footer{margin-top:auto;flex-shrink:0;} .site-shell > footer{position:fixed !important;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1536px;z-index:90;background:rgba(5,17,35,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #0860C3;box-shadow:0 -8px 30px rgba(0,0,0,0.45);} .site-shell{padding-bottom:85px;} @media (max-width:820px){.site-shell > footer{padding:12px 16px;gap:8px;font-size:11px;} .site-shell{padding-bottom:105px;}} .site-header a.header-book{font-family:"Barlow Condensed",Impact,sans-serif !important;font-size:30px !important;font-weight:700 !important;font-style:normal !important;font-stretch:normal !important;text-transform:uppercase !important;letter-spacing:normal !important;line-height:1 !important;background-color:#FFB900 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;-webkit-text-stroke:0 !important;text-shadow:0 0 2px #000,0 0 4px rgba(0,0,0,.75),0 0 7px rgba(0,0,0,.45) !important;} .site-header a.header-book:hover{background-color:#FFC933 !important;} @media (max-width:820px){.site-header a.header-book{font-size:19px !important;}} .intro{color:var(--muted);font-size:19px;line-height:1.7;max-width:100%;margin-bottom:30px;} .hero-highlight{color:#FF0055;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.12;letter-spacing:-0.8px;margin:20px 0 22px;max-width:750px;text-shadow:0 0 18px rgba(255,0,85,0.18);} .hero .btn-primary{background:#FF0055;border:2px solid #FF0055;color:#FFFFFF;font-weight:800;font-size:20px;padding:18px 32px;box-shadow:0 0 12px rgba(255,0,85,0.5),0 0 28px rgba(255,0,85,0.25);transition:all 0.25s ease;} .hero .btn-primary:hover{background:#FF3377;border-color:#FF3377;box-shadow:0 0 18px rgba(255,0,85,0.7),0 0 40px rgba(255,0,85,0.4);transform:translateY(-3px);} .hero .btn-outline{font-size:20px;font-weight:800;padding:18px 32px;border:2px solid #00BFFF;background:rgba(0,10,30,0.65);color:#FFFFFF;transition:all 0.25s ease;} .hero .btn-outline:hover{background:rgba(0,191,255,0.15);box-shadow:0 0 20px rgba(0,191,255,0.35);transform:translateY(-3px);} @media (max-width:768px){.hero-highlight{font-size:clamp(24px,6vw,34px);line-height:1.15;} .hero .btn-primary,.hero .btn-outline{font-size:16px;padding:15px 22px;}} .hero-events-btn{background:#FF0055 !important;border:2px solid #FF0055 !important;color:#FFFFFF !important;font-size:20px;font-weight:800;padding:18px 32px;box-shadow:0 0 12px rgba(255,0,85,0.55),0 0 30px rgba(255,0,85,0.30);transition:all 0.25s ease;} .hero-events-btn:hover{background:#FF3377 !important;border-color:#FF3377 !important;box-shadow:0 0 20px rgba(255,0,85,0.75),0 0 45px rgba(255,0,85,0.45);transform:translateY(-3px);} .hero-book-btn{background:rgba(0,10,30,0.7);border:2px solid #00BFFF;color:#FFFFFF;font-size:20px;font-weight:800;padding:18px 32px;transition:all 0.25s ease;} .hero-book-btn:hover{background:rgba(0,191,255,0.15);box-shadow:0 0 22px rgba(0,191,255,0.4);transform:translateY(-3px);} .hero-highlight{margin-top:22px;margin-bottom:20px;} .hero-description{margin-bottom:30px;} .hero-buttons{display:flex;gap:24px;align-items:center;flex-wrap:wrap;} @media (max-width:768px){.hero-description{font-size:18px;line-height:1.5;} .hero-events-btn,.hero-book-btn{font-size:16px;padding:15px 22px;} .hero-buttons{gap:12px;}} .button-row .hero-events-btn{background:#FF0055 !important;border:2px solid #FF0055 !important;color:#FFFFFF !important;font-size:20px !important;font-weight:800 !important;padding:18px 32px !important;border-radius:6px;box-shadow:0 0 12px rgba(255,0,85,0.55),0 0 30px rgba(255,0,85,0.30);transition:all 0.25s ease;} .button-row .hero-events-btn:hover{background:#FF3377 !important;border-color:#FF3377 !important;box-shadow:0 0 20px rgba(255,0,85,0.75),0 0 45px rgba(255,0,85,0.45);transform:translateY(-3px);} .button-row .hero-book-btn{background:rgba(0,10,30,0.7) !important;border:2px solid #00BFFF !important;color:#FFFFFF !important;font-size:20px !important;font-weight:800 !important;padding:18px 32px !important;border-radius:6px;transition:all 0.25s ease;} .button-row .hero-book-btn:hover{background:rgba(0,191,255,0.15) !important;box-shadow:0 0 22px rgba(0,191,255,0.4);transform:translateY(-3px);} @media (max-width:768px){.button-row .hero-events-btn,.button-row .hero-book-btn{font-size:16px !important;padding:15px 22px !important;}} #events .events-feed,#events .events-calendar-section{margin:30px 0 46px;} #events .events-feed > h2,#events .events-calendar-section > h2{margin:0 0 18px;} #events .event-cards{padding:0;grid-template-columns:repeat(3,minmax(0,1fr));} #events .events-feed-actions{display:flex;justify-content:center;margin:20px 0 0;} #events .events-feed-actions [hidden]{display:none !important;} #events .events-feed-actions button{min-width:205px;} #events .events-feed-actions .more-events-arrow{display:inline-block;position:relative;top:-2px;margin-left:5px;line-height:1;} #events .events-past .event-card{opacity:.82;} #events .events-past .event-card:hover{opacity:1;} #events .event-card{min-width:0;} #events .event-card-info{min-width:0;overflow-wrap:anywhere;} @media (max-width:1050px) and (min-width:641px){#events .event-cards{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:640px){#events .event-cards{grid-template-columns:minmax(0,1fr);} #events .events-feed,#events .events-calendar-section{margin:26px 0 38px;}} .site-header .nav-links a.nav-song-list,.site-header .nav-links a.nav-song-list:visited{color:#ff3b47 !important;} .site-header .nav-links a.nav-song-list:hover,.site-header .nav-links a.nav-song-list.active{color:#ff6570 !important;} @media (min-width:821px){.site-header{gap:clamp(9px,1.1vw,18px);padding-left:clamp(14px,2vw,30px);padding-right:clamp(14px,2vw,30px);} .site-header .nav-links{min-width:0;gap:clamp(5px,.65vw,12px);justify-content:space-evenly;} .site-header .nav-links a{font-size:clamp(15px,1.35vw,21px);} .site-header a.header-book{font-size:clamp(18px,1.65vw,24px) !important;min-width:0;padding:12px clamp(10px,1.15vw,19px);}} @media (min-width:821px) and (max-width:1120px){.site-header .logo{width:135px;min-width:120px;} .site-header .nav-links a{font-size:clamp(14px,1.42vw,17px);} .site-header a.header-book{font-size:17px !important;padding:11px 9px;}} @media (max-width:820px){.site-header a.header-book{font-size:clamp(14px,3.5vw,18px) !important;padding-left:9px;padding-right:9px;}} @media (min-width:1051px){.site-header .nav-links{min-width:0;gap:clamp(4px,.5vw,10px);} .site-header .nav-links a{font-size:clamp(14px,1.25vw,20px);} .site-header a.header-book{white-space:nowrap;}} #events .events-feed:not(.events-past){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;} #events .events-feed:not(.events-past) > h2{grid-column:1;grid-row:1;margin:0 0 18px;} #events .events-feed:not(.events-past) > .events-feed-actions{grid-column:2;grid-row:1;justify-content:flex-end;margin:0 0 18px;} #events .events-feed:not(.events-past) > .event-cards{grid-column:1 / -1;grid-row:2;} @media (max-width:640px){#events .events-feed:not(.events-past){grid-template-columns:minmax(0,1fr);} #events .events-feed:not(.events-past) > h2{grid-column:1;grid-row:1;margin-bottom:10px;} #events .events-feed:not(.events-past) > .events-feed-actions{grid-column:1;grid-row:2;justify-content:flex-start;margin:0 0 16px;} #events .events-feed:not(.events-past) > .event-cards{grid-column:1;grid-row:3;}} #events .events-feed:not(.events-past) > .events-feed-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;} #events .events-feed-actions .previous-upcoming-events{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 240ms ease,visibility 240ms ease;border:1px solid #268dc6;background:#09243d;color:#e9f5ff;} #events .events-feed-actions .previous-upcoming-events.is-visible{opacity:1;visibility:visible;pointer-events:auto;} #events .events-feed-actions button:disabled{cursor:wait;} #events #upcomingEvents{align-content:start;} @media (max-width:640px){#events .events-feed:not(.events-past) > .events-feed-actions{justify-content:flex-start;gap:8px;} #events .events-feed-actions button{min-width:0;}} @media (prefers-reduced-motion:reduce){#events .events-feed-actions .previous-upcoming-events{transition:none;}} #events .events-feed.events-past{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;} #events .events-feed.events-past > h2{grid-column:1;grid-row:1;margin:0 0 18px;} #events .events-feed.events-past > .past-feed-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 18px;} #events .events-feed.events-past > .event-cards{grid-column:1 / -1;grid-row:2;align-content:start;} #events .past-feed-actions .previous-past-events{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 240ms ease,visibility 240ms ease;border:1px solid #268dc6;background:#09243d;color:#e9f5ff;} #events .past-feed-actions .previous-past-events.is-visible{opacity:1;visibility:visible;pointer-events:auto;} @media (max-width:640px){#events .events-feed.events-past{grid-template-columns:minmax(0,1fr);} #events .events-feed.events-past > h2{grid-column:1;grid-row:1;margin-bottom:10px;} #events .events-feed.events-past > .past-feed-actions{grid-column:1;grid-row:2;justify-content:flex-start;gap:8px;margin:0 0 16px;} #events .events-feed.events-past > .event-cards{grid-column:1;grid-row:3;}} @media (prefers-reduced-motion:reduce){#events .past-feed-actions .previous-past-events{transition:none;}} #events .events-calendar-section{margin-top:44px;} #events #eventsCalendarTitle{display:flex;align-items:center;gap:15px;margin:0 0 22px;color:#43d6ff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(28px,2.65vw,40px);letter-spacing:.095em;text-transform:uppercase;text-shadow:0 0 20px rgba(0,191,255,.13);} #events #eventsCalendarTitle::before{content:'';width:5px;height:.92em;flex:0 0 5px;border-radius:6px;background:linear-gradient(180deg,#5df0ff,#0877e9);box-shadow:0 0 14px rgba(0,191,255,.5);} #events .calendar-controls{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:clamp(12px,3vw,35px);max-width:650px;margin:10px auto 28px;} #events #monthLabel{text-align:center;margin:0;padding:10px 8px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(24px,3vw,35px);font-weight:800;text-transform:uppercase;letter-spacing:.065em;color:#fff;line-height:1.1;} #events .calendar-controls button{display:grid;place-items:center;width:52px;height:48px;padding:0;border:1px solid #5cddff;border-radius:11px;background:linear-gradient(145deg,#087fc9 0%,#0951b4 100%);color:#fff;font-size:25px;font-weight:900;box-shadow:0 5px 16px rgba(0,99,213,.27),inset 0 1px rgba(255,255,255,.23);cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;} #events .calendar-controls button:hover{background:linear-gradient(145deg,#0cb7ee,#1266df);box-shadow:0 0 18px rgba(0,191,255,.42);transform:translateY(-2px);} #events .calendar-controls button:active{transform:translateY(0) scale(.96);} #events .calendar-controls button:focus-visible{outline:3px solid #a7f4ff;outline-offset:3px;} #events #calendar{will-change:opacity,transform;} #events .calendar-day{background:#0a1d33;border-color:#23425e;transition:background-color .15s,border-color .15s;} #events .calendar-day:not(.head):not(.other):hover{background:#0e2945;border-color:#347ca4;} #events .calendar-day.head{background:#0e2a45;color:#54dfff;font-weight:800;} #events .calendar-day.calendar-today{border-color:#32c9ff;box-shadow:inset 0 0 0 1px rgba(50,201,255,.35);} #events .calendar-day.calendar-today .date{color:#63e6ff;} #events .calendar-entry{background:linear-gradient(120deg,#126ed2,#0876b5);cursor:pointer;transition:background .15s,box-shadow .15s;} #events .calendar-entry:hover,#events .calendar-entry:focus-visible{background:#098fd5;box-shadow:0 0 10px rgba(0,191,255,.3);outline:none;} @media (max-width:640px){#events #eventsCalendarTitle{font-size:28px;gap:10px;} #events .calendar-controls{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;margin-bottom:18px;} #events .calendar-controls button{width:42px;height:42px;font-size:22px;} #events #monthLabel{font-size:clamp(20px,5.5vw,28px);letter-spacing:.02em;} #events .calendar-day{padding:4px;min-height:70px;} #events .calendar-entry{font-size:10px;overflow-wrap:anywhere;padding:3px;}} @media (prefers-reduced-motion:reduce){#events .calendar-controls button,#events .calendar-day,#events .calendar-entry{transition:none;}} #events .events-calendar-section > #eventsCalendarTitle{display:block;margin:0 0 18px;padding:0;color:inherit;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:700;line-height:normal;letter-spacing:normal;text-transform:uppercase;text-shadow:none;} #events .events-calendar-section > #eventsCalendarTitle::before{content:none;display:none;} #events .calendar-controls #monthLabel{font-family:'Barlow',Arial,sans-serif;font-size:clamp(21px,2.35vw,29px);font-weight:500;letter-spacing:.035em;line-height:1.25;} #events .calendar-controls #prevMonth,#events .calendar-controls #nextMonth{display:flex;align-items:center;justify-content:center;line-height:1;font-size:0;} #events .calendar-controls #prevMonth::before,#events .calendar-controls #nextMonth::before{display:block;font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1;transform:translateY(-1px);} #events .calendar-controls #prevMonth::before{content:'←';} #events .calendar-controls #nextMonth::before{content:'→';} @media (max-width:640px){#events .calendar-controls #monthLabel{font-size:clamp(19px,5vw,25px);} #events .calendar-controls #prevMonth::before,#events .calendar-controls #nextMonth::before{font-size:22px;}} @media (max-width:640px){#events #calendar.calendar-grid{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:4px !important;width:100% !important;min-width:0 !important;overflow:visible !important;} #events #calendar .calendar-day{position:relative;min-width:0 !important;min-height:47px !important;height:47px !important;padding:7px 2px 5px !important;text-align:center;overflow:hidden;border-radius:7px;box-sizing:border-box;} #events #calendar .calendar-day.head{height:32px !important;min-height:32px !important;padding:7px 0 0 !important;font-size:11px !important;border-radius:5px;} #events #calendar .calendar-day.other{background:transparent;border-color:transparent;} #events #calendar .calendar-day:not(.head):not(.other){cursor:pointer;touch-action:manipulation;} #events #calendar .calendar-day .date{display:block;font-size:14px !important;font-weight:700;line-height:19px;margin:0 !important;padding:0 !important;} #events #calendar .calendar-entry{display:none !important;} #events #calendar .calendar-day.peaks-has-events::after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#11c4ff;left:50%;bottom:5px;transform:translateX(-50%);box-shadow:0 0 7px rgba(17,196,255,.6);} #events #calendar .calendar-day.peaks-day-selected{background:#10548b !important;border-color:#1ac6ff !important;box-shadow:inset 0 0 0 1px rgba(26,198,255,.35);} #events #calendar .calendar-day:focus-visible{outline:2px solid #4bdcff;outline-offset:2px;} #events .peaks-mobile-day-events{display:block;margin-top:14px;padding:16px;border:1px solid #245579;border-radius:12px;background:linear-gradient(145deg,#0d2540,#08172b);color:#f6fbff;} #events .peaks-mobile-day-events h3{margin:0 0 12px;font-size:18px;line-height:1.3;color:#47d7ff;} #events .peaks-mobile-day-empty{margin:0;color:#a9bed2;font-size:14px;} #events .peaks-mobile-event-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 12px;margin-top:8px;text-align:left;color:#fff;background:#0d4271;border:1px solid #247cb6;border-radius:8px;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;} #events .peaks-mobile-event-button span:last-child{color:#50d8ff;font-size:24px;line-height:1;flex:none;} #events .peaks-mobile-event-button:focus-visible{outline:2px solid #56dcff;outline-offset:2px;}} @media (min-width:641px){#peaks-mobile-day-events{display:none !important;}} @media (max-width:640px){#events .events-feed-actions,#events .past-feed-actions,#events #moreUpcomingEvents,#events #previousUpcomingEvents{display:none !important;} #events #peaks-mobile-day-events[hidden]{display:none !important;} #events #peaks-mobile-day-events{opacity:0;transform:translateY(9px);transition:opacity 150ms ease,transform 150ms ease;will-change:opacity,transform;} #events #peaks-mobile-day-events.peaks-day-visible{opacity:1;transform:translateY(0);}} @media (max-width:640px) and (prefers-reduced-motion:reduce){#events #peaks-mobile-day-events{transition:none !important;transform:none !important;}} #home .hero .hero-copy .hero-title{position:relative !important;font-family:'Barlow Condensed',sans-serif !important;font-weight:800 !important;font-style:normal !important;font-size:clamp(52px,9vw,129px) !important;line-height:.78 !important;letter-spacing:-1px !important;margin:0 0 30px !important;padding:0 !important;zoom:1 !important;transform:rotate(-5deg) !important;transform-origin:left center !important;filter:drop-shadow(3px 6px 7px rgba(0,0,0,.55));} #home .hero .hero-copy .hero-title > span{display:block !important;font-family:inherit !important;font-size:inherit !important;font-weight:800 !important;font-style:normal !important;line-height:.77 !important;letter-spacing:-3px !important;transform:none !important;} #home .hero .hero-copy .hero-title > span:first-child{color:#fff !important;} #home .hero .hero-copy .hero-title > span:last-child{color:#08baff !important;} #home .hero .hero-copy .tagline{position:relative !important;top:0 !important;left:3px !important;margin-top:48px !important;margin-bottom:24px !important;} #home .hero .hero-copy .hero-highlight{margin-top:0 !important;margin-bottom:18px !important;} @media screen and (min-width:1025px){#home .hero .hero-overlay{background:linear-gradient(90deg,rgba(2,11,29,.97) 0%,rgba(2,11,29,.87) 27%,rgba(2,11,29,.43) 48%,rgba(2,11,29,0) 76%) !important;} #home .hero{height:auto !important;min-height:0 !important;padding-bottom:0 !important;background-size:cover !important;} #home .hero .hero-copy{padding-bottom:45px !important;} #home .hero .hero-copy .hero-title{top:18px !important;left:-10px !important;font-size:clamp(84px,8.6vw,129px) !important;} #home .hero .hero-copy .tagline{font-size:17px !important;letter-spacing:4px !important;line-height:1.3 !important;} #home .hero .button-row{margin-top:18px !important;}} @media screen and (min-width:641px) and (max-width:1024px){#home .hero .hero-copy .hero-title{top:8px !important;left:-4px !important;font-size:clamp(70px,9.5vw,100px) !important;} #home .hero .hero-copy .tagline{margin-top:38px !important;}} @media screen and (max-width:640px){#home .hero .hero-copy .hero-title{top:0 !important;left:0 !important;font-size:clamp(49px,14vw,86px) !important;margin-bottom:22px !important;} #home .hero .hero-copy .hero-title > span{letter-spacing:-1.5px !important;} #home .hero .hero-copy .tagline{margin-top:24px !important;margin-bottom:20px !important;}} @media screen and (max-width:640px){#home .hero{height:auto !important;min-height:0 !important;padding-bottom:0 !important;background-size:auto calc(100% + 145px) !important;background-position:85% bottom !important;background-repeat:no-repeat !important;} #home .hero .hero-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(2,11,29,.84) 0%,rgba(2,11,29,.70) 22%,rgba(2,11,29,.46) 48%,rgba(2,11,29,.19) 76%,rgba(2,11,29,.06) 100%) !important;pointer-events:none;} #home .hero .hero-copy{padding-bottom:82px !important;} #home .hero .hero-copy{padding-bottom:24px !important;}} @media screen and (max-width:767px){.site-shell > footer{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:min-content min-content !important;align-content:center !important;align-items:start !important;justify-content:start !important;row-gap:0 !important;column-gap:0 !important;flex-wrap:nowrap !important;box-sizing:border-box !important;height:76px !important;min-height:0 !important;max-height:76px !important;padding:4px 20px !important;margin:0 !important;font-size:16px !important;line-height:1.08 !important;text-align:left !important;} .site-shell > footer > span{display:block !important;width:100% !important;min-height:0 !important;height:auto !important;margin:0 !important;padding:0 !important;line-height:1.08 !important;text-align:left !important;align-self:start !important;justify-self:start !important;} .site-shell > footer > span a,.site-shell > footer > span a span{line-height:inherit !important;vertical-align:baseline !important;} .site-shell{padding-bottom:76px !important;}}