/* Four event-page prototypes. Loaded only on /event/<name>/?concept=a|b|c|d */

/* ---------- shared shell ---------- */
body.syp-evc{background:var(--void);overflow-x:hidden}
.syp-evc .hdr{position:absolute;z-index:20}
.syp-evc .brand{opacity:1;visibility:visible}
.syp-evc main,.syp-evc .foot{position:relative;z-index:3}
.evc{--gut:clamp(18px,5vw,90px)}
/* Prototype label: a line at the very top that scrolls away, so it never sits on the buttons. */
.evc-flag{margin:0;padding:7px 14px;text-align:center;font:500 9.5px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--void);background:var(--gold);opacity:.9}
.syp-evc .hdr{top:0}
.evc-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}

/* video: poster and a play button. The file is fetched only on click. */
.evc-vid{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#000}
.evc-vid img{width:100%;height:100%;object-fit:cover;display:block}
.evc-vid .evc-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.evc-vid.playing img,.evc-vid.playing .evc-play,.evc-vid.playing .evc-vcap{opacity:0;pointer-events:none}
.evc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:1px solid rgba(242,243,247,.5);background:rgba(4,6,15,.4);backdrop-filter:blur(6px);cursor:pointer;transition:background .4s var(--ease),transform .4s var(--ease)}
.evc-play:hover{background:rgba(4,6,15,.65);transform:translate(-50%,-50%) scale(1.06)}
.evc-play span{position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:15px solid var(--gold-hi);border-top:10px solid transparent;border-bottom:10px solid transparent}
.evc-vcap{position:absolute;left:0;right:0;bottom:14px;text-align:center;margin:0;font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}

.evc-sticky{opacity:1;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.evc-sticky.off{opacity:0;transform:translateY(14px);pointer-events:none}

/* ======================================================= A - THE INVITATION */
.evc-a .a-stage{min-height:100svh;display:grid;justify-items:center;align-content:center;gap:0;padding:clamp(104px,14vh,150px) var(--gut) clamp(50px,8vh,90px);text-align:center}
.evc-a .a-house{margin:0 0 26px;font:500 10.5px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--fog)}
/* The tagline takes the place of the section label above the schedule: Geist white, then
   Bodoni italic gold, the same move the home page makes on 'Request your spot'. */
.evc-a .a-hook{max-width:620px;margin:0 auto 26px;font:300 clamp(19px,2.6vw,32px)/1.14 var(--sans);letter-spacing:-.04em;text-transform:none;color:var(--text);text-wrap:balance}
.evc-a .a-hook span{color:var(--text)}
.evc-a .a-hook i{font:italic 400 1.08em/1 var(--serif);letter-spacing:-.02em;color:var(--gold)}
/* Four ways of setting the same line; ?stile=1..4 picks one, 1 is the default.
   2 - one single typeface, the second part only changes colour.
   3 - the second part drops to a small gold line underneath, like a stamp.
   4 - the whole line in Bodoni italic, white then gold. */
