@import url(/static/fonts.css);
:root{--gold:#f2c14e;--gold2:#b8862b;--ink:#0b0804;--cream:#fff3d6;--muted:#b9a574;
  --sans:"Montserrat","Avenir Next",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--ink);color:var(--cream);font-family:var(--sans)}
::selection{background:var(--gold);color:#1b1204}
input,textarea,button{caret-color:var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Golden Tides wordmark, after the brochure: white "Golden", gold italic "Tides" */
.mark{font-family:var(--sans);text-transform:uppercase;line-height:.9;margin:0}
.mark .g{display:block;font-weight:300;letter-spacing:.04em;color:#fff}
.mark .t{display:block;font-weight:800;font-style:italic;letter-spacing:-.01em;
  background:linear-gradient(180deg,#ffe9a6,#f2c14e 50%,#b8862b);-webkit-background-clip:text;background-clip:text;color:transparent}

/* poster: sized by its container, everything in cqw so it scales */
.poster{position:relative;aspect-ratio:3/4;container-type:inline-size;overflow:hidden;background:#000;
  border-radius:2.2cqw;box-shadow:0 0 0 .9cqw var(--gold),0 0 0 1.4cqw #5a3d0c,0 2.4cqw 6cqw rgba(0,0,0,.65)}
.poster .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.poster .shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 48%,rgba(8,4,0,.9) 76%,rgba(8,4,0,.98) 100%)}
.poster .top{position:absolute;left:4cqw;right:4cqw;top:3.4cqw;display:flex;justify-content:space-between;align-items:flex-start}
.poster .top img{height:8cqw;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.6))}
.poster .event{text-align:right}
.poster .event .mark{font-size:6.2cqw;display:flex;gap:1.2cqw;justify-content:flex-end;align-items:baseline}
.poster .event .mark .g,.poster .event .mark .t{display:inline}
.poster .event small{display:block;margin-top:1cqw;font:600 2.2cqw var(--sans);letter-spacing:.45cqw;text-transform:uppercase;color:var(--cream)}
.poster .stamp{position:absolute;right:4cqw;top:19cqw;font:600 3.2cqw "Courier New",monospace;color:#ff9a2e;letter-spacing:.2cqw;transform:rotate(-3deg);text-shadow:0 .2cqw .4cqw rgba(0,0,0,.6)}
.poster .sparkle{position:absolute;width:5.4cqw;height:5.4cqw;color:#fff6c8;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.5));animation:tw 2.6s var(--ease) infinite}
.poster .sparkle path{fill:currentColor;stroke:none}
@keyframes tw{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
.poster .cap{position:absolute;left:5cqw;right:5cqw;bottom:4.6cqw}
.poster .name{font:800 8.6cqw/1 var(--sans);text-transform:uppercase;letter-spacing:-.01em;color:#fff;
  text-shadow:0 .4cqw 1cqw rgba(0,0,0,.7);word-break:break-word;text-wrap:balance}
.poster .biz{margin-top:1.4cqw;font:700 3cqw var(--sans);letter-spacing:.5cqw;text-transform:uppercase;color:var(--gold)}
.poster .msg{position:relative;margin-top:2.8cqw;padding:3.2cqw 4cqw 3cqw 9cqw;border-radius:1.6cqw;background:rgba(255,243,214,.1);
  font:italic 600 5.2cqw/1.18 var(--serif);color:var(--cream);word-break:break-word;text-wrap:pretty}
.poster .msg::before{content:"\201C";position:absolute;left:2.4cqw;top:-.4cqw;font:italic 800 16cqw/1 var(--serif);color:var(--gold)}
.poster .foot{margin-top:2.6cqw;font:600 2.2cqw var(--sans);letter-spacing:.45cqw;text-transform:uppercase;color:#e2c17a;text-align:center}
.poster.new::after{content:"NEW";position:absolute;left:4cqw;top:15cqw;background:var(--gold);color:#1b1204;font:800 3cqw var(--sans);padding:.8cqw 2.4cqw;border-radius:5cqw;letter-spacing:.3cqw;transform:rotate(-6deg)}