/* V6: identity, story, exploration — a single frame. */
#sunway-header{padding:24px 4%;width:34%}#brand-home>.sunway-logo{--logo-width:66px}
#route-trail{top:150px}#signature,.in-category #signature{top:27%;max-height:calc(73dvh - 172px)}
#world .world-copy,#world.open .world-copy{top:27%;bottom:170px}
#contact-footer{position:fixed;z-index:43;left:4%;bottom:25px;width:26%;pointer-events:auto}
#contact-footer .header-actions{position:relative;gap:0;padding-right:28px}
#contact-footer .header-phone,#contact-footer .header-email{min-height:30px;font-size:11px;padding:3px 0}
.social-link{position:absolute;right:0;bottom:4px;color:#f28b5f;display:grid;place-items:center;width:32px;height:32px}.social-link svg{width:15px;height:15px;fill:currentColor}
#reserve{left:4%;bottom:106px}#gallery-trigger,.iphone-light #gallery-trigger{left:23%;bottom:106px;top:auto}
#collection{position:absolute;z-index:12;left:34%;top:0;width:66%;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#f28b5f70 #102a34;background:#102a34;padding-bottom:8vh;display:grid;grid-template-columns:1fr 1fr;align-content:start}
#collection[hidden]{display:none}body.collection-open #filmstrip,body.collection-open #light{visibility:hidden}body.in-world #collection{visibility:hidden}
.collection-facet{position:relative;border:0;padding:0;min-width:0;height:43dvh;margin:0 0 -5dvh;background:#102a34;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 87%,0 100%);color:#fff5e8;isolation:isolate}
.collection-facet:nth-child(even){clip-path:polygon(0 0,100% 0,100% 100%,0 87%)}
.collection-facet:nth-child(4n+3){clip-path:polygon(0 13%,100% 0,100% 100%,0 100%)}
.collection-facet:nth-child(4n+4){clip-path:polygon(0 0,100% 13%,100% 100%,0 100%)}
.collection-facet img{width:100%;height:100%;object-fit:cover;filter:brightness(.53) saturate(.8);transition:filter .45s,transform .65s}
.collection-facet span{position:absolute;inset:0;display:grid;place-content:center;padding:15%;font:400 clamp(14px,1.45vw,23px)/1.4 Arial,sans-serif;letter-spacing:.045em;text-align:center;text-transform:uppercase;text-wrap:balance}
.collection-facet:hover img,.collection-facet:focus-visible img{filter:brightness(.76) saturate(1);transform:scale(1.025)}
.collection-facet:focus-visible{outline:3px solid #f28b5f;outline-offset:-6px}
#world .world-image.photo-sequence{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#f28b5f70 transparent}
.photo-sequence figure{height:100%;min-height:100%;width:100%;margin:0;position:relative;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}
.photo-sequence img{width:100%;height:100%;object-fit:contain;display:block}.photo-sequence figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 24px 22px;background:linear-gradient(transparent,#102a34dd);font:12px/1.5 Arial,sans-serif;color:#fff5e8}
#photo-position{position:absolute;right:22px;top:22px;font:11px Arial,sans-serif;color:#fff5e8;padding:8px;background:#0b0c0ecc;pointer-events:none}
#reservation{left:0;top:0;bottom:auto;width:34%;height:100dvh;max-height:100dvh;max-width:none;transform:none;margin:0;padding:27dvh 4vw 35px;border:0;box-shadow:none;background:#0b0c0e;box-sizing:border-box}
#reservation[open]{animation:contact-appear .22s ease both}#reservation::backdrop{background:transparent;backdrop-filter:none}
.contact-logo{position:absolute;top:24px;left:4vw;--logo-width:66px}#reservation #close-reservation{position:absolute;top:24px;right:20px}
body.contact-open #signature,body.contact-open .world-copy,body.contact-open #route-trail,body.contact-open #contact-footer,body.contact-open #reserve,body.contact-open #gallery-trigger{visibility:hidden}
@keyframes contact-appear{from{opacity:0}to{opacity:1}}
@media(max-width:650px){
#sunway-header{padding:12px 5%;width:100%}#brand-home>.sunway-logo{--logo-width:34px}
#route-trail{top:66px}#signature,.in-category #signature,body[data-depth="0"] #signature{top:108px;max-height:calc(42dvh - 192px)}body[data-depth="0"] #signature{top:78px;max-height:calc(42dvh - 162px)}
#signature h2,.iphone-light #signature h2{font-size:28px}#signature p:last-child{margin-top:10px}
#world .world-copy,#world.open .world-copy{top:108px;height:calc(42dvh - 192px);bottom:auto}
#contact-footer{left:5%;width:90%;bottom:auto;top:calc(42dvh - 46px)}#contact-footer .header-actions{flex-direction:row;flex-wrap:nowrap;gap:14px;padding-right:26px}#contact-footer .header-phone,#contact-footer .header-email{font-size:9px;min-height:34px;white-space:nowrap}.social-link{width:26px;height:34px;bottom:0}
#reserve,#gallery-trigger,.iphone-light #gallery-trigger{top:calc(42dvh - 83px);bottom:auto}#reserve{left:5%}#gallery-trigger,.iphone-light #gallery-trigger{left:auto;right:5%}
#collection{left:0;top:42%;width:100%;height:58%;padding-bottom:4vh}.collection-facet{height:30dvh;margin-bottom:-3.5dvh}.collection-facet span{font-size:13px;padding:12%}
#reservation{left:0;top:0;width:100%;height:100dvh;max-height:100dvh;padding:150px 7% 40px}#reservation .contact-logo{left:7%;top:28px;--logo-width:50px}#reservation #close-reservation{top:24px;right:5%}#reservation h2{font-size:34px}
}
@media(max-height:550px) and (min-width:651px){#sunway-header{padding-top:10px}#brand-home>.sunway-logo{--logo-width:30px}#route-trail{top:62px}#signature,.in-category #signature{top:110px;max-height:calc(100dvh - 240px)}#world .world-copy,#world.open .world-copy{top:110px;bottom:126px}#contact-footer{bottom:10px}#reserve,#gallery-trigger,.iphone-light #gallery-trigger{bottom:78px}#reservation{padding-top:115px}.contact-logo{top:10px;--logo-width:30px}}
@media(prefers-reduced-motion:reduce){#reservation[open]{animation:none}.collection-facet img{transition:none}}

body.gallery-open #collection{visibility:hidden}body.gallery-open #contact-footer{visibility:hidden}
#signature{user-select:text}body.in-world #reserve{display:block}