.evc-a .a-hook.hk2 i{font:inherit;letter-spacing:inherit}
.evc-a .a-hook.hk3 i{display:block;margin:12px 0 0;font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.evc-a .a-hook.hk4{font:italic 400 clamp(21px,2.9vw,35px)/1.18 var(--serif);letter-spacing:-.01em}
.evc-a .a-hook.hk4 i{font:inherit;letter-spacing:inherit;color:var(--gold)}

.evc-a .a-frame{margin:0;width:min(330px,72vw);padding:14px;background:linear-gradient(160deg,rgba(205,174,110,.2),rgba(205,174,110,.04));border:1px solid rgba(205,174,110,.34);border-radius:3px;box-shadow:0 50px 110px rgba(0,0,0,.8)}
/* ?v=1 restores the first version: smaller frame and the grid of cells. */
.evc-a.v1 .a-frame{width:min(330px,72vw);max-width:330px}

/* Two frame sizes to compare: wide almost reaches the edges, medium keeps more air. */
.evc-a.frame-w .a-frame{width:calc(100% - 4px);max-width:560px;padding:clamp(8px,2.4vw,14px)}
.evc-a.frame-m .a-frame{width:min(420px,86vw);max-width:420px}
.evc-a .a-frame img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
/* The film sits inside the frame, in place of the poster. Nothing of it downloads before the click. */
.evc-a .a-filmbox{position:relative;aspect-ratio:3/4;border:0;border-radius:0;overflow:hidden;background:#000}
.evc-a .a-filmbox img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.evc-a .a-filmbox .evc-play{width:66px;height:66px}
.evc-a .a-filmbox .evc-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evc-a .a-empty{aspect-ratio:3/4;display:grid;place-items:center;background:rgba(242,243,247,.04);color:var(--fog);font:500 11px/1.6 var(--mono);letter-spacing:.14em;text-align:center}
.evc-a .a-words{margin-top:36px;display:grid;justify-items:center}
.evc-a .a-name{margin:0;font:300 clamp(30px,4.4vw,56px)/1.05 var(--sans);letter-spacing:-.03em}
.evc-a .a-date{margin:12px 0 0;font:400 clamp(17px,1.8vw,22px)/1 var(--sans);color:var(--gold)}
.evc-a .a-date i{font-family:"Bodoni Moda",Georgia,serif;font-style:italic}
.evc-a .a-cta{margin-top:30px;justify-content:center}
.evc-a .a-from{margin:16px 0 0;font:300 13px/1.5 var(--sans);color:var(--fog)}
.evc-a .a-from2{margin-top:6px}
.evc-a .a-walk{margin:14px 0 0;font:300 14px/1.5 var(--sans);color:var(--ash)}

/* What the event itself says: one line under the poster, hairline above it, nothing around it. */
.evc-a .a-say{max-width:740px;margin:clamp(66px,10vh,118px) auto 0;padding:0 var(--gut);text-align:center}
.evc-a .a-say::before{content:"";display:block;width:34px;height:1px;margin:0 auto clamp(26px,4vh,38px);background:var(--gold);opacity:.55}
.evc-a .a-say p{margin:0;font:300 clamp(22px,3.3vw,34px)/1.34 var(--serif);font-style:italic;letter-spacing:-.01em;color:var(--text)}

/* Not a table: three ruled lines for the schedule, then the place and the rules as sentences. */
.evc-a .a-card{max-width:620px;margin:clamp(70px,11vh,130px) auto 0;padding:0 var(--gut);text-align:center}
.evc-a .a-ck{margin:0 0 6px}
.evc-a .a-hours{margin:0;display:grid}
.evc-a .a-hours div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid var(--line)}
.evc-a .a-hours div:first-child{border-top:1px solid var(--line)}
.evc-a .a-hours dt{margin:0;font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fog)}
.evc-a .a-hours dd{margin:0;font:300 clamp(19px,2.4vw,24px)/1 var(--sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.evc-a .a-hours dd em{font-style:normal;font-size:.62em;color:var(--fog);margin-left:6px;letter-spacing:.06em}
.evc-a .a-place{margin:30px 0 0;font:300 clamp(17px,2vw,21px)/1.4 var(--sans);color:var(--text)}
.evc-a .a-rules{margin:14px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;font:500 10.5px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog)}
.evc-a .a-rules span+span::before{content:"\00B7";margin:0 12px;color:var(--gold);opacity:.7}
.evc-a .a-cd{margin:34px 0 0;display:flex;align-items:baseline;justify-content:center;gap:3px;font:300 22px/1 var(--sans);color:var(--text);flex-wrap:wrap}
.evc-a .a-cd span{width:100%;margin:0 0 10px;font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fog)}
.evc-a .a-cd small{font:500 10px/1 var(--mono);color:var(--fog);margin:0 14px 0 2px}
.evc-a .a-cd small:last-child{margin-right:0}

