/* ==========================================================================
   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 deck request, top left of the red panel (2026-10-26) */
.ev-hero__deck{position:absolute;left:10.958vw;top:max(22px,3.4vw);display:inline-flex;align-items:center;box-sizing:border-box;
  height:max(40px,3.2vw);padding:0 max(18px,1.8vw);border:1px solid var(--hm-cream);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-hero__deck:hover,.ev-hero__deck:focus-visible{background:var(--hm-cream);color:var(--hm-red)}

/* --- 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}

/* --- 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__sub{margin:max(10px,1vw) auto 0;max-width:46ch;font-family:var(--accent);font-style:italic;
  font-size:max(15px,1.35vw);line-height:1.45;color:var(--hm-panel)}
.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-hero__deck{left:4vw;top:4vw;height:38px;background:rgba(22,22,22,.45)}

  .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-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}}