/* Perla Verde — Miami deco supper club. Flamingo, seafoam, cream, aubergine. */
:root{
  --pink:#f8a9bc; --pink-2:#fbc6d2; --hot:#ef5d8c; --sea:#a6e0cf; --sea-2:#c9efe3; --teal:#0f6f69; --cream:#fff3e2; --aub:#38163a; --aub-2:#280e2b; --aub-3:#4a2350;
  --disp:"Limelight","Broadway",Georgia,serif; --text:"Josefin Sans","Gill Sans",sans-serif;
  --gut:clamp(18px,4vw,56px); --bar-h:66px;
  --snap:cubic-bezier(.2,.8,.2,1);
  --zig:polygon(0 100%,0 28%,5% 28%,5% 14%,10% 14%,10% 0,90% 0,90% 14%,95% 14%,95% 28%,100% 28%,100% 100%);
  --notch:polygon(0 28px,14px 28px,14px 14px,28px 14px,28px 0,calc(100% - 28px) 0,calc(100% - 28px) 14px,calc(100% - 14px) 14px,calc(100% - 14px) 28px,100% 28px,100% calc(100% - 28px),calc(100% - 14px) calc(100% - 28px),calc(100% - 14px) calc(100% - 14px),calc(100% - 28px) calc(100% - 14px),calc(100% - 28px) 100%,28px 100%,28px calc(100% - 14px),14px calc(100% - 14px),14px calc(100% - 28px),0 calc(100% - 28px));
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--aub-2);color:var(--aub);font:400 18px/1.55 var(--text);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--hot);outline-offset:3px}
.marquee :focus-visible,.bar :focus-visible,.reserve .res-copy :focus-visible,.foot :focus-visible{outline-color:var(--sea)}
[id]{scroll-margin-top:calc(var(--bar-h) + 14px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ticket button */
.tix{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:4px 26px 0;background:var(--pink);color:var(--aub-2);font:600 .82rem/1 var(--text);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;
  clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));
  transition:background .3s var(--snap),color .3s var(--snap),letter-spacing .3s var(--snap)}
.tix:hover{background:var(--sea);letter-spacing:.28em}
.tix--lg{min-height:60px;padding:4px 40px 0;font-size:.95rem}

