/* The exterior experience is isolated from the existing hotel pages. */
.facade-hero{--night:0;--mx:0;--my:0;--light-progress:0%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;column-gap:6%;row-gap:0;min-height:900px;height:auto;max-height:none;padding:155px 7% 115px;background:radial-gradient(ellipse at 70% 40%,#644b442b,transparent 60%),linear-gradient(130deg,#35151e,#20151d 60%,#121b2a);overflow:hidden;color:#f8f5f0;transition:background-color .5s}.facade-copy{grid-column:1;grid-row:1;align-self:end;position:relative;z-index:2;max-width:580px;animation:copy-entry 1s both}.facade-copy .eyebrow{color:#d9b987;letter-spacing:2px;display:flex;align-items:center;gap:12px;font-size:11px}.facade-copy h1{font-size:clamp(56px,5.1vw,82px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:25px}.facade-copy h1 em{color:#e2c39b}.facade-intro{font-size:16px;line-height:1.85;color:#cab8bb;margin:0 0 27px}.facade-actions>.button{font-size:14px;min-height:50px;padding:13px 24px}.facade-actions{grid-column:1;grid-row:2;align-self:start;position:relative;z-index:2}.facade-actions>.button{margin-top:25px}.light-control{max-width:385px;margin-top:6px;padding-top:25px;border-top:1px solid #ddc3a03d}.light-control-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.light-control-title label{font-size:11px;letter-spacing:2.1px;color:#d0b7a1}.light-control-title output{font:italic 20px var(--serif);color:#e0c08e;white-space:nowrap}.light-control-row{display:flex;align-items:center;gap:13px;margin:13px 0 9px}.light-control-row>button{border:0;background:none;color:#baa5a7;display:flex;align-items:center;gap:8px;padding:7px 0;font-size:14px;min-height:40px}.light-control-row>button[aria-pressed=true]{color:#f3dab4}.light-control-row svg{width:20px;height:20px;flex-shrink:0}.light-control-row input{appearance:none;-webkit-appearance:none;min-width:0;flex:1;height:28px;background:transparent;cursor:ew-resize;margin:0;padding:0;accent-color:#e2c39b}.light-control-row input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#d7b47d var(--light-progress),#90775e66 var(--light-progress));border-radius:5px}.light-control-row input::-moz-range-track{height:3px;background:#90775e66}.light-control-row input::-moz-range-progress{height:3px;background:#d7b47d}.light-control-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:22px;width:22px;border:5px solid #35151e;border-radius:50%;background:#ebc994;box-shadow:0 0 0 1px #d7b47d;position:relative;top:-9px;transition:box-shadow .2s}.light-control-row input::-moz-range-thumb{height:14px;width:14px;border:4px solid #35151e;border-radius:50%;background:#ebc994;box-shadow:0 0 0 1px #d7b47d}.light-control-row input:focus-visible{outline:1px solid #d7b47d;outline-offset:6px;border-radius:5px}.light-control>p{font-size:12px;line-height:1.6;color:#aa929c;margin:0;max-width:355px}.facade-thumbnails{display:flex;gap:17px;align-items:center;margin-top:30px}.facade-thumbnails>span{font-size:10px;letter-spacing:1.8px;max-width:80px;line-height:1.8;color:#b49da6}.facade-thumbnails>div{display:flex;gap:9px}.exterior-thumbnail{padding:3px;border:1px solid #ffffff26;display:block;background:#ffffff08;transition:transform .25s,border-color .25s}.exterior-thumbnail img{width:50px;height:50px;object-fit:cover}.exterior-thumbnail:hover{transform:translateY(-4px);border-color:#d7b47d}.facade-experience{grid-column:2;grid-row:1 / span 2;position:relative;width:100%;max-width:515px;justify-self:end;perspective:1200px;animation:copy-entry 1.2s .15s both}.facade-stage{position:relative;width:100%;aspect-ratio:3/4;perspective:1100px;touch-action:pan-y;cursor:grab;outline-offset:12px;-webkit-user-select:none;user-select:none}.facade-stage:active{cursor:grabbing}.facade-stage:focus-visible{outline:1px solid var(--gold);border-radius:200px 200px 5px 5px}.facade-visual{position:relative;isolation:isolate;height:100%;width:100%;border-radius:210px 210px 4px 4px;overflow:hidden;background:#53789e;transform:perspective(1200px) rotateX(calc(var(--my)*-3deg)) rotateY(calc(var(--mx)*4deg));transform-style:preserve-3d;box-shadow:0 28px 70px #0007,0 0 0 1px #e3c39b47;will-change:transform}.facade-visual>img,.facade-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.facade-night{opacity:var(--night)}.facade-canvas{opacity:0;transition:opacity .3s}.facade-stage[data-depth-renderer=webgl] .facade-canvas{opacity:1}.facade-sheen{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,#ffffff0a,transparent 25%,transparent 70%,#09061520);mix-blend-mode:soft-light}.facade-image-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:35px 23px 19px;display:flex;justify-content:space-between;gap:10px;background:linear-gradient(transparent,#140f16be);font-size:10px;letter-spacing:2px;color:#fff4dc;pointer-events:none}.facade-image-caption>span:last-child{color:#e8c79b;letter-spacing:1.5px}.facade-outline{position:absolute;inset:-16px 15px 14px -16px;border:1px solid #d7b47d47;border-radius:230px 230px 4px 4px;z-index:-1;transform:perspective(1200px) rotateX(calc(var(--my)*-1deg)) rotateY(calc(var(--mx)*1.5deg));pointer-events:none}.depth-controls{display:flex;align-items:center;gap:15px;margin-top:23px;color:#b8aab3;min-height:30px}.depth-controls p{font-size:11px;margin:0 auto 0 0}.depth-controls button{border:0;border-bottom:1px solid #a992704d;background:none;font-size:12px;color:#ceb58f;padding:4px 0;white-space:nowrap}.depth-controls button[aria-pressed=false]{color:#b39ba6}.facade-footer{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.7px;color:#bba7ad}.facade-footer a{display:flex;align-items:center;gap:16px}.facade-footer .scroll-line{height:27px}.facade-loading .light-control-row input,.facade-loading [data-light="100"]{opacity:.5}.facade-loading .light-control>p{color:#c4b1ba}
@media(min-width:1600px){.facade-hero{padding-left:10%;padding-right:10%;column-gap:10%;min-height:100svh}.facade-experience{max-width:575px}.facade-copy h1{font-size:88px}}
@media(max-width:1100px){.facade-hero{column-gap:5%;padding:150px 6% 110px;min-height:850px}.facade-copy h1{font-size:61px}.facade-intro{font-size:15px}.facade-copy .eyebrow{font-size:10px}.facade-copy .eyebrow span{width:18px}.facade-experience{max-width:440px}.facade-thumbnails{gap:10px}.exterior-thumbnail img{width:42px;height:42px}.facade-thumbnails>span{font-size:9px;max-width:65px}.depth-controls{gap:12px;flex-wrap:wrap}.depth-controls p{width:100%;margin-bottom:0}.facade-footer>span:last-child{display:none}.light-control-row{gap:10px}}
@media(max-width:800px){.facade-hero{grid-template-columns:1fr;gap:42px;padding:145px 8% 90px;min-height:0;overflow:hidden}.facade-copy,.facade-actions{display:contents}.facade-experience{grid-column:1}.facade-copy .eyebrow{grid-row:1;margin:0;font-size:10px;justify-content:center}.facade-copy h1{grid-row:2;font-size:clamp(43px,8vw,62px);text-align:center;letter-spacing:-1px;line-height:1.05;margin:-25px 0 0}.facade-copy h1 br:first-of-type{display:none}.facade-copy h1 em{display:block}.facade-copy h1 em br{display:none}.facade-intro{grid-row:3;text-align:center;font-size:15px;margin:-20px auto 0;max-width:350px}.facade-intro br{display:none}.facade-experience{grid-row:4;justify-self:center;max-width:460px;width:100%;margin-top:-5px}.facade-visual{border-radius:200px 200px 4px 4px}.facade-outline{inset:-10px 10px 10px -10px}.depth-controls{flex-wrap:nowrap;gap:15px;margin-top:18px}.depth-controls p{width:auto;margin-right:auto;font-size:10px}.depth-controls button{font-size:11px}.light-control{grid-row:5;max-width:460px;width:100%;justify-self:center;margin:-17px 0 0;padding-top:20px}.light-control-title label{font-size:10px}.light-control>p{max-width:none;font-size:12px}.facade-actions>.button{grid-row:6;width:100%;max-width:460px;justify-self:center;margin-top:-18px}.facade-thumbnails{grid-row:7;justify-self:center;margin:-15px 0 0;gap:18px}.facade-thumbnails>span{max-width:75px;font-size:10px}.exterior-thumbnail img{height:50px;width:50px}.facade-footer{left:8%;right:8%;bottom:25px;font-size:9px;letter-spacing:1px}.facade-footer a{font-size:8px;gap:8px}.facade-footer .scroll-line{height:20px}.facade-image-caption{padding:30px 17px 15px;font-size:9px;letter-spacing:1.5px}}
@media(max-width:400px){.facade-hero{padding-left:7%;padding-right:7%;padding-top:135px;gap:35px}.facade-copy h1{font-size:40px}.facade-experience{margin-top:0}.facade-intro{font-size:14px}.light-control{margin-top:-10px}.depth-controls p{max-width:105px;line-height:1.5}.depth-controls{gap:10px}.exterior-thumbnail img{width:42px;height:42px}.facade-thumbnails{gap:12px}.facade-thumbnails>div{gap:6px}.facade-thumbnails>span{font-size:9px;max-width:60px}.facade-actions>.button{margin-top:-8px}.facade-image-caption{font-size:8px;letter-spacing:1px}.light-control-row>button{font-size:13px}.facade-footer>a{display:none}}
@media(max-width:300px){.facade-copy h1{font-size:34px}.facade-copy .eyebrow{font-size:8px;letter-spacing:1px}.facade-experience{width:96%}.facade-image-caption>span:last-child{display:none}.depth-controls{flex-wrap:wrap}.depth-controls p{max-width:none;width:100%;text-align:center}.depth-controls button{margin:auto}.facade-thumbnails{flex-direction:column;gap:10px}.facade-thumbnails>span{max-width:none}.light-control-title{gap:8px}.light-control-title label{font-size:9px}.light-control-title output{font-size:17px}.light-control-row{gap:9px}.light-control-row>button{gap:4px}.light-control-row svg{width:16px}.facade-intro{font-size:14px}.facade-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.facade-visual,.facade-outline{transform:none!important}.facade-copy,.facade-experience{animation:none!important}.facade-canvas{transition:none}}