/* Reference-led opening: paper masthead, black editorial copy, drinks, then existing motion. */
.home-layout-review > header,
.home-layout-review .reference-masthead { background: radial-gradient(#10101012 .7px, transparent 1px) 0 0 / 5px 7px, #f3f0e8; }
.home-layout-review .reference-masthead { padding: 25px 4vw 40px; border-top: 3px solid #101010; }
.reference-identity { display: flex; flex-wrap: wrap; gap: 3px .6em; font: 700 clamp(9px,1.15vw,15px)/1.5 Mono,monospace; }
.reference-identity span { white-space: nowrap; }
.reference-wordmark { margin: 24px -1vw 0; font: 800 22vw/.9 MadhouseBlock,'Arial Narrow',Impact,sans-serif; letter-spacing: -.028em; text-align: center; }
.reference-wordmark > span { display: block; margin-top: 18px; padding-left: .42em; font: clamp(12px,2vw,26px)/1.2 Body,Arial,sans-serif; letter-spacing: .42em; }
.home-layout-review .reference-intro { padding: 55px 6vw 50px; background: #101010; color: #f3f0e8; }
.reference-intro > .eyebrow { color: #ffea00; font-weight: 700; }
.reference-intro h1 { margin: 36px 0 26px; font: 800 clamp(52px,10vw,150px)/.94 MadhouseBlock,'Arial Narrow',Impact,sans-serif; letter-spacing: -.025em; }
.reference-intro .intro-description { font: clamp(19px,2.3vw,31px)/1.4 Body,Arial,sans-serif; }
.intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px 36px; margin: 34px 0; font-size: clamp(14px,1.5vw,20px); }
.intro-actions a { display: inline-flex; gap: 30px; align-items: center; }
.intro-actions .intro-menu { padding: 20px 24px; background: #ffea00; color: #101010; }
.intro-hours { display: flex; flex-wrap: wrap; gap: 5px .7em; font: 11px/1.5 Mono,monospace; }
.home-layout-review .motion-section { margin-top: 0; }
/* Plain original rectangular photographs: no backing panels, frames or edge masks. */
.offset-photo { position: relative; min-width: 0; }
.vibe-photo-grid figure { padding: 0; }
.vibe-photo-grid .offset-photo > img { display: block; width: 100%; }
.home-layout-review .trio-photo, .home-layout-review .toast-photo { position: relative; margin: 0; }
.home-layout-review .pink-cafe-photo { position: relative; border: 0; outline: 0; }
.offset-photo::after,
.home-layout-review .trio-photo::after,
.home-layout-review .toast-photo::after,
.home-layout-review .pink-cafe-photo::after,
.home-layout-review .goddess-panel > figure::after,
.contact-layout > figure::after,
.vibe-immersive .patio-detail::after { content: none; display: none; }
.vibe-immersive .extra-grid { grid-template-columns: .9fr 1.1fr; align-items: center; gap: 6vw; padding: 45px 5vw; background: #ffea00; }
.extra-grid .sculpture-scene { width: 90%; }
.extra-grid img { height: auto; object-fit: contain; }
/* Official Desert Inn accounts, verified against madhouse.coffee. */
.social-links { display: flex; flex-wrap: wrap; gap: 18px 30px; margin-top: 28px; padding-top: 20px; border-top: 1px solid currentColor; font: 13px/1.5 Mono,monospace; }
.social-links a { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 700px) {
  .home-layout-review .reference-masthead { padding: 18px 18px 27px; }
  .reference-identity { font-size: 8px; }
  .reference-wordmark { font-size: 22vw; margin-top: 20px; }
  .reference-wordmark > span { margin-top: 13px; }
  .home-layout-review .reference-intro { padding: 32px 24px 35px; }
  .reference-intro h1 { font-size: 13.5vw; margin: 28px 0 23px; }
  .intro-actions { gap: 22px; margin: 28px 0; font-size: 13px; }
  .intro-actions .intro-menu { padding: 16px 18px; }
  .intro-hours { font-size: 9px; }
  .vibe-immersive .extra-grid { padding: 30px 20px; gap: 24px; grid-template-columns: 1fr 1fr; }
  .extra-grid .sculpture-scene { width: 100%; }
}

/* Simple ingredient list replaces the toast's numbered callout mapping. */
.home-layout-review .toast-ingredients { position: static; padding: 4px 4vw 30px; color: #ffea00; background: #101010; }
.home-layout-review .toast-ingredients ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 30px; padding: 0; margin: 0; list-style: none; }
.home-layout-review .toast-ingredients li { font: 16px/1.5 Body,Arial,sans-serif; }
@media (max-width: 700px) { .home-layout-review .toast-ingredients { padding: 0 18px 25px; } .home-layout-review .toast-ingredients ul { grid-template-columns: 1fr; gap: 8px; } }


.offset-photo > img,
.home-layout-review .trio-photo > img,
.home-layout-review .toast-photo > img,
.home-layout-review .pink-cafe-photo .pink-print,
.home-layout-review .goddess-panel > figure > img,
.home-layout-review .nutella-wide-feature > img,
.contact-layout > figure > img,
.vibe-immersive .patio-detail, .vibe-immersive .patio-detail-crop,
.vibe-immersive .mural-film video { border-radius: 0; -webkit-mask-image: none; mask-image: none; }
.vibe-immersive .patio-detail { border: 0; box-shadow: none; background: transparent; }