/* One-time entrance doors — shown only on the first visit to this site. */
#aroma-door-intro{
  position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center;
  background:#090806; overflow:hidden; opacity:1; visibility:visible;
  transition:opacity .45s ease, visibility .45s ease;
}
#aroma-door-intro.is-opening{pointer-events:none}
#aroma-door-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.aroma-door-backdrop{position:absolute;inset:0;background:
  radial-gradient(circle at 50% 38%,rgba(202,163,92,.12),transparent 34%),
  linear-gradient(135deg,#17100c,#080706 52%,#15100c);}
.aroma-door-frame{position:relative;width:min(94vw,760px);height:min(88vh,820px);min-height:500px;perspective:1800px;filter:drop-shadow(0 25px 55px rgba(0,0,0,.65));}
.aroma-door-frame::before{content:"";position:absolute;inset:-12px;border:2px solid rgba(194,155,91,.38);box-shadow:inset 0 0 0 7px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05);pointer-events:none;z-index:8;}
.aroma-door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.72,.02,.16,1),box-shadow 1.15s ease;backface-visibility:hidden;background:
  linear-gradient(90deg,rgba(255,255,255,.055),transparent 18%,rgba(0,0,0,.15) 72%,rgba(255,255,255,.025)),
  repeating-linear-gradient(90deg,#4b2d1e 0,#5b3825 8%,#3b2419 16%,#6a4129 24%,#44291d 34%,#593722 44%);
  border:1px solid rgba(197,158,99,.35); box-shadow:inset 0 0 70px rgba(0,0,0,.5),inset 0 0 0 10px rgba(24,13,8,.32);
}
.aroma-door.left{left:0;transform-origin:left center;border-right:1px solid rgba(10,7,5,.9);}
.aroma-door.right{right:0;transform-origin:right center;border-left:1px solid rgba(10,7,5,.9);}
#aroma-door-intro.is-opening .aroma-door.left{transform:rotateY(-102deg);box-shadow:30px 0 45px rgba(0,0,0,.42)}
#aroma-door-intro.is-opening .aroma-door.right{transform:rotateY(102deg);box-shadow:-30px 0 45px rgba(0,0,0,.42)}
.aroma-door-panel{position:absolute;inset:7%;border:1px solid rgba(224,190,130,.28);box-shadow:inset 0 0 0 2px rgba(0,0,0,.2),inset 0 0 30px rgba(0,0,0,.28);}
.aroma-door-panel::before,.aroma-door-panel::after{content:"";position:absolute;left:12%;right:12%;height:31%;border:1px solid rgba(224,190,130,.22);}
.aroma-door-panel::before{top:8%}.aroma-door-panel::after{bottom:8%}
/* Premium editorial door lettering: large, compact, photo-filled words with offset outline layers. */
.aroma-door-name{
  position:absolute;
  top:50%;
  left:5%;
  right:5%;
  width:auto;
  transform:translateY(-55%);
  font-family:'Poppins',Arial,sans-serif;
  font-size:clamp(2.55rem,5.8vw,4.65rem);
  line-height:.86;
  font-weight:700;
  letter-spacing:.035em;
  text-align:center;
  white-space:nowrap;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
  background-size:cover;
  background-position:center;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.55));
  z-index:2;
}
.aroma-door.left .aroma-door-name{
  background-image:url('/images/catering-live-counters-1920.jpg');
}
.aroma-door.right .aroma-door-name{
  background-image:url('/images/catering-glimpse-08.jpg');
}
.aroma-door-name::before,
.aroma-door-name::after{
  content:attr(data-word);
  position:absolute;
  inset:0;
  display:block;
  text-align:center;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.2px rgba(0,211,255,.82);
  color:transparent;
  pointer-events:none;
  z-index:1;
}
.aroma-door-name::before{
  transform:translate(-5px,-4px);
}
.aroma-door-name::after{
  -webkit-text-stroke:1px rgba(235,65,116,.7);
  transform:translate(5px,4px);
}
.aroma-door.left .aroma-door-name,
.aroma-door.right .aroma-door-name{
  overflow:visible;
}
.aroma-door-name small{
  display:block;
  margin-top:1.2rem;
  font-family:'Jost',sans-serif;
  font-size:clamp(.58rem,1.5vw,.82rem);
  font-weight:500;
  letter-spacing:.42em;
  color:rgba(242,224,190,.72);
  -webkit-text-fill-color:rgba(242,224,190,.72);
  background:none;
}
@media (max-width:640px){
  .aroma-door-frame{width:min(94vw,560px);height:min(82vh,720px);min-height:420px;}
  .aroma-door-name{font-size:clamp(2rem,10.5vw,3.5rem);letter-spacing:.02em;}
  .aroma-door-name::before{transform:translate(-3px,-2px);}
  .aroma-door-name::after{transform:translate(3px,2px);}
}
.aroma-door-handle{position:absolute;top:51%;width:14px;height:92px;border-radius:10px;background:linear-gradient(90deg,#8b6435,#e1bb76,#76512c);box-shadow:0 5px 18px rgba(0,0,0,.5);}
.aroma-door.left .aroma-door-handle{right:7%;}.aroma-door.right .aroma-door-handle{left:7%;}
.aroma-door-cta{position:absolute;z-index:10;left:50%;bottom:5.5%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;color:#f2dfbd;text-align:center;pointer-events:none;transition:opacity .3s ease,transform .3s ease;}
.aroma-door-cta strong{font-family:'Jost',sans-serif;font-size:clamp(.72rem,1.8vw,.95rem);font-weight:500;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 2px 10px #000;}
.aroma-door-cta span{font-size:1.25rem;animation:aromaTapPulse 1.5s ease-in-out infinite;}
#aroma-door-intro.is-opening .aroma-door-cta{opacity:0;transform:translate(-50%,8px)}
.aroma-door-skip{position:absolute;z-index:12;right:18px;top:16px;border:0;background:transparent;color:rgba(242,224,190,.58);font:500 .72rem Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.55rem;}
.aroma-door-skip:hover{color:#fff}
@keyframes aromaTapPulse{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media(max-width:640px){.aroma-door-frame{width:88vw;height:78vh;min-height:480px}.aroma-door-panel{inset:5%}.aroma-door-handle{height:72px;width:11px}.aroma-door-cta{bottom:4%}.aroma-door-name{font-size:clamp(2.3rem,11vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.aroma-door,.aroma-door-cta span{transition:none;animation:none!important}}