/* Screenshot-only composition. No application or entry integration. */
*{box-sizing:border-box}
html,body{margin:0;background:#151b14;color:#fff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
a{color:inherit;text-decoration:none}
img{display:block}
.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.corner-mark{position:absolute;z-index:4;top:29px;left:34px;filter:drop-shadow(0 1px 5px #0008)}
.corner-mark img{width:49px;height:30px}
.gateway{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.path{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;height:100svh;overflow:hidden;container-type:inline-size}
.card-photo,.card-photo picture{position:absolute;inset:0;z-index:-2;overflow:hidden;display:block}
.card-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.path-collection .card-photo img{object-position:51% 30%}
.path:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#11180d28 0%,transparent 22%,#141a1215 40%,#121b118f 67%,#121b11e8 100%)}
.card-copy{position:relative;padding:0 40px 119px}
.eyebrow{font-size:9px;letter-spacing:.15em;line-height:1.4;margin:0 0 13px}
h2{font-size:clamp(34px,6.65cqw,66px);line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:0 0 19px;white-space:nowrap}
.card-copy>p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0 0 25px}
.home-menu.card-copy .primary-cta{width:100%;max-width:370px;min-height:54px;padding:13px 50px 13px 22px;justify-content:flex-start}
.home-menu.card-copy .primary-cta .cta-label{font-size:16px;letter-spacing:-.015em}
.home-menu.card-copy .cta-arrow{position:absolute;right:22px;width:32px;height:24px}
.photo-navigation{position:absolute;bottom:24px;left:40px;right:40px;z-index:3}
.home-nav{display:flex;justify-content:center;align-items:center;gap:46px;font-size:14px;letter-spacing:-.015em}
.home-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
@media(max-width:900px){
 .corner-mark{top:22px;left:24px}
 .corner-mark img{width:43px;height:26px}
 .gateway{grid-template-columns:1fr}
 .path{--card-height:50svh;height:var(--card-height);min-height:360px}
 .card-copy{padding:0 24px 26px}
 .path-collection .card-copy{padding-bottom:78px}
 .eyebrow{font-size:8px;letter-spacing:.14em;margin:0 0 10px}
 h2{font-size:clamp(28px,8.25vw,48px);margin:0 0 13px;letter-spacing:-.05em;line-height:1.06}
 .card-copy>p:not(.eyebrow){font-size:12px;line-height:1.5;margin:0 0 19px}
 .home-menu.card-copy .primary-cta{max-width:440px;min-height:50px;padding:12px 42px 12px 18px;justify-content:center}
 .home-menu.card-copy .primary-cta .cta-label{font-size:14px;letter-spacing:-.02em}
 .home-menu.card-copy .cta-arrow{right:6%;width:26px;height:22px}
 .path:after{background:linear-gradient(180deg,#11180d28 0%,transparent 22%,#141a1240 36%,#121b11ae 56%,#121b11e8 100%)}
 .path-collection:after{background:linear-gradient(180deg,transparent 0%,#141a1228 21%,#121b119e 40%,#121b11d1 73%,#121b11ee 100%)}
 .photo-navigation{bottom:10px;left:24px;right:24px}
 .home-nav{justify-content:space-between;gap:12px;font-size:13px}
}
@media(max-width:650px){
 .path-collection .card-photo img{--room-width:max(100vw,calc(max(360px,50svh)*900/884));width:var(--room-width);height:auto;max-width:none;inset:auto;left:50%;transform:translateX(-50%);top:calc(var(--room-width)*-420/900);object-fit:fill}
}

/* Camera study: desktop only; the approved mobile rules above are intact. */
@media(min-width:901px){
 .gateway{grid-template-columns:50% 50%}
 .path-custom .card-photo img{object-position:89% 50%}
 .path-collection .card-photo img{object-position:51% 50%}
 h2{font-size:clamp(34px,3.125vw,60px)}
 .card-copy{padding:0 44px 119px}
 .path:after{background:linear-gradient(180deg,#11180d15 0%,transparent 25%,#141a1215 43%,#121b11bc 67%,#121b11de 100%)}
}

/* Keep the approved normal-size composition; allow content to grow at text zoom. */
:root{--gateway-height:100vh}
@supports(height:100dvh){:root{--gateway-height:100dvh}}
body{position:relative}
.gateway{min-height:var(--gateway-height)}
.path{height:auto;min-height:var(--gateway-height)}
.card-copy{padding-top:70px;padding-bottom:calc(5.9375em + 24px)}
h2{white-space:normal;overflow-wrap:break-word}
.home-menu.card-copy .primary-cta,.home-menu.card-copy .primary-cta .cta-label{white-space:normal;min-width:0;overflow-wrap:break-word}
.home-nav{flex-wrap:wrap}
@media(max-width:900px){
 .gateway{--gateway-panel-height:calc(var(--gateway-height)/2)}
 .path{height:auto;min-height:var(--gateway-panel-height)}
 .card-copy{padding-bottom:26px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
 .path-custom .card-copy{padding-top:max(70px,calc(env(safe-area-inset-top) + 48px))}
 .path-collection .card-copy{padding-bottom:calc(3.375em + 24px + max(0px,env(safe-area-inset-bottom) - 10px))}
 .corner-mark{top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left))}
 .photo-navigation{bottom:max(10px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}
}
/* Keep the two stacked panels on the same current viewport measure. Their
   content can still grow beyond this minimum at short heights or text zoom. */
@media(max-width:900px){
 .path-collection .card-copy{padding-top:clamp(24px,calc(var(--gateway-panel-height) - 290px - max(0px,env(safe-area-inset-bottom) - 10px)),70px)}
}
@media(max-width:650px){.path-collection .card-photo img{--room-width:max(100vw,calc(var(--gateway-panel-height)*900/884))}}
.skip:focus{position:fixed;z-index:100;top:12px;left:12px;width:auto;height:auto;clip-path:none;padding:12px 18px;background:#fff;color:#182018}
.primary-cta:focus-visible,.home-nav a:focus-visible,.corner-mark:focus-visible{outline:2px solid #fff;outline-offset:5px}