/* Vanilla Ice Beach Project case page only (new file, so the immutable site.css cache is not an issue) */
.vi-h1{max-width:14ch}
.vi-topgrid{display:grid;gap:clamp(2rem,5vw,3rem)}
.vi-hero{margin:0}
@media (min-width:64em){.vi-topgrid{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(2rem,4vw,4rem)}.vi-h1.d-xl{font-size:clamp(3.5rem,1rem + 4.6vw,6.5rem)}}
.vi-page .cs-grid,.cs-sec .cs-grid{align-items:start}
.vi-hero img{width:100%;height:auto;display:block;border-radius:.25rem;background:var(--ink);aspect-ratio:16/9;object-fit:cover;object-position:50% 40%;box-shadow:.6rem .6rem 0 var(--y)}
.vi-hero figcaption{font-size:.9375rem;line-height:1.4;margin-top:1rem;color:var(--muted,#55534E)}
.vi-wide .wide-img{aspect-ratio:4/5}
@media (min-width:40em){.vi-wide .wide-img{aspect-ratio:21/9}}
.vi-w-sky .wide-img{object-position:45% 35%}
.vi-w-night .wide-img{object-position:55% 50%}
.vi-w-tag .wide-img{object-position:50% 45%}
.vi-gal{list-style:none;margin:1.25rem 0 0;padding:0;columns:1;column-gap:1.25rem}
@media (min-width:36em){.vi-gal{columns:2}}
@media (min-width:56em){.vi-gal{columns:3}.vi-gal.two{columns:2}}
.vi-gal li{break-inside:avoid;margin:0 0 1.25rem}
.vi-gal figure{margin:0}
.vi-gal img{width:100%;height:auto;display:block;border-radius:.25rem;background:var(--ink)}
.vi-gal figcaption{font-size:.9375rem;line-height:1.4;margin-top:.5rem;color:var(--muted,#55534E)}
.vi-vids{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1.25rem}
@media (min-width:56em){.vi-vids{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-vids .vi-v:first-child{grid-column:1/-1}}
.vi-frame{position:relative;aspect-ratio:16/9;background:var(--ink);color:var(--paper);border-radius:.25rem;overflow:hidden}
.vi-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vi-ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1rem,3vw,2rem)}
.vi-pi{position:absolute;top:50%;left:50%;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;border:2px solid var(--paper);border-radius:50%;opacity:.6}
.vi-pi::after{content:"";position:absolute;left:1.55rem;top:1.2rem;border-style:solid;border-width:.8rem 0 .8rem 1.3rem;border-color:transparent transparent transparent var(--paper)}
.vi-vk{font:800 .8rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--y);margin:0 0 .5rem}
.vi-vt{font:900 clamp(1.25rem,1rem + 1.2vw,2rem)/1 var(--f-display);font-stretch:115%;letter-spacing:-.02em;margin:0;max-width:24ch}
.vi-vs{font-size:.9375rem;margin:.5rem 0 0;opacity:.7}
.vi-ready .playbtn{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer}
.vi-next{margin-top:1.5rem;max-width:52ch}
.vi-cardp{font-size:1.0625rem;line-height:1.45;max-width:44ch}

/* v2: ONE NIGHT layout */
.vi-on{margin:clamp(2rem,6vw,4rem) 0}
.vi-on-fig{margin:0;position:relative;background:var(--ink)}
.vi-on-fig picture{display:block}
.vi-on-img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media (min-width:40em){.vi-on-img{aspect-ratio:16/9;max-height:92vh}}
.vi-on-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(3rem,10vw,8rem) 0 clamp(1.25rem,4vw,3rem);background:linear-gradient(transparent,rgba(0,0,0,.72));color:var(--paper)}
.vi-on-cap .wrap{display:block}
.vi-on-cap .label{display:block;color:var(--y);margin:0 0 .5rem}
.vi-on-h{display:block;font-size:clamp(3rem,1rem + 8vw,8rem);line-height:.9;letter-spacing:-.03em}
.vi-pay .vi-pay-p{max-width:52ch;margin-top:.75rem}
.vi-vids-one{grid-template-columns:1fr!important}
.vi-vids-one .vi-vt{font-size:clamp(1.25rem,.5rem + 3.4vw,3.5rem);max-width:18ch}
.vi-vids-one .vi-pi,.vi-vids-bp .vi-pi{top:30%}
@media (min-width:40em){.vi-vids-one .vi-pi,.vi-vids-bp .vi-pi{top:50%}}
.vi-strip{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:40em){.vi-strip{gap:1rem}}
.vi-strip li:first-child:nth-last-child(odd){grid-column:1/-1}
@media (min-width:56em){.vi-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.vi-strip li:first-child:nth-last-child(odd){grid-column:auto}}
.vi-strip img{display:block;width:100%;height:auto;border-radius:.25rem;background:var(--ink)}
.vi-strip+.vi-vids{margin-top:1.25rem}
.vi-duo{margin:2rem auto 0;max-width:88%}
@media (min-width:56em){.vi-duo{max-width:34rem;margin-top:3rem}}
.vi-duo img{display:block;width:100%;height:auto}
.vi-bp{margin-top:clamp(2.5rem,6vw,4rem)}
.vi-bp .vi-vids{margin-top:.75rem}
@media (min-width:56em){.vi-vids-bp{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.vi-vids-bp .vi-v:first-child{grid-column:auto}}
.vi-beyond{margin-top:clamp(1.5rem,4vw,2.5rem);max-width:60ch;font-size:.9375rem;line-height:1.5;color:var(--muted,#55534E)}