/* top bar */
.bar{position:sticky;top:0;z-index:50;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--gut);background:var(--aub-2);color:var(--cream);border-bottom:3px double rgba(248,169,188,.5)}
.bar-name{font:400 1.55rem/1 var(--disp);color:var(--pink);text-decoration:none;padding:12px 0;white-space:nowrap}
.bar-nav{display:flex;gap:clamp(12px,2vw,30px)}
.bar-nav a{font:600 .74rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:18px 0 14px;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.bar-nav a:hover,.bar-nav a:focus-visible{color:var(--sea);border-bottom-color:var(--sea)}
.bar-act{display:flex;align-items:center;gap:20px}
.bar-tel{font:600 .85rem/1 var(--text);letter-spacing:.1em;text-decoration:none;padding:16px 0 12px;white-space:nowrap}
.bar-tel:hover{color:var(--pink)}

/* marquee (hero) */
.marquee{position:relative;overflow:hidden;background:var(--aub-2);color:var(--cream);text-align:center;padding:clamp(28px,5vh,56px) var(--gut) 0;display:flex;flex-direction:column;align-items:center}
.rays{position:absolute;inset:0;background:repeating-conic-gradient(from -90deg at 50% 100%,var(--aub-3) 0 3deg,transparent 3deg 9deg);-webkit-mask:radial-gradient(ellipse 75% 100% at 50% 100%,#000 10%,transparent 72%);mask:radial-gradient(ellipse 75% 100% at 50% 100%,#000 10%,transparent 72%);opacity:.9}
.marquee > *:not(.rays){position:relative}
.over{font:600 .78rem/1.4 var(--text);letter-spacing:.34em;text-transform:uppercase;color:var(--sea)}
.over span{color:var(--pink);margin:0 .5em}
.over sup,.foot-note sup{font-size:.7em}
.sign{margin-top:clamp(14px,3vh,30px);display:grid;justify-items:center;gap:clamp(6px,1.4vh,14px)}
.neon{display:block}
.neon--pink{font:400 clamp(3.5rem,12.4vw,11.5rem)/.95 var(--disp);color:#fff0f4;text-shadow:0 0 3px #fff,0 0 10px #ff9dbb,0 0 24px #ff5d94,0 0 52px #ff2f7d,0 0 96px rgba(255,47,125,.55)}
.neon--teal{font:600 clamp(.82rem,2vw,1.55rem)/1.2 var(--text);letter-spacing:.46em;text-transform:uppercase;padding-left:.46em;color:#eafffa;text-shadow:0 0 3px #fff,0 0 10px #6df0d8,0 0 24px #22c9b0,0 0 48px rgba(34,201,176,.6)}
.neon--teal i{font-style:normal;color:#fff0f4;text-shadow:0 0 3px #fff,0 0 10px #ff9dbb,0 0 24px #ff5d94}
@keyframes switch-on{0%{opacity:.12;text-shadow:none}8%{opacity:1}11%{opacity:.2;text-shadow:none}16%{opacity:1}34%{opacity:1}37%{opacity:.35}40%{opacity:1}100%{opacity:1}}
.neon--pink{animation:switch-on 1.7s linear .25s both}
.neon--teal{animation:switch-on 1.5s linear .9s both}
.pitch{margin-top:clamp(18px,3.4vh,34px);max-width:40em;font:300 clamp(1.02rem,1.4vw,1.2rem)/1.6 var(--text);color:var(--cream)}
.pitch strong{font-weight:600;color:var(--pink);white-space:nowrap}
.marquee-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:clamp(20px,3.4vh,34px)}
.ring{display:inline-flex;align-items:center;min-height:46px;font:600 .82rem/1 var(--text);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--sea);border-bottom:2px solid transparent;transition:border-color .3s}
.ring:hover{border-bottom-color:var(--sea)}
.window{width:min(1180px,100%);margin-top:clamp(28px,5vh,56px);padding:7px 7px 0;background:linear-gradient(90deg,var(--pink),var(--sea),var(--pink));clip-path:var(--zig)}
.window img{width:100%;aspect-ratio:21/8.2;object-fit:cover;object-position:50% 58%;clip-path:var(--zig)}
.foot-note{position:absolute !important;left:var(--gut);bottom:10px;font:300 .74rem/1.3 var(--text);color:var(--pink-2);opacity:.9;max-width:14em;text-align:left}

/* the table and the card */
.table{background:var(--pink);padding:clamp(28px,6vw,96px) var(--gut);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,transparent 2px 34px)}
.card{position:relative;max-width:1120px;margin:0 auto;background:var(--cream);padding:clamp(48px,7vw,104px) clamp(22px,6vw,96px);clip-path:var(--notch)}
.card::before{content:"";position:absolute;inset:clamp(12px,2vw,26px);border:1px solid var(--aub);outline:1px solid var(--aub);outline-offset:-6px;pointer-events:none;clip-path:var(--notch)}
.card-head{text-align:center;margin-bottom:clamp(40px,6vw,80px)}
.fan{width:96px;height:auto;color:var(--hot);margin:0 auto}
.card-kicker,.kick{font:600 .78rem/1.4 var(--text);letter-spacing:.34em;text-transform:uppercase;color:var(--teal)}
.card-kicker{margin-top:18px}
.card-title{font:400 clamp(3rem,8vw,6.4rem)/1 var(--disp);color:var(--aub);margin-top:8px}
.card-sub{margin-top:14px;font:300 italic 1.02rem/1.4 var(--text)}

.course{margin-top:clamp(48px,7vw,88px)}
.card-head + .course{margin-top:0}
.course-h{display:flex;align-items:center;gap:clamp(12px,2.4vw,28px);font:400 clamp(2rem,4.6vw,3.6rem)/1.05 var(--disp);color:var(--aub);text-align:center}
.course-h::before,.course-h::after{content:"";flex:1;height:11px;border-top:2px solid var(--hot);border-bottom:2px solid var(--hot);background:linear-gradient(var(--teal),var(--teal)) center/100% 2px no-repeat;transform-origin:right center;transition:transform .9s var(--snap)}
.course-h::after{transform-origin:left center}
.js .course-h:not(.in)::before,.js .course-h:not(.in)::after{transform:scaleX(0)}
.course-note{text-align:center;margin-top:10px;font:300 italic 1.05rem/1.4 var(--text);color:var(--teal)}
.dishes{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,40px) clamp(32px,6vw,88px)}
.dishes h3{display:flex;align-items:baseline;gap:10px;font:600 .98rem/1.3 var(--text);letter-spacing:.13em;text-transform:uppercase}
.dishes h3 b{flex:1;display:flex;align-items:baseline;gap:10px;min-width:3.6em;font:400 1.35rem/1 var(--disp);letter-spacing:0;color:var(--teal)}
.dishes h3 b::before{content:"";flex:1;border-bottom:2px dotted var(--aub);opacity:.4;transform:translateY(-5px)}
.dishes p{margin-top:6px;max-width:30em;font:300 1.04rem/1.5 var(--text)}
.dishes li{transition:transform .35s var(--snap)}
.dishes li:hover{transform:translateX(6px)}
.sides{margin-top:clamp(28px,4vw,44px);text-align:center;font:400 .98rem/1.7 var(--text);letter-spacing:.06em}
.sides b{font:400 1.2rem var(--disp);color:var(--hot);margin-right:12px;letter-spacing:0}
.sides span{color:var(--hot);margin:0 .5em}
.card-foot{margin-top:clamp(48px,7vw,80px);padding-top:26px;border-top:3px double var(--aub);text-align:center}
.card-foot p{max-width:46em;margin:0 auto;font:300 .9rem/1.6 var(--text)}

.plate{margin-top:clamp(48px,7vw,88px);background:var(--sea)}
.plate img{width:100%;object-fit:cover}
.plate--wide{margin-right:14px}
.plate--wide img{aspect-ratio:16/8;transform:translate(14px,-14px)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px);margin-top:clamp(48px,7vw,88px);align-items:end}
.pair .plate{margin-top:0;background:none}
.plate--zig{padding:6px 6px 0;background:var(--hot) !important;clip-path:var(--zig)}
.plate--zig.plate--b{background:var(--teal) !important}
.plate--zig img{aspect-ratio:4/3.6;clip-path:var(--zig)}
.js [data-rise] img{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--snap)}
.js .plate--wide[data-rise] img{transition:clip-path 1s var(--snap),transform 1s var(--snap)}
.js [data-rise].in img{clip-path:inset(0)}
.js .plate--zig[data-rise].in img{clip-path:var(--zig)}
.js .plate--zig[data-rise] img{clip-path:polygon(0 100%,0 100%,5% 100%,5% 100%,10% 100%,10% 100%,90% 100%,90% 100%,95% 100%,95% 100%,100% 100%,100% 100%)}

