{"id":79,"date":"2019-02-03T07:29:35","date_gmt":"2019-02-03T07:29:35","guid":{"rendered":"https:\/\/sunlightwebmedia.site\/spa-demo\/home\/"},"modified":"2026-07-13T19:04:46","modified_gmt":"2026-07-13T19:04:46","slug":"home","status":"publish","type":"page","link":"https:\/\/sunlightwebmedia.site\/spa-demo\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"79\" class=\"elementor elementor-79\">\n\t\t\t\t<div class=\"elementor-element elementor-element-332c664 e-con-full e-flex e-con e-parent\" data-id=\"332c664\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddf6359 elementor-widget elementor-widget-html\" data-id=\"ddf6359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<main class=\"spa-site\">\r\n\r\n  <!-- OPENING ANIMATION -->\r\n  <div class=\"spa-opening\" aria-hidden=\"true\">\r\n    <div class=\"spa-opening-symbol\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"spa-opening-name\">\r\n      <strong>Your Spa Name Here<\/strong>\r\n      <small>Wellness \u00b7 Massage \u00b7 Restore<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"spa-opening-line\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- HERO -->\r\n  <section id=\"home\" class=\"spa-hero\">\r\n    <div class=\"spa-hero-copy\">\r\n      <div class=\"spa-hero-copy-inner\">\r\n        <p class=\"spa-eyebrow spa-hero-load spa-hero-load-1\">\r\n          Luxury Wellness &amp; Massage\r\n        <\/p>\r\n\r\n        <h1 class=\"spa-hero-load spa-hero-load-2\">\r\n          Slow Down.\r\n          <em>Feel Renewed.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"spa-hero-description spa-hero-load spa-hero-load-3\">\r\n          Personalized massage, skin care, and restorative wellness\r\n          experiences designed to help your body release tension and\r\n          your mind find stillness.\r\n        <\/p>\r\n\r\n        <div class=\"spa-hero-actions spa-hero-load spa-hero-load-4\">\r\n          <a href=\"#contact\" class=\"spa-button spa-button-primary\">\r\n            Reserve Your Experience\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#services\" class=\"spa-button spa-button-secondary\">\r\n            Explore Treatments\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"spa-hero-details spa-hero-load spa-hero-load-5\">\r\n          <div>\r\n            <strong>6<\/strong>\r\n            <span>Signature Treatments<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>60\u201390<\/strong>\r\n            <span>Minute Sessions<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>7 Days<\/strong>\r\n            <span>Weekly Availability<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"spa-hero-visual spa-hero-image-load\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?w=1400&q=85&fit=crop\"\r\n        alt=\"Relaxing luxury massage treatment\"\r\n        loading=\"eager\"\r\n      >\r\n\r\n      <div class=\"spa-hero-overlay\"><\/div>\r\n\r\n      <div class=\"spa-hero-floating-card spa-float-one\">\r\n        <span>Today\u2019s Reminder<\/span>\r\n        <strong>Your rest is productive.<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"spa-hero-floating-card spa-float-two\">\r\n        <div class=\"spa-mini-leaf\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p>\r\n          Personalized care in a calm, private environment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"spa-scroll-note\">\r\n        <span>Scroll to unwind<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WELLNESS STRIP -->\r\n  <div class=\"spa-moving-strip\" aria-hidden=\"true\">\r\n    <div class=\"spa-moving-track\">\r\n      <div class=\"spa-moving-group\">\r\n        <span>Massage Therapy<\/span>\r\n        <span>Mindful Relaxation<\/span>\r\n        <span>Skin Renewal<\/span>\r\n        <span>Deep Restoration<\/span>\r\n        <span>Body Wellness<\/span>\r\n        <span>Peaceful Escape<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"spa-moving-group\">\r\n        <span>Massage Therapy<\/span>\r\n        <span>Mindful Relaxation<\/span>\r\n        <span>Skin Renewal<\/span>\r\n        <span>Deep Restoration<\/span>\r\n        <span>Body Wellness<\/span>\r\n        <span>Peaceful Escape<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ABOUT -->\r\n  <section id=\"about\" class=\"spa-section spa-about\">\r\n    <div class=\"spa-container spa-about-layout\">\r\n\r\n      <div class=\"spa-about-images spa-reveal\">\r\n        <div class=\"spa-about-image spa-about-image-main\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1600334089648-b0d9d3028eb2?w=1100&q=85&fit=crop\"\r\n            alt=\"Peaceful spa treatment room\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"spa-about-image spa-about-image-small\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1570172619644-dfd03ed5d881?w=900&q=85&fit=crop\"\r\n            alt=\"Relaxing facial treatment\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"spa-about-circle\">\r\n          <strong>Restore<\/strong>\r\n          <span>Body \u00b7 Mind \u00b7 Energy<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"spa-about-line-art\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"spa-about-copy spa-reveal\">\r\n        <p class=\"spa-eyebrow\">A More Thoughtful Approach<\/p>\r\n\r\n        <h2>\r\n          Wellness Designed\r\n          <em>Around You.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Every visit begins with listening. Your treatment is adjusted\r\n          around your comfort, pressure preference, areas of tension,\r\n          and personal wellness goals.\r\n        <\/p>\r\n\r\n        <p>\r\n          Our space is designed to feel quiet, welcoming, and unhurried,\r\n          so you can fully disconnect from the outside world.\r\n        <\/p>\r\n\r\n        <div class=\"spa-about-points\">\r\n          <div>\r\n            <span>01<\/span>\r\n\r\n            <p>\r\n              <strong>Personalized Treatments<\/strong>\r\n              Every service is adapted to your body and preferences.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>02<\/span>\r\n\r\n            <p>\r\n              <strong>Calm Environment<\/strong>\r\n              Private treatment spaces created for complete relaxation.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>03<\/span>\r\n\r\n            <p>\r\n              <strong>Experienced Therapists<\/strong>\r\n              Professional care with attention to comfort and detail.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SERVICES -->\r\n  <section id=\"services\" class=\"spa-section spa-services\">\r\n    <div class=\"spa-container\">\r\n\r\n      <div class=\"spa-section-heading spa-reveal\">\r\n        <p class=\"spa-eyebrow\">Our Treatments<\/p>\r\n\r\n        <h2>\r\n          Choose How You\r\n          <em>Want to Feel.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Each treatment is designed to support rest, recovery,\r\n          skin health, and whole-body wellness.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"spa-services-grid\">\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">01<\/span>\r\n            <span class=\"spa-service-time\">60\u201390 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Swedish Massage<\/h3>\r\n\r\n          <p>\r\n            Long, flowing movements designed to calm the nervous system,\r\n            improve circulation, and encourage deep relaxation.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">02<\/span>\r\n            <span class=\"spa-service-time\">60\u201390 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Deep Tissue Massage<\/h3>\r\n\r\n          <p>\r\n            Focused pressure and slower techniques to address persistent\r\n            tension, stiffness, and overworked muscles.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">03<\/span>\r\n            <span class=\"spa-service-time\">75\u201390 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Hot Stone Massage<\/h3>\r\n\r\n          <p>\r\n            Smooth heated stones and therapeutic massage work together\r\n            to ease tight muscles and support full-body relaxation.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">04<\/span>\r\n            <span class=\"spa-service-time\">60\u201390 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Aromatherapy Massage<\/h3>\r\n\r\n          <p>\r\n            A calming massage paired with carefully selected essential\r\n            oils to support rest, balance, and emotional wellness.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">05<\/span>\r\n            <span class=\"spa-service-time\">60\u201390 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Couples Massage<\/h3>\r\n\r\n          <p>\r\n            A shared relaxation experience for two guests in a peaceful\r\n            private treatment room.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"spa-service-card spa-reveal\">\r\n          <div class=\"spa-service-top\">\r\n            <span class=\"spa-service-number\">06<\/span>\r\n            <span class=\"spa-service-time\">60\u201375 Min<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-service-icon\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <h3>Signature Facial<\/h3>\r\n\r\n          <p>\r\n            A customized facial treatment created to cleanse, hydrate,\r\n            restore, and refresh the appearance of your skin.\r\n          <\/p>\r\n\r\n          <a href=\"#contact\">\r\n            Reserve Treatment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- EXPERIENCE IMAGE -->\r\n  <section class=\"spa-experience\">\r\n    <div class=\"spa-experience-overlay\"><\/div>\r\n\r\n    <div class=\"spa-container spa-experience-inner spa-reveal\">\r\n      <p class=\"spa-eyebrow\">Your Private Escape<\/p>\r\n\r\n      <h2>\r\n        Give Yourself Permission\r\n        <em>to Pause.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Step into a space where nothing is expected of you except\r\n        to breathe, rest, and receive care.\r\n      <\/p>\r\n\r\n      <a href=\"#packages\" class=\"spa-button spa-button-light\">\r\n        Explore Wellness Packages\r\n        <span>\u2193<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PACKAGES -->\r\n  <section id=\"packages\" class=\"spa-section spa-packages\">\r\n    <div class=\"spa-container\">\r\n\r\n      <div class=\"spa-section-heading spa-reveal\">\r\n        <p class=\"spa-eyebrow\">Wellness Packages<\/p>\r\n\r\n        <h2>\r\n          More Time to\r\n          <em>Fully Restore.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Sample packages can be customized with the spa\u2019s real\r\n          treatments, durations, and pricing.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"spa-package-grid\">\r\n\r\n        <article class=\"spa-package-card spa-reveal\">\r\n          <div class=\"spa-package-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1519823551278-64ac92734fb1?w=1000&q=85&fit=crop\"\r\n              alt=\"Relaxing spa massage\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n            <span>01<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-package-content\">\r\n            <p class=\"spa-package-label\">Starting at $120<\/p>\r\n\r\n            <h3>Relaxation Package<\/h3>\r\n\r\n            <p>\r\n              A peaceful introduction to rest and renewal.\r\n            <\/p>\r\n\r\n            <ul>\r\n              <li>60-minute Swedish massage<\/li>\r\n              <li>Aromatherapy enhancement<\/li>\r\n              <li>Herbal tea after treatment<\/li>\r\n            <\/ul>\r\n\r\n            <a href=\"#contact\">\r\n              Reserve Package\r\n              <span>\u2197<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"spa-package-card spa-package-featured spa-reveal\">\r\n          <div class=\"spa-package-badge\">Most Popular<\/div>\r\n\r\n          <div class=\"spa-package-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1552693673-1bf958298935?w=1000&q=85&fit=crop\"\r\n              alt=\"Luxury spa treatment\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n            <span>02<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-package-content\">\r\n            <p class=\"spa-package-label\">Starting at $180<\/p>\r\n\r\n            <h3>Deep Renewal<\/h3>\r\n\r\n            <p>\r\n              A complete body and skin wellness experience.\r\n            <\/p>\r\n\r\n            <ul>\r\n              <li>75-minute therapeutic massage<\/li>\r\n              <li>Customized signature facial<\/li>\r\n              <li>Scalp and hand treatment<\/li>\r\n            <\/ul>\r\n\r\n            <a href=\"#contact\">\r\n              Reserve Package\r\n              <span>\u2197<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"spa-package-card spa-reveal\">\r\n          <div class=\"spa-package-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?w=1000&q=85&fit=crop\"\r\n              alt=\"Couples spa experience\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n            <span>03<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"spa-package-content\">\r\n            <p class=\"spa-package-label\">Starting at $260<\/p>\r\n\r\n            <h3>Couples Escape<\/h3>\r\n\r\n            <p>\r\n              A relaxing shared wellness experience for two.\r\n            <\/p>\r\n\r\n            <ul>\r\n              <li>60-minute couples massage<\/li>\r\n              <li>Aromatherapy enhancement<\/li>\r\n              <li>Private relaxation time<\/li>\r\n            <\/ul>\r\n\r\n            <a href=\"#contact\">\r\n              Reserve Package\r\n              <span>\u2197<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- EXPERIENCE STEPS -->\r\n  <section class=\"spa-section spa-process\">\r\n    <div class=\"spa-container spa-process-layout\">\r\n\r\n      <div class=\"spa-process-copy spa-reveal\">\r\n        <p class=\"spa-eyebrow\">Your Visit<\/p>\r\n\r\n        <h2>\r\n          A Calm Experience\r\n          <em>From Start to Finish.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          We keep the booking and treatment process simple, personal,\r\n          and unhurried.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"spa-process-list\">\r\n\r\n        <article class=\"spa-process-item spa-reveal\">\r\n          <span>01<\/span>\r\n\r\n          <div>\r\n            <h3>Choose Your Treatment<\/h3>\r\n\r\n            <p>\r\n              Select the massage, facial, or package that best matches\r\n              how you want to feel.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"spa-process-item spa-reveal\">\r\n          <span>02<\/span>\r\n\r\n          <div>\r\n            <h3>Share Your Preferences<\/h3>\r\n\r\n            <p>\r\n              Tell us about pressure level, areas of tension, comfort,\r\n              and any treatment goals.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"spa-process-item spa-reveal\">\r\n          <span>03<\/span>\r\n\r\n          <div>\r\n            <h3>Arrive and Exhale<\/h3>\r\n\r\n            <p>\r\n              Settle into the space, disconnect from the day, and allow\r\n              your treatment to begin.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LOCATION -->\r\n  <section id=\"location\" class=\"spa-section spa-location\">\r\n    <div class=\"spa-container spa-location-layout\">\r\n\r\n      <div class=\"spa-location-image spa-reveal\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?w=1300&q=85&fit=crop\"\r\n          alt=\"Calm luxury spa interior\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"spa-location-image-card\">\r\n          <span>Visit Us<\/span>\r\n\r\n          <strong>\r\n            Your City,<br>\r\n            Your State\r\n          <\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"spa-location-copy spa-reveal\">\r\n        <p class=\"spa-eyebrow\">Location &amp; Hours<\/p>\r\n\r\n        <h2>\r\n          Your Place to\r\n          <em>Reset.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Replace the information below with the spa\u2019s actual address,\r\n          phone number, hours, and directions.\r\n        <\/p>\r\n\r\n        <div class=\"spa-location-details\">\r\n          <div>\r\n            <span>Address<\/span>\r\n\r\n            <p>\r\n              Your Spa Address<br>\r\n              Your City, State ZIP\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>Phone<\/span>\r\n\r\n            <p>\r\n              <a href=\"tel:+10000000000\">\r\n                (000) 000-0000\r\n              <\/a>\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>Hours<\/span>\r\n\r\n            <p>\r\n              Monday\u2013Saturday: 9 AM\u20138 PM<br>\r\n              Sunday: 10 AM\u20136 PM\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#contact\" class=\"spa-button spa-button-primary\">\r\n          Reserve an Appointment\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACT -->\r\n  <section id=\"contact\" class=\"spa-section spa-contact\">\r\n    <div class=\"spa-container spa-contact-layout\">\r\n\r\n      <div class=\"spa-contact-copy spa-reveal\">\r\n        <p class=\"spa-eyebrow\">Reserve Your Experience<\/p>\r\n\r\n        <h2>\r\n          Your Time to\r\n          <em>Unwind Begins Here.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Share your preferred treatment and appointment details.\r\n          The spa can follow up to confirm availability.\r\n        <\/p>\r\n\r\n        <div class=\"spa-contact-links\">\r\n          <a href=\"tel:+10000000000\">\r\n            <span>Call the Spa<\/span>\r\n            <strong>(000) 000-0000<\/strong>\r\n          <\/a>\r\n\r\n          <a href=\"mailto:hello@yourspaname.com\">\r\n            <span>Email<\/span>\r\n            <strong>hello@yourspaname.com<\/strong>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <form class=\"spa-form\" action=\"#\" method=\"post\">\r\n        <div class=\"spa-form-intro\">\r\n          <span>Appointment Request<\/span>\r\n\r\n          <p>\r\n            Complete the form and we will contact you to finalize\r\n            your reservation.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"spa-form-row\">\r\n          <label>\r\n            <span>Full Name<\/span>\r\n\r\n            <input\r\n              type=\"text\"\r\n              name=\"name\"\r\n              placeholder=\"Your full name\"\r\n              required\r\n            >\r\n          <\/label>\r\n\r\n          <label>\r\n            <span>Phone Number<\/span>\r\n\r\n            <input\r\n              type=\"tel\"\r\n              name=\"phone\"\r\n              placeholder=\"Your phone number\"\r\n              required\r\n            >\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <label>\r\n          <span>Email Address<\/span>\r\n\r\n          <input\r\n            type=\"email\"\r\n            name=\"email\"\r\n            placeholder=\"Your email address\"\r\n            required\r\n          >\r\n        <\/label>\r\n\r\n        <div class=\"spa-form-row\">\r\n          <label>\r\n            <span>Preferred Treatment<\/span>\r\n\r\n            <select name=\"treatment\" required>\r\n              <option value=\"\" selected disabled>\r\n                Select a treatment\r\n              <\/option>\r\n\r\n              <option>Swedish Massage<\/option>\r\n              <option>Deep Tissue Massage<\/option>\r\n              <option>Hot Stone Massage<\/option>\r\n              <option>Aromatherapy Massage<\/option>\r\n              <option>Couples Massage<\/option>\r\n              <option>Signature Facial<\/option>\r\n              <option>Wellness Package<\/option>\r\n            <\/select>\r\n          <\/label>\r\n\r\n          <label>\r\n            <span>Preferred Date<\/span>\r\n\r\n            <input type=\"date\" name=\"date\">\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <label>\r\n          <span>Anything We Should Know?<\/span>\r\n\r\n          <textarea\r\n            name=\"message\"\r\n            placeholder=\"Tell us about pressure preferences, areas of tension, or any questions\"\r\n          ><\/textarea>\r\n        <\/label>\r\n\r\n        <button type=\"submit\">\r\n          Request Appointment\r\n          <span>\u2197<\/span>\r\n        <\/button>\r\n      <\/form>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n  .spa-site {\r\n    --spa-ivory: #f7f5ef;\r\n    --spa-white: #ffffff;\r\n    --spa-soft-white: #fcfbf8;\r\n    --spa-stone: #e8e4da;\r\n    --spa-sage: #879c82;\r\n    --spa-sage-light: #dfe7dc;\r\n    --spa-sage-dark: #586b55;\r\n    --spa-sage-deep: #344438;\r\n    --spa-charcoal: #283029;\r\n    --spa-muted: #687168;\r\n    --spa-border: rgba(40, 48, 41, 0.12);\r\n    --spa-shadow: 0 28px 80px rgba(47, 63, 51, 0.12);\r\n    --spa-content: 1280px;\r\n    --spa-gutter: clamp(22px, 6vw, 80px);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--spa-ivory);\r\n    color: var(--spa-charcoal);\r\n    font-family: 'Manrope', Arial, sans-serif;\r\n  }\r\n\r\n  .spa-site,\r\n  .spa-site * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .spa-site img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .spa-site a,\r\n  .spa-site button,\r\n  .spa-site input,\r\n  .spa-site select,\r\n  .spa-site textarea {\r\n    font: inherit;\r\n  }\r\n\r\n  .spa-container {\r\n    width: min(100%, var(--spa-content));\r\n    margin: 0 auto;\r\n    padding-inline: var(--spa-gutter);\r\n  }\r\n\r\n  .spa-section {\r\n    position: relative;\r\n    padding-block: clamp(88px, 10vw, 145px);\r\n  }\r\n\r\n  .spa-site h1,\r\n  .spa-site h2,\r\n  .spa-site h3,\r\n  .spa-site p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .spa-site h1,\r\n  .spa-site h2,\r\n  .spa-site h3 {\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .spa-site h2 {\r\n    margin-bottom: 26px;\r\n    color: var(--spa-charcoal);\r\n    font-size: clamp(54px, 7.2vw, 94px);\r\n    letter-spacing: -0.045em;\r\n    line-height: 0.92;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .spa-site h2 em {\r\n    display: block;\r\n    color: var(--spa-sage-dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .spa-site h3 {\r\n    color: var(--spa-charcoal);\r\n    font-size: clamp(30px, 3vw, 39px);\r\n    letter-spacing: -0.025em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .spa-site p {\r\n    color: var(--spa-muted);\r\n    font-size: clamp(14px, 1.15vw, 16px);\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .spa-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 19px;\r\n    color: var(--spa-sage-dark) !important;\r\n    font-size: 9px !important;\r\n    font-weight: 700;\r\n    letter-spacing: 0.28em;\r\n    line-height: 1.2 !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-eyebrow::before {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 1px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .spa-section-heading {\r\n    max-width: 800px;\r\n    margin: 0 auto clamp(48px, 7vw, 82px);\r\n    text-align: center;\r\n  }\r\n\r\n  .spa-section-heading .spa-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  .spa-section-heading > p:last-child {\r\n    max-width: 640px;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .spa-button {\r\n    display: inline-flex;\r\n    min-height: 54px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    padding: 15px 25px;\r\n    border: 1px solid transparent;\r\n    border-radius: 999px;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition:\r\n      background 0.3s ease,\r\n      border-color 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .spa-button span {\r\n    font-size: 15px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .spa-button-primary {\r\n    border-color: var(--spa-sage-dark);\r\n    background: var(--spa-sage-dark);\r\n    color: var(--spa-white);\r\n    box-shadow: 0 15px 32px rgba(88, 107, 85, 0.19);\r\n  }\r\n\r\n  .spa-button-primary:hover,\r\n  .spa-button-primary:focus-visible {\r\n    background: transparent;\r\n    color: var(--spa-sage-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 38px rgba(88, 107, 85, 0.14);\r\n  }\r\n\r\n  .spa-button-primary:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  .spa-button-secondary {\r\n    border-color: rgba(40, 48, 41, 0.2);\r\n    background: transparent;\r\n    color: var(--spa-charcoal);\r\n  }\r\n\r\n  .spa-button-secondary:hover,\r\n  .spa-button-secondary:focus-visible {\r\n    border-color: var(--spa-sage);\r\n    background: rgba(135, 156, 130, 0.08);\r\n    color: var(--spa-sage-dark);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .spa-button-light {\r\n    border-color: var(--spa-white);\r\n    background: var(--spa-white);\r\n    color: var(--spa-sage-deep);\r\n  }\r\n\r\n  .spa-button-light:hover,\r\n  .spa-button-light:focus-visible {\r\n    background: transparent;\r\n    color: var(--spa-white);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* OPENING ANIMATION *\/\r\n\r\n  .spa-opening {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 1000000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    background: var(--spa-ivory);\r\n    pointer-events: none;\r\n    animation:\r\n      spaOpeningExit 0.9s\r\n      cubic-bezier(0.76, 0, 0.24, 1)\r\n      1.65s both;\r\n  }\r\n\r\n  .spa-opening::before,\r\n  .spa-opening::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 44vw;\r\n    height: 44vw;\r\n    border-radius: 50%;\r\n    background: var(--spa-sage);\r\n    filter: blur(130px);\r\n    opacity: 0.09;\r\n  }\r\n\r\n  .spa-opening::before {\r\n    top: -28vw;\r\n    left: -18vw;\r\n  }\r\n\r\n  .spa-opening::after {\r\n    right: -20vw;\r\n    bottom: -30vw;\r\n  }\r\n\r\n  .spa-opening-symbol {\r\n    position: relative;\r\n    width: 92px;\r\n    height: 92px;\r\n    animation: spaOpeningSymbol 1s ease both;\r\n  }\r\n\r\n  .spa-opening-symbol span {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 27px;\r\n    height: 52px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 100% 0 100% 0;\r\n    transform-origin: bottom center;\r\n  }\r\n\r\n  .spa-opening-symbol span:nth-child(1) {\r\n    transform: translate(-50%, -100%) rotate(-48deg);\r\n  }\r\n\r\n  .spa-opening-symbol span:nth-child(2) {\r\n    transform: translate(-50%, -100%) rotate(-15deg);\r\n  }\r\n\r\n  .spa-opening-symbol span:nth-child(3) {\r\n    transform: translate(-50%, -100%) rotate(18deg);\r\n  }\r\n\r\n  .spa-opening-symbol span:nth-child(4) {\r\n    transform: translate(-50%, -100%) rotate(51deg);\r\n  }\r\n\r\n  .spa-opening-name {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    margin-top: 15px;\r\n    animation: spaOpeningName 0.9s ease 0.12s both;\r\n  }\r\n\r\n  .spa-opening-name strong {\r\n    color: var(--spa-charcoal);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: clamp(39px, 6vw, 72px);\r\n    font-weight: 500;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .spa-opening-name small {\r\n    margin-top: 7px;\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-opening-line {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(260px, 55vw);\r\n    height: 1px;\r\n    margin-top: 28px;\r\n    overflow: hidden;\r\n    background: rgba(88, 107, 85, 0.15);\r\n  }\r\n\r\n  .spa-opening-line::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--spa-sage-dark);\r\n    transform: translateX(-100%);\r\n    animation: spaOpeningLine 1.25s ease 0.22s both;\r\n  }\r\n\r\n  @keyframes spaOpeningSymbol {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(20px) scale(0.85);\r\n      filter: blur(8px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      filter: blur(0);\r\n    }\r\n  }\r\n\r\n  @keyframes spaOpeningName {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      filter: blur(7px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      filter: blur(0);\r\n    }\r\n  }\r\n\r\n  @keyframes spaOpeningLine {\r\n    0% {\r\n      transform: translateX(-100%);\r\n    }\r\n\r\n    65% {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(100%);\r\n    }\r\n  }\r\n\r\n  @keyframes spaOpeningExit {\r\n    0% {\r\n      opacity: 1;\r\n      clip-path: inset(0 0 0 0);\r\n    }\r\n\r\n    99% {\r\n      opacity: 1;\r\n      clip-path: inset(0 0 100% 0);\r\n    }\r\n\r\n    100% {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      clip-path: inset(0 0 100% 0);\r\n    }\r\n  }\r\n\r\n  \/* HERO *\/\r\n\r\n  .spa-hero {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.92fr)\r\n      minmax(0, 1.08fr);\r\n    min-height: max(720px, calc(100svh - 112px));\r\n    background:\r\n      radial-gradient(\r\n        circle at 14% 18%,\r\n        rgba(135, 156, 130, 0.14),\r\n        transparent 31%\r\n      ),\r\n      var(--spa-ivory);\r\n  }\r\n\r\n  .spa-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 9%;\r\n    left: -130px;\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 1px solid rgba(88, 107, 85, 0.13);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .spa-hero-copy {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    padding:\r\n      clamp(80px, 9vw, 135px)\r\n      var(--spa-gutter);\r\n  }\r\n\r\n  .spa-hero-copy-inner {\r\n    width: min(100%, 650px);\r\n    margin-left: auto;\r\n    margin-right: clamp(0px, 2vw, 32px);\r\n  }\r\n\r\n  .spa-hero h1 {\r\n    margin-bottom: 28px;\r\n    color: var(--spa-charcoal);\r\n    font-size: clamp(76px, 9.7vw, 142px);\r\n    letter-spacing: -0.055em;\r\n    line-height: 0.82;\r\n  }\r\n\r\n  .spa-hero h1 em {\r\n    display: block;\r\n    color: var(--spa-sage-dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .spa-hero-description {\r\n    max-width: 520px;\r\n    margin-bottom: 35px;\r\n    font-size: clamp(15px, 1.25vw, 17px) !important;\r\n  }\r\n\r\n  .spa-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n  }\r\n\r\n  .spa-hero-details {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    max-width: 580px;\r\n    margin-top: clamp(42px, 6vw, 74px);\r\n    padding-top: 24px;\r\n    border-top: 1px solid var(--spa-border);\r\n  }\r\n\r\n  .spa-hero-details div {\r\n    padding-right: 14px;\r\n  }\r\n\r\n  .spa-hero-details div + div {\r\n    padding-left: 18px;\r\n    border-left: 1px solid var(--spa-border);\r\n  }\r\n\r\n  .spa-hero-details strong,\r\n  .spa-hero-details span {\r\n    display: block;\r\n  }\r\n\r\n  .spa-hero-details strong {\r\n    color: var(--spa-charcoal);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .spa-hero-details span {\r\n    margin-top: 6px;\r\n    color: var(--spa-muted);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-hero-visual {\r\n    position: relative;\r\n    min-height: 720px;\r\n    overflow: hidden;\r\n    background: var(--spa-sage-light);\r\n  }\r\n\r\n  .spa-hero-visual > img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: saturate(0.78) contrast(0.98);\r\n    animation:\r\n      spaHeroImageMove\r\n      15s ease-in-out\r\n      2.1s infinite alternate;\r\n  }\r\n\r\n  .spa-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        to right,\r\n        var(--spa-ivory),\r\n        rgba(247, 245, 239, 0.13) 26%,\r\n        transparent 50%\r\n      ),\r\n      linear-gradient(\r\n        to top,\r\n        rgba(30, 46, 35, 0.36),\r\n        transparent 46%\r\n      );\r\n  }\r\n\r\n  .spa-hero-floating-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    border: 1px solid rgba(255, 255, 255, 0.62);\r\n    background: rgba(247, 245, 239, 0.88);\r\n    color: var(--spa-charcoal);\r\n    box-shadow: 0 22px 60px rgba(39, 51, 42, 0.15);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .spa-float-one {\r\n    top: clamp(46px, 8vw, 105px);\r\n    right: clamp(24px, 5vw, 75px);\r\n    width: min(260px, 34vw);\r\n    padding: 22px 24px;\r\n    animation: spaFloatOne 5s ease-in-out 2.4s infinite;\r\n  }\r\n\r\n  .spa-float-one span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-float-one strong {\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 25px;\r\n    font-weight: 600;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .spa-float-two {\r\n    right: clamp(28px, 5vw, 72px);\r\n    bottom: clamp(70px, 10vw, 135px);\r\n    display: grid;\r\n    width: min(310px, 39vw);\r\n    grid-template-columns: auto 1fr;\r\n    align-items: center;\r\n    gap: 15px;\r\n    padding: 18px 20px;\r\n    animation: spaFloatTwo 5.8s ease-in-out 2.6s infinite;\r\n  }\r\n\r\n  .spa-float-two p {\r\n    margin: 0;\r\n    color: var(--spa-charcoal);\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .spa-mini-leaf {\r\n    position: relative;\r\n    width: 38px;\r\n    height: 38px;\r\n    border: 1px solid rgba(88, 107, 85, 0.2);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .spa-mini-leaf::before,\r\n  .spa-mini-leaf::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 14px;\r\n    width: 10px;\r\n    height: 19px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 100% 0 100% 0;\r\n    transform-origin: bottom;\r\n  }\r\n\r\n  .spa-mini-leaf::before {\r\n    transform: rotate(-30deg);\r\n  }\r\n\r\n  .spa-mini-leaf::after {\r\n    transform: rotate(38deg);\r\n  }\r\n\r\n  .spa-scroll-note {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 32px;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.19em;\r\n    text-transform: uppercase;\r\n    transform: rotate(-90deg);\r\n    transform-origin: left center;\r\n  }\r\n\r\n  .spa-scroll-note i {\r\n    position: relative;\r\n    display: block;\r\n    width: 48px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n    background: rgba(255, 255, 255, 0.35);\r\n  }\r\n\r\n  .spa-scroll-note i::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: #fff;\r\n    animation: spaScrollLine 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes spaHeroImageMove {\r\n    from {\r\n      transform: scale(1.06);\r\n    }\r\n\r\n    to {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes spaFloatOne {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-9px);\r\n    }\r\n  }\r\n\r\n  @keyframes spaFloatTwo {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0) translateX(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(8px) translateX(-5px);\r\n    }\r\n  }\r\n\r\n  @keyframes spaScrollLine {\r\n    0% {\r\n      transform: translateX(-100%);\r\n    }\r\n\r\n    55% {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(100%);\r\n    }\r\n  }\r\n\r\n  .spa-hero-load {\r\n    opacity: 0;\r\n    animation:\r\n      spaHeroLoad\r\n      0.9s\r\n      cubic-bezier(0.2, 0.75, 0.25, 1)\r\n      both;\r\n  }\r\n\r\n  .spa-hero-load-1 {\r\n    animation-delay: 1.95s;\r\n  }\r\n\r\n  .spa-hero-load-2 {\r\n    animation-delay: 2.07s;\r\n  }\r\n\r\n  .spa-hero-load-3 {\r\n    animation-delay: 2.19s;\r\n  }\r\n\r\n  .spa-hero-load-4 {\r\n    animation-delay: 2.31s;\r\n  }\r\n\r\n  .spa-hero-load-5 {\r\n    animation-delay: 2.43s;\r\n  }\r\n\r\n  .spa-hero-image-load {\r\n    opacity: 0;\r\n    animation:\r\n      spaHeroImageReveal\r\n      1.1s\r\n      cubic-bezier(0.2, 0.75, 0.25, 1)\r\n      1.95s both;\r\n  }\r\n\r\n  @keyframes spaHeroLoad {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      filter: blur(7px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      filter: blur(0);\r\n    }\r\n  }\r\n\r\n  @keyframes spaHeroImageReveal {\r\n    from {\r\n      opacity: 0;\r\n      clip-path: inset(0 0 100% 0);\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      clip-path: inset(0 0 0 0);\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  \/* MOVING STRIP *\/\r\n\r\n  .spa-moving-strip {\r\n    position: relative;\r\n    z-index: 4;\r\n    overflow: hidden;\r\n    padding: 16px 0;\r\n    border-block: 1px solid rgba(88, 107, 85, 0.12);\r\n    background: var(--spa-sage-light);\r\n  }\r\n\r\n  .spa-moving-track {\r\n    display: flex;\r\n    width: max-content;\r\n    white-space: nowrap;\r\n    animation: spaMovingStrip 29s linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  .spa-moving-group {\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n  }\r\n\r\n  .spa-moving-strip span {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    padding-inline: 38px;\r\n    color: var(--spa-sage-dark);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: clamp(25px, 3.6vw, 44px);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .spa-moving-strip span::after {\r\n    content: \"\u2726\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: -5px;\r\n    color: var(--spa-sage);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  @keyframes spaMovingStrip {\r\n    to {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* ABOUT *\/\r\n\r\n  .spa-about {\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 14%,\r\n        rgba(135, 156, 130, 0.1),\r\n        transparent 28%\r\n      ),\r\n      var(--spa-soft-white);\r\n  }\r\n\r\n  .spa-about-layout {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.95fr)\r\n      minmax(0, 1.05fr);\r\n    align-items: center;\r\n    gap: clamp(55px, 8vw, 115px);\r\n  }\r\n\r\n  .spa-about-images {\r\n    position: relative;\r\n    min-height: 630px;\r\n  }\r\n\r\n  .spa-about-images::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 7% 7% 5% 13%;\r\n    border: 1px solid rgba(88, 107, 85, 0.19);\r\n    border-radius: 45% 45% 3px 3px;\r\n  }\r\n\r\n  .spa-about-image {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    box-shadow: var(--spa-shadow);\r\n  }\r\n\r\n  .spa-about-image img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition:\r\n      transform 0.7s ease,\r\n      filter 0.7s ease;\r\n  }\r\n\r\n  .spa-about-images:hover img {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  .spa-about-image-main {\r\n    top: 0;\r\n    left: 0;\r\n    width: 72%;\r\n    height: 82%;\r\n    border-radius: 50% 50% 4px 4px;\r\n  }\r\n\r\n  .spa-about-image-main img {\r\n    filter: saturate(0.8);\r\n  }\r\n\r\n  .spa-about-image-small {\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 54%;\r\n    height: 53%;\r\n    border: 8px solid var(--spa-soft-white);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .spa-about-image-small img {\r\n    filter: saturate(0.72);\r\n  }\r\n\r\n  .spa-about-circle {\r\n    position: absolute;\r\n    bottom: 7%;\r\n    left: 5%;\r\n    z-index: 3;\r\n    display: grid;\r\n    width: 145px;\r\n    height: 145px;\r\n    place-content: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.7);\r\n    border-radius: 50%;\r\n    background: rgba(247, 245, 239, 0.9);\r\n    text-align: center;\r\n    box-shadow: 0 20px 50px rgba(39, 51, 42, 0.13);\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n    animation: spaAboutCircle 6s ease-in-out infinite;\r\n  }\r\n\r\n  .spa-about-circle strong {\r\n    color: var(--spa-sage-dark);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 29px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .spa-about-circle span {\r\n    margin-top: 5px;\r\n    color: var(--spa-muted);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-about-line-art {\r\n    position: absolute;\r\n    top: 5%;\r\n    right: 5%;\r\n    z-index: 3;\r\n    width: 70px;\r\n    height: 100px;\r\n  }\r\n\r\n  .spa-about-line-art span {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    width: 24px;\r\n    height: 64px;\r\n    border: 1px solid var(--spa-sage);\r\n    border-radius: 100% 0 100% 0;\r\n    transform-origin: bottom;\r\n  }\r\n\r\n  .spa-about-line-art span:nth-child(1) {\r\n    transform: translateX(-50%) rotate(-36deg);\r\n  }\r\n\r\n  .spa-about-line-art span:nth-child(2) {\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .spa-about-line-art span:nth-child(3) {\r\n    transform: translateX(-50%) rotate(36deg);\r\n  }\r\n\r\n  @keyframes spaAboutCircle {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-9px);\r\n    }\r\n  }\r\n\r\n  .spa-about-copy > p:not(.spa-eyebrow) {\r\n    max-width: 650px;\r\n  }\r\n\r\n  .spa-about-points {\r\n    display: grid;\r\n    gap: 0;\r\n    margin-top: 34px;\r\n    border-top: 1px solid var(--spa-border);\r\n  }\r\n\r\n  .spa-about-points > div {\r\n    display: grid;\r\n    grid-template-columns: 48px 1fr;\r\n    gap: 18px;\r\n    padding: 21px 0;\r\n    border-bottom: 1px solid var(--spa-border);\r\n    transition:\r\n      padding-left 0.3s ease,\r\n      border-color 0.3s ease;\r\n  }\r\n\r\n  .spa-about-points > div:hover {\r\n    padding-left: 10px;\r\n    border-color: rgba(88, 107, 85, 0.32);\r\n  }\r\n\r\n  .spa-about-points > div > span {\r\n    color: var(--spa-sage);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .spa-about-points p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .spa-about-points strong {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: var(--spa-charcoal);\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* SERVICES *\/\r\n\r\n  .spa-services {\r\n    background:\r\n      linear-gradient(\r\n        rgba(88, 107, 85, 0.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(88, 107, 85, 0.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      var(--spa-ivory);\r\n    background-size: 62px 62px;\r\n  }\r\n\r\n  .spa-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .spa-service-card {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 400px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: clamp(28px, 3vw, 40px);\r\n    border: 1px solid var(--spa-border);\r\n    background: rgba(255, 255, 255, 0.56);\r\n    box-shadow: 0 18px 50px rgba(47, 63, 51, 0.045);\r\n    transition:\r\n      border-color 0.4s ease,\r\n      background 0.4s ease,\r\n      transform 0.4s ease,\r\n      box-shadow 0.4s ease;\r\n  }\r\n\r\n  .spa-service-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -95px;\r\n    bottom: -110px;\r\n    width: 240px;\r\n    height: 240px;\r\n    border-radius: 50%;\r\n    background: var(--spa-sage-light);\r\n    opacity: 0;\r\n    transform: scale(0.7);\r\n    transition:\r\n      opacity 0.45s ease,\r\n      transform 0.55s ease;\r\n  }\r\n\r\n  .spa-service-card:hover {\r\n    z-index: 2;\r\n    border-color: rgba(88, 107, 85, 0.38);\r\n    background: var(--spa-white);\r\n    transform: translateY(-9px);\r\n    box-shadow: 0 28px 80px rgba(47, 63, 51, 0.12);\r\n  }\r\n\r\n  .spa-service-card:hover::after {\r\n    opacity: 0.7;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .spa-service-top {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .spa-service-number {\r\n    color: var(--spa-sage);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .spa-service-time {\r\n    color: var(--spa-muted);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-service-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    width: 72px;\r\n    height: 72px;\r\n    place-items: center;\r\n    margin: 34px 0;\r\n    border: 1px solid rgba(88, 107, 85, 0.17);\r\n    border-radius: 50%;\r\n    transition:\r\n      background 0.35s ease,\r\n      transform 0.35s ease;\r\n  }\r\n\r\n  .spa-service-card:hover .spa-service-icon {\r\n    background: var(--spa-sage-light);\r\n    transform: rotate(8deg);\r\n  }\r\n\r\n  .spa-service-icon span {\r\n    position: relative;\r\n    display: block;\r\n    width: 22px;\r\n    height: 42px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 100% 0 100% 0;\r\n    transform: rotate(33deg);\r\n  }\r\n\r\n  .spa-service-icon span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -10px;\r\n    bottom: -5px;\r\n    width: 16px;\r\n    height: 31px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 100% 0 100% 0;\r\n    transform: rotate(48deg);\r\n  }\r\n\r\n  .spa-service-card h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .spa-service-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-bottom: 26px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .spa-service-card a {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-top: auto;\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-service-card a span {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .spa-service-card a:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  \/* IMAGE EXPERIENCE *\/\r\n\r\n  .spa-experience {\r\n    position: relative;\r\n    display: grid;\r\n    min-height: clamp(560px, 69vw, 790px);\r\n    place-items: center;\r\n    overflow: hidden;\r\n    background:\r\n      url(\"https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?w=1800&q=85&fit=crop\")\r\n      center \/ cover no-repeat fixed;\r\n  }\r\n\r\n  .spa-experience::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(29, 45, 34, 0.24);\r\n  }\r\n\r\n  .spa-experience-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        to right,\r\n        rgba(31, 48, 36, 0.72),\r\n        rgba(31, 48, 36, 0.2),\r\n        rgba(31, 48, 36, 0.7)\r\n      ),\r\n      linear-gradient(\r\n        to top,\r\n        rgba(31, 48, 36, 0.48),\r\n        transparent 55%\r\n      );\r\n  }\r\n\r\n  .spa-experience-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    padding-block: 100px;\r\n    text-align: center;\r\n  }\r\n\r\n  .spa-experience .spa-eyebrow {\r\n    color: rgba(255, 255, 255, 0.84) !important;\r\n  }\r\n\r\n  .spa-experience h2 {\r\n    max-width: 960px;\r\n    margin-inline: auto;\r\n    color: var(--spa-white);\r\n    font-size: clamp(64px, 9vw, 125px);\r\n  }\r\n\r\n  .spa-experience h2 em {\r\n    color: rgba(255, 255, 255, 0.65);\r\n  }\r\n\r\n  .spa-experience-inner > p:not(.spa-eyebrow) {\r\n    max-width: 590px;\r\n    margin: 0 auto 31px;\r\n    color: rgba(255, 255, 255, 0.76);\r\n  }\r\n\r\n  \/* PACKAGES *\/\r\n\r\n  .spa-packages {\r\n    background:\r\n      radial-gradient(\r\n        circle at 10% 10%,\r\n        rgba(135, 156, 130, 0.11),\r\n        transparent 27%\r\n      ),\r\n      var(--spa-soft-white);\r\n  }\r\n\r\n  .spa-package-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    gap: 20px;\r\n  }\r\n\r\n  .spa-package-card {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 650px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid var(--spa-border);\r\n    background: var(--spa-white);\r\n    box-shadow: 0 22px 60px rgba(47, 63, 51, 0.07);\r\n    transition:\r\n      border-color 0.4s ease,\r\n      transform 0.4s ease,\r\n      box-shadow 0.4s ease;\r\n  }\r\n\r\n  .spa-package-card:hover {\r\n    border-color: rgba(88, 107, 85, 0.38);\r\n    transform: translateY(-9px);\r\n    box-shadow: 0 32px 90px rgba(47, 63, 51, 0.13);\r\n  }\r\n\r\n  .spa-package-image {\r\n    position: relative;\r\n    height: 280px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .spa-package-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        to top,\r\n        rgba(35, 52, 39, 0.3),\r\n        transparent 56%\r\n      );\r\n  }\r\n\r\n  .spa-package-image img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.74);\r\n    transition:\r\n      transform 0.7s ease,\r\n      filter 0.7s ease;\r\n  }\r\n\r\n  .spa-package-card:hover .spa-package-image img {\r\n    filter: saturate(0.9);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .spa-package-image > span {\r\n    position: absolute;\r\n    right: 18px;\r\n    bottom: 13px;\r\n    z-index: 2;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 35px;\r\n  }\r\n\r\n  .spa-package-content {\r\n    display: flex;\r\n    flex: 1;\r\n    flex-direction: column;\r\n    padding: clamp(28px, 3vw, 39px);\r\n  }\r\n\r\n  .spa-package-label {\r\n    margin-bottom: 11px;\r\n    color: var(--spa-sage-dark) !important;\r\n    font-size: 8px !important;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-package-content h3 {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .spa-package-content > p:not(.spa-package-label) {\r\n    margin-bottom: 25px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .spa-package-content ul {\r\n    display: grid;\r\n    gap: 13px;\r\n    margin: 0 0 30px;\r\n    padding: 23px 0 0;\r\n    border-top: 1px solid var(--spa-border);\r\n    list-style: none;\r\n  }\r\n\r\n  .spa-package-content li {\r\n    position: relative;\r\n    padding-left: 22px;\r\n    color: var(--spa-muted);\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .spa-package-content li::before {\r\n    content: \"\u2022\";\r\n    position: absolute;\r\n    left: 2px;\r\n    color: var(--spa-sage-dark);\r\n  }\r\n\r\n  .spa-package-content > a {\r\n    display: inline-flex;\r\n    min-height: 49px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-top: auto;\r\n    padding: 13px 17px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 999px;\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition:\r\n      background 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .spa-package-content > a span {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .spa-package-content > a:hover {\r\n    background: var(--spa-sage-dark);\r\n    color: var(--spa-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .spa-package-content > a:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  .spa-package-featured {\r\n    border-color: rgba(88, 107, 85, 0.48);\r\n  }\r\n\r\n  .spa-package-featured .spa-package-content {\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(223, 231, 220, 0.5),\r\n        transparent 65%\r\n      );\r\n  }\r\n\r\n  .spa-package-featured .spa-package-content > a {\r\n    background: var(--spa-sage-dark);\r\n    color: var(--spa-white);\r\n  }\r\n\r\n  .spa-package-featured .spa-package-content > a:hover {\r\n    background: transparent;\r\n    color: var(--spa-sage-dark);\r\n  }\r\n\r\n  .spa-package-badge {\r\n    position: absolute;\r\n    top: 17px;\r\n    left: 17px;\r\n    z-index: 3;\r\n    padding: 9px 13px;\r\n    border-radius: 999px;\r\n    background: rgba(247, 245, 239, 0.91);\r\n    color: var(--spa-sage-dark);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  \/* PROCESS *\/\r\n\r\n  .spa-process {\r\n    background: var(--spa-sage-light);\r\n  }\r\n\r\n  .spa-process-layout {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.85fr)\r\n      minmax(0, 1.15fr);\r\n    align-items: start;\r\n    gap: clamp(55px, 8vw, 120px);\r\n  }\r\n\r\n  .spa-process-copy {\r\n    position: sticky;\r\n    top: 135px;\r\n  }\r\n\r\n  .spa-process-copy > p:not(.spa-eyebrow) {\r\n    max-width: 500px;\r\n  }\r\n\r\n  .spa-process-list {\r\n    border-top: 1px solid rgba(88, 107, 85, 0.22);\r\n  }\r\n\r\n  .spa-process-item {\r\n    display: grid;\r\n    grid-template-columns: 75px 1fr;\r\n    gap: 25px;\r\n    padding: 34px 0;\r\n    border-bottom: 1px solid rgba(88, 107, 85, 0.22);\r\n    transition:\r\n      padding-left 0.35s ease,\r\n      background 0.35s ease;\r\n  }\r\n\r\n  .spa-process-item:hover {\r\n    padding-left: 16px;\r\n  }\r\n\r\n  .spa-process-item > span {\r\n    color: var(--spa-sage);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 34px;\r\n  }\r\n\r\n  .spa-process-item h3 {\r\n    margin-bottom: 9px;\r\n  }\r\n\r\n  .spa-process-item p {\r\n    max-width: 590px;\r\n    margin: 0;\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* LOCATION *\/\r\n\r\n  .spa-location {\r\n    background: var(--spa-soft-white);\r\n  }\r\n\r\n  .spa-location-layout {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 1.08fr)\r\n      minmax(0, 0.92fr);\r\n    align-items: center;\r\n    gap: clamp(55px, 8vw, 110px);\r\n  }\r\n\r\n  .spa-location-image {\r\n    position: relative;\r\n    min-height: 610px;\r\n    overflow: hidden;\r\n    border-radius: 50% 50% 3px 3px;\r\n    box-shadow: var(--spa-shadow);\r\n  }\r\n\r\n  .spa-location-image > img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.78);\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .spa-location-image:hover > img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .spa-location-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        to top,\r\n        rgba(35, 52, 39, 0.42),\r\n        transparent 46%\r\n      );\r\n  }\r\n\r\n  .spa-location-image-card {\r\n    position: absolute;\r\n    right: 24px;\r\n    bottom: 24px;\r\n    z-index: 3;\r\n    min-width: 215px;\r\n    padding: 23px;\r\n    background: rgba(247, 245, 239, 0.94);\r\n    box-shadow: 0 20px 55px rgba(39, 51, 42, 0.15);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .spa-location-image-card span,\r\n  .spa-location-image-card strong {\r\n    display: block;\r\n  }\r\n\r\n  .spa-location-image-card span {\r\n    margin-bottom: 8px;\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-location-image-card strong {\r\n    color: var(--spa-charcoal);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .spa-location-copy {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n    filter: none !important;\r\n  }\r\n\r\n  .spa-location-copy h2 {\r\n    color: var(--spa-charcoal) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-location-copy h2 em {\r\n    color: var(--spa-sage-dark) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-location-copy > p:not(.spa-eyebrow) {\r\n    max-width: 540px;\r\n    color: var(--spa-muted) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-location-details {\r\n    display: grid;\r\n    gap: 0;\r\n    margin: 34px 0;\r\n    border-top: 1px solid var(--spa-border);\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-location-details > div {\r\n    display: grid;\r\n    grid-template-columns: 115px 1fr;\r\n    gap: 24px;\r\n    padding: 21px 0;\r\n    border-bottom: 1px solid var(--spa-border);\r\n  }\r\n\r\n  .spa-location-details span {\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-location-details p {\r\n    margin: 0;\r\n    color: var(--spa-charcoal) !important;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-location-details a {\r\n    color: var(--spa-charcoal);\r\n    text-decoration: none;\r\n    transition: color 0.25s ease;\r\n  }\r\n\r\n  .spa-location-details a:hover {\r\n    color: var(--spa-sage-dark);\r\n  }\r\n\r\n  \/* CONTACT *\/\r\n\r\n  .spa-contact {\r\n    background:\r\n      radial-gradient(\r\n        circle at 87% 13%,\r\n        rgba(135, 156, 130, 0.11),\r\n        transparent 29%\r\n      ),\r\n      var(--spa-sage-light);\r\n  }\r\n\r\n  .spa-contact-layout {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.84fr)\r\n      minmax(0, 1.16fr);\r\n    align-items: start;\r\n    gap: clamp(55px, 8vw, 110px);\r\n  }\r\n\r\n  .spa-contact-copy {\r\n    position: sticky;\r\n    top: 135px;\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n    filter: none !important;\r\n  }\r\n\r\n  .spa-contact-copy h2 {\r\n    color: var(--spa-charcoal) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-contact-copy h2 em {\r\n    color: var(--spa-sage-dark) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-contact-copy > p:not(.spa-eyebrow) {\r\n    max-width: 510px;\r\n    color: var(--spa-muted) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-contact-links {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin-top: 34px;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-contact-links a {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    padding: 18px 20px;\r\n    border: 1px solid rgba(88, 107, 85, 0.2);\r\n    border-radius: 3px;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    color: var(--spa-charcoal);\r\n    text-decoration: none;\r\n    opacity: 1 !important;\r\n    transition:\r\n      background 0.3s ease,\r\n      border-color 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .spa-contact-links a:hover {\r\n    border-color: rgba(88, 107, 85, 0.43);\r\n    background: rgba(255, 255, 255, 0.75);\r\n    transform: translateX(7px);\r\n  }\r\n\r\n  .spa-contact-links span {\r\n    color: var(--spa-sage-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-contact-links strong {\r\n    overflow-wrap: anywhere;\r\n    color: var(--spa-charcoal);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .spa-form {\r\n    display: grid;\r\n    gap: 18px;\r\n    padding: clamp(28px, 4.3vw, 50px);\r\n    border: 1px solid rgba(255, 255, 255, 0.72);\r\n    border-radius: 22px;\r\n    background: rgba(247, 245, 239, 0.93);\r\n    box-shadow: 0 28px 80px rgba(47, 63, 51, 0.11);\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n  }\r\n\r\n  .spa-form-intro {\r\n    margin-bottom: 8px;\r\n    padding-bottom: 22px;\r\n    border-bottom: 1px solid var(--spa-border);\r\n  }\r\n\r\n  .spa-form-intro span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--spa-sage-dark);\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-size: 31px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .spa-form-intro p {\r\n    margin: 0;\r\n    color: var(--spa-muted) !important;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .spa-form-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  .spa-form label {\r\n    display: grid;\r\n    gap: 8px;\r\n  }\r\n\r\n  .spa-form label > span {\r\n    color: var(--spa-charcoal);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .spa-form input,\r\n  .spa-form select,\r\n  .spa-form textarea {\r\n    width: 100%;\r\n    min-height: 54px;\r\n    padding: 15px 16px;\r\n    border: 1px solid var(--spa-border);\r\n    border-radius: 12px;\r\n    outline: none;\r\n    background: rgba(255, 255, 255, 0.88);\r\n    color: var(--spa-charcoal);\r\n    font-size: 13px;\r\n    opacity: 1 !important;\r\n    transition:\r\n      background 0.25s ease,\r\n      border-color 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .spa-form input::placeholder,\r\n  .spa-form textarea::placeholder {\r\n    color: rgba(40, 48, 41, 0.48);\r\n    opacity: 1;\r\n  }\r\n\r\n  .spa-form select {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .spa-form select option {\r\n    background: var(--spa-white);\r\n    color: var(--spa-charcoal);\r\n  }\r\n\r\n  .spa-form textarea {\r\n    min-height: 135px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .spa-form input:focus,\r\n  .spa-form select:focus,\r\n  .spa-form textarea:focus {\r\n    border-color: var(--spa-sage);\r\n    background: var(--spa-white);\r\n    box-shadow:\r\n      0 0 0 4px\r\n      rgba(135, 156, 130, 0.1);\r\n  }\r\n\r\n  .spa-form button {\r\n    display: inline-flex;\r\n    min-height: 57px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-top: 3px;\r\n    padding: 15px 20px 15px 24px;\r\n    border: 1px solid var(--spa-sage-dark);\r\n    border-radius: 999px;\r\n    background: var(--spa-sage-dark);\r\n    color: var(--spa-white);\r\n    cursor: pointer;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n    transition:\r\n      background 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .spa-form button span {\r\n    font-size: 15px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .spa-form button:hover,\r\n  .spa-form button:focus-visible {\r\n    background: transparent;\r\n    color: var(--spa-sage-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(88, 107, 85, 0.14);\r\n  }\r\n\r\n  .spa-form button:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  \/* CSS-ONLY SCROLL APPEAR EFFECTS *\/\r\n\r\n  .spa-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  @supports (animation-timeline: view()) {\r\n    .spa-reveal {\r\n      opacity: 0;\r\n      transform: translateY(42px);\r\n      animation: spaScrollReveal linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 5% cover 29%;\r\n    }\r\n\r\n    @keyframes spaScrollReveal {\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n  }\r\n\r\n  \/*\r\n    These two sections remain fully visible instead of partially\r\n    fading near the bottom of the page.\r\n  *\/\r\n\r\n  .spa-location .spa-reveal,\r\n  .spa-contact .spa-reveal {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: none !important;\r\n    animation: none !important;\r\n    filter: none !important;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 1050px) {\r\n    .spa-hero {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n    }\r\n\r\n    .spa-hero-copy {\r\n      min-height: 650px;\r\n      padding-block: 95px 78px;\r\n      text-align: center;\r\n    }\r\n\r\n    .spa-hero-copy-inner {\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .spa-hero-description {\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .spa-hero-actions {\r\n      justify-content: center;\r\n    }\r\n\r\n    .spa-hero-details {\r\n      margin-inline: auto;\r\n      text-align: left;\r\n    }\r\n\r\n    .spa-hero-visual {\r\n      min-height: 600px;\r\n    }\r\n\r\n    .spa-hero-overlay {\r\n      background:\r\n        linear-gradient(\r\n          to bottom,\r\n          var(--spa-ivory),\r\n          transparent 20%\r\n        ),\r\n        linear-gradient(\r\n          to top,\r\n          rgba(30, 46, 35, 0.38),\r\n          transparent 48%\r\n        );\r\n    }\r\n\r\n    .spa-about-layout,\r\n    .spa-process-layout,\r\n    .spa-location-layout,\r\n    .spa-contact-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .spa-about-images {\r\n      width: min(100%, 710px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .spa-about-copy,\r\n    .spa-location-copy,\r\n    .spa-contact-copy {\r\n      width: min(100%, 760px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .spa-process-copy,\r\n    .spa-contact-copy {\r\n      position: static;\r\n    }\r\n\r\n    .spa-services-grid,\r\n    .spa-package-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .spa-package-card:last-child {\r\n      grid-column: 1 \/ -1;\r\n      width: min(100%, calc(50% - 10px));\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .spa-location-image {\r\n      width: min(100%, 760px);\r\n      margin-inline: auto;\r\n    }\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n\r\n  @media (max-width: 700px) {\r\n    .spa-site {\r\n      --spa-gutter: 22px;\r\n    }\r\n\r\n    .spa-section {\r\n      padding-block: 80px;\r\n    }\r\n\r\n    .spa-eyebrow {\r\n      letter-spacing: 0.21em;\r\n    }\r\n\r\n    .spa-opening-name strong {\r\n      text-align: center;\r\n    }\r\n\r\n    .spa-opening-name small {\r\n      max-width: 280px;\r\n      text-align: center;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .spa-hero-copy {\r\n      min-height: auto;\r\n      padding-block: 78px 64px;\r\n    }\r\n\r\n    .spa-hero h1 {\r\n      font-size: clamp(67px, 20vw, 96px);\r\n      line-height: 0.85;\r\n    }\r\n\r\n    .spa-hero-actions {\r\n      display: grid;\r\n      width: 100%;\r\n    }\r\n\r\n    .spa-button {\r\n      width: 100%;\r\n      min-height: 55px;\r\n    }\r\n\r\n    .spa-hero-details {\r\n      gap: 0;\r\n      margin-top: 43px;\r\n      padding-top: 20px;\r\n    }\r\n\r\n    .spa-hero-details div {\r\n      padding-right: 7px;\r\n    }\r\n\r\n    .spa-hero-details div + div {\r\n      padding-left: 9px;\r\n    }\r\n\r\n    .spa-hero-details strong {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .spa-hero-details span {\r\n      font-size: 7px;\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    .spa-hero-visual {\r\n      min-height: 470px;\r\n    }\r\n\r\n    .spa-float-one {\r\n      top: 24px;\r\n      right: 18px;\r\n      width: 220px;\r\n    }\r\n\r\n    .spa-float-two {\r\n      right: 18px;\r\n      bottom: 24px;\r\n      width: 275px;\r\n    }\r\n\r\n    .spa-scroll-note {\r\n      display: none;\r\n    }\r\n\r\n    .spa-moving-track {\r\n      animation-duration: 21s;\r\n    }\r\n\r\n    .spa-moving-strip span {\r\n      padding-inline: 27px;\r\n      font-size: 28px;\r\n    }\r\n\r\n    .spa-about-images {\r\n      min-height: 420px;\r\n    }\r\n\r\n    .spa-about-image-main {\r\n      width: 78%;\r\n      height: 78%;\r\n    }\r\n\r\n    .spa-about-image-small {\r\n      width: 59%;\r\n      height: 53%;\r\n      border-width: 5px;\r\n    }\r\n\r\n    .spa-about-circle {\r\n      bottom: 3%;\r\n      left: 2%;\r\n      width: 118px;\r\n      height: 118px;\r\n    }\r\n\r\n    .spa-about-circle strong {\r\n      font-size: 25px;\r\n    }\r\n\r\n    .spa-about-line-art {\r\n      display: none;\r\n    }\r\n\r\n    .spa-services-grid,\r\n    .spa-package-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .spa-service-card {\r\n      min-height: 365px;\r\n    }\r\n\r\n    .spa-service-card:hover,\r\n    .spa-package-card:hover {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .spa-experience {\r\n      min-height: 570px;\r\n      background-attachment: scroll;\r\n    }\r\n\r\n    .spa-experience h2 {\r\n      font-size: clamp(58px, 17vw, 90px);\r\n    }\r\n\r\n    .spa-package-card,\r\n    .spa-package-card:last-child {\r\n      grid-column: auto;\r\n      width: 100%;\r\n      min-height: auto;\r\n    }\r\n\r\n    .spa-package-image {\r\n      height: 250px;\r\n    }\r\n\r\n    .spa-process-item {\r\n      grid-template-columns: 52px 1fr;\r\n      gap: 15px;\r\n      padding: 27px 0;\r\n    }\r\n\r\n    .spa-location-image {\r\n      min-height: 470px;\r\n    }\r\n\r\n    .spa-location-image-card {\r\n      right: 16px;\r\n      bottom: 16px;\r\n      min-width: 190px;\r\n    }\r\n\r\n    .spa-location-details > div {\r\n      grid-template-columns: 1fr;\r\n      gap: 8px;\r\n    }\r\n\r\n    .spa-contact-links a:hover {\r\n      transform: none;\r\n    }\r\n\r\n    .spa-form {\r\n      padding: 25px 18px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .spa-form-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 430px) {\r\n    .spa-hero h1 {\r\n      font-size: clamp(60px, 19vw, 78px);\r\n    }\r\n\r\n    .spa-hero-details {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n    }\r\n\r\n    .spa-hero-details div,\r\n    .spa-hero-details div + div {\r\n      padding: 11px 0;\r\n      border-top: 1px solid var(--spa-border);\r\n      border-left: 0;\r\n    }\r\n\r\n    .spa-hero-details div:first-child {\r\n      border-top: 0;\r\n    }\r\n\r\n    .spa-float-one {\r\n      width: 200px;\r\n      padding: 17px 18px;\r\n    }\r\n\r\n    .spa-float-one strong {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .spa-float-two {\r\n      left: 16px;\r\n      right: 16px;\r\n      width: auto;\r\n    }\r\n\r\n    .spa-about-images {\r\n      min-height: 350px;\r\n    }\r\n\r\n    .spa-about-circle {\r\n      display: none;\r\n    }\r\n\r\n    .spa-location-image {\r\n      min-height: 410px;\r\n    }\r\n\r\n    .spa-location-image-card {\r\n      left: 15px;\r\n      right: 15px;\r\n      min-width: 0;\r\n    }\r\n  }\r\n\r\n  \/* REDUCED MOTION *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .spa-opening {\r\n      display: none;\r\n    }\r\n\r\n    .spa-site *,\r\n    .spa-site *::before,\r\n    .spa-site *::after {\r\n      animation-duration: 0.01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n\r\n    .spa-hero-load,\r\n    .spa-hero-image-load,\r\n    .spa-reveal {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      clip-path: none !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n  \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Spa Name Here Wellness \u00b7 Massage \u00b7 Restore Luxury Wellness &amp; Massage Slow Down. Feel Renewed. Personalized massage, skin care, and restorative wellness experiences designed to help your body release tension and your mind find stillness. Reserve Your Experience \u2197 Explore Treatments 6 Signature Treatments 60\u201390 Minute Sessions 7 Days Weekly Availability Today\u2019s Reminder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":51,"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/pages\/79\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/sunlightwebmedia.site\/spa-demo\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}