/* Source: reference 1.1.17, index.html <style id="claritas-mobile-layout">, md5 1fa46e980b871100272cdd72c8146884 (raw block; line endings normalized to LF). Generated by bin/extract-reference.php; do not edit. */
/* Mobile layout, shared by all seven pages. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){
 html{scroll-padding-top:90px;overflow-x:clip}
 body{min-width:0;overflow-wrap:break-word}
 main,section,figure,.block-copy,.reading-copy{min-width:0}
 body>.site-header{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px}
 body>.site-header .journey,body>.site-header .menu-icon{width:44px;height:44px;min-height:44px}
 body>.site-header .journey-label,body>.site-header .sparkle,body>.site-header .contact-button{display:none}
 body>.site-header .wordmark{display:block;font-size:30px;letter-spacing:-1.5px;white-space:nowrap;padding:0;justify-self:center}
 body>.site-header .contact-pill{min-height:48px;padding:3px;gap:0}
 body>.site-header .reserve-button{min-height:42px;padding:10px 14px;font-size:12px}
 button,a,summary{-webkit-tap-highlight-color:rgba(112,130,99,.2);touch-action:manipulation}
 .close-button,.activity-arrows button{width:44px;height:44px;min-width:44px;min-height:44px}
 .navigation-dialog{height:100%;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}
 .navigation-dialog[open]{grid-template-columns:minmax(0,1fr)}
 .nav-panel{min-height:0;padding:max(22px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .navigation-dialog .nav-top{margin-bottom:24px}
 .navigation-dialog nav{margin-top:18px}
 .navigation-dialog nav a{font-size:clamp(19px,5.3vw,23px);line-height:1.25;padding:16px 0;min-height:56px;gap:10px;letter-spacing:-.45px}
 .navigation-dialog nav a b{flex:none}
 .nav-contacts{gap:14px;padding-top:28px;overflow-wrap:anywhere}
 .nav-contacts a{min-height:36px;display:flex;align-items:center}
 .hero.hero-water-intro{height:auto;min-height:100svh;max-height:none}
 .hero-reveal{min-height:100svh;padding:120px 24px 85px}
 .hero-reveal-question{font-size:clamp(32px,8.1vw,42px);line-height:1.16;margin-bottom:25px;letter-spacing:-1px}
 .hero-reveal-description{font-size:16px;line-height:1.65}
 .hero-reveal-emphasis{font-size:16px;line-height:1.55;margin-top:22px}
 .hero-opening-title .spa{font-size:clamp(50px,15vw,65px)}
 .hero-opening-title .mental{font-size:clamp(53px,17vw,76px);letter-spacing:.08em}
 .hero-water-intro .scroll-link{width:40px;height:40px;bottom:20px}
 .introduction-content,.life-mobile-intro{padding:60px 24px}
 .introduction-content h2,.life-mobile-intro h2{font-size:clamp(33px,9vw,42px);letter-spacing:-1.2px}
 .introduction-copy,.life-mobile-intro p{font-size:16px;line-height:1.75}
 .introduction-photo{height:65svh;max-height:600px}
 .experience-stage{height:100svh;grid-template-columns:minmax(0,1fr);grid-template-rows:52svh 48svh}
 .life-panel{--activity-row:44px;--activity-window:132px;padding:18px 22px max(18px,env(safe-area-inset-bottom));gap:10px}
 .life .activity-tab{font-size:clamp(18px,5vw,22px);min-height:44px}
 .activity-menu{margin-top:10px}
 .activity-bottom{margin-top:8px}
 .activity-menu-caption{font-size:9px}
 .experience-exit{font-size:11px;min-height:32px;align-items:center}
 .life .activity-panel figcaption{left:22px;right:22px;bottom:22px;gap:12px;font-size:clamp(22px,6vw,27px);align-items:baseline}
 .activity-panel figcaption>span{font-size:9px}
 .life .activity-panel .activity-caption-description{font-size:14px;font-style:italic;line-height:1.45;font-weight:400;margin-top:8px}
 .capacity-number-panel{min-height:490px;padding:80px 24px}
 .capacity-number{font-size:clamp(210px,64vw,280px)}
 .capacity-label{font-size:19px}
 .capacity-copy{padding:55px 24px;font-size:16px}
 .capacity-copy>.section-lead{font-size:29px}
 .autonomy-film{min-height:100svh}
 .autonomy-film .editorial-copy{padding:110px 24px 100px}
 .autonomy-film .editorial-copy h2{font-size:clamp(33px,8.8vw,43px);line-height:1.17;margin:26px auto 28px}
 .autonomy-film .editorial-copy p{font-size:16px;line-height:1.7}
 .autonomy-video-toggle,.video-toggle{min-height:44px;bottom:max(20px,env(safe-area-inset-bottom));right:20px;font-size:12px}
 .autonomy-backdrop video{object-position:center}
 .page-hero,.long-hero{min-height:100svh;height:auto;max-height:none;padding:130px 24px 85px}
 .page-hero-copy h1,.long-hero .page-hero-copy h1{font-size:clamp(36px,10.6vw,49px);line-height:1.1;letter-spacing:-1.2px;margin:24px 0}
 .page-hero-copy p{font-size:16px;line-height:1.7}
 .page-block,.text-block.centered,.page-cta{padding:58px 24px}
 .page-block h2,.page-cta h2{font-size:clamp(32px,8.8vw,40px);letter-spacing:-1px}
 .page-block .reading-copy,.reading-copy{font-size:16px;line-height:1.75}
 .photo-block,.columns .reading-copy,.statement .block-copy,.panorama-content,.page-cta.with-photo{grid-template-columns:minmax(0,1fr)}
 .split-panels .split-panels-body,.panorama-content>.reading-copy{padding:40px 24px;font-size:16px}
 .split-panels-title,.split-panels .recognition-heading{padding:50px 24px}
 .split-panels .page-photo,.split-panels .recognition-photo{height:62svh;min-height:300px}
 .place-section .place-copy{font-size:17px}
 .place-gallery{gap:16px}
 .process-elements{gap:28px 16px}
 .story{grid-template-columns:minmax(0,1fr);gap:22px}
 .story figure{width:min(56vw,230px)}
 .story img{height:270px;max-width:none}
 .story p{font-size:16px;line-height:1.75}
 .story h2{font-size:30px}
 .story .story-author{font-size:14px}
 .story .story-notice{font-size:12px}
 .help-track{padding-inline:24px;gap:18px;scroll-snap-type:x proximity}
 .help-card{flex:0 0 calc(100vw - 64px);min-height:480px;scroll-snap-align:center}
 .help-card-copy{padding:35px 25px}
 .help-card h2{font-size:29px}
 .help-card p{font-size:16px;line-height:1.7}
 .help-carousel-controls{padding-inline:24px;font-size:13px}
 .help-carousel-controls>div{flex-wrap:wrap}
 .faq-questions summary{font-size:18px;min-height:60px}
 .faq-answer{font-size:16px;line-height:1.75}
 .page-footer{padding:40px 24px max(40px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr)}
 .page-footer .footer-contact{font-size:14px}
 .light-button,.dark-button{min-height:48px;max-width:100%;white-space:normal;line-height:1.45;text-align:center}
}
@media(max-width:760px) and (max-height:600px){
 .life-panel{--activity-window:88px;padding-block:12px;gap:6px}
 .activity-menu{margin-top:6px}.activity-bottom{margin-top:4px}
 .experience-exit{min-height:28px;font-size:10px}
}
@media(max-width:760px) and (orientation:landscape) and (max-height:500px){
 .experience-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr}
 .life-panel{padding:20px;--activity-window:88px}
 .life .activity-panel figcaption{font-size:22px}
 .life .activity-panel .activity-caption-description{font-size:13px}
}