/* A compact handoff from Cassalu's story to its menu. */
.cassalu-page .cassalu-hero{padding-bottom:68px}
.cassalu-page .cassalu-menu-callout{padding-top:48px!important;padding-bottom:92px!important}
.cassalu-page .cassalu-menu-callout .menu-intro{max-width:760px}
.cassalu-page .cassalu-menu-callout .menu-intro h2{margin-bottom:10px}
.cassalu-page .cassalu-menu-callout .menu-intro p{max-width:660px;margin-top:0}
.cassalu-page .cassalu-hero-visual .cassalu-hero-closeup{object-position:50% 58%}

@media (min-width:801px){
  .cassalu-page .cassalu-hero h1,.cassalu-page .cassalu-menu-callout .menu-intro h2,.cassalu-page .cassalu-reviews-heading h2,.cassalu-page .cassalu-event-prompt h2{font-size:clamp(3.25rem,4.1vw,4.85rem);line-height:.95}
  .cassalu-page .cassalu-hero h1{white-space:nowrap}
  .cassalu-page .cassalu-events-feature{grid-template-columns:1.05fr .95fr;gap:clamp(3rem,5vw,6rem)}
  .cassalu-page .cassalu-event-prompt h2{max-width:none;white-space:nowrap}
}

@media (max-width:800px){
  .cassalu-page .cassalu-hero{padding-bottom:56px}
  .cassalu-page .cassalu-menu-callout{padding-top:48px!important;padding-bottom:68px!important}
}

/* Lightweight original artwork: present, but never competing with dishes or reviews. */
.cassalu-page .cassalu-menu-callout,
.cassalu-page .cassalu-reviews {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.cassalu-page .cassalu-menu-callout::before {
  position: absolute;
  z-index: 0;
  top: -92px;
  right: -76px;
  width: 390px;
  height: 510px;
  content: "";
  background: url("../../assets/cassalu-main/cassalu-menu-pendant-art.png") right top / contain no-repeat;
  opacity: .1;
  pointer-events: none;
}

.cassalu-page .cassalu-reviews::before {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: clamp(280px, 18vw, 390px);
  width: min(37vw, 560px);
  height: 205px;
  content: "";
  background: url("../../assets/cassalu-main/cassalu-reviews-table-art.png") center / contain no-repeat;
  opacity: .1;
  pointer-events: none;
}

.cassalu-page .cassalu-menu-callout > .wrap,
.cassalu-page .cassalu-reviews > .wrap { position: relative; z-index: 1; }

@media (max-width:800px){
  .cassalu-page .cassalu-menu-callout::before,
  .cassalu-page .cassalu-reviews::before { display:none; }
}

/* A clear handoff from the hero to the menu, with the interior artwork fully in frame. */
.cassalu-page .cassalu-menu-callout {
  padding-top: 82px !important;
}

.cassalu-page .cassalu-menu-callout::before {
  top: 26px;
  right: 97px;
  width: 390px;
  height: 520px;
  opacity: .09;
}

/* Extend only the cord so the lamp remains naturally suspended from the divider. */
@media (min-width:801px){
  .cassalu-page .cassalu-menu-callout::after {
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 184px;
    width: 2px;
    height: 14px;
    content: "";
    background: rgba(186, 143, 91, .22);
    pointer-events: none;
  }
}

.cassalu-page .cassalu-menu-callout > .wrap {
  padding-top: 28px;
}

.cassalu-page .cassalu-menu-callout > .wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #d9c9b0;
  box-shadow: 0 0 0 0 #d9c9b0;
}

.cassalu-page .cassalu-menu-callout > .wrap::after {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 9px;
  height: 9px;
  content: "";
  border: 1px solid #c8681a;
  border-radius: 50%;
  background: #fffdf8;
  transform: translateX(-50%);
}

@media (min-width:801px){
  .cassalu-page .cassalu-menu-callout > .wrap::before {
    top: -68px;
    width: 100%;
  }
  .cassalu-page .cassalu-menu-callout > .wrap::after {
    top: -72px;
    left: 50%;
  }
}

@media (max-width:800px){
  .cassalu-page .cassalu-menu-callout { padding-top: 66px !important; }
  .cassalu-page .cassalu-menu-callout > .wrap { padding-top: 24px; }
  .cassalu-page .cassalu-menu-callout::before {
    display: block;
    top: 66px;
    right: 10px;
    width: 190px;
    height: 270px;
    opacity: .08;
  }
}