/* All changes opt in on iPhone only. iPad and desktop retain V21. */
html.iphone-layout{--phone-header:76px}
html.iphone-layout body{overflow:hidden;background:#0b0c0e}
html.iphone-layout #sunway-header{position:fixed;inset:0 0 auto;width:100%;height:var(--phone-header);padding:10px 20px;background:#0b0c0e;z-index:60;justify-content:center}
html.iphone-layout #brand-home>.sunway-logo{--logo-width:38px}
html.iphone-layout #brand-home>.brand-wordmark{font-size:23px}
html.iphone-layout #brand-home>.brand-wordmark small{font-size:8px}
html.iphone-layout #global-toggle{top:16px;right:18px;width:42px;height:42px;z-index:61}
html.iphone-layout #scene{display:flex;flex-direction:column;position:relative;margin-top:var(--phone-header);height:calc(100dvh - var(--phone-header));overflow-x:hidden;overflow-y:auto;perspective:none;scroll-behavior:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch;background:#fff;padding:0;overscroll-behavior-y:contain}
html.iphone-layout #scene>.base,html.iphone-layout #filmstrip,html.iphone-layout #light{display:none}
html.iphone-layout #route-trail{position:relative;inset:auto;order:0;flex:none;width:100%;height:auto;min-height:46px;padding:3px 20px;display:flex;flex-direction:row;justify-content:flex-start;gap:14px;background:#fff;z-index:2}
html.iphone-layout #route-trail[hidden]{display:none}
html.iphone-layout #route-location{display:block;font:11px/1.4 Arial,sans-serif;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.iphone-layout #route-back{flex-shrink:0;font-size:12px}
html.iphone-layout #collection.adaptive-mosaic,html.iphone-layout #world .world-image.photo-sequence.adaptive-mosaic{position:relative;inset:auto;width:100%;height:auto;min-height:0;overflow:visible;scroll-snap-type:none;padding:0;flex:none}
html.iphone-layout #collection{order:1}
html.iphone-layout .adaptive-mosaic .mosaic-page{height:clamp(480px,78svh,760px);min-height:0;scroll-snap-align:none;flex:none}
html.iphone-layout #collection .collection-facet span{font-size:15px;line-height:1.3;letter-spacing:.035em;padding:4px 7px}
html.iphone-layout body[data-depth="0"] #collection .collection-facet span{font-size:21px;letter-spacing:-.015em}
html.iphone-layout #signature,html.iphone-layout body[data-depth="0"] #signature,html.iphone-layout .in-category #signature{position:relative;inset:auto;order:2;width:100%;height:auto;max-height:none;overflow:visible;transform:none;margin:0;padding:34px 24px 20px;background:#fff;flex:none;opacity:1}
html.iphone-layout #signature h2,html.iphone-layout body[data-depth="0"] #signature h2{font-size:38px;line-height:1.08;margin:0 0 20px}
html.iphone-layout #signature h2 br{display:block}
html.iphone-layout #signature h2 em{margin-left:0}
html.iphone-layout #signature p:last-child{font:14px/1.8 Arial,sans-serif;max-width:none;margin:0;color:#53595a;-webkit-text-fill-color:#53595a;background:none;animation:none}
html.iphone-layout #world{position:relative;inset:auto;order:1;display:flex;flex-direction:column;flex:none;width:100%;height:auto;overflow:visible;background:#fff;perspective:none;will-change:auto;clip-path:none!important;transform:none!important}
html.iphone-layout #world[hidden]{display:none}
html.iphone-layout body.in-world #collection,html.iphone-layout body.in-world #signature{display:none}
html.iphone-layout #world .world-copy,html.iphone-layout #world.open .world-copy{position:relative;inset:auto;width:100%;height:auto;max-height:none;overflow:visible;transform:none!important;padding:34px 24px 24px;margin:0;background:#fff;opacity:1;cursor:auto}
html.iphone-layout #world .world-copy>*{opacity:1;transform:none;transition:none}
html.iphone-layout #world .world-copy h1{font-size:32px;line-height:1.15;margin-bottom:18px}
html.iphone-layout #world .world-copy .world-story{font:14px/1.85 Arial,sans-serif}
html.iphone-layout #world .world-copy .world-intro{font-size:19px}
html.iphone-layout #gallery-trigger{position:relative;inset:auto;transform:none;order:3;display:flex;align-items:center;gap:10px;margin:0;padding:18px 24px;width:100%;min-height:58px;background:#0b0c0e;color:#fff5e8;flex:none}
html.iphone-layout #gallery-trigger span{color:#fff5e8;-webkit-text-fill-color:#fff5e8;background:none;animation:none}
html.iphone-layout #contact-footer{position:relative;inset:auto;order:4;width:100%;padding:8px 24px calc(94px + env(safe-area-inset-bottom));margin:0;background:#0b0c0e;flex:none}
html.iphone-layout #contact-footer .header-actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding-right:42px}
html.iphone-layout #contact-footer .header-phone,html.iphone-layout #contact-footer .header-email{font-size:12px;min-height:38px;display:flex!important;align-items:center;white-space:normal}
html.iphone-layout #contact-footer .social-link{bottom:4px;width:40px;height:40px}
html.iphone-layout #reserve,html.iphone-layout body.in-world #reserve{position:fixed;inset:auto 16px calc(12px + env(safe-area-inset-bottom)) auto;min-height:44px;padding:10px 14px;font-size:10px;gap:14px;z-index:46;box-shadow:0 3px 18px #0b202b25}
html.iphone-layout body.contact-open #reserve{visibility:hidden}
@media(orientation:landscape){html.iphone-layout .adaptive-mosaic .mosaic-page{height:115svh;min-height:360px}}
html.iphone-layout #signature{max-width:none}
html.iphone-layout body.in-world #signature{display:none!important}
html.iphone-layout body.in-world #gallery-trigger{opacity:1;pointer-events:auto}