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

/* v6.127 (October 21, 2026): "The Cover Line". The navy and gold sign is retired.
   The welcome is set like a magazine cover straight on the stone: a gold eyebrow, the welcome in Bodoni Moda,
   an italic line, a fine gold rule, then "Ring the bell to come in." A soft pool of shadow keeps it readable.
   Phone: the same cover line replaces "The House is waiting" at the foot of the screen (it repeated the bell line). */
.arrival-welcome-band{background:none;border:0;outline:0;box-shadow:none;height:auto;min-height:0;top:auto;
  left:25%;width:54%;bottom:4.2%;padding:2.2% 4% 1.9%;gap:clamp(4px,.5vw,10px);
  background:radial-gradient(60% 78% at 50% 55%,rgba(10,8,6,.74),rgba(10,8,6,.36) 56%,rgba(10,8,6,0) 82%)}
.arrival-welcome-band .ey{font:500 clamp(9.5px,min(.78vw,1.26svh),15px)/1 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.5em;text-transform:uppercase;color:#DFC78C;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.arrival-welcome-band p{margin:.3em 0 .25em;white-space:normal;max-width:22em;text-wrap:balance;
  font:400 clamp(17px,min(1.95vw,3.1svh),41px)/1.1 "Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;letter-spacing:-.01em;color:#FFFDF8;
  text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 22px rgba(0,0,0,.6)}
.arrival-welcome-band .sub{font:italic 400 clamp(13px,min(1.18vw,1.9svh),24px)/1.2 "Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;color:#EFE4CF;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.arrival-welcome-band small{margin-top:.9em;padding-top:.9em;border-top:1px solid rgba(223,199,140,.75);
  font:500 clamp(9px,min(.7vw,1.12svh),14px)/1 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.46em;text-transform:uppercase;color:#FFFDF8;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.arrival-welcome-band .nw{white-space:nowrap}

/* Phone */
.mobile-welcome-band{display:none!important}
@media(max-width:720px){
#mobileArrivalV629 .mobile-welcome-v12{left:4%;right:4%;bottom:calc(env(safe-area-inset-bottom) + 68px);padding:7vw 6vw 0;display:flex;flex-direction:column;align-items:center;gap:1.2vw;color:#FFFDF8;text-shadow:none;
  background:radial-gradient(70% 80% at 50% 58%,rgba(10,8,6,.66),rgba(10,8,6,.25) 62%,rgba(10,8,6,0) 85%)}
#mobileArrivalV629 .mobile-welcome-v12 span{display:inline;width:auto;margin:0;gap:0;font-size:inherit}
#mobileArrivalV629 .mobile-welcome-v12 span::before,#mobileArrivalV629 .mobile-welcome-v12 span::after{content:none;display:none}
#mobileArrivalV629 .mobile-welcome-v12 .ey,#mobileArrivalV629 .mobile-welcome-v12 .sub{display:block}
#mobileArrivalV629 .mobile-welcome-v12 .ey{font:500 max(9.5px,2.5vw)/1 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.5em;text-transform:uppercase;color:#DFC78C;text-shadow:0 1px 6px rgba(0,0,0,.85)}
#mobileArrivalV629 .mobile-welcome-v12 p{margin:.3em 0 .2em;font:400 clamp(19px,5.5vw,25px)/1.1 "Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;letter-spacing:-.01em;color:#FFFDF8;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 18px rgba(0,0,0,.6)}
#mobileArrivalV629 .mobile-welcome-v12 .sub{font:italic 400 clamp(14px,3.8vw,17px)/1.2 "Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;color:#EFE4CF;text-shadow:0 1px 8px rgba(0,0,0,.85)}
#mobileArrivalV629 .mobile-welcome-v12 small{margin-top:.9em;padding-top:1em;border-top:1px solid rgba(223,199,140,.75);font:500 max(9.5px,2.5vw)/1 "Jost","Helvetica Neue",Arial,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:#FFFDF8;text-shadow:0 1px 6px rgba(0,0,0,.85)}
#mobileArrivalV629 .mobile-welcome-v12 .nw{white-space:nowrap}
}
