/* ==========================================================================
   Amami Italia — /events/ (and /it/events/), from the client's comp
   "amami web - events page DESK / MOB" (2026-09-24).
   Desktop artboard is 2880 wide, the phone one 1366: every length here is
   comp units over that width, as vw (u/28.8 desktop, u/13.66 phone), with
   px floors only where type would become unreadable. Loaded after
   amami-pages.css; brand palette only, plus the comp's darker beige panel.
   ========================================================================== */
body.is-events{--ev-sand:#ddd7c7}

/* --- hero: red ground, the room on the right, the title across both ------ */
.ev-hero{position:relative;isolation:isolate;overflow:hidden;margin:76px 0 0;padding:0;
  height:42.361vw;min-height:380px;background:var(--hm-red)}
.ev-hero__img{position:absolute;top:0;right:0;width:47.704vw;height:100%;object-fit:cover;z-index:-1}
.ev-hero__sub{position:absolute;left:10.958vw;top:51.5%;margin:0;transform:translateY(-100%);
  font-family:var(--sans);font-weight:300;color:#fff;font-size:max(9px,1.221vw);
  letter-spacing:.2em;text-transform:uppercase;line-height:1.2}
.ev-hero__h{position:absolute;left:0;bottom:0;margin:0;
  font-family:var(--serif);font-weight:300;color:var(--hm-cream);text-transform:uppercase;
  font-size:11.389vw;line-height:.913;letter-spacing:-.05em;white-space:nowrap;
  /* bleeds off the bottom edge exactly as the home title does */
  transform:translateY(.152em)}
.ev-hero__l1,.ev-hero__l2{display:block}

/* --- the four spaces: a 2x2 grid on a hairline cross ------------------- */
.ev-rooms{padding:9.6vw 0 9.34vw}
.ev-rooms__grid{display:grid;grid-template-columns:42.57vw 38.09vw;width:80.66vw;margin-left:9.653vw}
.ev-room{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.ev-room:nth-child(odd){border-right:1px solid rgba(22,22,22,.7)}
.ev-room:nth-child(even){padding-left:7.87vw}
.ev-room:nth-child(-n+2){padding:1.8vw 0 5.3vw;border-bottom:1px solid rgba(22,22,22,.7)}
.ev-room:nth-child(2){padding-left:7.87vw}
.ev-room:nth-child(n+3){padding-top:6.25vw;padding-bottom:1.5vw}
.ev-room__lede{margin:0;font-family:var(--accent);font-size:max(10px,.933vw);letter-spacing:.08em;line-height:1.3}
.ev-room__cap{margin:1.3vw 0 0;font-family:var(--sans);font-weight:300;font-size:max(9px,1.214vw);
  letter-spacing:.2em;text-transform:uppercase;line-height:1.2}
.ev-room__row{display:flex;align-items:flex-end;gap:1.8vw;margin-top:2vw}
.ev-room__name{margin:0;font-family:var(--serif);font-weight:300;color:var(--hm-panel);
  font-size:3.731vw;line-height:.9;letter-spacing:-.04em;white-space:nowrap;padding-bottom:.2vw}
.ev-room__illo{display:block;height:auto;flex:none}
.ev-room--the-private-room .ev-room__illo{width:7.393vw}
.ev-room--the-lounge .ev-room__illo{width:8.516vw}
.ev-room--the-long-table .ev-room__illo{width:13.281vw}
.ev-room--full-buyout .ev-room__illo{width:7.897vw}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  margin-top:1.3vw;width:7.981vw;min-width:96px;height:max(30px,2.141vw);
  border:1px solid rgba(129,43,40,.55);color:var(--hm-red);text-decoration:none;
  font-family:var(--sans);font-weight:300;font-size:max(8px,.77vw);letter-spacing:.2em;text-indent:.2em;
  text-transform:uppercase;transition:background .25s ease-out,color .25s ease-out,border-color .25s ease-out}
.ev-btn:hover,.ev-btn:focus-visible{background:var(--hm-red);border-color:var(--hm-red);color:var(--hm-cream)}

/* --- what's included: one black band ---------------------------------- */
.ev-incl{background:var(--hm-panel);color:var(--hm-cream);text-align:center;padding:5.2vw 4vw 7.1vw}
.ev-incl__h{margin:0;font-family:var(--serif);font-weight:300;text-transform:uppercase;
  font-size:4.317vw;line-height:1;letter-spacing:-.04em}
.ev-incl__list{list-style:none;margin:2.9vw 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;
  font-family:var(--accent);font-size:max(11px,1.243vw);letter-spacing:.1em;line-height:1.4}
.ev-incl__list li + li::before{content:"|";margin:0 1.4em;opacity:.9}

/* --- Fiorentina Night: photograph left, sand panel right ---------------- */
.ev-fio{position:relative;display:grid;padding:0;grid-template-columns:47.704vw 1fr;height:42.361vw;background:var(--ev-sand)}
.ev-fio__img{grid-column:1;width:100%;height:100%;object-fit:cover}
/* the line, the title and the booking link sit together at the foot of the
   panel (client, 2026-09-24: "reduce the space between these two") */
.ev-fio__panel{grid-column:2;display:flex;flex-direction:column;justify-content:flex-end;
  padding:4.6vw 4vw 4.3vw 5.7vw}
.ev-fio__p{margin:0 0 2.2vw;max-width:40vw;font-family:var(--accent);font-size:max(12px,1.217vw);
  letter-spacing:.08em;line-height:1.9}
.ev-fio__cta{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  margin-top:2.4vw;height:max(40px,3.2vw);padding:0 max(18px,1.8vw);
  background:var(--hm-red);border:1px solid var(--hm-red);color:var(--hm-cream);text-decoration:none;
  font-family:var(--sans);font-weight:300;font-size:max(10px,.9vw);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;
  transition:background .25s ease-out,color .25s ease-out}
.ev-fio__cta:hover,.ev-fio__cta:focus-visible{background:transparent;color:var(--hm-red)}
.ev-fio__h{margin:0;max-width:8ch;font-family:var(--serif);font-weight:300;text-transform:uppercase;
  font-size:6.122vw;line-height:.913;letter-spacing:-.05em;color:var(--hm-panel)}

/* --- enquire, then the direct line ------------------------------------ */
.ev-enq{text-align:center;padding:8.4vw 0 6vw}
.ev-enq__h{margin:0;font-family:var(--serif);font-weight:300;text-transform:uppercase;color:var(--hm-red);
  font-size:6.251vw;line-height:1;letter-spacing:-.05em}
.ev-enq .pg-form{margin-top:4.2vw}
.ev-talk{text-align:center;padding:1vw 4vw 8.2vw}
.ev-talk__h{margin:0;font-family:var(--serif);font-weight:300;text-transform:uppercase;color:var(--hm-panel);
  font-size:3.945vw;line-height:1;letter-spacing:-.04em}
.ev-talk__sub{margin:.9vw 0 0;font-family:var(--accent);font-size:max(12px,1.136vw);letter-spacing:.1em}
.ev-talk__line{margin:2.9vw 0 0;font-family:var(--sans);font-weight:300;font-size:max(11px,1.703vw);
  letter-spacing:.2em;text-transform:uppercase}
.ev-talk__line a{color:var(--hm-panel);text-decoration:none}
.ev-talk__line a:hover{color:var(--hm-red)}
.ev-talk__line i{font-style:normal;margin:0 1.2em}

/* --- phone: the 1366 artboard ---------------------------------------- */
@media (max-width:760px){
  /* the phone hero photograph (client, 2026-09-24) is drawn to the full
     1366x1077 frame, so the hero shows all of it, as the menu hero does */
  .ev-hero{height:78.85vw;min-height:0}
  .ev-hero__img{width:100%;object-position:50% 0}
  .ev-hero__sub{left:auto;right:3.9vw;top:auto;bottom:13.9vw;transform:none;text-align:right;
    font-size:max(9px,2.146vw);line-height:1.35}
  .ev-hero__sub span{display:block}
  .ev-hero__h{font-size:14.315vw}

  .ev-rooms{padding:9.6vw 0 5vw}
  .ev-rooms__grid{display:block;width:auto;margin:0}
  .ev-room,.ev-room:nth-child(n){display:grid;grid-template-columns:43.07vw 1fr;grid-template-rows:auto;
    align-items:start;border:0;padding:0 5vw 0 0;min-height:30vw;margin-bottom:9.3vw}
  .ev-room > *{grid-column:2}
  .ev-room__row{display:contents}
  .ev-room__illo{grid-column:1;grid-row:1/span 4;align-self:center;justify-self:center}
  .ev-room--the-private-room .ev-room__illo{width:14.06vw}
  .ev-room--the-lounge .ev-room__illo{width:16.18vw}
  .ev-room--the-long-table .ev-room__illo{width:25.18vw}
  .ev-room--full-buyout .ev-room__illo{width:15.01vw}
  .ev-room__lede{font-size:max(10px,1.772vw)}
  .ev-room__cap{margin-top:1.6vw;font-size:max(10px,2.305vw)}
  .ev-room__name{margin-top:3vw;font-size:7.083vw;white-space:normal}
  .ev-btn{position:relative;margin-top:2.2vw;width:15.15vw;min-width:0;height:4.06vw;min-height:0;padding:0;font-size:max(7px,1.64vw);justify-self:start}
  .ev-btn::after{content:"";position:absolute;inset:-14px -10px}

  .ev-incl{padding:8.6vw 6vw 9vw}
  .ev-incl__h{font-size:7.577vw}
  .ev-incl__list{flex-direction:column;margin-top:4.4vw;font-size:max(11px,2.182vw);line-height:1.9}
  .ev-incl__list li + li::before{content:none}

  .ev-fio{display:block;height:auto}
  .ev-fio__img{display:block;width:100%;height:63vw}
  .ev-fio__panel{display:block;padding:5.6vw 8vw 12vw 10.6vw}
  .ev-fio__p{max-width:none;margin:0;font-size:max(12px,2.341vw);line-height:1.7}
  .ev-fio__h{margin-top:6vw;font-size:11.772vw}
  .ev-fio__cta{margin-top:6vw;height:44px}

  .ev-enq{padding:14vw 0 10vw}
  .ev-enq__h{font-size:10.557vw}
  .ev-enq .pg-form{margin-top:7vw}
  .ev-talk{padding:4vw 5vw 12vw}
  .ev-talk__h{font-size:6.252vw}
  .ev-talk__sub{margin-top:1.6vw;font-size:max(11px,1.801vw)}
  .ev-talk__line{margin-top:4.6vw;font-size:max(10px,2.7vw);line-height:2}
  .ev-talk__line i{margin:0 .8em}
}
@media (prefers-reduced-motion:reduce){.ev-btn{transition:none}}

/* Fiorentina Night: date, time and the five courses above the line (client, 2026-09-25) */
.ev-fio__facts{display:flex;flex-wrap:wrap;gap:1.6vw 3.4vw;margin:0 0 auto;padding:0}
.ev-fio__facts dt{font-family:var(--sans);font-weight:400;font-size:max(9px,.8vw);letter-spacing:.2em;text-transform:uppercase;color:var(--hm-red)}
.ev-fio__facts dd{margin:.5vw 0 0;white-space:nowrap;font-family:var(--serif);font-weight:500;font-size:max(17px,1.9vw);line-height:1.1;color:var(--hm-panel)}
.ev-fio__panel{justify-content:space-between}
.ev-fio__facts + .ev-fio__p{margin-top:0}
@media (max-width:760px){
  .ev-fio__facts{flex-wrap:wrap;gap:4vw 7vw;margin-bottom:6vw}
  .ev-fio__facts dt{font-size:9px}.ev-fio__facts dd{font-size:max(18px,5vw);margin-top:1.5vw}
}

/* --- the featured event's title links to its own page; "More events" (only when
   there is more than one upcoming event, from the admin portal) ------------ */
.ev-fio__link{color:inherit;text-decoration:none}
.ev-fio__link:hover{opacity:.85}
.ev-more{background:var(--hm-cream);padding:5.2vw 8vw 6vw;text-align:center}
.ev-more__h{margin:0;font-family:var(--serif);font-weight:300;text-transform:uppercase;color:var(--hm-panel);
  font-size:3.945vw;line-height:1;letter-spacing:-.04em}
.ev-more__list{list-style:none;margin:3vw auto 0;padding:0;max-width:64vw;text-align:left}
.ev-more__item{border-top:1px solid rgba(22,22,22,.18)}
.ev-more__item:last-child{border-bottom:1px solid rgba(22,22,22,.18)}
.ev-more__link{display:grid;grid-template-columns:18vw 1fr;column-gap:3vw;align-items:baseline;padding:1.8vw 0;color:var(--hm-panel);text-decoration:none}
.ev-more__link:hover .ev-more__name{color:var(--hm-red)}
.ev-more__date{grid-row:span 2;font-family:var(--sans);font-weight:300;font-size:max(11px,1.1vw);letter-spacing:.14em;text-transform:uppercase;color:var(--hm-red)}
.ev-more__name{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:max(20px,2.2vw);line-height:1.05;letter-spacing:-.02em;transition:color .2s}
.ev-more__txt{margin-top:.5vw;font-family:var(--accent);font-size:max(13px,1.15vw);line-height:1.5}
@media (max-width:760px){
  .ev-more{padding:10vw 6vw 11vw}
  .ev-more__h{font-size:7.577vw}
  .ev-more__list{max-width:none;margin-top:6vw}
  .ev-more__link{grid-template-columns:1fr;padding:5vw 0}
  .ev-more__date{grid-row:auto;margin-bottom:1.6vw}
  .ev-more__txt{margin-top:1.4vw}
}