:root{--sn-sand: #e9dac7;--sn-gold: #c0b099;--sn-text: #5a462b;--bs-primary: #c0b099;--bs-primary-rgb: 192, 176, 153;--bs-body-bg: var(--sn-sand);--bs-body-color: var(--sn-text);--bs-secondary: #ab8a2a;--bs-secondary-rgb: 112, 90, 26;--bs-secondary-color: #705a1a;--bs-link-color: var(--sn-text);--bs-link-color-rgb: 90, 70, 43;--bs-link-hover-color: var(--sn-text);--bs-link-hover-color-rgb: 90, 70, 43;--bs-border-color: color-mix(in srgb, var(--sn-gold) 35%, transparent);--bs-light-rgb: 235, 222, 205;--bs-font-sans-serif: "Outfit", system-ui, sans-serif;--bs-body-font-family: var(--bs-font-sans-serif);--bs-heading-color: var(--sn-text);--bs-border-radius: 2px;--bs-border-radius-sm: 1px;--bs-border-radius-lg: 2px;--bs-border-radius-xl: 2px;--bs-border-radius-xxl: 2px;--bs-border-radius-2xl: 2px;--sn-wash: radial-gradient( ellipse 90% 80% at 40% 28%, var(--sn-sand) 0%, var(--sn-wash-edge) 100% );--sn-wash-edge: rgb(87.8352941176%, 81.8666666667%, 74.0705882353%)}html{background-color:var(--sn-wash-edge)}body{font-family:var(--bs-font-sans-serif);color:var(--sn-text);letter-spacing:.01em;background-color:var(--sn-sand);background-image:var(--sn-wash);background-attachment:fixed;overflow-x:hidden}@media(min-width: 768px){.container-fluid{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width: 992px){.container-fluid{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width: 1200px){.container-fluid{padding-left:3.5rem;padding-right:3.5rem}}@media(min-width: 1400px){.container-fluid{padding-left:5rem;padding-right:5rem}}a{color:var(--sn-text)}a .bi-chevron-right{display:inline-block;transition:transform .2s ease,color .2s ease}a:hover .bi-chevron-right,a:focus-visible .bi-chevron-right{transform:translateX(0.35em);color:var(--sn-text) !important}@media(prefers-reduced-motion: reduce){a .bi-chevron-right{transition:color .2s ease}a:hover .bi-chevron-right,a:focus-visible .bi-chevron-right{transform:none}.card,.card .ratio img:not(.picture-placeholder-brand){transition:none}a:hover .card,a:focus-visible .card,.card:has(>a:hover),.card:has(>a:focus-visible){transform:none}.card:has(>a:hover) .ratio img:not(.picture-placeholder-brand),.card:has(>a:focus-visible) .ratio img:not(.picture-placeholder-brand){transform:none}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Cinzel","Times New Roman",serif}h1,h2,h3,.h1,.h2,.h3{font-weight:400;font-optical-sizing:auto;text-transform:uppercase;letter-spacing:.18em;color:var(--sn-text)}h4,h5,h6,.h4,.h5,.h6{font-weight:500;letter-spacing:.04em}.btn-primary{--bs-btn-color: var(--sn-text);--bs-btn-bg: var(--sn-gold);--bs-btn-border-color: var(--sn-gold);--bs-btn-hover-color: var(--sn-sand);--bs-btn-hover-bg: var(--sn-text);--bs-btn-hover-border-color: var(--sn-text);--bs-btn-active-color: var(--sn-sand);--bs-btn-active-bg: var(--sn-text);--bs-btn-active-border-color: var(--sn-text);--bs-btn-font-weight: 500;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;border-radius:var(--bs-border-radius);padding:.7rem 1.35rem}.btn-outline-primary{--bs-btn-color: var(--sn-gold);--bs-btn-border-color: var(--sn-gold);--bs-btn-hover-color: var(--sn-sand);--bs-btn-hover-bg: var(--sn-text);--bs-btn-hover-border-color: var(--sn-text);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;border-radius:var(--bs-border-radius)}.brand-logo{display:block;width:auto;height:var(--sn-brand-logo-height, 44px);max-height:var(--sn-brand-logo-height, 44px)}.picture-placeholder.ratio>.picture-placeholder-brand{inset:auto;top:50%;left:50%;width:auto;height:auto;max-width:42%;max-height:42%;transform:translate(-50%, -50%);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:.28;pointer-events:none}.site-header{z-index:1030;background-color:var(--sn-sand);background-image:var(--sn-wash);background-attachment:fixed}body:has(.hero) .site-header{background-image:url("/assets/img/shanoma-clinic-background.webp");background-size:cover;background-position:center top;background-attachment:fixed}.header-meta{background:rgba(0,0,0,0);color:var(--bs-secondary-color);border:0;padding:.35rem 0;font-size:.78rem;letter-spacing:.08em}.header-phone{color:var(--sn-text);text-decoration:none}.header-phone:hover{color:var(--sn-gold)}.site-nav.navbar{background:rgba(0,0,0,0);padding-top:.35rem;padding-bottom:.9rem;align-items:flex-end}.site-nav.navbar>.container-fluid{align-items:flex-end}.site-nav .navbar-brand{--sn-brand-logo-height: 35px;padding-top:0;padding-bottom:0;margin-right:1rem;line-height:1;transition:opacity .3s ease}body:has(.hero) #header:not(.is-scrolled) .site-nav .navbar-brand{opacity:0;pointer-events:none}@media(prefers-reduced-motion: reduce){.site-nav .navbar-brand{transition:none}}.site-nav .navbar-toggler{border:0;box-shadow:none;padding:0;align-self:flex-end;position:relative;z-index:1055}.site-nav .navbar-toggler:focus{box-shadow:none}.site-menu-toggle.is-open,.site-menu-toggle[aria-expanded=true]{z-index:1060}.site-menu-icon{position:relative;display:block;width:1.5rem;height:1.5rem;transition:transform .35s ease}.site-menu-icon i{position:absolute;inset:0;font-size:1.5rem;line-height:1;color:color-mix(in srgb, var(--sn-gold) 65%, var(--sn-text) 35%);transition:opacity .25s ease}.site-menu-icon-open{opacity:1}.site-menu-icon-close{opacity:0}.site-menu-toggle.is-open .site-menu-icon,.site-menu-toggle[aria-expanded=true] .site-menu-icon{transform:rotate(90deg)}.site-menu-toggle.is-open .site-menu-icon-open,.site-menu-toggle[aria-expanded=true] .site-menu-icon-open{opacity:0}.site-menu-toggle.is-open .site-menu-icon-close,.site-menu-toggle[aria-expanded=true] .site-menu-icon-close{opacity:1}.site-nav .nav-link{display:flex;align-items:center;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:var(--sn-text) !important;padding-top:0;padding-bottom:0;padding-left:.85rem !important;padding-right:.85rem !important}.site-nav .nav-link:hover,.site-nav .nav-link:focus{color:var(--bs-secondary-color) !important}.site-nav .site-nav-booking,.header-meta .site-nav-booking{--bs-btn-color: var(--bs-secondary-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--sn-text);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--sn-text);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-font-weight: 600;display:inline-flex;align-items:center;padding:0 .85rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;line-height:1;box-shadow:none}.header-meta .site-nav-booking{padding:0;font-size:inherit;letter-spacing:.08em}@media(min-width: 992px){.site-nav.navbar{padding-top:1rem}#siteMenu,#siteMenu .offcanvas-body,#siteMenu .navbar-nav{align-items:flex-end}#siteMenu .offcanvas-body{display:flex;padding:0}.site-nav .navbar-nav .nav-item:last-child .nav-link{padding-right:0 !important}}.hero{position:relative;display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--sn-nav-offset, 4.5rem));height:calc(100dvh - var(--sn-nav-offset, 4.5rem));min-height:calc(100vh - var(--sn-nav-offset, 4.5rem));min-height:calc(100dvh - var(--sn-nav-offset, 4.5rem));box-sizing:border-box;overflow:visible;background-color:var(--sn-sand);background-image:url("/assets/img/shanoma-clinic-background.webp");background-size:cover;background-position:center top;background-attachment:fixed;text-align:center;padding:clamp(2rem,5vw,4.5rem) 0 clamp(3rem,7vw,5.5rem);border-bottom:1px solid var(--bs-border-color)}.hero .container-fluid{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;min-width:0}.hero-mark-link{display:contents}.hero-mark{display:block;width:auto;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto;border-radius:var(--bs-border-radius);filter:drop-shadow(30px 40px 20px color-mix(in srgb, var(--sn-text) 35%, transparent));transform:translateY(-5%);animation:hero-mark-lift 2.6s cubic-bezier(0.22, 1, 0.36, 1) both}@keyframes hero-mark-lift{from{filter:drop-shadow(0 0 0 transparent)}to{filter:drop-shadow(30px 40px 20px color-mix(in srgb, var(--sn-text) 35%, transparent))}}@media(prefers-reduced-motion: reduce){.hero-mark{animation:none}}.hero-scroll-cue{position:absolute;left:50%;bottom:clamp(1rem,3vw,1.75rem);transform:translateX(-50%);font-size:1.5rem;line-height:1;color:var(--sn-text);opacity:.35;pointer-events:none;animation:hero-scroll-cue-bounce 2.2s ease-in-out infinite}@keyframes hero-scroll-cue-bounce{0%,100%{transform:translate(-50%, 0)}50%{transform:translate(-50%, 0.4rem)}}@media(prefers-reduced-motion: reduce){.hero-scroll-cue{animation:none}}.home-sections{padding-top:clamp(4.5rem,10vw,8rem);padding-bottom:clamp(4.5rem,10vw,8rem)}.home-sections .row{justify-content:center}.home-sections>section+section{margin-top:clamp(5rem,12vw,9rem)}@media(max-width: 991.98px){.header-meta{display:none}.hero{padding:0}.hero .container-fluid{width:100%;max-width:none;padding-left:0;padding-right:0}.hero-mark{max-width:100%;max-height:100%;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:0;filter:drop-shadow(10px 14px 8px color-mix(in srgb, var(--sn-text) 35%, transparent));animation-name:hero-mark-lift-mobile}@keyframes hero-mark-lift-mobile{from{filter:drop-shadow(0 0 0 transparent)}to{filter:drop-shadow(10px 14px 8px color-mix(in srgb, var(--sn-text) 35%, transparent))}}#siteMenu{top:var(--sn-nav-offset, 4.5rem);height:calc(100% - var(--sn-nav-offset, 4.5rem));background-color:var(--sn-sand);background-image:var(--sn-wash);border:0;--bs-offcanvas-width: 100%;--bs-offcanvas-height: calc(100% - var(--sn-nav-offset, 4.5rem));transform:translateX(100%) scale(0.85);opacity:0;transition:transform .45s cubic-bezier(0.22, 1, 0.36, 1),opacity .4s ease}#siteMenu.showing,#siteMenu.show:not(.hiding){transform:translateX(0) scale(1);opacity:1}}@media(max-width: 991.98px)and (prefers-reduced-motion: reduce){#siteMenu{transition:none}}@media(max-width: 991.98px){.offcanvas-backdrop{--bs-backdrop-bg: transparent;--bs-backdrop-opacity: 0;background-color:rgba(0,0,0,0)}#siteMenu .offcanvas-body{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:1.5rem 1.5rem 2rem;text-align:center}#siteMenu .navbar-nav{align-items:center;margin-right:0 !important;margin-bottom:1.25rem !important}.site-menu-contact{margin-top:auto;padding-top:2rem;width:100%;font-size:.88rem;color:var(--sn-text);text-align:center}.site-menu-contact .brand-logo{height:36px;max-height:36px;opacity:.72}.site-menu-contact a{color:var(--sn-text);text-decoration:none}.site-nav .nav-link{padding:.7rem 0 !important;font-size:.9rem;text-align:center}.site-nav .site-nav-booking{padding:.7rem 0;font-size:.9rem}.site-header{z-index:1048}.site-nav .navbar-brand,.site-nav .navbar-toggler,.site-menu-toggle,.site-menu-toggle.is-open,.site-menu-toggle[aria-expanded=true]{position:relative;z-index:1060}}@media(prefers-reduced-motion: reduce){.site-menu-icon,.site-menu-icon i{transition:none}}.site-footer{background-color:var(--sn-sand);background-image:var(--sn-wash);background-attachment:fixed;color:var(--sn-text)}.site-footer .footer-top{border-top:0;padding-top:2.5rem;padding-bottom:1.5rem}.site-footer .footer-main{display:flex;flex-direction:column;gap:2rem}.site-footer .footer-contact{display:flex;flex-direction:column;gap:.2rem}.site-footer .footer-social{display:flex;gap:.85rem}.site-footer .footer-hours-wrap{margin-top:2.5rem;text-align:center}.site-footer .footer-hours{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2.25rem}.site-footer .footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1.35rem;text-align:center}@media(min-width: 768px){.site-footer .footer-main{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem}.site-footer .footer-contact{text-align:right;align-items:flex-end}.site-footer .footer-hours-wrap{margin-top:3rem}}.site-footer .brand-logo{height:56px;max-height:56px}.site-footer a,.site-footer .link{color:var(--sn-text)}.site-footer a:hover,.site-footer .link:hover{color:var(--sn-gold)}.card{--bs-card-bg: var(--sn-sand);--bs-card-border-color: color-mix(in srgb, var(--sn-gold) 28%, transparent);border-radius:var(--bs-border-radius);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}a:hover .card,a:focus-visible .card,.card:has(>a:hover),.card:has(>a:focus-visible){transform:translateY(-0.28rem);border-color:color-mix(in srgb, var(--sn-gold) 55%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--sn-text) 10%, transparent)}.card .ratio img:not(.picture-placeholder-brand){transition:transform .55s ease}.card:has(>a:hover) .ratio img:not(.picture-placeholder-brand),.card:has(>a:focus-visible) .ratio img:not(.picture-placeholder-brand){transform:scale(1.035)}.card.bg-light{--bs-card-bg: transparent;background-color:rgba(0,0,0,0) !important;background-image:radial-gradient(ellipse at 50% 32%, var(--sn-sand) 0%, var(--sn-wash-edge) 100%)}.form-control,.form-select{background-color:var(--sn-sand);border-color:color-mix(in srgb, var(--sn-gold) 35%, transparent)}.input-group-text{background-color:rgba(0,0,0,0)}.dropdown-menu{--bs-dropdown-bg: var(--sn-sand)}.site-nav.navbar{border:0;box-shadow:none}.site-header,#header.sticky-top{border:0;box-shadow:0 2px 8px rgba(0,0,0,0);transition:box-shadow .3s ease}#header.is-scrolled{box-shadow:0 22px 18px color-mix(in srgb, var(--sn-text) 12%, transparent)}@media(prefers-reduced-motion: reduce){.site-header,#header.sticky-top{transition:none}}[v-cloak]{display:none !important}.cursor-pointer{cursor:pointer}form.form-contact .form-control{font-weight:500}.contact-info-panel{background-color:var(--sn-sand);border:1px solid color-mix(in srgb, var(--sn-gold) 28%, transparent);border-radius:var(--bs-border-radius);padding:1.75rem}.contact-info-list{display:flex;flex-direction:column;gap:.85rem}.contact-info-list li{display:flex;align-items:baseline;gap:.75rem}.contact-info-list i{color:var(--sn-gold);flex-shrink:0;width:1.1em;text-align:center}.contact-info-social{display:flex;gap:.85rem;margin-top:1.25rem}.contact-info-social a{color:var(--sn-text)}.contact-info-social a:hover{color:var(--sn-gold)}.contact-info-divider{border-top:1px solid color-mix(in srgb, var(--sn-gold) 28%, transparent);margin:1.75rem 0 1.25rem}.contact-map-wrap{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--bs-border-radius)}.contact-map-wrap::after{content:"";position:absolute;inset:0;background:var(--sn-gold);mix-blend-mode:color;opacity:.6;pointer-events:none;transition:opacity .35s ease}.contact-map{filter:grayscale(0.5) contrast(0.95) brightness(1.05);transition:filter .35s ease}.contact-map-wrap:hover::after,.contact-map-wrap:focus-within::after{opacity:0}.contact-map-wrap:hover .contact-map,.contact-map-wrap:focus-within .contact-map{filter:none}@media(prefers-reduced-motion: reduce){.contact-map-wrap::after,.contact-map{transition:none}}.colleague-card-media{isolation:isolate}.colleague-card-media::after{content:"";position:absolute;inset:0;background:var(--sn-gold);mix-blend-mode:color;opacity:.6;pointer-events:none;transition:opacity .35s ease;z-index:1}.colleague-card-media-img{filter:grayscale(0.5) contrast(0.95) brightness(1.05);transition:filter .35s ease}.card:hover .colleague-card-media::after,.card:focus-within .colleague-card-media::after{opacity:0}.card:hover .colleague-card-media-img,.card:focus-within .colleague-card-media-img{filter:none}@media(prefers-reduced-motion: reduce){.colleague-card-media::after,.colleague-card-media-img{transition:none}}form{position:relative}form::after{display:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0)}form.wait{opacity:.77}form.wait::after{display:block}a.link{position:relative;display:inline-block;text-decoration:none;transition:all .15s ease}a.link:before{content:"";padding-left:3px;padding-right:6px;display:inline-block;font-family:"bootstrap-icons" !important;font-weight:100;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .25s;vertical-align:text-top;color:var(--sn-text)}a.link:hover:before{padding-left:6px;padding-right:3px}.ratio-3x4{--bs-aspect-ratio: 133.333%}.ratio>img:not(.picture-placeholder-brand),.ratio>a,.ratio>a img{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}.ratio-3x4>img,.ratio-3x4>a img{-o-object-position:top center;object-position:top center}.rl-gallery-container{max-width:none;margin:0;padding:0}.services-specialty{scroll-margin-top:5.5rem}.rl-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:0;opacity:0;min-height:120px;transition:opacity .35s ease}.rl-gallery.is-justified-ready{opacity:1}.rl-gallery-item{margin:0;flex:0 0 auto}.rl-gallery-item-content{overflow:hidden;border-radius:var(--bs-border-radius);background:rgba(0,0,0,.08);width:100%;height:100%}.rl-gallery-link,.js-pswp-link{cursor:zoom-in}.content-body a.js-pswp-link{display:inline-block;max-width:100%}.content-body img{max-width:100%;height:auto}.rl-gallery-link{display:block;width:100%;height:100%}.rl-gallery-item-content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.pswp{--pswp-bg: var(--sn-text)}.pswp__button{opacity:.85}.pswp__button:hover{opacity:1} /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79, 79, 79, 0.4); --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); /* defined via js: --pswp-transition-duration: 333ms; */ --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); } /* Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions) */ .pswp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0; opacity: 0.003; contain: layout style size; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Prevents focus outline on the root element, (it may be focused initially) */ .pswp:focus { outline: 0; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing; } /* :active to override grabbing cursor */ .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img, .pswp__button, .pswp__counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pswp__item { /* z-index for fade transition */ z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } /* Allow to click through pswp__content element, but not its children */ .pswp__content { pointer-events: none; } .pswp__content > * { pointer-events: auto; } /* PhotoSwipe UI */ /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } /* class pswp__hide-on-close is applied to elements that should hide (for example fade out) when PhotoSwipe is closed and show (for example fade in) when PhotoSwipe is opened */ .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; /* always overlap slide content */ pointer-events: none; /* hidden elements should not be clickable */ } /* class pswp--ui-visible is added when opening or closing transition starts */ .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } /*