/* Native touch scrolling plus a single JS-driven automatic archive track. */
.gallery-window{width:100%!important;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;scroll-behavior:auto!important;-webkit-overflow-scrolling:touch}.gallery-window::-webkit-scrollbar{display:none}.gallery-window.is-dragging{cursor:grabbing}.gallery-window .gallery-grid{animation:none!important;transform:none!important;padding:12px 0;width:max-content}.gallery-window .gallery-grid button{flex-shrink:0}.gallery-window .gallery-grid img{-webkit-user-drag:none;user-select:none}.gate-note{display:none!important}
.seo-location{font-size:12px;line-height:1.7;opacity:.72;max-width:750px;margin:0 0 28px}
@media(max-width:800px){
 html,body{max-width:100%;overflow-x:clip}body{width:100%}main{width:100%;overflow:clip}img,video{max-width:100%}
 .ref-header{height:72px;padding:12px 4%;gap:10px}.ref-header nav{gap:5px;max-width:42%}.ref-header nav a{padding:9px 10px;font-size:10px}.ref-header .brand{width:29px}.nav-right{gap:0;max-width:36%}.nav-right>.tiny{display:none}.ref-header .contact-link{font-size:10px!important;padding:5px 5px 5px 10px!important;gap:6px!important;white-space:nowrap}.contact-link span{width:26px;height:26px}
 .ref-hero{height:90svh;min-height:620px;max-height:900px;padding:125px 4% 24px}.ref-hero h1{font-size:14vw;line-height:.98;margin:0 auto;letter-spacing:-.075em}.walking-world{left:-28%;right:-28%;bottom:85px;height:51%}.floating-pill{font-size:8px;padding:9px 11px}.pill-one{top:-30px;left:30%}.pill-two{left:0;top:95%}.pill-three{right:0;bottom:-53px}.hero-rings{opacity:.6}.ref-hero .hero-foot{left:5%;right:5%;bottom:20px;gap:12px}.ref-hero .hero-foot p{max-width:60%;font-size:10px}.scroll-cue{font-size:8px;gap:8px}.hero-seal{display:none}
 .curved-ribbon{height:130px!important}.about{padding:55px 6%}.about h2.reading-statement{font-size:clamp(28px,7.8vw,44px);line-height:1.18}.about p{font-size:13px;line-height:1.8}.about>div:first-child>.tiny{margin-bottom:28px}
 #gallery{padding-bottom:45px!important}.gallery-window .gallery-grid{gap:15px}.gallery-window .gallery-grid button{width:64vw;flex-basis:64vw;height:86vw;max-height:450px}
 #work{padding:55px 5%}.section-head{display:block}.section-head h2{font-size:clamp(38px,10vw,65px);line-height:1.02;overflow-wrap:normal}.section-head p{padding-top:0}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0}.filter{font-size:12px!important;padding:12px 9px!important;min-height:46px}.work-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(n){margin-top:0}.project .slide-frame{height:auto;aspect-ratio:4/5}.project-meta{display:block}.project h3{font-size:21px}.project-meta span{font-size:10px}
 .wellness-teaser{margin:20px 5% 25px!important;padding:35px 7%!important;min-height:0;display:block}.wellness-teaser h2{font-size:clamp(37px,10.5vw,65px)!important;line-height:1.05!important;max-width:100%}.wellness-teaser p{font-size:12px;line-height:1.8}.wellness-teaser .circle{width:54px;height:54px;margin-top:22px}.wellness-teaser .text-button{font-size:11px;text-align:left}.social-teaser{margin-bottom:60px!important}.social-teaser h2{font-size:clamp(29px,8vw,44px)!important;font-family:Arial,Helvetica,sans-serif!important}.social-teaser:before{width:45%!important}
 #services{padding:55px 5%}.services .section-head{display:block;margin-bottom:30px}.services .section-head>div{display:block}#services .section-head h2{font-size:clamp(40px,11vw,65px)!important}.services .section-head p{grid-column:auto;font-size:12px}
 .faq-section{padding:55px 6% 70px;display:block}.faq-section h2{font-size:43px}.faq-list summary{font-size:17px}.faq-list p{font-size:13px}
 footer:not(.page-footer){padding:50px 6% 25px;border-radius:18px 18px 0 0}footer h2{font-size:12vw;line-height:1;letter-spacing:-.065em;margin:35px 0 40px}footer .email{font-size:clamp(17px,5.1vw,29px);overflow-wrap:anywhere}.footer-page-links{gap:8px;margin-top:25px}.footer-page-links a{font-size:10px;padding:11px 13px}.footer-bottom{margin-top:40px;display:flex;flex-direction:column;gap:20px;line-height:1.8}.footer-bottom div{gap:14px 18px}.footer-social-icons{gap:10px}.footer-social-icons a{font-size:11px;padding:12px 16px}.seo-location{font-size:10px}
 .music-widget{width:59px;height:76px;right:14px;bottom:14px}.music-logo{width:54px;height:54px;padding:12px}.music-options{left:17px}.music-bubble{max-width:160px;min-width:140px;font-size:10px}.music-panel{width:190px}
 .page-header{height:auto;min-height:80px;gap:16px;padding:18px 5%;align-items:center}.page-header img{height:35px}.page-header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;max-width:78%;font-size:10px}.page-header nav a{display:inline!important}.page-hero{padding:55px 6% 35px}.page-hero h1{font-size:clamp(40px,11vw,74px);line-height:1.05;overflow-wrap:anywhere}.page-section{padding:30px 6% 45px}.page-section h2{font-size:32px}.page-hero>p{font-size:13px}.contact-grid,.connection-grid,.capability-grid,.social-services-grid,.wellness-category-grid{grid-template-columns:1fr}.contact-card{padding:25px}.contact-card strong{font-size:18px}.page-media-grid{grid-template-columns:1fr!important}.page-media-grid img,.page-media-grid video{height:auto!important;max-height:650px;object-fit:contain!important}.page-footer{gap:18px;padding:25px 6%;font-size:10px}.wellness-page .page-hero.has-feature-art,.social-page .page-hero{padding:55px 6% 35px;min-height:0}.wellness-page .page-hero.has-feature-art h1{font-size:17vw;line-height:1}.wellness-hero-art,.social-hero-art{position:relative;inset:auto;width:100%;height:auto;max-height:none;margin-top:30px}.wellness-hero-art img,.social-hero-art img{height:auto;max-height:none!important;object-fit:contain!important}.wellness-page .page-section>h2{font-size:44px}.wellness-category img{height:65vw;object-fit:cover}.wellness-service-list{grid-template-columns:1fr}.wellness-service-detail h3{font-size:20px}.wellness-tabs{gap:8px}.wellness-tabs button{padding:11px 14px}.image-dialog{padding:15px;width:95vw}.contact-drawer{padding:90px 6% 40px}.contact-drawer>a{max-width:100%;overflow-wrap:anywhere;font-size:5vw}.gate-logo{left:50%;top:42%;width:140px;max-width:40vw;translate:-50% -50%;padding:18px}
}
@media(max-width:360px){.ref-header nav a{padding:8px}.ref-header .brand{width:25px}.ref-header .contact-link{font-size:9px!important}.ref-hero{min-height:580px}.ref-hero h1{font-size:13.8vw}.floating-pill{font-size:7px}.wellness-teaser h2{font-size:35px!important}.social-teaser h2{font-size:28px!important}}