.evc-a .a-plates{margin:clamp(80px,13vh,150px) 0 0;display:grid;gap:clamp(14px,2.4vw,26px)}
.evc-a .a-lab{padding:0 var(--gut);margin:0 0 8px}
.evc-a .a-plate{margin:0}
.evc-a .a-plate img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.evc-a .a-film{margin:clamp(70px,11vh,130px) auto 0;max-width:1000px;padding:0 var(--gut)}
.evc-a .a-vid{aspect-ratio:16/9}
.evc-a .a-end{max-width:760px;margin:clamp(80px,13vh,140px) auto 0;padding:0 var(--gut) 40px}
.evc-a .a-end .h2{margin:0 0 16px;font-size:clamp(30px,4vw,54px)}
.evc-a .a-end .h2 i{font-family:"Bodoni Moda",Georgia,serif;font-style:italic;color:var(--gold)}
.evc-a .a-end .lead{margin:0 0 28px}

@media (min-width:821px){
  .evc-a .a-frame{width:min(380px,30vw)}
  .evc-a.v1 .a-frame{width:min(380px,30vw);max-width:380px}
  /* On a wide screen the frame is capped by the screen HEIGHT, so name, date and button stay visible. */
  .evc-a.frame-w .a-frame{width:min(520px,37svh)}
  .evc-a.frame-m .a-frame{width:min(420px,31svh)}
  .evc-a .a-stage{padding-top:96px;padding-bottom:44px}
  .evc-a .a-house{margin-bottom:18px}
  .evc-a .a-words{margin-top:26px}
  .evc-a .a-cta{margin-top:24px}
  .evc-a .a-from{margin-top:12px}
  .evc-a .a-plates{grid-template-columns:repeat(3,1fr);padding:0 var(--gut)}
  .evc-a .a-lab{grid-column:1/-1;padding:0}
  .evc-a .a-plate img{aspect-ratio:3/4}
}

