@property --bg{syntax:'<color>';inherits:true;initial-value:#FBEFD9}
@property --bg2{syntax:'<color>';inherits:true;initial-value:#F4E1BF}
@property --band{syntax:'<color>';inherits:true;initial-value:#F26A2E}
@property --party{syntax:'<color>';inherits:true;initial-value:#F8C766}
@property --foot{syntax:'<color>';inherits:true;initial-value:#3A1B4D}
@property --ink{syntax:'<color>';inherits:true;initial-value:#3A1B4D}
@property --soft{syntax:'<color>';inherits:true;initial-value:#5A3A6B}
@property --kick{syntax:'<color>';inherits:true;initial-value:#8F3009}
@property --pinkbtn{syntax:'<color>';inherits:true;initial-value:#FF74AC}
@property --accent{syntax:'<color>';inherits:true;initial-value:#F26A2E}
@property --alt{syntax:'<color>';inherits:true;initial-value:#F7B32B}
@property --on-btn{syntax:'<color>';inherits:true;initial-value:#3A1B4D}
@property --mari{syntax:'<color>';inherits:true;initial-value:#F7B32B}
@property --pink{syntax:'<color>';inherits:true;initial-value:#FF3E8A}
@property --card{syntax:'<color>';inherits:true;initial-value:#FFF8EA}
@property --line{syntax:'<color>';inherits:true;initial-value:rgba(58,27,77,.28)}
@property --m1{syntax:'<color>';inherits:true;initial-value:#F26A2E}
@property --m2{syntax:'<color>';inherits:true;initial-value:#FF3E8A}
@property --m3{syntax:'<color>';inherits:true;initial-value:#F7B32B}
@property --out{syntax:'<color>';inherits:true;initial-value:rgba(255,62,138,.55)}
@property --ln{syntax:'<color>';inherits:true;initial-value:rgba(58,27,77,.45)}
@property --core-a{syntax:'<color>';inherits:true;initial-value:#F7B32B}
@property --core-b{syntax:'<color>';inherits:true;initial-value:#FF2E7E}
@property --halo{syntax:'<color>';inherits:true;initial-value:rgba(247,179,43,.30)}
@property --wash{syntax:'<color>';inherits:true;initial-value:rgba(255,46,126,0)}
@property --wash2{syntax:'<color>';inherits:true;initial-value:rgba(124,77,255,0)}
@property --hg{syntax:'<color>';inherits:true;initial-value:rgba(255,46,126,0)}
@property --hg2{syntax:'<color>';inherits:true;initial-value:rgba(247,179,43,0)}
@property --num-a{syntax:'<color>';inherits:true;initial-value:#3A1B4D}
@property --num-b{syntax:'<color>';inherits:true;initial-value:#8F3009}
@property --addon{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.45)}
@property --tile-line{syntax:'<color>';inherits:true;initial-value:#3A1B4D}
@property --tile-line-b{syntax:'<color>';inherits:true;initial-value:#8F3009}
@property --bw{syntax:'<color>';inherits:true;initial-value:rgba(255,46,126,0)}

:root{--bg:#FBEFD9;--bg2:#F4E1BF;--band:#F26A2E;--party:#F8C766;--foot:#3A1B4D;--ink:#3A1B4D;--soft:#5A3A6B;--kick:#8F3009;--pinkbtn:#FF74AC;--accent:#F26A2E;--alt:#F7B32B;--on-btn:#3A1B4D;--mari:#F7B32B;--pink:#FF3E8A;--card:#FFF8EA;--line:rgba(58,27,77,.28);--m1:#F26A2E;--m2:#FF3E8A;--m3:#F7B32B;--out:rgba(255,62,138,.55);--ln:rgba(58,27,77,.45);--core-a:#F7B32B;--core-b:#FF2E7E;--halo:rgba(247,179,43,.30);--wash:rgba(255,46,126,0);--wash2:rgba(124,77,255,0);--hg:rgba(255,46,126,0);--hg2:rgba(247,179,43,0);--num-a:#3A1B4D;--num-b:#8F3009;--addon:rgba(255,255,255,.45);--tile-line:#3A1B4D;--tile-line-b:#8F3009;--bw:rgba(255,46,126,0);
  --display:"Red Hat Display",system-ui,sans-serif;--body:"Red Hat Text",system-ui,sans-serif;
  --gap:clamp(1rem,4vw,2rem);--nightrow:#33104A;--nighttext:#F6DDEB;--nightpink:#FF9CC8;
  transition:--bg .5s ease,--bg2 .5s ease,--band .5s ease,--party .5s ease,--foot .5s ease,--ink .5s ease,--soft .5s ease,--kick .5s ease,--pinkbtn .5s ease,--accent .5s ease,--alt .5s ease,--on-btn .5s ease,--mari .5s ease,--pink .5s ease,--card .5s ease,--line .5s ease,--m1 .5s ease,--m2 .5s ease,--m3 .5s ease,--out .5s ease,--ln .5s ease,--core-a .5s ease,--core-b .5s ease,--halo .5s ease,--wash .5s ease,--wash2 .5s ease,--hg .5s ease,--hg2 .5s ease,--num-a .5s ease,--num-b .5s ease,--addon .5s ease,--tile-line .5s ease,--tile-line-b .5s ease,--bw .5s ease}
html[data-mode="glow"]{--bg:#1A0B22;--bg2:#241033;--band:#2B1038;--party:#12061A;--foot:#0E0414;--ink:#F2F4FF;--soft:#C9C3EE;--kick:#FF7AB0;--pinkbtn:#FF2E7E;--accent:#FF2E7E;--alt:#CCFF4A;--on-btn:#1A0B22;--mari:#FFC247;--pink:#FF2E7E;--card:#2A1239;--line:rgba(242,244,255,.30);--m1:#FF2E7E;--m2:#FFC247;--m3:#CCFF4A;--out:rgba(242,136,60,.65);--ln:rgba(242,244,255,.85);--core-a:#FFC247;--core-b:#FF2E7E;--halo:rgba(255,46,126,.30);--wash:rgba(255,46,126,.30);--wash2:rgba(124,77,255,.26);--hg:rgba(255,46,126,.60);--hg2:rgba(255,194,71,.55);--num-a:#FFC247;--num-b:#FF4F9A;--addon:#2B1240;--tile-line:#FFC247;--tile-line-b:#FF2E7E;--bw:rgba(255,46,126,.45)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top));background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--body);overflow-x:clip}
h1,h2,h3,.disp{font-family:var(--display);font-weight:900;line-height:1.02;letter-spacing:-.035em;margin:0;text-wrap:balance}
h2{font-size:clamp(2.1rem,5.4vw,3.6rem);text-shadow:0 0 22px var(--hg)}
h3{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}
p{margin:0 0 1rem;max-width:62ch}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
html[data-mode="glow"] :focus-visible{outline-color:var(--alt)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1180px,100% - 2*var(--gap));margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.4rem;border-radius:999px;font:700 1rem/1.2 var(--body);text-decoration:none;border:2.5px solid var(--ink);background:var(--accent);color:var(--on-btn);cursor:pointer;box-shadow:0 6px 22px var(--bw);transition:transform .3s}
.btn--alt{background:var(--alt)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:none}
.btn--pink{background:var(--pinkbtn)}
@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn--ghost:hover{background:var(--alt);color:var(--on-btn)}}

/* header */
.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:2px solid var(--ink);padding-top:env(safe-area-inset-top)}
.top__in{display:flex;align-items:center;gap:.5rem;min-height:64px}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;min-height:48px;margin-right:auto}
.brand svg{width:38px;height:38px;flex:none}
.brand b{font:900 1.05rem/1.05 var(--display);letter-spacing:-.02em}
.brand b span{display:block}
.sw{display:inline-flex;align-items:center;border:2.5px solid var(--ink);border-radius:999px;padding:3px;min-height:48px;background:transparent;color:var(--ink);cursor:pointer;font:700 1rem/1 var(--body)}
.sw span{display:flex;align-items:center;min-height:38px;padding:0 .6rem;border-radius:999px;transition:background-color .3s,color .3s}
html[data-mode="day"] .sw .d{background:var(--ink);color:var(--bg)}
html[data-mode="glow"] .sw .g{background:var(--pink);color:#1A0B22;box-shadow:0 0 16px var(--hg)}
.menu-btn{min-width:48px;min-height:48px;border:2.5px solid var(--ink);background:var(--alt);border-radius:999px;font:700 1rem var(--body);color:var(--on-btn);padding:0 1rem;cursor:pointer}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:2px solid var(--ink);padding:.5rem var(--gap) 1rem}
.nav.open{display:block}
.nav a{display:flex;align-items:center;min-height:48px;font:700 1.15rem var(--body);text-decoration:none;border-bottom:1px solid var(--line)}
@media (min-width:520px){.brand b span{display:inline}.brand b{font-size:1.15rem}.brand svg{width:40px;height:40px}.top__in{gap:.75rem}}
@media (min-width:1060px){
  .menu-btn{display:none}
  .nav{display:flex;position:static;border:0;padding:0;background:none;gap:.15rem;order:2}
  .nav a{border:0;padding:0 .85rem;font-size:1rem;border-radius:999px}
  .sw{order:3}
}
@media (min-width:1060px) and (hover:hover){.nav a:hover{background:var(--alt);color:var(--on-btn)}}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--pink)}

/* hero */
.hero{position:relative;isolation:isolate;overflow:clip;display:grid;gap:.25rem 2rem;justify-items:center;text-align:center;padding:clamp(1.25rem,3vw,2.5rem) var(--gap) calc(1.5rem + env(safe-area-inset-bottom));
  grid-template-areas:"head" "mand" "hint" "pin" "pout" "acts";
  background:radial-gradient(60% 50% at 50% 46%,var(--halo),transparent 70%),var(--bg)}
.hero__wash,.glow__wash{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 0,var(--wash) 28%,var(--wash2) 62%,transparent 100%);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(clamp(90px,12vw,170px) - 3px),transparent calc(clamp(90px,12vw,170px) - 3px) clamp(90px,12vw,170px));
  mask:repeating-linear-gradient(90deg,#000 0 calc(clamp(90px,12vw,170px) - 3px),transparent calc(clamp(90px,12vw,170px) - 3px) clamp(90px,12vw,170px))}
.hero h1{grid-area:head;margin:0;width:100%;display:grid;justify-items:center;gap:.25rem}
.word{white-space:nowrap;font:900 clamp(2.5rem,12vw,4.75rem)/1 var(--display);letter-spacing:-.035em;color:var(--soft);position:relative;padding-bottom:.4rem;transition:color .5s}
.word::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:6px;border-radius:6px;background:var(--accent);transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}
html[data-mode="day"] .w-in{color:var(--kick)}
html[data-mode="day"] .w-out{color:var(--pink)}
html[data-mode="glow"] .w-out{color:var(--pink);text-shadow:0 0 26px var(--hg)}
html[data-mode="day"] .w-in::after,html[data-mode="glow"] .w-out::after{transform:scaleX(1)}
.hero__mand{grid-area:mand;display:grid;place-items:center;margin-block:.25rem}
.hero__hint{grid-area:hint;margin:0 0 .5rem;font-weight:500;color:var(--soft)}
.hero__p{margin:0;max-width:34ch;font-size:1rem;line-height:1.5}
.p-in{grid-area:pin}.p-out{grid-area:pout}
.hero__acts{grid-area:acts;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.9rem;width:100%}
.hero__acts .btn{flex:1 1 220px;max-width:300px}
@media (min-width:600px){
  .hero{grid-template-columns:1fr 1fr;grid-template-areas:"head head" "mand mand" "hint hint" "pin pout" "acts acts"}
  .hero h1{grid-template-columns:1fr 1fr}
  .word{font-size:clamp(2.5rem,7vw,4.75rem)}
  .hero__p{justify-self:center}
}
@media (min-width:1000px){
  .hero{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(1rem,3vw,3rem);
    grid-template-areas:"in mand out" "pin mand pout" ". hint ." ". acts .";align-items:start;text-align:left;padding-top:clamp(1.5rem,3.5vw,3rem)}
  .hero h1{grid-column:1/-1;grid-row:1;grid-template-columns:subgrid;align-self:end}
  .w-in{grid-column:1;justify-self:end;text-align:right;align-self:end;font-size:clamp(3.2rem,4.6vw,4.75rem)}
  .w-out{grid-column:3;justify-self:start;align-self:end;font-size:clamp(3.2rem,4.6vw,4.75rem)}
  .hero__mand .mandala{width:min(34vw,340px,46svh)}
  .p-in{justify-self:end;text-align:right;align-self:start}
  .p-out{justify-self:start;align-self:start}
  .hero__mand{margin:0;align-self:center}
  .hero__hint{text-align:center;justify-self:center;margin:.25rem 0 0}
  .w-in::after,.w-out::after{left:0;right:0;width:auto}
}

/* mandala */
.mandala{display:block;border:0;background:none;padding:0;cursor:pointer;width:min(80vw,340px,46svh);aspect-ratio:1;border-radius:50%;color:inherit;
  filter:drop-shadow(0 0 0 rgba(255,46,126,0)) drop-shadow(0 0 0 rgba(255,194,71,0));transition:filter .5s ease,transform .5s ease;-webkit-tap-highlight-color:transparent}
html[data-mode="glow"] .mandala{filter:drop-shadow(0 0 12px rgba(255,46,126,.7)) drop-shadow(0 0 38px rgba(255,194,71,.28))}
@media (min-width:600px){.mandala--hero{width:min(62vw,500px,46svh)}}
@media (min-width:1000px){.mandala--hero{width:min(40vw,600px,64svh)}}
.mandala svg,.mk svg{width:100%;height:100%;display:block}
.mandala--hero svg{animation:turn 160s linear infinite}
.mk{display:block;aspect-ratio:1}
.mandala .p1,.mk .p1{fill:var(--m1);fill-opacity:.88}
.mandala .p2,.mk .p2{fill:var(--m2);fill-opacity:.92}
.mandala .p3,.mk .p3{fill:var(--m3)}
.mandala .ol,.mk .ol{fill:none;stroke:var(--out);stroke-width:1.4}
.mandala .ln,.mk .ln{stroke:var(--ln);stroke-width:1.2;stroke-linecap:round}
.mandala .rg,.mk .rg{fill:none;stroke:var(--ink);stroke-width:1.2;opacity:.7}
.core{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}
html[data-mode="glow"]{--core-rot:180deg}
@media (hover:hover){.mandala:hover{transform:scale(1.025)}}
@keyframes turn{to{transform:rotate(360deg)}}
.mk--click{cursor:pointer}

/* waves */
.wave{display:block;width:100%;height:clamp(40px,7vw,90px);margin:0}

section{padding-block:clamp(2.5rem,7vw,5rem)}
.day{background:var(--bg)}
.kicker{display:block;font:700 1rem/1.2 var(--body);margin-bottom:.75rem;color:var(--kick)}

/* doors */
.doors{background:var(--band);color:var(--ink)}
.doors__row{display:grid;gap:1.25rem;margin-top:1.75rem}
.door{display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:1.75rem 1.5rem 1.5rem;border-radius:999px 999px 22px 22px;text-decoration:none;position:relative;overflow:hidden;border:2.5px solid var(--ink)}
.door__mk{position:absolute;top:1.1rem;left:50%;width:84px;height:84px;margin-left:-42px}
.door h3{font-size:1.9rem;font-weight:900;text-align:center;margin-bottom:.35rem;letter-spacing:-.03em}
.door span:not(.mk){text-align:center;font-weight:500;display:block;margin-inline:auto;max-width:26ch}
.door--a{background:var(--bg);color:var(--ink)}
.door--b{background:#2B1040;color:var(--nighttext);border-color:var(--pink);box-shadow:0 10px 36px var(--bw)}
.door--b h3{color:var(--nightpink)}
.door--b .mk{--m1:#FF2E7E;--m2:#FFC247;--m3:#CCFF4A;--ink:#F2F4FF;--out:rgba(255,46,126,.6);--ln:rgba(242,244,255,.8)}
.door--c{background:var(--mari);color:#3A1B4D;border-color:#3A1B4D}
.door--c .mk{--ink:#3A1B4D;--ln:rgba(58,27,77,.45)}
html[data-mode="glow"] .door--c{box-shadow:0 0 0 1px rgba(255,194,71,.6),0 0 36px rgba(255,194,71,.35)}
@media (hover:hover){.door{transition:transform .35s}.door:hover{transform:translateY(-6px)}}
@media (min-width:760px){
  .doors__row{grid-template-columns:repeat(3,1fr);align-items:end}
  .door{min-height:360px;padding-top:7rem}
  .door--b{min-height:420px}
  .door__mk{top:2rem;width:116px;height:116px;margin-left:-58px}
}

/* space */
.space__grid{display:grid;gap:2rem;align-items:center}
.facts{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.5rem}
.facts li{display:flex;gap:.8rem;align-items:baseline;padding-block:.35rem;border-bottom:1.5px dashed var(--line)}
.facts b{font:900 1.15rem var(--display);min-width:6.5rem;letter-spacing:-.02em}
.space__art{display:grid;place-items:center end}
.space__art svg{width:min(100%,360px);height:auto}
.space__art .mir{fill:url(#mirg);stroke:var(--ink);stroke-width:2.5}
.space__art .bar{stroke:var(--ink);stroke-width:5;stroke-linecap:round}
.space__art .flr{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}
@media (min-width:860px){.space__grid{grid-template-columns:1.15fr .85fr;gap:4rem}}

/* week */
.week{background:var(--bg2)}
.rows{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem}
.row{display:grid;grid-template-columns:4.2rem 1fr;gap:.25rem 1rem;align-items:center;padding:.9rem 1rem;border-radius:22px;background:var(--card);border:2px solid var(--ink)}
.row__when{font:900 1.15rem/1.1 var(--display);letter-spacing:-.02em}
.row__when small{display:block;font:500 1rem/1.3 var(--body);color:var(--soft);letter-spacing:0}
.row__what b{display:block;font-size:1.1rem}
.row__what span{color:var(--soft)}
.row .btn,.row__tag{grid-column:1 / -1;justify-self:start;margin-top:.35rem}
.row__tag{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.row--soon{background:transparent;border-style:dashed}
.row--night{background:var(--nightrow);border-color:var(--pink);color:var(--nighttext);box-shadow:0 8px 28px var(--bw)}
.row--night .btn:focus-visible{outline-color:#CCFF4A}
.row--night .row__when,.row--night .row__what b{color:var(--nightpink)}
.row--night .row__when small,.row--night .row__what span{color:var(--nighttext)}
@media (min-width:720px){.row{grid-template-columns:7rem 1fr auto;padding:1rem 1.5rem}.row .btn,.row__tag{grid-column:auto;margin:0}}
.cards{display:grid;gap:1.25rem;margin-top:2.5rem}
.card{padding:1.5rem;border-radius:28px;border:2.5px solid var(--ink);background:var(--card);display:flex;flex-direction:column;gap:.5rem;scroll-margin-top:84px}
.card--dash{background:transparent;border-style:dashed}
.card .price{font:900 2.4rem/1 var(--display);letter-spacing:-.03em;color:var(--kick)}
.card .price-note{font-size:1rem;color:var(--soft);margin:0}
.card .btn{align-self:flex-start;margin-top:.5rem}
.avatar{width:84px;height:84px}
.avatar .a1{fill:var(--mari)}.avatar .a2{fill:var(--pink)}.avatar .a3{fill:#3A1B4D}.avatar .at{fill:#FBEFD9}
.avatar .as{fill:none;stroke:var(--ink)}
.msg{min-height:1.5em;margin:0;font-weight:700}
@media (min-width:860px){.cards{grid-template-columns:repeat(3,1fr)}}

/* glow */
.glow{position:relative;overflow:clip;background:var(--party);color:var(--ink);isolation:isolate}
.glow__grid{display:grid;gap:2rem;position:relative}
.glow__art{display:grid;place-items:center;margin-block:-.5rem}
.glow__art .mk{width:min(88vw,420px)}
.mk__cap{margin:.75rem 0 0;text-align:center;font-weight:500;color:var(--ink)}
.who-h{margin:2rem 0 1rem}
.prices{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.5rem 0}
.price-tile{padding:1.1rem;border-radius:26px;border:2.5px solid var(--tile-line);text-align:center}
.price-tile b{display:block;font:900 clamp(2.4rem,9vw,3.6rem)/1 var(--display);letter-spacing:-.04em;color:var(--num-a);text-shadow:0 0 18px var(--hg2)}
.price-tile span{font-weight:700}
.price-tile--b{border-color:var(--tile-line-b)}
.price-tile--b b{color:var(--num-b);text-shadow:0 0 18px var(--hg)}
.addons{display:grid;gap:.9rem;margin:1.5rem 0}
.addon{padding:1rem 1.2rem;border-radius:22px;background:var(--addon)}
.addon h3{font-size:1.25rem;margin-bottom:.25rem;color:var(--num-b)}
.addon p{margin:0}
.glow .acts{display:flex;flex-wrap:wrap;gap:.75rem}
@media (min-width:860px){.glow__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.glow__art .mk{width:min(100%,520px)}.addons{grid-template-columns:1fr 1fr}}
.glow__wash{opacity:0;transition:opacity .5s}
html[data-mode="glow"] .glow__wash{opacity:1}

/* notes */
.notes{background:var(--band);padding-block:1.75rem;color:var(--ink)}
.notes .wrap{display:grid;gap:.25rem}
.notes p{margin:0;font-weight:700;font-size:1.1rem;max-width:none}
.notes a{display:inline-block;padding-block:.7rem;font-weight:700}

/* logos */
.logos__row{display:grid;gap:1.25rem;margin-top:1.5rem}
.logo-tile{border:2.5px solid var(--ink);border-radius:26px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.logo-tile--day{background:#FBEFD9;color:#3A1B4D;border-color:#3A1B4D}
.logo-tile--night{background:#1A0B22;color:#F2F4FF;border-color:#FF2E7E}
.logo-tile--white{background:#fff;color:#3A1B4D;border-color:#3A1B4D}
.logo-tile img{width:min(100%,220px);height:auto;display:block}
.lockup{display:flex;align-items:center;gap:.8rem}
.lockup svg{width:64px;height:64px;flex:none}
.lockup b{display:block;font:900 1.6rem/1 var(--display);letter-spacing:-.035em}
.lockup small{font:500 1rem var(--body)}
.logo-tile em{font:700 1rem var(--body);font-style:normal}
@media (min-width:760px){.logos__row{grid-template-columns:repeat(3,1fr)}}

footer{background:var(--foot);color:var(--nighttext);padding-block:2.5rem calc(2.5rem + env(safe-area-inset-bottom))}
footer .wrap{display:grid;gap:1rem}
footer a{display:inline-block;padding-block:.7rem;font-weight:700;color:#FFC247}
footer .tag{font:900 clamp(1.5rem,5vw,2.4rem)/1.1 var(--display);letter-spacing:-.035em;color:#FF5CA8;margin:0;text-shadow:0 0 22px var(--hg)}
footer p{margin:0}
footer :focus-visible{outline-color:#FFC247}

@media (prefers-reduced-motion:reduce){
  :root{transition:none}
  .mandala--hero svg{animation:none}
  :root{--core-t:0s}
  .mandala,.mandala *,.core,.word,.word::after,.sw span,.btn,.door,.glow__wash{transition:none!important}
  html{scroll-behavior:auto}
}


/* ---------- site additions (shared by every page) ---------- */
.skip{position:absolute;left:8px;top:-80px;z-index:50;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:8px}
h1{font-size:clamp(2.5rem,9vw,4.5rem)}
.sec{background:var(--bg)}
.sec--alt{background:var(--bg2)}
.sec--band{background:var(--band);color:var(--ink)}
.sec--party{position:relative;overflow:clip;isolation:isolate;background:var(--party);color:var(--ink)}
.lede{font-size:1.125rem;font-weight:500;margin-top:.75rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.btn--sm{min-height:44px;padding:.4rem 1.1rem}
.mk--sm{width:84px;height:84px}
button.mk{border:0;background:none;padding:0;color:inherit;border-radius:50%;-webkit-tap-highlight-color:transparent}
.mk--click{transition:transform .5s ease}
@media (hover:hover){.mk--click:hover{transform:scale(1.025)}}
.mk--bg{position:absolute;right:-90px;top:-90px;width:300px;height:300px;opacity:.14;pointer-events:none;z-index:-1}
.pagehead{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(60% 55% at 72% 45%,var(--halo),transparent 70%),var(--bg);padding-block:clamp(2rem,5vw,4rem) clamp(2.5rem,6vw,4.5rem)}
.pagehead .wrap{display:grid;gap:1.5rem;align-items:center}
.pagehead h1{font-size:clamp(2.6rem,11vw,4.75rem);line-height:1;letter-spacing:-.035em}
.pagehead h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 26px var(--hg)}
.pagehead .lede{max-width:52ch}
.pagehead__art{display:grid;place-items:center}
.pagehead__art .mk{width:min(56vw,240px)}
@media (min-width:700px){.pagehead .wrap{grid-template-columns:1.2fr .8fr;gap:3rem}.pagehead__art{justify-self:end}.pagehead__art .mk{width:min(100%,340px)}}
.card .meta{color:var(--soft);font-weight:500;margin:0}
.card--night{background:var(--nightrow);border-color:var(--pink);color:var(--nighttext);box-shadow:0 8px 28px var(--bw)}
.card--night h3{color:var(--nightpink)}
.card--night .price{color:var(--nightpink)}
.card--night .meta,.card--night .price-note{color:var(--nighttext)}
.card--night :focus-visible{outline-color:#CCFF4A}
.plain{list-style:none;margin:1.5rem 0 0;padding:0}
.plain li{padding:.85rem 0;border-top:1.5px dashed var(--line);font-weight:500}
.plain li:last-child{border-bottom:1.5px dashed var(--line)}
.plain b{font-family:var(--display);font-weight:900;letter-spacing:-.02em}
.foot-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
footer .foot-nav a{padding:.7rem .25rem;min-width:44px;text-align:center}
footer small{display:block;font-size:1rem}

/* ---------- judge remedies (2026-10-29 afternoon) ---------- */
html[data-mode="day"] .w-out,html[data-mode="day"] .pagehead h1 em{color:#D81B60}
.glow__wash{-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(clamp(90px,12vw,170px) - 3px),transparent calc(clamp(90px,12vw,170px) - 3px) clamp(90px,12vw,170px)),linear-gradient(180deg,transparent 0,#000 clamp(40px,7vw,90px),#000 calc(100% - clamp(40px,7vw,90px)),transparent 100%);-webkit-mask-composite:source-in;mask:repeating-linear-gradient(90deg,#000 0 calc(clamp(90px,12vw,170px) - 3px),transparent calc(clamp(90px,12vw,170px) - 3px) clamp(90px,12vw,170px)),linear-gradient(180deg,transparent 0,#000 clamp(40px,7vw,90px),#000 calc(100% - clamp(40px,7vw,90px)),transparent 100%);mask-composite:intersect}
@media (min-width:860px){.cards--2,.cards--4{grid-template-columns:repeat(2,1fr)}}
.space__art{place-items:center}
@media (min-width:860px){.space__art{place-items:center end}}
body{min-height:100dvh;display:flex;flex-direction:column}
body>footer{margin-top:auto}
body>main{flex:1 0 auto}
.notes .wrap{gap:.5rem}
@media (min-width:1060px){.nav{gap:.5rem}.nav a{padding:0 .7rem}}