/* =========================================================================
   Long Beach Pride — Get Involved and Sponsors (generated)
   Ways in, link grid, sponsor wall, why partner, packages, partners; plus partners.css.
   Extracted from LBP-Website/assets/site.css by 12-tools/extract-chrome-css.py.
   Regenerate instead of editing by hand.
   (c) HAUS XXIV, LLC · Licensed to Long Beach Pride
   ========================================================================= */

.head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--gap) clamp(32px,6vw,120px);align-items:end;margin-bottom:clamp(48px,6vw,112px)}
.head .kicker{margin-bottom:clamp(20px,2vw,32px)}
.head .aside{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
@media (max-width:900px){
.head{grid-template-columns:1fr}
}
.dial .tk{stroke-linecap:round;opacity:.22;transition:opacity .4s}
.dial .tk.on{opacity:1}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) var(--gap)}
.way{display:flex;flex-direction:column;gap:14px}
.way .ph{aspect-ratio:16/9}
.way .ph img{transition:transform 1.4s var(--ease)}
.way:hover .ph img{transform:scale(1.04)}
.way .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:4px}
.way .top span{font-size:var(--t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.way h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.4vw,42px);line-height:1.02}
.way p{color:var(--ink-2);font-size:var(--t-body);max-width:46ch}
.way .btns{margin-top:auto;padding-top:6px}
@media (max-width:1000px){
.ways{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.ways{grid-template-columns:1fr}
}
.way .read{margin-top:auto}
@media (max-width:1000px){
.ways[style*="repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
.ways[style*="repeat(4"]{grid-template-columns:1fr!important}
}
.pa-sec .head{margin-bottom:clamp(28px,3vw,48px)}
:is(main,.nav .mp,.sheet) img:not(:is(.lb-row,.pm-row,.logo-wall,.lg,.pd-logos,.why-logo,.foot-brand,.logo,.sheet-top,.pd-by,.sp-logo,[class*="logo"]) img){object-fit:cover!important;object-position:center center!important}
:is(.ph,.hero-media,.so-img,.ym,.cv-media,.cv-frost,.pd-media,.gi-media,.mp-fig,.pill,.thumb,.gv-pic,.card,.fr,.cm-ban,.hx-img,.fdr-ph,.bd-lead figure,.give-mosaic .ph,.way .ph,.nw-row .ph,.nw-lead .ph)>img{width:100%;height:100%;display:block}
:is(.d-hero,.d-1,.d-2,.d-3,main h1,main h2:not(.sr):not(.d-4):not(.kicker),main h3:not(.sr):not(.kicker):not(.tg-h)){font-weight:600;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
main h2:is(.d-1,.d-2,.d-3,.cv-h,.gvp-name,.cal-h),.pd h2,.rb2027 h2,.sb h2,.pf h2,.so-panel h2,.nw-head h2,.bd-head h2,.y-head h2,.gi-head h2,#give h2,.gv2 h2,.head h2{font-size:var(--fs-h2)!important}
main h3:not(.sr):not(.kicker):not(.tg-h):not(.ro-h):not(.cv-copy h3):not(.mp-h):not(.pledges h3),.cal-mt,.hx-en,.ym-t,.fdr-name,.gnc-tx h3,.b-lead h3,.bd-glass h3,.nw-lead h3{font-size:var(--fs-h3)!important;line-height:1.12}
:is(.pc-tx,.gr-tx,.person,.ct-card,.pk,.tier,.nw-row,.ev,.notice,.bn,.pledges,.way,.col,.club,.ag,.pf-pt,.gi-panel) :is(h3,h4),.nw-row h4,.ev h3{font-size:var(--fs-h4)!important;letter-spacing:-.015em;line-height:1.25}
.pa-sec .head{margin-bottom:clamp(36px,3.6vw,56px)!important}
:is(.gi-panel,.ym-b,.evc-body,.cv-copy,.nw-card,.nw-lead,.b-lead,.bd-glass,.bn,.mm-feature,.mp,.so-card,.tier,.pk,.card,[class$="-card"]) .kicker+*,
.ym-k+.ym-t,.evc-host+h3,.bn-tag+*,.cm-k+*,.gvp-k+*{margin-top:10px!important}

.ap-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--gap) clamp(32px,6vw,120px);align-items:end}
.ap-intro .facts-row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){
.ap-intro{grid-template-columns:1fr}
}
.way .tags{font-size:var(--t-sm);color:var(--ink-2)}
.more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:clamp(48px,6vw,96px);border-top:1px solid var(--ink)}
.more a{display:flex;flex-direction:column;gap:6px;padding:clamp(20px,2vw,28px) 0 8px;min-height:44px}
.more a b{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2vw,32px);line-height:1.05}
.more a b svg{width:20px;height:20px;flex:none;transition:transform .5s var(--ease)}
.more a:hover b svg{transform:translateX(4px)}
.more a span{font-size:var(--t-sm);color:var(--ink-2)}
@media (max-width:1000px){
.more{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.more{grid-template-columns:1fr}
}
.way:target{outline:2px solid var(--focus);outline-offset:12px;border-radius:var(--r-lg)}
.way[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}
.tk{flex:none;width:18px;height:18px;margin-top:3px;color:var(--ink)}
.tg-h{display:flex;align-items:center;gap:14px;margin:0 0 clamp(20px,2.2vw,36px);font-family:var(--sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.tg-h::after{content:"";flex:1;height:1px;background:var(--hair-2)}
.lg{display:grid;align-items:center;justify-items:center;gap:clamp(12px,2vw,32px) clamp(16px,3vw,56px)}
.lg li{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:var(--lh)}
.lg img{height:calc(var(--lh) * var(--f,1));width:auto;max-width:var(--lw,86%);object-fit:contain;mix-blend-mode:multiply}
.lg-1{--lh:clamp(96px,10.5vw,176px);--lw:76%;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,3vw,48px) clamp(16px,3vw,48px)}
.lg-1 li{flex:0 1 calc((100% - 2 * clamp(16px,3vw,48px)) / 3)}
@media (max-width:760px){
.lg-1 li{flex-basis:calc((100% - clamp(16px,3vw,48px)) / 2)}
}
@media (max-width:420px){
.lg-1{--lh:96px}
}
.lg-2{--lh:clamp(64px,5.6vw,96px);--lw:84%;grid-template-columns:repeat(4,minmax(0,1fr))}
.lg-3{--lh:clamp(52px,4.4vw,76px);--lw:84%;grid-template-columns:repeat(6,minmax(0,1fr))}
.lg-p{--lh:clamp(56px,4.8vw,84px);--lw:86%;grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:1100px){
.lg-p{grid-template-columns:repeat(5,minmax(0,1fr))}
.lg-3{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
.lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg-3,.lg-p{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:420px){
.lg-3,.lg-p{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ps-sponsors{padding-top:clamp(56px,6vw,112px)}
.ps-head{margin-bottom:clamp(32px,4vw,64px)}
.pl-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4.4vw,72px) clamp(20px,4vw,72px) clamp(36px,5vw,80px);border-radius:var(--r-lg);
  background:linear-gradient(118deg,var(--plat-1) 0%,var(--plat-2) 30%,#FBFBFA 48%,var(--plat-3) 72%,var(--plat-1) 100%);
  box-shadow:inset 0 0 0 1px var(--plat-edge),inset 0 1px 0 rgba(255,255,255,.9),0 40px 80px -56px rgba(12,12,14,.45)}
.pl-band::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--rainbow);z-index:1}
.pl-band::after{content:"";position:absolute;inset:-40% -20%;z-index:-1;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);transform:translateX(-60%);pointer-events:none}
.pl-band.in::after{animation:sheen 2.8s var(--ease) .5s both}
.pl-band .tg-h{justify-content:center;color:var(--ink);margin-bottom:clamp(24px,3vw,48px)}
.pl-band .tg-h::after{display:none}
.pl-band .tg-h::before{content:"";width:clamp(20px,3vw,48px);height:1px;background:var(--hair-2);order:2}
.pl-mark{width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#9A9AA2);box-shadow:inset 0 0 0 1px rgba(12,12,14,.25)}
.pl-band .tg-h{flex-wrap:nowrap}
.pl-band .tg-h::before{display:none}
.tg{margin-top:clamp(48px,6vw,104px)}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.why-card{display:flex;flex-direction:column;gap:20px;min-width:0}
.why-card .ph{aspect-ratio:4/3;margin:0}
.why-card .ph img{width:100%;height:100%;object-fit:cover}
.why-card h3{font-family:var(--serif);font-weight:400;font-size:var(--t-4);line-height:1.1;margin:10px 0 10px}
.why-card p{color:var(--ink-2);max-width:none}
.why-copy .kicker{color:var(--ink-3)}
.why-tv{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(24px,3.4vw,56px);border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--hair);margin-bottom:clamp(8px,1.5vw,24px)}
.why-tv h3{font-size:var(--t-3)}
.why-logo{display:grid;place-items:center;padding:clamp(8px,2vw,32px)}
.why-logo img{width:100%;max-width:520px}
@media (max-width:1000px){
.why{grid-template-columns:repeat(2,minmax(0,1fr))}
.why-card:last-child{grid-column:1/-1}
.why-card:last-child .ph{aspect-ratio:16/7}
}
@media (max-width:640px){
.why{grid-template-columns:1fr}
.why-tv{grid-template-columns:1fr}
.why-card:last-child .ph{aspect-ratio:4/3}
}
.pk-inc{margin-bottom:clamp(28px,3vw,48px)}
.pk-inc ul{display:flex;flex-wrap:wrap;gap:10px 28px}
.pk-inc li{display:flex;gap:10px;font-size:var(--t-sm);color:var(--ink-2)}
.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);align-items:stretch}
@media (max-width:1200px){
.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.pk-grid{grid-template-columns:1fr}
}
.pk{position:relative;display:flex;flex-direction:column;gap:clamp(20px,2vw,28px);min-width:0;padding:clamp(24px,2.2vw,36px);border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1.5px var(--hair-2);transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.pk:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-3px)}
.pk-top{display:flex;flex-direction:column;gap:6px;padding-bottom:clamp(18px,1.8vw,26px);border-bottom:1px solid var(--hair)}
.pk-tag{font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pk h3{font-family:var(--sans);font-size:clamp(20px,1.5vw,26px);font-weight:600;letter-spacing:-.01em;line-height:1.2}
.pk-amt{font-family:var(--serif);font-size:clamp(44px,3.8vw,68px);line-height:1;letter-spacing:-.02em}
.pk-amt span{font-family:var(--sans);font-size:var(--t-sm);letter-spacing:0;color:var(--ink-3);margin-left:10px}
.pk-list{display:flex;flex-direction:column;gap:12px}
.pk-list li{display:flex;gap:12px;font-size:var(--t-sm);line-height:1.5;color:var(--ink-2)}
.pk-list b{color:var(--ink);font-weight:600}
.pk-cta{margin-top:auto;width:100%;height:auto;min-height:var(--bh);padding-block:10px;text-align:center}
.pk-feat{background:radial-gradient(120% 80% at 100% 0%,#2A2A30 0%,var(--night) 60%);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -48px rgba(12,12,14,.7)}
.pk-feat::before{content:"";position:absolute;inset:0 22px auto;height:3px;border-radius:0 0 3px 3px;background:var(--rainbow)}
.pk-feat:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 40px 80px -48px rgba(12,12,14,.7)}
.pk-feat .pk-top{border-color:rgba(255,255,255,.18)}
.pk-feat .pk-tag{color:rgba(255,255,255,.72)}
.pk-feat .pk-list li{color:rgba(255,255,255,.86)}
.pk-feat .tk{color:#fff}
.pk-feat :focus-visible{outline-color:#fff}
.pk-comm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,4vw,72px);align-items:center;margin-top:clamp(12px,1.4vw,24px);padding:clamp(28px,3.6vw,56px);border:2px solid transparent;border-radius:var(--r-lg);background:linear-gradient(var(--bone),var(--bone)) padding-box,var(--rainbow) border-box}
.pkc-a{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pk-comm h3{font-family:var(--serif);font-weight:400;font-size:var(--t-3);line-height:1.04}
.pk-comm .small{color:var(--ink-2);max-width:none}
.pk-comm .pk-cta{width:auto;margin-top:8px}
.pkc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
@media (max-width:900px){
.pk-comm{grid-template-columns:1fr}
}
@media (max-width:560px){
.pkc-list{grid-template-columns:1fr}
.pk-comm .pk-cta{width:100%}
}
.pk-more{margin-top:clamp(20px,2vw,32px);color:var(--ink-2)}
.pk-more b{color:var(--ink)}
.ps-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:end;padding-top:clamp(32px,4vw,64px);border-top:1px solid var(--ink)}
.ps-cta-side{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
@media (max-width:900px){
.ps-cta{grid-template-columns:1fr}
}
@media (max-width:480px){
.ps-cta .btns .btn{width:100%;height:auto;min-height:var(--bh);padding-block:10px;text-align:center}
}
.form-aside .pk-list li{font-size:var(--t-sm)}
@media (prefers-reduced-motion:reduce){
.pl-band.in::after{animation:none}
.pk,.pk:hover{transition:none;transform:none}
}