/* The readable, no-script layout. Motion is enabled only after property-motion.js finishes setup. */
.property-film{background:#0b161e;color:#fff;position:relative}
.film-pin{position:relative;isolation:isolate}
.film-scene{position:relative;min-height:max(620px,85svh);display:flex;align-items:flex-end;isolation:isolate}
.film-visual{overflow:hidden;position:absolute;inset:0;z-index:-1;background:#10212b}
.film-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.035)}
.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07131cd1 0%,#07131c63 56%,#07131c12 100%),linear-gradient(0deg,#07131cbb,transparent 48%)}
.film-copy{position:relative;z-index:2;width:min(1380px,calc(100% - 88px));margin:0 auto;padding:0 0 clamp(112px,13vh,164px)}
.film-copy .eyebrow{color:#f1ddb7}.film-copy h3{font:500 clamp(72px,11vw,180px)/.84 'Playfair Display',Georgia,serif;letter-spacing:-.07em;margin:22px 0 25px}.film-copy h3 i{color:#ead2a3;font-weight:500}.film-copy p{font-size:clamp(15px,1.5vw,20px);line-height:1.5;max-width:420px;margin:0 0 25px}.film-copy a{display:inline-flex;gap:44px;align-items:center;border-bottom:1px solid #f4e5c3;padding-bottom:10px;font-size:13px;font-weight:700;letter-spacing:.04em}.film-copy a:hover{color:#f0d39c}
.film-chrome,.film-progress,.film-steps{display:none}

/* Deliberately clips the media panel only: copy remains free to extend above it. */
body.motion.film-ready .property-film{height:calc(var(--film-stage,100svh) * 2.9)}
body.motion.film-ready .film-pin{position:sticky;top:0;height:var(--film-stage,100svh);min-height:0;overflow:clip;isolation:isolate}
body.motion.film-ready .film-scene{position:absolute;inset:0;min-height:0;height:100%;display:block;pointer-events:none;isolation:auto;z-index:auto!important}
body.motion.film-ready .film-visual{z-index:1;clip-path:inset(var(--film-frame-y,0%) var(--film-frame-right,0%) var(--film-frame-y,0%) var(--film-frame-left,var(--film-reveal,0%)));will-change:clip-path}
body.motion.film-ready .film-visual img{transform:translate3d(0,calc(var(--film-image-drift,0) * 1%),0) scale(var(--film-image-scale,1.055));will-change:transform}
body.motion.film-ready .film-copy{position:absolute;right:0;bottom:0;left:0;z-index:10;opacity:var(--film-copy-alpha,1);transform:translate3d(0,var(--film-copy-y,0px),0);will-change:opacity,transform;pointer-events:none}
body.motion.film-ready .film-scene.active .film-copy{pointer-events:auto}
body.motion.film-ready .film-scene.active .film-copy a{pointer-events:auto}
body.motion.film-ready .film-scene:nth-of-type(1) .film-visual{z-index:1;--film-reveal:0%}body.motion.film-ready .film-scene:nth-of-type(2) .film-visual{z-index:2}body.motion.film-ready .film-scene:nth-of-type(3) .film-visual{z-index:3}
body.motion.film-ready .film-chrome{display:flex;position:absolute;z-index:5;right:44px;bottom:42px;left:44px;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;font-size:10px;font-weight:700;letter-spacing:.2em}
body.motion.film-ready .film-index{font:500 34px 'Playfair Display',Georgia,serif;letter-spacing:0}body.motion.film-ready .film-index small{font:700 11px 'DM Sans',sans-serif;letter-spacing:.15em;color:#fff9}
body.motion.film-ready .film-progress{display:block;position:absolute;z-index:6;right:0;bottom:0;left:0;height:4px;background:#ffffff3d}.film-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(var(--film-progress,0));transform-origin:left}
body.motion.film-ready .film-steps{display:flex;position:absolute;z-index:7;top:clamp(24px,4vw,56px);right:clamp(20px,4vw,56px);gap:8px}
body.motion.film-ready .film-steps button{display:grid;gap:2px;min-width:50px;padding:8px 9px;border:1px solid #ffffff70;background:#07131c42;color:#fff;cursor:pointer;text-align:left;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.12em;transition:background .2s ease,border-color .2s ease}
body.motion.film-ready .film-steps small{font:500 8px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:#fff;white-space:nowrap}body.motion.film-ready .film-steps button[aria-current='true']{border-color:var(--gold);background:#0a1724b8;color:var(--gold)}body.motion.film-ready .film-steps button:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:700px){
  .film-scene{min-height:75svh}.film-visual img{object-position:57% center}.film-shade{background:linear-gradient(0deg,#07131ce8 0%,#07131c78 61%,#07131c1c)}.film-copy{width:calc(100% - 38px);padding-bottom:88px}.film-copy h3{font-size:clamp(61px,16vw,100px);margin:18px 0}.film-copy p{font-size:14px;max-width:310px}.film-copy a{font-size:12px}
  body.motion.film-ready .property-film{height:calc(var(--film-stage,100svh) * 2.6)}body.motion.film-ready .film-chrome{right:19px;bottom:20px;left:19px;font-size:8px}body.motion.film-ready .film-chrome span:last-child{display:none}body.motion.film-ready .film-index{font-size:25px}body.motion.film-ready .film-steps{top:18px;right:19px;gap:5px}body.motion.film-ready .film-steps button{min-width:42px;padding:7px 6px;font-size:9px}body.motion.film-ready .film-steps small{display:none}
}
@media(max-height:700px) and (min-width:701px){.film-copy{padding-bottom:85px}.film-copy h3{font-size:clamp(64px,8.5vw,118px);margin:13px 0 16px}body.motion.film-ready .film-chrome{bottom:19px}}
@media(prefers-reduced-motion:reduce){body.motion:not(.force-motion).film-ready .property-film{height:auto}body.motion:not(.force-motion).film-ready .film-pin{position:relative;height:auto;overflow:visible}body.motion:not(.force-motion).film-ready .film-scene{position:relative;min-height:max(620px,85svh);display:flex}body.motion:not(.force-motion).film-ready .film-visual{clip-path:none;transform:none}body.motion:not(.force-motion).film-ready .film-copy{opacity:1;transform:none;pointer-events:auto}body.motion:not(.force-motion).film-ready .film-chrome,body.motion:not(.force-motion).film-ready .film-progress,body.motion:not(.force-motion).film-ready .film-steps{display:none}}

/* Quiet editorial navigation: the photos remain the dominant element. */
body.motion.film-ready .film-steps{gap:20px}
body.motion.film-ready .film-steps button{min-width:82px;padding:0 0 9px;border:0;border-bottom:1px solid #ffffff65;background:transparent;gap:6px}
body.motion.film-ready .film-steps button>span{font:500 25px/1 'Playfair Display',Georgia,serif;letter-spacing:-.04em}
body.motion.film-ready .film-steps small{font:500 10px/1.3 'DM Sans',sans-serif;letter-spacing:.03em}
body.motion.film-ready .film-steps button[aria-current='true']{background:transparent;border-color:#e0bb7a;color:#f0d39c}
@media(max-width:700px){body.motion.film-ready .film-steps{gap:16px}body.motion.film-ready .film-steps button{min-width:30px;padding-bottom:6px}body.motion.film-ready .film-steps button>span{font-size:21px}}