/* ======================================================= B - EDITORIAL */
.evc-b .b-top{padding:clamp(112px,15vh,170px) var(--gut) clamp(30px,5vh,60px)}
.evc-b .b-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px}
.evc-b .b-idx{margin:0;font:500 10.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-b .b-name{margin:26px 0 0;display:grid;font:300 clamp(46px,10.5vw,148px)/.92 var(--sans);letter-spacing:-.05em;text-transform:uppercase}
.evc-b .b-name span:nth-child(even){padding-left:12%;color:var(--gold)}
.evc-b .b-date{margin:22px 0 0;font:500 11px/1 var(--mono);letter-spacing:.3em;color:var(--ash)}

.evc-b .b-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,64px);padding:clamp(40px,7vh,90px) var(--gut) 0}
.evc-b figure{margin:0}
.evc-b figcaption{margin-top:10px;font:500 10px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog)}
.evc-b .b-grid img{width:100%;height:auto;display:block}
.evc-b .b-tall img{aspect-ratio:4/5;object-fit:cover}
.evc-b .b-wide img{aspect-ratio:16/10;object-fit:cover}
.evc-b .b-poster img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.evc-b .b-empty{aspect-ratio:4/5;display:grid;place-items:center;background:rgba(242,243,247,.04);color:var(--fog);font:500 11px/1.6 var(--mono)}
.evc-b .b-note .lead{margin:0}
.evc-b .b-from{margin:22px 0 18px;font:300 26px/1 var(--sans);color:var(--gold)}
.evc-b .b-from span{display:block;margin-bottom:8px;font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-b .b-vid{aspect-ratio:4/5}
.evc-b .b-specs dl{display:grid;gap:14px;margin:20px 0 0}
.evc-b .b-specs dt{margin:0 0 4px;font:500 10px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-b .b-specs dd{margin:0;font:300 17px/1.3 var(--sans)}
.evc-b .b-cd{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);font:500 10px/1.8 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.evc-b .b-cd b{font:300 22px/1 var(--sans);color:var(--text);margin-right:2px}
.evc-b .b-end{padding:clamp(80px,13vh,150px) var(--gut) 40px;text-align:center}
.evc-b .b-end .h2{margin:0 0 26px}
.evc-b .b-end .h2 i{font-family:"Bodoni Moda",Georgia,serif;font-style:italic;color:var(--gold)}
.evc-b .b-end .row{justify-content:center}

@media (min-width:821px){
  .evc-b .b-grid{grid-template-columns:repeat(12,1fr);align-items:start;row-gap:clamp(60px,9vh,130px)}
  .evc-b .b-tall{grid-column:1/6}
  .evc-b .b-note{grid-column:8/12;padding-top:12vh}
  .evc-b .b-poster{grid-column:7/12;margin-top:-6vh}
  .evc-b .b-wide{grid-column:1/7;margin-top:8vh}
  .evc-b .b-film{grid-column:8/13}
  .evc-b .b-tall2{grid-column:2/6}
  .evc-b .b-specs{grid-column:7/12;padding-top:6vh}
}

/* ======================================================= C - THE NIGHT */
.evc-c .c-open{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(104px,14vh,160px) var(--gut) clamp(60px,9vh,110px)}
.evc-c .c-date{margin:18px 0 0;font:300 clamp(40px,8.4vw,116px)/.98 var(--sans);letter-spacing:-.045em}
.evc-c .c-name{margin:16px 0 0;font:400 clamp(20px,2.4vw,30px)/1.1 var(--sans);letter-spacing:.02em;color:var(--gold)}
.evc-c .c-sub{margin:14px 0 0;color:var(--ash);font:300 16px/1.5 var(--sans)}
.evc-c .c-cd{margin:34px 0 0;font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-c .c-cd b{font:300 26px/1 var(--sans);color:var(--text);margin:0 2px 0 0}
.evc-c .c-cue{margin-top:auto;font:500 10px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--fog)}

.evc-c .c-ch{display:grid;gap:22px;padding:clamp(60px,10vh,120px) var(--gut) 0}
.evc-c .c-media img,.evc-c .c-media .evc-vid{width:100%;display:block;border-radius:12px}
.evc-c .c-media img{height:auto;aspect-ratio:4/5;object-fit:cover}
.evc-c .c-vid{aspect-ratio:4/5}
.evc-c .c-time{margin:0;font:300 clamp(30px,5vw,50px)/1 var(--sans);color:var(--gold);letter-spacing:-.02em}
.evc-c .c-copy .kick{margin:10px 0 0}
.evc-c .c-copy h2{margin:12px 0 0;font:300 clamp(24px,3vw,38px)/1.15 var(--sans);letter-spacing:-.02em}
.evc-c .c-copy .lead{margin:12px 0 0}

.evc-c .c-poster{padding:clamp(80px,12vh,150px) var(--gut) 0;display:grid;gap:30px}
.evc-c .c-poster figure{margin:0}
.evc-c .c-poster img{width:100%;height:auto;display:block;aspect-ratio:9/16;object-fit:cover;border:1px solid var(--line);border-radius:10px}
.evc-c .c-empty{aspect-ratio:9/16;display:grid;place-items:center;background:rgba(242,243,247,.04);color:var(--fog);font:500 11px/1.6 var(--mono);border-radius:10px}
.evc-c .c-info{display:grid;gap:13px;margin:22px 0 0;border-top:1px solid var(--line);padding-top:20px}
.evc-c .c-info dt{margin:0 0 4px;font:500 10px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-c .c-info dd{margin:0;font:300 17px/1.3 var(--sans)}
.evc-c .c-end{padding:clamp(80px,13vh,150px) var(--gut) 40px;max-width:640px}
.evc-c .c-end .h2{margin:0 0 14px}
.evc-c .c-end .lead{margin:0 0 28px}

@media (min-width:821px){
  .evc-c .c-ch{grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center;min-height:86vh}
  .evc-c .c-ch:nth-child(even) .c-media{order:2}
  .evc-c .c-media img,.evc-c .c-vid{aspect-ratio:3/4}
  .evc-c .c-poster{grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,90px);align-items:center}
  .evc-c .c-info{grid-template-columns:1fr 1fr;gap:22px 40px}
}

/* ======================================================= D - THE MANIFEST */
.evc-d .d-head{padding:clamp(112px,15vh,170px) var(--gut) clamp(40px,6vh,70px);border-bottom:1px solid var(--line)}
.evc-d .d-dow{margin:20px 0 0;font:500 11px/1 var(--mono);letter-spacing:.3em;color:var(--ash)}
.evc-d .d-date{margin:10px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 18px;font:300 clamp(54px,11vw,150px)/.9 var(--sans);letter-spacing:-.05em}
.evc-d .d-date .d-mon{color:var(--gold)}
.evc-d .d-date .d-yer{font-size:.28em;color:var(--fog);letter-spacing:.08em}
.evc-d .d-name{margin:22px 0 0;font:400 clamp(18px,2vw,26px)/1.2 var(--sans);letter-spacing:.01em}
.evc-d .d-proof{list-style:none;padding:0;margin:30px 0 0;border-bottom:0}
.evc-d .d-proof li{position:relative;padding-right:18px}
.evc-d .d-proof li+li::before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}

.evc-d .d-sheet{display:grid;gap:clamp(34px,6vh,60px);padding:clamp(40px,7vh,80px) var(--gut) 0}
.evc-d .d-list dl{display:grid;gap:0;margin:22px 0 0;border-top:1px solid var(--line)}
.evc-d .d-list dl div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.evc-d .d-list dt{margin:0;font:500 10px/1.6 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}
.evc-d .d-list dd{margin:0;font:300 17px/1.4 var(--sans)}
.evc-d .d-act{margin:30px 0 0;display:grid;gap:12px;justify-items:start}
.evc-d .d-from{margin:0 0 6px;font:300 24px/1 var(--sans);color:var(--gold)}
.evc-d .d-from span{font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog);margin-right:10px;vertical-align:middle}
.evc-d .d-fine{margin:8px 0 0;font:300 13px/1.5 var(--sans);color:var(--fog);max-width:40ch}
.evc-d .d-seal img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(205,174,110,.3);border-radius:2px}
.evc-d .d-empty{aspect-ratio:1/1;display:grid;place-items:center;background:rgba(242,243,247,.04);color:var(--fog);font:500 11px/1.6 var(--mono)}
.evc-d .d-cd{margin:16px 0 0;font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog);text-align:center}
.evc-d .d-cd b{font:300 20px/1 var(--sans);color:var(--text)}
.evc-d .d-cd i{font-style:normal;margin:0 10px 0 2px}

