/* House of LaDore — the welcome outside the House, v6.102 (October 12, 2026).
   The welcome sign: a dark navy sign with a gold border stands on the stone floor in front of the doors.
   No price plate under the film (the film itself tells the price). The "Hear the welcome" button sits in the
   bottom-left corner.
   (Replaces the v6.101 floating band.) Desktop: placed in the camera (shares of the exterior picture).
   Phone: placed on the phone stage. */

/* Desktop */
.arrival-welcome-band{position:absolute;z-index:8;left:31.81%;top:80.9%;width:40.56%;height:12%;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.56vw,10px);text-align:center;pointer-events:none;
  background:linear-gradient(180deg,#131D31 0%,#0E1626 55%,#0A101C 100%);border:2px solid #B8962E;
  outline:1px solid rgba(223,199,140,.35);outline-offset:-7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 6px rgba(0,0,0,.55),0 16px 22px -8px rgba(0,0,0,.65)}
.arrival-welcome-band small{font:500 clamp(9px,min(.833vw,1.333svh),16px)/1.2 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.38em;text-transform:uppercase;color:#DFC78C}
.arrival-welcome-band p{margin:0;font:500 clamp(17px,min(2.014vw,3.22svh),42px)/1.12 "Cormorant Garamond",Georgia,serif;color:#F3EBDD;white-space:nowrap}
.arrival-film-plate{position:absolute;z-index:6;left:74.46%;top:80.9%;width:17.34%;height:12%;box-sizing:border-box;justify-content:center;
  padding:clamp(8px,.85vw,13px) clamp(8px,.9vw,14px) clamp(9px,.9vw,14px);display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.28vw,4px);
  text-align:center;pointer-events:none;background:linear-gradient(180deg,#131D31 0%,#0E1626 55%,#0A101C 100%);border:2px solid #B8962E;outline:1px solid rgba(223,199,140,.35);outline-offset:-7px;box-shadow:0 3px 6px rgba(0,0,0,.55),0 16px 22px -8px rgba(0,0,0,.65)}
.arrival-film-plate b{font:500 clamp(10px,.97vw,15px)/1.2 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#F3EBDD}
.arrival-film-plate i{font:italic 400 clamp(11px,1.08vw,17px)/1.2 "Cormorant Garamond",Georgia,serif;color:#DFC78C;white-space:nowrap}
@media (max-width:720px){.arrival-welcome-band,.arrival-film-plate{display:none!important}}

/* Phone: sizes follow the stage, which is min(100vw, 100svh x 887/1773) wide */
.mobile-welcome-band{--w:min(100vw,calc(100svh * 887 / 1773));position:absolute;z-index:6;left:6%;top:71.6%;width:88%;height:8.4%;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--w)*.01);
  text-align:center;pointer-events:none;background:linear-gradient(180deg,#131D31 0%,#0E1626 55%,#0A101C 100%);border:1.5px solid #B8962E;
  outline:1px solid rgba(223,199,140,.3);outline-offset:-4px;box-shadow:0 2px 4px rgba(0,0,0,.55),0 14px 16px -10px rgba(0,0,0,.6)}
.mobile-welcome-band small{font:500 max(6.5px,calc(var(--w)*.018))/1.2 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#DFC78C}
.mobile-welcome-band p{margin:0;font:500 calc(var(--w)*.04)/1.1 "Cormorant Garamond",Georgia,serif;color:#F3EBDD;white-space:nowrap}
.mobile-film-plate{--w:min(100vw,calc(100svh * 887 / 1773));position:absolute;z-index:6;left:59.5%;top:calc(61% + var(--w)*.016);width:40.7%;box-sizing:border-box;
  padding:calc(var(--w)*.02) calc(var(--w)*.02) calc(var(--w)*.023);display:flex;flex-direction:column;align-items:center;gap:calc(var(--w)*.005);
  text-align:center;pointer-events:none;background:linear-gradient(180deg,#131D31 0%,#0E1626 55%,#0A101C 100%);border:1.5px solid #B8962E;box-shadow:0 6px 16px rgba(0,0,0,.5)}
.mobile-film-plate b{font:500 calc(var(--w)*.025)/1.2 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#F3EBDD}
.mobile-film-plate i{font:italic 400 calc(var(--w)*.036)/1.2 "Cormorant Garamond",Georgia,serif;color:#DFC78C}

/* The "Hear the welcome" button: bottom-left corner on computer and phone */
#arrivalWelcomeButton{left:calc(18px + env(safe-area-inset-left));right:auto;transform:none}
@media(max-width:720px){#arrivalWelcomeButton{left:calc(12px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom))}}