#property-intro{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#102018;color:#f5f2e9;overflow:hidden;opacity:1;transition:opacity .55s ease}
#property-intro::backdrop{background:#102018}
#intro-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.intro-shade{position:absolute;inset:0;background:linear-gradient(#10201822,#10201818 30%,#10201899);transition:background 1.5s}
.intro-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease;pointer-events:none;text-shadow:0 2px 20px #0006}
#property-intro.intro-ready .intro-copy{opacity:1;transform:none;pointer-events:auto}
.intro-copy>p{font:10px Arial,sans-serif;letter-spacing:3px;margin:0 0 18px}
#intro-address{font:normal clamp(32px,5.5vw,76px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 30px}
#intro-continue{padding:14px 28px;min-height:48px;min-width:160px;border:1px solid #ffffff80;border-radius:30px;background:#14231c45;backdrop-filter:blur(10px);color:#fff;font:13px Arial,sans-serif;cursor:pointer;opacity:0;transition:opacity .6s ease .3s,background .2s}
#property-intro.intro-ready #intro-continue{opacity:1}#intro-continue:hover{background:#f3f1e9;color:#19251f}#intro-continue span{margin-left:20px}
#property-intro.intro-leaving{opacity:0;pointer-events:none}body.intro-open{overflow:hidden}
@media(max-width:760px){#intro-film{object-fit:contain}.intro-copy{background:linear-gradient(transparent,#10201822)}#intro-address{font-size:32px;letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){#property-intro,.intro-copy,#intro-continue{transition:none}}
/* Phone entrance fills the portrait screen instead of letterboxing the film. */
@media(max-width:760px){
 #intro-film{object-fit:cover;object-position:50% 50%}
 #property-intro{height:100dvh;width:100%;aspect-ratio:9/16}
}