.evc-d .d-strip{padding:clamp(70px,11vh,130px) var(--gut) 0}
.evc-d .d-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 0}
.evc-d .d-row img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.evc-d .d-film{padding:clamp(60px,9vh,110px) var(--gut) 0}
.evc-d .d-vid{aspect-ratio:16/9;max-width:980px}
.evc-d .d-end{padding:clamp(70px,11vh,130px) var(--gut) 40px}
.evc-d .d-end .lead{margin:0 0 22px}

@media (min-width:821px){
  .evc-d .d-sheet{grid-template-columns:1.35fr .65fr;gap:clamp(50px,7vw,100px);align-items:start}
  .evc-d .d-row{grid-template-columns:repeat(4,1fr)}
}

/* ---------- phone rules shared by the four ---------- */
@media (max-width:820px){
  .evc-sticky{left:var(--pad);right:var(--pad);width:auto}
  .syp-evc .navl{display:none}
  .evc-b .b-name span:nth-child(even){padding-left:8%}
  .evc-c .c-ch{min-height:0}
  .evc-d .d-list dl div{grid-template-columns:1fr;gap:5px}
}
@media (prefers-reduced-motion:reduce){
  .syp-evc *{animation:none!important;transition:none!important}
}

/* ======================================================= NEXT EVENTS LIST (/events/) */
.evl{--gut:clamp(18px,5vw,90px)}
.evl-head{padding:clamp(112px,15vh,170px) var(--gut) 0;max-width:720px}
.evl-title{margin:14px 0 0;font:300 clamp(40px,7vw,86px)/1 var(--sans);letter-spacing:-.045em}
.evl-head .lead{margin:20px 0 0}

