:root{--navy:#072d61;--blue:#075bab;--ocean:#159bd7;--orange:#ff6b00;--gold:#ffb000;--sand:#fff8ed;--ink:#09234a;--muted:#64748b;--line:#dbe8f4;--white:#fff;--shadow:0 18px 45px rgba(7,45,97,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fffaf3 100%)}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select{font:inherit}.site-header{height:84px;display:flex;align-items:center;padding:0 3vw;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;box-shadow:0 1px 18px rgba(7,45,97,.09)}.brand{width:220px;height:78px;display:flex;align-items:center;overflow:hidden}.brand img{width:205px;height:205px;object-fit:cover;object-position:center 38%;border-radius:50%;transform:scale(1.08)}.main-nav{display:flex;gap:27px;margin:auto;font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.03em}.main-nav a{padding:31px 0 27px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a:first-child{color:var(--orange);border-color:var(--orange)}.header-actions{display:flex;align-items:center;gap:18px}.desktop-action{font-weight:700;font-size:.85rem}.nav-toggle{display:none;background:none;border:0}.home-hero{position:relative;min-height:610px;display:flex;align-items:flex-end;overflow:hidden;background:#061c3d}.hero-backdrop{position:absolute;inset:0;background:url('../img/socal-hero.jpg') center 30%/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,30,68,.9) 0,rgba(5,30,68,.52) 43%,rgba(5,30,68,.12) 72%),linear-gradient(0deg,rgba(5,30,68,.65),transparent 48%)}.hero-content{position:relative;z-index:2;width:min(1260px,92%);margin:0 auto;padding:72px 0 54px;color:#fff}.hero-kicker{font-family:Georgia,serif;font-style:italic;font-size:2rem;color:var(--orange)}.hero-content h1{font-size:clamp(3.7rem,7vw,6.7rem);text-transform:uppercase;line-height:.84;letter-spacing:-.04em;margin:8px 0 20px;text-shadow:0 8px 22px rgba(0,0,0,.25)}.hero-content>p{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem}.event-search{margin-top:34px;display:grid;grid-template-columns:1fr 1fr 1fr 220px;background:rgba(6,27,63,.85);backdrop-filter:blur(14px);padding:13px;border:1px solid rgba(255,255,255,.35);border-radius:18px;box-shadow:0 20px 48px rgba(0,0,0,.28)}.event-search label{display:flex;flex-direction:column;background:#fff;color:var(--ink);padding:10px 18px;border-right:1px solid var(--line)}.event-search label:first-child{border-radius:10px 0 0 10px}.event-search label span{text-transform:uppercase;font-size:.67rem;font-weight:900;color:var(--muted);letter-spacing:.08em}.event-search input,.event-search select{border:0;background:transparent;color:#334155;outline:none;padding-top:5px}.event-search button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 18px rgba(255,107,0,.25)}.quick-categories{display:grid;grid-template-columns:repeat(8,1fr);max-width:1240px;margin:0 auto;padding:22px 20px 12px}.quick-categories a{text-align:center;font-size:.74rem;font-weight:900;text-transform:uppercase}.quick-categories b{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 9px;border-radius:50%;background:#fff;color:var(--blue);font-size:1.5rem;box-shadow:0 7px 20px rgba(7,45,97,.12);transition:.2s}.quick-categories a:hover b{transform:translateY(-4px);color:var(--orange)}.public-event-section{max-width:1240px;margin:36px auto;padding:0 20px}.section-title-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-line h2{margin:0;text-transform:uppercase;font-size:1.65rem}.section-title-line h2:before{content:'☀';color:var(--orange);margin-right:10px}.section-title-line a{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:.78rem}.public-event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.public-event-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #edf3f8;transition:.22s}.public-event-card:hover{transform:translateY(-6px)}.public-event-art{display:block;height:190px;background-size:cover;background-position:center;position:relative}.event-date-chip{position:absolute;left:12px;top:12px;background:var(--navy);color:#fff;border-radius:10px;padding:8px 10px;text-align:center;font-size:1.25rem;line-height:1}.event-date-chip b{display:block;font-size:.65rem;margin-bottom:4px}.parking-badge{position:absolute;right:10px;top:10px;background:var(--orange);color:#fff;padding:7px 9px;border-radius:999px;font-size:.7rem;font-weight:800}.public-event-copy{padding:18px}.public-event-copy small{color:var(--orange);font-weight:900;text-transform:uppercase}.public-event-copy h3{margin:7px 0 10px;font-size:1.08rem}.public-event-copy p{margin:5px 0;color:var(--muted);font-size:.84rem}.event-card-button{display:inline-flex;margin-top:13px;padding:9px 13px;border-radius:8px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase}.event-day-grid{max-width:1240px;margin:28px auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px;border:1px solid #bcd8f3;border-radius:16px;background:#eef8ff}.event-day-grid a{display:flex;align-items:center;gap:12px;padding:20px;border-right:1px solid #c8def2}.event-day-grid a:last-child{border-right:0}.event-day-grid b{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--ocean));color:#fff;font-size:1.2rem}.event-day-grid strong,.event-day-grid small{display:block}.event-day-grid small{color:var(--muted);margin-top:4px}.trip-planner-section{text-align:center;padding:70px 20px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;margin-top:50px}.trip-planner-section>span{color:var(--gold);font-weight:900;letter-spacing:.14em}.trip-planner-section h2{font-size:2.7rem;margin:10px 0}.trip-planner-section p{max-width:700px;margin:0 auto 25px;color:#dcecff}.glow-button{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--gold));padding:14px 22px;border-radius:10px;font-weight:900;text-transform:uppercase}.newsletter-strip{background:linear-gradient(90deg,#075bab,#072d61);color:#fff;padding:26px max(5vw,20px);display:flex;justify-content:center;gap:70px;align-items:center}.newsletter-strip strong,.newsletter-strip span{display:block}.newsletter-strip strong{text-transform:uppercase;font-size:1.35rem}.newsletter-strip form{display:flex;width:min(560px,50vw)}.newsletter-strip input{flex:1;padding:15px;border:0;border-radius:8px 0 0 8px}.newsletter-strip button{border:0;background:var(--orange);color:#fff;padding:0 30px;border-radius:0 8px 8px 0;font-weight:900;text-transform:uppercase}.site-footer{background:#051d3e;color:#dcecff;padding:46px 5vw 25px}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:190px;height:115px;object-fit:cover;object-position:center 36%;border-radius:18px}.footer-grid strong{display:block;color:var(--orange);text-transform:uppercase;margin-bottom:13px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;font-size:.9rem}.footer-bottom{max-width:1240px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;font-size:.8rem}.mobile-dock{display:none}.empty-events-state{text-align:center;padding:60px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.desktop-action{display:none}.event-search{grid-template-columns:1fr 1fr}.event-search button{min-height:60px}.quick-categories{grid-template-columns:repeat(4,1fr)}.public-event-grid{grid-template-columns:repeat(2,1fr)}.event-day-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.newsletter-strip{flex-direction:column;gap:18px}.newsletter-strip form{width:100%}}
@media(max-width:640px){body{padding-bottom:70px}.site-header{height:70px}.brand{width:170px;height:66px}.brand img{width:150px;height:150px}.home-hero{min-height:590px}.hero-content{padding-bottom:25px}.hero-content h1{font-size:3.25rem}.event-search{grid-template-columns:1fr}.event-search label{border-right:0;border-bottom:1px solid var(--line)}.event-search label:first-child{border-radius:10px 10px 0 0}.event-search button{min-height:54px}.quick-categories{grid-template-columns:repeat(4,1fr);gap:18px 4px}.quick-categories b{width:48px;height:48px}.public-event-grid{grid-template-columns:1fr}.event-day-grid{grid-template-columns:1fr}.event-day-grid a{border-right:0;border-bottom:1px solid #c8def2}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.newsletter-strip form{display:block}.newsletter-strip input,.newsletter-strip button{width:100%;border-radius:8px;margin:4px 0;padding:14px}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--line)}.mobile-dock a,.mobile-dock button{border:0;background:#fff;padding:8px 2px;text-align:center;color:var(--navy)}.mobile-dock b,.mobile-dock span{display:block}.mobile-dock span{font-size:.65rem}.site-footer{padding-bottom:90px}}