/* cocteles */
.cocteles{background:var(--sea);padding:clamp(64px,9vw,130px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head port" "list port" "foot port";gap:0 clamp(32px,6vw,96px);align-items:start;position:relative}
.cocteles::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,var(--aub) 0 14px,transparent 14px 28px)}
.coc-head{grid-area:head}
.deco-h{font:400 clamp(2.8rem,7vw,6rem)/.98 var(--disp);color:var(--aub);margin-top:10px}
.deco-h--sm{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.coc-lede{margin-top:18px;max-width:30em;font:300 1.1rem/1.55 var(--text)}
.hint{display:block;margin-top:6px;font:600 .74rem/1.5 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
.drinks{grid-area:list;margin-top:clamp(28px,4vw,48px);border-top:3px double var(--aub)}
.drink{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 16px;width:100%;min-height:64px;padding:18px 14px 16px 22px;background:none;border:0;border-bottom:1px solid var(--aub);text-align:left;cursor:pointer;transition:background .35s var(--snap),padding-left .35s var(--snap)}
.drink::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--hot);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--snap)}
.drink:hover,.drink.is-on{background:var(--sea-2);padding-left:32px}
.drink.is-on::before,.drink:hover::before{transform:scaleY(1)}
.drink-n{font:400 clamp(1.5rem,2.5vw,2.1rem)/1.1 var(--disp)}
.drink-p{font:400 1.35rem/1.3 var(--disp);color:var(--teal)}
.drink-d{grid-column:1 / -1;font:300 1.02rem/1.5 var(--text);max-width:34em}
.coc-foot{grid-area:foot;margin-top:26px;font:300 italic .98rem/1.5 var(--text)}
.porthole{grid-area:port;position:sticky;top:calc(var(--bar-h) + 40px);justify-self:center;width:min(560px,100%);aspect-ratio:1;border-radius:50%;padding:clamp(18px,2.6vw,34px);
  background:
   radial-gradient(circle at 96% 50%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 82.5% 82.5%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 50% 96%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 17.5% 82.5%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 4% 50%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 17.5% 17.5%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 50% 4%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),radial-gradient(circle at 82.5% 17.5%,#4b4450 0 5px,#f4f4f4 6px 7px,transparent 8px),
   conic-gradient(from 30deg,#f7f7f9,#9a96a3,#fdfdfd,#b9b5c0,#6f6a78,#f1f1f4,#a5a1ad,#fff,#8b8794,#f7f7f9);
  box-shadow:0 0 0 4px var(--aub),14px 18px 0 0 var(--hot)}
.porthole-glass{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--aub);box-shadow:inset 0 0 0 5px var(--aub)}
.porthole-glass img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:rotate(-14deg) scale(1.18);transition:opacity .55s ease,transform .8s var(--snap)}
.porthole-glass img.is-on{opacity:1;transform:none}
.porthole-glass::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 72%,rgba(255,255,255,.14) 100%);pointer-events:none}