.evl-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vh,70px);padding:clamp(50px,8vh,90px) var(--gut) 0;max-width:1440px;margin:0 auto}
.evl-card{margin:0}
.evl-link{display:grid;gap:22px;text-decoration:none;color:inherit}
.evl-frame{margin:0;padding:10px;background:linear-gradient(160deg,rgba(205,174,110,.18),rgba(205,174,110,.03));border:1px solid rgba(205,174,110,.28);border-radius:3px;box-shadow:0 30px 70px rgba(0,0,0,.6);transition:border-color .5s var(--ease),transform .5s var(--ease)}
.evl-link:hover .evl-frame{border-color:rgba(205,174,110,.6);transform:translateY(-4px)}
.evl-frame img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.evl-empty{aspect-ratio:3/4;display:grid;place-items:center;padding:20px;text-align:center;background:rgba(242,243,247,.04);color:var(--fog);font:500 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.evl-date{margin:0;font:500 10.5px/1.3 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.evl-name{margin:10px 0 0;font:300 clamp(24px,3vw,34px)/1.1 var(--sans);letter-spacing:-.02em}
.evl-short{margin:12px 0 0;color:var(--ash);font:300 16px/1.5 var(--sans);max-width:40ch}
.evl-foot{margin:18px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line)}
.evl-from{font:300 17px/1 var(--sans);color:var(--text)}
.evl-go{font:500 10.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fog);transition:color .4s var(--ease)}
.evl-link:hover .evl-go{color:var(--gold-hi)}

.evl-none{padding:clamp(60px,10vh,110px) var(--gut) 0;max-width:620px;display:grid;justify-items:start;gap:14px}
.evl-soon{margin:0;font:300 clamp(36px,5.6vw,62px)/1 var(--sans);letter-spacing:-.03em}
.evl-soon i{font-family:"Bodoni Moda",Georgia,serif;font-style:italic;color:var(--gold)}
.evl-none .lead{margin:0}
.evl-none .btn{margin-top:10px}

.evl-end{padding:clamp(90px,14vh,160px) var(--gut) 40px;max-width:760px}
.evl-end .h2{margin:0 0 16px}
.evl-end .h2 i{font-family:"Bodoni Moda",Georgia,serif;font-style:italic;color:var(--gold)}
.evl-end .lead{margin:0 0 28px}

@media (min-width:821px){
  .evl-grid{grid-template-columns:repeat(2,1fr);gap:clamp(50px,5vw,80px) clamp(40px,4vw,70px)}
  .evl-link{grid-template-columns:.85fr 1.15fr;gap:clamp(24px,2.4vw,38px);align-items:center}
  .evl-first{grid-column:1/-1}
  .evl-first .evl-link{grid-template-columns:.5fr 1fr;gap:clamp(36px,4vw,70px)}
  .evl-first .evl-name{font-size:clamp(34px,4.2vw,56px)}
}
@media (min-width:1200px){
  .evl-grid:has(.evl-card:nth-child(4)){grid-template-columns:repeat(3,1fr)}
  .evl-grid:has(.evl-card:nth-child(4)) .evl-link{grid-template-columns:1fr;gap:20px}
  .evl-grid:has(.evl-card:nth-child(4)) .evl-first{grid-column:1/-1}
  .evl-grid:has(.evl-card:nth-child(4)) .evl-first .evl-link{grid-template-columns:.5fr 1fr;gap:clamp(36px,4vw,70px)}
}