/* the room */
.room{background:var(--cream);padding:clamp(64px,9vw,130px) var(--gut);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.room-copy{grid-column:1 / 7}
.room-copy p:not(.kick){margin-top:20px;max-width:32em;font:300 1.1rem/1.6 var(--text)}
.room-copy .deco-h + p{margin-top:28px}
.facts{margin-top:34px;border-top:3px double var(--aub);max-width:34em}
.facts li{padding:14px 0 12px;border-bottom:1px solid var(--aub);font:300 1.02rem/1.4 var(--text)}
.facts b{font:400 1.25rem var(--disp);color:var(--hot);margin-right:10px}
.room-fig{background:var(--pink)}
.room-fig img{width:100%;height:100%;object-fit:cover}
.room-fig--a{grid-column:7 / 12;grid-row:1;aspect-ratio:3/4;clip-path:var(--zig);padding:6px 6px 0;background:var(--teal)}
.room-fig--a img{clip-path:var(--zig)}
.js .room-fig--a[data-rise].in img{clip-path:var(--zig)}
.room-fig--b{grid-column:10 / 13;grid-row:1;align-self:end;aspect-ratio:1;border-radius:50%;overflow:hidden;border:7px solid var(--cream);box-shadow:0 0 0 3px var(--aub);transform:translateY(34%);z-index:1}
.js .room-fig--b[data-rise].in img{clip-path:none}

/* raves */
.raves{background:var(--pink);padding:clamp(64px,9vw,120px) var(--gut);position:relative}
.raves::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,var(--aub) 0 14px,transparent 14px 28px)}
.raves-head{text-align:center}
.rating{margin-top:14px;font:400 1rem/1.5 var(--text);letter-spacing:.04em}
.rating b{font:400 1.5rem var(--disp);margin:0 6px 0 4px}
.stars{color:var(--aub);letter-spacing:.2em}
.rave-list{margin:clamp(36px,5vw,64px) auto 0;max-width:1180px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.rave-list li{padding:clamp(24px,3vw,44px);border-top:3px double var(--aub)}
.rave-list li:nth-child(odd){border-right:3px double var(--aub)}
.rave-list li:nth-last-child(-n+2){border-bottom:3px double var(--aub)}
.rave-list blockquote{font:300 clamp(1.2rem,1.9vw,1.55rem)/1.45 var(--text)}
.rave-list p{margin-top:16px;font:600 .8rem/1.4 var(--text);letter-spacing:.2em;text-transform:uppercase}
.rave-list p span{font-weight:400}

/* reserve */
.reserve{position:relative;overflow:hidden;background:var(--aub-2);color:var(--cream);padding:clamp(64px,9vw,130px) var(--gut);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px clamp(32px,6vw,96px);align-items:start}
.reserve > *:not(.rays){position:relative}
.rays--low{opacity:.6}
.kick--teal{color:var(--sea)}
.deco-h--neon{color:var(--pink)}
.visit{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:30px 32px}
.visit dt{font:600 .76rem/1.4 var(--text);letter-spacing:.28em;text-transform:uppercase;color:var(--sea);margin-bottom:8px}
.visit dd{font:300 1.04rem/1.6 var(--text)}
.visit a{text-decoration:none;display:inline-block;padding:9px 0;border-bottom:1px solid rgba(248,169,188,.5)}
.visit a:hover{color:var(--pink)}
.book{background:var(--cream);color:var(--aub);padding:clamp(34px,4vw,56px) clamp(24px,3.4vw,48px);clip-path:var(--notch);display:grid;gap:20px}
.book-h{font:400 2.2rem/1 var(--disp);text-align:center;margin-bottom:4px}
.row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.row--2{grid-template-columns:1fr 1fr}
.f{display:grid;gap:6px;min-width:0}
.f label{font:600 .72rem/1.4 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
.f input,.f select{width:100%;min-height:50px;padding:6px 12px 2px;background:#fff;border:2px solid var(--aub);border-radius:0;color:var(--aub);font:400 1.02rem var(--text);transition:border-color .25s,box-shadow .25s}
.f input:hover,.f select:hover{border-color:var(--teal)}
.f input:focus-visible,.f select:focus-visible{outline:none;border-color:var(--hot);box-shadow:4px 4px 0 var(--pink)}
.book .tix{background:var(--aub);color:var(--cream);width:100%}
.book .tix:hover{background:var(--hot);color:#fff}
.book-note{text-align:center;font:600 .95rem/1.4 var(--text);color:var(--teal)}
.book-fine{text-align:center;font:300 italic .92rem/1.5 var(--text)}

/* footer */
.foot{background:var(--aub-2);color:var(--pink-2);text-align:center;padding:clamp(48px,7vw,88px) var(--gut) 40px;border-top:3px double rgba(248,169,188,.5);font:300 .98rem/1.7 var(--text)}
.foot .fan{color:var(--sea)}
.foot-name{font:400 clamp(2.4rem,6vw,4.4rem)/1.1 var(--disp);color:var(--pink);margin:10px 0 14px}
.foot a{text-decoration:none;display:inline-block;padding:10px 2px}.foot a:hover{color:var(--sea)}
.foot span{color:var(--sea);margin:0 .5em}
.foot-fine{margin-top:18px;font-size:.84rem;opacity:.85}
.dock{display:none}

@media (max-width:1080px){
  .bar-nav{display:none}
  .cocteles{grid-template-columns:1fr;grid-template-areas:"head" "port" "list" "foot"}
  .porthole{position:sticky;top:var(--bar-h);z-index:2;width:calc(100% + 2 * var(--gut));max-width:none;margin:24px calc(-1 * var(--gut)) 0;aspect-ratio:auto;height:212px;border-radius:0;padding:14px 0 18px;background:var(--sea);box-shadow:none;border-bottom:3px double var(--aub);display:grid;place-items:center}
  .porthole-glass{width:180px;height:180px;border:11px solid #c4c0cc;box-shadow:0 0 0 3px var(--aub),inset 0 0 0 3px var(--aub),7px 8px 0 3px var(--hot)}
  .drinks{margin-top:0;border-top:0}
  .room-copy{grid-column:1 / 13}
  .room-fig--a{grid-column:2 / 8;grid-row:2;margin-top:48px}
  .room-fig--b{grid-column:7 / 12;grid-row:2;transform:translateY(12%)}
  .reserve{grid-template-columns:1fr}
}
@media (max-width:720px){
  :root{--bar-h:58px}
  body{font-size:17px;padding-bottom:62px}
  .bar-tel,.bar .tix{display:none}
  .bar{justify-content:center}
  .marquee{padding-top:34px}
  .over{font-size:.78rem;letter-spacing:.2em}
  .neon--pink{font-size:clamp(3.3rem,17.5vw,5rem)}
  .neon--teal{font-size:.74rem;letter-spacing:.3em;padding-left:.3em}
  .marquee-act .tix{width:100%}
  .window{margin-top:30px}
  .window img{aspect-ratio:4/3.1}
  .foot-note{position:static !important;margin:14px auto 16px;text-align:center;max-width:none}
  .table{padding:22px 10px;background-size:auto}
  .card{padding:54px 26px 48px;--notch:polygon(0 16px,8px 16px,8px 8px,16px 8px,16px 0,calc(100% - 16px) 0,calc(100% - 16px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 16px,100% 16px,100% calc(100% - 16px),calc(100% - 8px) calc(100% - 16px),calc(100% - 8px) calc(100% - 8px),calc(100% - 16px) calc(100% - 8px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 16px),0 calc(100% - 16px))}
  .card::before{inset:10px}
  .dishes{grid-template-columns:1fr}
  .dishes li:hover{transform:none}
  .course-h{gap:10px}
  .plate--wide img{aspect-ratio:4/3}
  .pair{grid-template-columns:1fr}
  .pair .plate--b{display:none}
  .drink{padding-left:18px}.drink:hover,.drink.is-on{padding-left:24px}
  .room{display:block}
  .room-fig--a{margin:44px 12% 0 0}
  .room-fig--b{width:52%;margin:-24% 0 0 auto;transform:none;position:relative}
  .rave-list{grid-template-columns:1fr}
  .rave-list li:nth-child(odd){border-right:0}
  .rave-list li:nth-last-child(2){border-bottom:0}
  .rave-list li{padding:26px 4px}
  .visit{grid-template-columns:1fr}
  .row{grid-template-columns:1fr 1fr}.row .f:first-child{grid-column:1 / -1}.row--2{grid-template-columns:1fr}.row--2 .f:first-child{grid-column:auto}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 2.2fr;background:var(--aub-2);border-top:3px double var(--pink)}
  .dock a{display:flex;align-items:center;justify-content:center;min-height:58px;padding-top:3px;font:600 .8rem/1 var(--text);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--cream)}
  .dock-r{background:var(--pink);color:var(--aub-2) !important}
  .card-kicker,.kick,.visit dt,.rave-list p{font-size:.84rem;letter-spacing:.24em}
  .foot-note{font-size:.86rem}
  .card-foot p{font-size:1rem}
  .f label{font-size:.8rem}
}
/* Reduce Motion: the neon still switches on, as a smooth glow-up instead of a flicker; plates fade into their
   frames instead of rising, and the porthole cross-fades without the spin. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .neon--pink{animation:glow-on 1.4s ease .25s both}
  .neon--teal{animation:glow-on 1.2s ease .8s both}
  @keyframes glow-on{from{opacity:0;text-shadow:none}}
  .js [data-rise] img{clip-path:inset(0);opacity:0;transition:opacity .9s ease}
  .js [data-rise].in img{opacity:1}
  .js .plate--zig[data-rise] img,.js .room-fig--a[data-rise] img{clip-path:var(--zig)}
  .js .room-fig--b[data-rise] img{clip-path:none}
  .porthole-glass img{transition:opacity .55s ease;transform:none}
  .tix,.drink,.drink::before,.dishes li{transition:none}
}