{"id":9,"date":"2026-07-12T18:55:14","date_gmt":"2026-07-12T18:55:14","guid":{"rendered":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/?page_id=9"},"modified":"2026-07-12T19:01:57","modified_gmt":"2026-07-12T19:01:57","slug":"hello-theme-9","status":"publish","type":"page","link":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/","title":{"rendered":"Hello Theme #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-045d93b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"045d93b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc609f4\" data-id=\"cc609f4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8068b0d elementor-widget elementor-widget-html\" data-id=\"8068b0d\" 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=\"yns-site\">\r\n\r\n  <!-- OPENING ANIMATION -->\r\n  <div class=\"yns-opening\" aria-hidden=\"true\">\r\n    <div class=\"yns-opening-polish\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"yns-opening-brand\">\r\n      <small>Your<\/small>\r\n      <strong>Nail Salon<\/strong>\r\n      <p>Polish \u00b7 Detail \u00b7 Style<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yns-opening-progress\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- HERO -->\r\n  <section id=\"home\" class=\"yns-hero\">\r\n\r\n    <div class=\"yns-hero-copy\">\r\n      <div class=\"yns-hero-copy-inner\">\r\n\r\n        <p class=\"yns-kicker yns-load yns-load-1\">\r\n          Modern Nail Art &amp; Beauty\r\n        <\/p>\r\n\r\n        <h1 class=\"yns-load yns-load-2\">\r\n          Made to Be\r\n          <em>Noticed.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"yns-hero-description yns-load yns-load-3\">\r\n          Elevated manicures, custom nail art, detailed extensions,\r\n          and luxury pedicures created around your individual style.\r\n        <\/p>\r\n\r\n        <div class=\"yns-hero-actions yns-load yns-load-4\">\r\n          <a href=\"#booking\" class=\"yns-button yns-button-wine\">\r\n            Book Appointment\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#gallery\" class=\"yns-button yns-button-outline\">\r\n            View Our Work\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"yns-hero-facts yns-load yns-load-5\">\r\n          <div>\r\n            <strong>100%<\/strong>\r\n            <span>Customizable Looks<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>6<\/strong>\r\n            <span>Signature Services<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>7 Days<\/strong>\r\n            <span>Weekly Booking<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yns-hero-gallery yns-hero-image-load\">\r\n\r\n      <div class=\"yns-hero-image yns-hero-image-main\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1604654894610-df63bc536371?w=1400&q=85&fit=crop\"\r\n          alt=\"Detailed modern manicure\"\r\n          loading=\"eager\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"yns-hero-image yns-hero-image-small\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1604902396830-aca29e19b067?w=900&q=85&fit=crop\"\r\n          alt=\"Luxury nail polish\"\r\n          loading=\"eager\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"yns-hero-vertical-word\" aria-hidden=\"true\">\r\n        POLISHED\r\n      <\/div>\r\n\r\n      <div class=\"yns-hero-badge\">\r\n        <span>Fresh Set<\/span>\r\n        <strong>Fresh Energy<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"yns-hero-chrome-card\">\r\n        <span>Now Booking<\/span>\r\n        <p>Manicures, extensions, nail art, and pedicures.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yns-polish-drop yns-polish-drop-one\"><\/div>\r\n      <div class=\"yns-polish-drop yns-polish-drop-two\"><\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yns-hero-edition\" aria-hidden=\"true\">\r\n      EDITION 01\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- MOVING STRIP -->\r\n  <div class=\"yns-body-ticker\" aria-hidden=\"true\">\r\n    <div class=\"yns-body-ticker-track\">\r\n\r\n      <div class=\"yns-body-ticker-group\">\r\n        <span>Manicures<\/span>\r\n        <span>Gel Extensions<\/span>\r\n        <span>Custom Nail Art<\/span>\r\n        <span>Luxury Pedicures<\/span>\r\n        <span>Acrylic Sets<\/span>\r\n        <span>Fresh Designs<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"yns-body-ticker-group\">\r\n        <span>Manicures<\/span>\r\n        <span>Gel Extensions<\/span>\r\n        <span>Custom Nail Art<\/span>\r\n        <span>Luxury Pedicures<\/span>\r\n        <span>Acrylic Sets<\/span>\r\n        <span>Fresh Designs<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ABOUT -->\r\n  <section id=\"about\" class=\"yns-section yns-about\">\r\n    <div class=\"yns-container yns-about-layout\">\r\n\r\n      <div class=\"yns-about-copy yns-reveal\">\r\n        <p class=\"yns-kicker\">The Salon Experience<\/p>\r\n\r\n        <h2>\r\n          Detail Is\r\n          <em>Everything.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Every appointment is approached with precision, creativity,\r\n          and attention to the small details that make a finished set\r\n          feel truly personal.\r\n        <\/p>\r\n\r\n        <p>\r\n          From clean, minimal manicures to bold custom artwork, your\r\n          service is shaped around your preferred length, color,\r\n          finish, and lifestyle.\r\n        <\/p>\r\n\r\n        <div class=\"yns-about-signature\">\r\n          <span>Our Signature<\/span>\r\n\r\n          <strong>\r\n            Clean work.<br>\r\n            Creative detail.<br>\r\n            Polished results.\r\n          <\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yns-about-visual yns-reveal\">\r\n\r\n        <div class=\"yns-about-photo yns-about-photo-large\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1632345031435-8727f6897d53?w=1100&q=85&fit=crop\"\r\n            alt=\"Professional manicure treatment\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"yns-about-photo yns-about-photo-small\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1610992015732-2449b76344bc?w=800&q=85&fit=crop\"\r\n            alt=\"Modern nail polish collection\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"yns-about-number\">\r\n          <span>01<\/span>\r\n          <small>Beauty in every detail<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"yns-about-polish-stroke\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SERVICES -->\r\n  <section id=\"services\" class=\"yns-section yns-services\">\r\n    <div class=\"yns-container\">\r\n\r\n      <div class=\"yns-heading yns-reveal\">\r\n        <div>\r\n          <p class=\"yns-kicker\">Salon Services<\/p>\r\n\r\n          <h2>\r\n            Choose Your\r\n            <em>Next Look.<\/em>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p>\r\n          Sample services can be replaced with the nail salon\u2019s\r\n          real offerings, timing, add-ons, and booking information.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yns-service-list\">\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">01<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Classic Manicure<\/h3>\r\n            <p>Shape, cuticle care, polish, and a clean finished look.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            35\u201345 Min\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Classic Manicure\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">02<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Gel Manicure<\/h3>\r\n            <p>Long-lasting shine with professional gel color application.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            45\u201360 Min\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Gel Manicure\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">03<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Acrylic Full Set<\/h3>\r\n            <p>Customized length, shape, color, and finished design.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            75\u2013120 Min\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Acrylic Full Set\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">04<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Gel Extensions<\/h3>\r\n            <p>Lightweight extensions shaped to complement your hands.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            75\u2013105 Min\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Gel Extensions\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">05<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Custom Nail Art<\/h3>\r\n            <p>Hand-painted art, chrome, gems, patterns, and creative details.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            Add-On\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Custom Nail Art\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-service-row yns-reveal\">\r\n          <span class=\"yns-service-number\">06<\/span>\r\n\r\n          <div class=\"yns-service-name\">\r\n            <h3>Luxury Pedicure<\/h3>\r\n            <p>Detailed foot care, massage, polish, and hydration.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yns-service-duration\">\r\n            55\u201375 Min\r\n          <\/span>\r\n\r\n          <a href=\"#booking\" aria-label=\"Book Luxury Pedicure\">\r\n            \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FEATURE IMAGE -->\r\n  <section class=\"yns-feature\">\r\n\r\n    <div class=\"yns-feature-image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1610992015732-2449b76344bc?w=1900&q=85&fit=crop\"\r\n        alt=\"Nail polish and manicure styling\"\r\n        loading=\"lazy\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"yns-feature-overlay\"><\/div>\r\n\r\n    <div class=\"yns-feature-copy yns-reveal\">\r\n      <p class=\"yns-kicker\">Personal Style<\/p>\r\n\r\n      <h2>\r\n        Small Details.\r\n        <em>Major Impact.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Bring inspiration, choose from our collection, or let your\r\n        nail artist create something completely original.\r\n      <\/p>\r\n\r\n      <a href=\"#gallery\" class=\"yns-button yns-button-light\">\r\n        Explore the Gallery\r\n        <span>\u2193<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"yns-feature-side-text\" aria-hidden=\"true\">\r\n      NAIL ART \/ 2026\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- GALLERY -->\r\n  <section id=\"gallery\" class=\"yns-section yns-gallery\">\r\n    <div class=\"yns-container\">\r\n\r\n      <div class=\"yns-heading yns-gallery-heading yns-reveal\">\r\n        <div>\r\n          <p class=\"yns-kicker\">Recent Work<\/p>\r\n\r\n          <h2>\r\n            The Nail\r\n            <em>Lookbook.<\/em>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p>\r\n          A gallery designed to showcase finished sets, seasonal\r\n          styles, custom artwork, and client inspiration.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yns-gallery-grid\">\r\n\r\n        <figure class=\"yns-gallery-item yns-gallery-item-one yns-reveal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1604654894610-df63bc536371?w=1000&q=85&fit=crop\"\r\n            alt=\"Neutral manicure design\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <figcaption>\r\n            <span>01<\/span>\r\n            <strong>Soft Neutral<\/strong>\r\n          <\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"yns-gallery-item yns-gallery-item-two yns-reveal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1604902396830-aca29e19b067?w=1000&q=85&fit=crop\"\r\n            alt=\"Bold nail polish design\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <figcaption>\r\n            <span>02<\/span>\r\n            <strong>Wine Gloss<\/strong>\r\n          <\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"yns-gallery-item yns-gallery-item-three yns-reveal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1632345031435-8727f6897d53?w=1000&q=85&fit=crop\"\r\n            alt=\"Detailed manicure application\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <figcaption>\r\n            <span>03<\/span>\r\n            <strong>Clean Detail<\/strong>\r\n          <\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"yns-gallery-item yns-gallery-item-four yns-reveal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1610992015732-2449b76344bc?w=1000&q=85&fit=crop\"\r\n            alt=\"Modern nail styling\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <figcaption>\r\n            <span>04<\/span>\r\n            <strong>Editorial Finish<\/strong>\r\n          <\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"yns-gallery-item yns-gallery-item-five yns-reveal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1607779097040-26e80aa78e66?w=1000&q=85&fit=crop\"\r\n            alt=\"Luxury manicure result\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <figcaption>\r\n            <span>05<\/span>\r\n            <strong>Gloss Set<\/strong>\r\n          <\/figcaption>\r\n        <\/figure>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yns-gallery-note yns-reveal\">\r\n        <span>Have an inspiration photo?<\/span>\r\n\r\n        <p>\r\n          Bring it to your appointment and your nail artist can discuss\r\n          color, length, shape, pricing, and design options.\r\n        <\/p>\r\n\r\n        <a href=\"#booking\">\r\n          Start Your Booking\r\n          <strong>\u2197<\/strong>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRICING -->\r\n  <section id=\"pricing\" class=\"yns-section yns-pricing\">\r\n    <div class=\"yns-container\">\r\n\r\n      <div class=\"yns-pricing-title yns-reveal\">\r\n        <p class=\"yns-kicker\">Sample Pricing<\/p>\r\n\r\n        <h2>\r\n          Choose Your\r\n          <em>Service.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Final pricing may vary by length, shape, removal, design\r\n          complexity, and requested add-ons.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yns-pricing-grid\">\r\n\r\n        <article class=\"yns-price-card yns-reveal\">\r\n          <div class=\"yns-price-top\">\r\n            <span>01<\/span>\r\n            <small>Essential<\/small>\r\n          <\/div>\r\n\r\n          <h3>Classic Care<\/h3>\r\n\r\n          <div class=\"yns-price\">\r\n            <small>Starting at<\/small>\r\n            <strong>$30<\/strong>\r\n          <\/div>\r\n\r\n          <ul>\r\n            <li>Classic manicure<\/li>\r\n            <li>Nail shaping<\/li>\r\n            <li>Cuticle care<\/li>\r\n            <li>Regular polish<\/li>\r\n          <\/ul>\r\n\r\n          <a href=\"#booking\">\r\n            Book This Service\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-price-card yns-price-featured yns-reveal\">\r\n          <div class=\"yns-price-ribbon\">\r\n            Most Popular\r\n          <\/div>\r\n\r\n          <div class=\"yns-price-top\">\r\n            <span>02<\/span>\r\n            <small>Signature<\/small>\r\n          <\/div>\r\n\r\n          <h3>Gel Finish<\/h3>\r\n\r\n          <div class=\"yns-price\">\r\n            <small>Starting at<\/small>\r\n            <strong>$45<\/strong>\r\n          <\/div>\r\n\r\n          <ul>\r\n            <li>Gel manicure<\/li>\r\n            <li>Nail shaping<\/li>\r\n            <li>Cuticle care<\/li>\r\n            <li>Long-lasting color<\/li>\r\n          <\/ul>\r\n\r\n          <a href=\"#booking\">\r\n            Book This Service\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-price-card yns-reveal\">\r\n          <div class=\"yns-price-top\">\r\n            <span>03<\/span>\r\n            <small>Statement<\/small>\r\n          <\/div>\r\n\r\n          <h3>Full Extension Set<\/h3>\r\n\r\n          <div class=\"yns-price\">\r\n            <small>Starting at<\/small>\r\n            <strong>$75<\/strong>\r\n          <\/div>\r\n\r\n          <ul>\r\n            <li>Acrylic or gel extensions<\/li>\r\n            <li>Custom length<\/li>\r\n            <li>Custom shape<\/li>\r\n            <li>Solid color finish<\/li>\r\n          <\/ul>\r\n\r\n          <a href=\"#booking\">\r\n            Book This Service\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"yns-price-card yns-reveal\">\r\n          <div class=\"yns-price-top\">\r\n            <span>04<\/span>\r\n            <small>Creative<\/small>\r\n          <\/div>\r\n\r\n          <h3>Nail Art Add-On<\/h3>\r\n\r\n          <div class=\"yns-price\">\r\n            <small>Starting at<\/small>\r\n            <strong>$10<\/strong>\r\n          <\/div>\r\n\r\n          <ul>\r\n            <li>Chrome details<\/li>\r\n            <li>Hand-painted designs<\/li>\r\n            <li>Gems and charms<\/li>\r\n            <li>French or ombr\u00e9 finish<\/li>\r\n          <\/ul>\r\n\r\n          <a href=\"#booking\">\r\n            Add Nail Art\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- BOOKING -->\r\n  <section id=\"booking\" class=\"yns-section yns-booking\">\r\n    <div class=\"yns-container yns-booking-layout\">\r\n\r\n      <div class=\"yns-booking-copy\">\r\n        <p class=\"yns-kicker\">Book Your Appointment<\/p>\r\n\r\n        <h2>\r\n          Let\u2019s Create\r\n          <em>Your Next Set.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Submit your preferred service, date, and design information.\r\n          The salon can contact you to confirm availability and pricing.\r\n        <\/p>\r\n\r\n        <div class=\"yns-booking-notes\">\r\n\r\n          <div>\r\n            <span>01<\/span>\r\n\r\n            <p>\r\n              <strong>Choose a service<\/strong>\r\n              Select the treatment that best matches the look you want.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>02<\/span>\r\n\r\n            <p>\r\n              <strong>Share inspiration<\/strong>\r\n              Mention your preferred color, shape, length, or design.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>03<\/span>\r\n\r\n            <p>\r\n              <strong>Confirm the appointment<\/strong>\r\n              The salon will follow up with final availability.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <form class=\"yns-booking-form\">\r\n\r\n        <div class=\"yns-form-header\">\r\n          <span>Appointment Request<\/span>\r\n\r\n          <p>\r\n            Complete the form below to request a salon appointment.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"yns-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=\"yns-form-row\">\r\n          <label>\r\n            <span>Preferred Service<\/span>\r\n\r\n            <select name=\"service\" required>\r\n              <option value=\"\" selected disabled>\r\n                Select a service\r\n              <\/option>\r\n\r\n              <option>Classic Manicure<\/option>\r\n              <option>Gel Manicure<\/option>\r\n              <option>Acrylic Full Set<\/option>\r\n              <option>Gel Extensions<\/option>\r\n              <option>Custom Nail Art<\/option>\r\n              <option>Luxury Pedicure<\/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        <div class=\"yns-form-row\">\r\n          <label>\r\n            <span>Preferred Shape<\/span>\r\n\r\n            <select name=\"shape\">\r\n              <option value=\"\" selected disabled>\r\n                Select a shape\r\n              <\/option>\r\n\r\n              <option>Square<\/option>\r\n              <option>Round<\/option>\r\n              <option>Oval<\/option>\r\n              <option>Almond<\/option>\r\n              <option>Coffin<\/option>\r\n              <option>Stiletto<\/option>\r\n              <option>Not Sure<\/option>\r\n            <\/select>\r\n          <\/label>\r\n\r\n          <label>\r\n            <span>Preferred Length<\/span>\r\n\r\n            <select name=\"length\">\r\n              <option value=\"\" selected disabled>\r\n                Select a length\r\n              <\/option>\r\n\r\n              <option>Natural<\/option>\r\n              <option>Short<\/option>\r\n              <option>Medium<\/option>\r\n              <option>Long<\/option>\r\n              <option>Extra Long<\/option>\r\n              <option>Not Sure<\/option>\r\n            <\/select>\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <label>\r\n          <span>Design Notes<\/span>\r\n\r\n          <textarea\r\n            name=\"message\"\r\n            placeholder=\"Tell us about your preferred colors, design, nail art, removal needs, or inspiration\"\r\n          ><\/textarea>\r\n        <\/label>\r\n\r\n        <button type=\"button\">\r\n          Request Appointment\r\n          <span>\u2197<\/span>\r\n        <\/button>\r\n\r\n        <small class=\"yns-form-disclaimer\">\r\n          This demonstration form must be connected to a form service\r\n          or booking platform before it can send submissions.\r\n        <\/small>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LOCATION -->\r\n  <section id=\"location\" class=\"yns-section yns-location\">\r\n    <div class=\"yns-container yns-location-layout\">\r\n\r\n      <div class=\"yns-location-map\">\r\n        <div class=\"yns-map-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"yns-map-road yns-map-road-one\"><\/div>\r\n        <div class=\"yns-map-road yns-map-road-two\"><\/div>\r\n        <div class=\"yns-map-road yns-map-road-three\"><\/div>\r\n\r\n        <div class=\"yns-map-pin\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yns-map-label\">\r\n          <small>Your Nail Salon<\/small>\r\n          <strong>Your City<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yns-location-copy\">\r\n        <p class=\"yns-kicker\">Location &amp; Hours<\/p>\r\n\r\n        <h2>\r\n          Visit the\r\n          <em>Salon.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Replace the sample details below with the salon\u2019s real\r\n          address, contact information, operating hours, and directions.\r\n        <\/p>\r\n\r\n        <div class=\"yns-location-details\">\r\n\r\n          <div>\r\n            <span>Address<\/span>\r\n\r\n            <p>\r\n              Your Salon 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\r\n        <\/div>\r\n\r\n        <a href=\"#booking\" class=\"yns-button yns-button-wine\">\r\n          Book Your Visit\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=\"yns-contact\">\r\n\r\n    <div class=\"yns-contact-word\" aria-hidden=\"true\">\r\n      CONNECT\r\n    <\/div>\r\n\r\n    <div class=\"yns-container yns-contact-inner\">\r\n\r\n      <div class=\"yns-contact-heading\">\r\n        <p class=\"yns-kicker\">Questions Before Booking?<\/p>\r\n\r\n        <h2>\r\n          Let\u2019s Talk\r\n          <em>Nails.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"yns-contact-options\">\r\n\r\n        <a href=\"tel:+10000000000\">\r\n          <span>Call<\/span>\r\n          <strong>(000) 000-0000<\/strong>\r\n          <i>\u2197<\/i>\r\n        <\/a>\r\n\r\n        <a href=\"mailto:hello@yournailsalon.com\">\r\n          <span>Email<\/span>\r\n          <strong>hello@yournailsalon.com<\/strong>\r\n          <i>\u2197<\/i>\r\n        <\/a>\r\n\r\n        <a href=\"#\">\r\n          <span>Instagram<\/span>\r\n          <strong>@yournailsalon<\/strong>\r\n          <i>\u2197<\/i>\r\n        <\/a>\r\n\r\n      <\/div>\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=Bodoni+Moda:opsz,wght@6..96,500;6..96,600;6..96,700&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .yns-site {\r\n    --yns-pearl: #f8f6f3;\r\n    --yns-soft: #eee9e6;\r\n    --yns-white: #ffffff;\r\n    --yns-black: #171315;\r\n    --yns-black-soft: #221c1f;\r\n    --yns-wine: #741a38;\r\n    --yns-wine-dark: #4e1026;\r\n    --yns-rose: #d7a6b7;\r\n    --yns-rose-light: #ecd7de;\r\n    --yns-muted: #746b6f;\r\n    --yns-border: rgba(23, 19, 21, 0.14);\r\n    --yns-shadow: 0 30px 90px rgba(42, 22, 31, 0.13);\r\n    --yns-content: 1380px;\r\n    --yns-gutter: clamp(22px, 6vw, 86px);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--yns-pearl);\r\n    color: var(--yns-black);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n  }\r\n\r\n  .yns-site,\r\n  .yns-site * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .yns-site img {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .yns-site a,\r\n  .yns-site button,\r\n  .yns-site input,\r\n  .yns-site select,\r\n  .yns-site textarea {\r\n    font: inherit;\r\n  }\r\n\r\n  .yns-container {\r\n    width: min(100%, var(--yns-content));\r\n    margin: 0 auto;\r\n    padding-inline: var(--yns-gutter);\r\n  }\r\n\r\n  .yns-section {\r\n    position: relative;\r\n    padding-block: clamp(90px, 10vw, 155px);\r\n  }\r\n\r\n  .yns-site h1,\r\n  .yns-site h2,\r\n  .yns-site h3,\r\n  .yns-site p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .yns-site h1,\r\n  .yns-site h2,\r\n  .yns-site h3 {\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .yns-site h2 {\r\n    margin-bottom: 28px;\r\n    color: var(--yns-black);\r\n    font-size: clamp(57px, 8vw, 112px);\r\n    letter-spacing: -0.07em;\r\n    line-height: 0.84;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .yns-site h2 em {\r\n    display: block;\r\n    color: var(--yns-wine);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .yns-site h3 {\r\n    color: var(--yns-black);\r\n    font-size: clamp(30px, 3vw, 43px);\r\n    letter-spacing: -0.045em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .yns-site p {\r\n    color: var(--yns-muted);\r\n    font-size: clamp(14px, 1.15vw, 16px);\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .yns-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-bottom: 22px;\r\n    color: var(--yns-wine) !important;\r\n    font-size: 8px !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  .yns-kicker::before {\r\n    content: \"\";\r\n    width: 38px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .yns-button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    min-height: 56px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    padding: 15px 24px;\r\n    border: 1px solid transparent;\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    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  .yns-button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -25%;\r\n    bottom: -25%;\r\n    left: -75px;\r\n    width: 45px;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.55),\r\n        transparent\r\n      );\r\n    transform: skewX(-18deg);\r\n    transition: left 0.6s ease;\r\n  }\r\n\r\n  .yns-button:hover::before {\r\n    left: calc(100% + 55px);\r\n  }\r\n\r\n  .yns-button span {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-size: 15px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .yns-button-wine {\r\n    border-color: var(--yns-wine);\r\n    background: var(--yns-wine);\r\n    color: var(--yns-white);\r\n    box-shadow: 0 18px 38px rgba(116, 26, 56, 0.2);\r\n  }\r\n\r\n  .yns-button-wine:hover,\r\n  .yns-button-wine:focus-visible {\r\n    background: transparent;\r\n    color: var(--yns-wine);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 24px 50px rgba(116, 26, 56, 0.14);\r\n  }\r\n\r\n  .yns-button-wine:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  .yns-button-outline {\r\n    border-color: rgba(23, 19, 21, 0.24);\r\n    background: transparent;\r\n    color: var(--yns-black);\r\n  }\r\n\r\n  .yns-button-outline:hover,\r\n  .yns-button-outline:focus-visible {\r\n    border-color: var(--yns-wine);\r\n    color: var(--yns-wine);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .yns-button-light {\r\n    border-color: var(--yns-white);\r\n    background: var(--yns-white);\r\n    color: var(--yns-wine-dark);\r\n  }\r\n\r\n  .yns-button-light:hover,\r\n  .yns-button-light:focus-visible {\r\n    background: transparent;\r\n    color: var(--yns-white);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* OPENING *\/\r\n\r\n  .yns-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(--yns-black);\r\n    pointer-events: none;\r\n    animation:\r\n      ynsOpeningExit\r\n      0.95s\r\n      cubic-bezier(0.76, 0, 0.24, 1)\r\n      1.7s both;\r\n  }\r\n\r\n  .yns-opening::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      repeating-linear-gradient(\r\n        90deg,\r\n        transparent 0,\r\n        transparent 79px,\r\n        rgba(255, 255, 255, 0.035) 80px\r\n      );\r\n  }\r\n\r\n  .yns-opening-polish {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 120px;\r\n    height: 54px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .yns-opening-polish span {\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 48px;\r\n    height: 13px;\r\n    border-radius: 100%;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--yns-wine-dark),\r\n        var(--yns-rose),\r\n        var(--yns-wine)\r\n      );\r\n    filter: blur(0.2px);\r\n    animation: ynsOpeningPolish 0.9s ease both;\r\n  }\r\n\r\n  .yns-opening-polish span:nth-child(1) {\r\n    left: 0;\r\n    transform: rotate(-14deg);\r\n  }\r\n\r\n  .yns-opening-polish span:nth-child(2) {\r\n    left: 36px;\r\n    animation-delay: 0.08s;\r\n    transform: rotate(3deg);\r\n  }\r\n\r\n  .yns-opening-polish span:nth-child(3) {\r\n    right: 0;\r\n    animation-delay: 0.16s;\r\n    transform: rotate(15deg);\r\n  }\r\n\r\n  .yns-opening-brand {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    justify-items: center;\r\n    animation: ynsOpeningBrand 0.9s ease 0.12s both;\r\n  }\r\n\r\n  .yns-opening-brand small {\r\n    margin-bottom: 6px;\r\n    color: var(--yns-rose);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.4em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-opening-brand strong {\r\n    color: var(--yns-white);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(49px, 8vw, 94px);\r\n    font-weight: 600;\r\n    letter-spacing: -0.065em;\r\n    line-height: 0.85;\r\n  }\r\n\r\n  .yns-opening-brand p {\r\n    margin: 16px 0 0;\r\n    color: rgba(255, 255, 255, 0.55);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.29em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-opening-progress {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(290px, 64vw);\r\n    height: 2px;\r\n    margin-top: 31px;\r\n    overflow: hidden;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .yns-opening-progress::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--yns-wine),\r\n        var(--yns-rose),\r\n        var(--yns-white)\r\n      );\r\n    transform: translateX(-100%);\r\n    animation: ynsOpeningProgress 1.25s ease 0.2s both;\r\n  }\r\n\r\n  @keyframes ynsOpeningPolish {\r\n    from {\r\n      opacity: 0;\r\n      width: 0;\r\n      filter: blur(7px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      width: 48px;\r\n      filter: blur(0);\r\n    }\r\n  }\r\n\r\n  @keyframes ynsOpeningBrand {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(24px);\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 ynsOpeningProgress {\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 ynsOpeningExit {\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 0 100%);\r\n    }\r\n\r\n    100% {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      clip-path: inset(0 0 0 100%);\r\n    }\r\n  }\r\n\r\n  \/* HERO *\/\r\n\r\n  .yns-hero {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.88fr)\r\n      minmax(0, 1.12fr);\r\n    min-height: max(720px, calc(100svh - 114px));\r\n    background:\r\n      linear-gradient(\r\n        115deg,\r\n        rgba(215, 166, 183, 0.14),\r\n        transparent 34%\r\n      ),\r\n      var(--yns-pearl);\r\n  }\r\n\r\n  .yns-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(23, 19, 21, 0.03) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(23, 19, 21, 0.03) 1px,\r\n        transparent 1px\r\n      );\r\n    background-size: 82px 82px;\r\n  }\r\n\r\n  .yns-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(85px, 9vw, 140px)\r\n      var(--yns-gutter);\r\n  }\r\n\r\n  .yns-hero-copy-inner {\r\n    width: min(100%, 650px);\r\n    margin-left: auto;\r\n    margin-right: clamp(0px, 2vw, 35px);\r\n  }\r\n\r\n  .yns-hero h1 {\r\n    margin-bottom: 30px;\r\n    color: var(--yns-black);\r\n    font-size: clamp(82px, 10.7vw, 158px);\r\n    letter-spacing: -0.085em;\r\n    line-height: 0.76;\r\n  }\r\n\r\n  .yns-hero h1 em {\r\n    display: block;\r\n    color: var(--yns-wine);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .yns-hero-description {\r\n    max-width: 540px;\r\n    margin-bottom: 36px;\r\n    font-size: clamp(15px, 1.2vw, 17px) !important;\r\n  }\r\n\r\n  .yns-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  .yns-hero-facts {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    max-width: 590px;\r\n    margin-top: clamp(48px, 6vw, 75px);\r\n    border-top: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-hero-facts div {\r\n    padding: 23px 14px 0 0;\r\n  }\r\n\r\n  .yns-hero-facts div + div {\r\n    padding-left: 18px;\r\n    border-left: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-hero-facts strong,\r\n  .yns-hero-facts span {\r\n    display: block;\r\n  }\r\n\r\n  .yns-hero-facts strong {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 29px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .yns-hero-facts span {\r\n    margin-top: 7px;\r\n    color: var(--yns-muted);\r\n    font-size: 7px;\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  .yns-hero-gallery {\r\n    position: relative;\r\n    min-height: 720px;\r\n    overflow: hidden;\r\n    background: var(--yns-black);\r\n  }\r\n\r\n  .yns-hero-gallery::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(\r\n        to right,\r\n        var(--yns-pearl),\r\n        transparent 18%\r\n      ),\r\n      linear-gradient(\r\n        to top,\r\n        rgba(20, 10, 15, 0.68),\r\n        transparent 50%\r\n      );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .yns-hero-image {\r\n    position: absolute;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .yns-hero-image img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.83) contrast(1.04);\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .yns-hero-gallery:hover .yns-hero-image-main img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .yns-hero-image-main {\r\n    inset: 0;\r\n  }\r\n\r\n  .yns-hero-image-main img {\r\n    animation: ynsHeroImageMove 14s ease-in-out 2.3s infinite alternate;\r\n  }\r\n\r\n  .yns-hero-image-small {\r\n    right: 5%;\r\n    bottom: 5%;\r\n    z-index: 3;\r\n    width: 31%;\r\n    height: 34%;\r\n    border: 7px solid rgba(248, 246, 243, 0.88);\r\n    box-shadow: 0 25px 70px rgba(15, 6, 10, 0.34);\r\n  }\r\n\r\n  .yns-hero-image-small img {\r\n    filter: saturate(0.7);\r\n  }\r\n\r\n  .yns-hero-vertical-word {\r\n    position: absolute;\r\n    top: 7%;\r\n    right: 3%;\r\n    z-index: 4;\r\n    color: rgba(255, 255, 255, 0.82);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5em;\r\n    text-transform: uppercase;\r\n    writing-mode: vertical-rl;\r\n  }\r\n\r\n  .yns-hero-badge {\r\n    position: absolute;\r\n    top: clamp(35px, 6vw, 80px);\r\n    left: 10%;\r\n    z-index: 4;\r\n    width: 180px;\r\n    height: 180px;\r\n    display: grid;\r\n    place-content: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.54);\r\n    border-radius: 50%;\r\n    background: rgba(116, 26, 56, 0.73);\r\n    color: var(--yns-white);\r\n    text-align: center;\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    animation: ynsHeroBadge 6s ease-in-out 2.4s infinite;\r\n  }\r\n\r\n  .yns-hero-badge span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-hero-badge strong {\r\n    max-width: 120px;\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 27px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .yns-hero-chrome-card {\r\n    position: absolute;\r\n    left: 6%;\r\n    bottom: 7%;\r\n    z-index: 4;\r\n    width: min(290px, 36vw);\r\n    padding: 20px 22px;\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(255, 255, 255, 0.9),\r\n        rgba(190, 190, 190, 0.72)\r\n      );\r\n    color: var(--yns-black);\r\n    box-shadow: 0 22px 60px rgba(15, 6, 10, 0.24);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    animation: ynsChromeFloat 5.5s ease-in-out 2.5s infinite;\r\n  }\r\n\r\n  .yns-hero-chrome-card span {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: var(--yns-wine);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-hero-chrome-card p {\r\n    margin: 0;\r\n    color: var(--yns-black);\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .yns-polish-drop {\r\n    position: absolute;\r\n    z-index: 4;\r\n    border-radius: 45% 55% 55% 45%;\r\n    background:\r\n      radial-gradient(\r\n        circle at 30% 25%,\r\n        rgba(255, 255, 255, 0.64),\r\n        transparent 18%\r\n      ),\r\n      var(--yns-wine);\r\n    box-shadow: 0 17px 40px rgba(116, 26, 56, 0.35);\r\n  }\r\n\r\n  .yns-polish-drop-one {\r\n    top: 32%;\r\n    right: 7%;\r\n    width: 34px;\r\n    height: 42px;\r\n    transform: rotate(20deg);\r\n    animation: ynsDropOne 6s ease-in-out infinite;\r\n  }\r\n\r\n  .yns-polish-drop-two {\r\n    top: 39%;\r\n    right: 12%;\r\n    width: 16px;\r\n    height: 20px;\r\n    opacity: 0.85;\r\n    animation: ynsDropTwo 5s ease-in-out infinite;\r\n  }\r\n\r\n  .yns-hero-edition {\r\n    position: absolute;\r\n    bottom: 21px;\r\n    left: 25px;\r\n    z-index: 5;\r\n    color: rgba(23, 19, 21, 0.5);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.28em;\r\n    writing-mode: vertical-rl;\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  @keyframes ynsHeroImageMove {\r\n    from {\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    to {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes ynsHeroBadge {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0) rotate(-4deg);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-10px) rotate(2deg);\r\n    }\r\n  }\r\n\r\n  @keyframes ynsChromeFloat {\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 ynsDropOne {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0) rotate(20deg);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(10px) rotate(28deg);\r\n    }\r\n  }\r\n\r\n  @keyframes ynsDropTwo {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateY(-8px);\r\n    }\r\n  }\r\n\r\n  .yns-load {\r\n    opacity: 0;\r\n    animation:\r\n      ynsHeroLoad\r\n      0.9s\r\n      cubic-bezier(0.2, 0.75, 0.25, 1)\r\n      both;\r\n  }\r\n\r\n  .yns-load-1 {\r\n    animation-delay: 2s;\r\n  }\r\n\r\n  .yns-load-2 {\r\n    animation-delay: 2.12s;\r\n  }\r\n\r\n  .yns-load-3 {\r\n    animation-delay: 2.24s;\r\n  }\r\n\r\n  .yns-load-4 {\r\n    animation-delay: 2.36s;\r\n  }\r\n\r\n  .yns-load-5 {\r\n    animation-delay: 2.48s;\r\n  }\r\n\r\n  .yns-hero-image-load {\r\n    opacity: 0;\r\n    animation:\r\n      ynsHeroGalleryReveal\r\n      1.1s\r\n      cubic-bezier(0.2, 0.75, 0.25, 1)\r\n      2s both;\r\n  }\r\n\r\n  @keyframes ynsHeroLoad {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\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 ynsHeroGalleryReveal {\r\n    from {\r\n      opacity: 0;\r\n      clip-path: inset(0 100% 0 0);\r\n      transform: scale(1.025);\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  \/* BODY TICKER *\/\r\n\r\n  .yns-body-ticker {\r\n    position: relative;\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    padding: 17px 0;\r\n    border-block: 1px solid rgba(255, 255, 255, 0.15);\r\n    background: var(--yns-wine);\r\n  }\r\n\r\n  .yns-body-ticker-track {\r\n    display: flex;\r\n    width: max-content;\r\n    white-space: nowrap;\r\n    animation: ynsBodyTicker 26s linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  .yns-body-ticker-group {\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n  }\r\n\r\n  .yns-body-ticker span {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    padding: 0 40px;\r\n    color: var(--yns-white);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(27px, 3.8vw, 49px);\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .yns-body-ticker span::after {\r\n    content: \"\u2726\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: -5px;\r\n    color: var(--yns-rose);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  @keyframes ynsBodyTicker {\r\n    to {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* ABOUT *\/\r\n\r\n  .yns-about {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent 0,\r\n        transparent 49.9%,\r\n        rgba(23, 19, 21, 0.06) 50%,\r\n        transparent 50.1%\r\n      ),\r\n      var(--yns-pearl);\r\n  }\r\n\r\n  .yns-about-layout {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.9fr)\r\n      minmax(0, 1.1fr);\r\n    align-items: center;\r\n    gap: clamp(55px, 8vw, 120px);\r\n  }\r\n\r\n  .yns-about-copy > p:not(.yns-kicker) {\r\n    max-width: 620px;\r\n  }\r\n\r\n  .yns-about-signature {\r\n    display: grid;\r\n    grid-template-columns: 110px 1fr;\r\n    gap: 25px;\r\n    margin-top: 38px;\r\n    padding-top: 28px;\r\n    border-top: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-about-signature span {\r\n    color: var(--yns-wine);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-about-signature strong {\r\n    color: var(--yns-black);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(28px, 3.2vw, 43px);\r\n    font-weight: 600;\r\n    letter-spacing: -0.05em;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .yns-about-visual {\r\n    position: relative;\r\n    min-height: 670px;\r\n  }\r\n\r\n  .yns-about-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 7%;\r\n    right: 6%;\r\n    width: 72%;\r\n    height: 77%;\r\n    border: 1px solid rgba(116, 26, 56, 0.25);\r\n    transform: rotate(4deg);\r\n  }\r\n\r\n  .yns-about-photo {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    box-shadow: var(--yns-shadow);\r\n  }\r\n\r\n  .yns-about-photo img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.77);\r\n    transition:\r\n      transform 0.8s ease,\r\n      filter 0.8s ease;\r\n  }\r\n\r\n  .yns-about-visual:hover img {\r\n    filter: saturate(0.95);\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .yns-about-photo-large {\r\n    top: 0;\r\n    right: 0;\r\n    width: 78%;\r\n    height: 81%;\r\n  }\r\n\r\n  .yns-about-photo-small {\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 47%;\r\n    height: 49%;\r\n    border: 7px solid var(--yns-pearl);\r\n  }\r\n\r\n  .yns-about-number {\r\n    position: absolute;\r\n    top: 5%;\r\n    left: 2%;\r\n    z-index: 3;\r\n    display: grid;\r\n    gap: 9px;\r\n  }\r\n\r\n  .yns-about-number span {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 68px;\r\n    font-weight: 600;\r\n    line-height: 0.8;\r\n  }\r\n\r\n  .yns-about-number small {\r\n    max-width: 100px;\r\n    color: var(--yns-muted);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-about-polish-stroke {\r\n    position: absolute;\r\n    right: -4%;\r\n    bottom: 7%;\r\n    z-index: 3;\r\n    width: 53%;\r\n    height: 34px;\r\n    border-radius: 70% 20% 80% 15%;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(116, 26, 56, 0.3),\r\n        var(--yns-wine),\r\n        transparent\r\n      );\r\n    transform: rotate(-10deg);\r\n    animation: ynsAboutStroke 6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes ynsAboutStroke {\r\n    from {\r\n      transform: rotate(-10deg) translateX(0);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(-7deg) translateX(-25px);\r\n    }\r\n  }\r\n\r\n  \/* HEADINGS *\/\r\n\r\n  .yns-heading {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 1.2fr)\r\n      minmax(250px, 0.55fr);\r\n    align-items: end;\r\n    gap: clamp(35px, 7vw, 110px);\r\n    margin-bottom: clamp(55px, 7vw, 90px);\r\n  }\r\n\r\n  .yns-heading h2 {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .yns-heading > p {\r\n    max-width: 520px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  \/* SERVICES *\/\r\n\r\n  .yns-services {\r\n    background: var(--yns-black);\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-services::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(\r\n        circle at 80% 8%,\r\n        rgba(116, 26, 56, 0.33),\r\n        transparent 30%\r\n      ),\r\n      repeating-linear-gradient(\r\n        90deg,\r\n        transparent 0,\r\n        transparent 99px,\r\n        rgba(255, 255, 255, 0.025) 100px\r\n      );\r\n  }\r\n\r\n  .yns-services .yns-heading {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .yns-services h2,\r\n  .yns-services h3 {\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-services h2 em {\r\n    color: var(--yns-rose);\r\n  }\r\n\r\n  .yns-services .yns-kicker {\r\n    color: var(--yns-rose) !important;\r\n  }\r\n\r\n  .yns-services .yns-heading > p {\r\n    color: rgba(255, 255, 255, 0.58);\r\n  }\r\n\r\n  .yns-service-list {\r\n    position: relative;\r\n    z-index: 2;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  .yns-service-row {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns:\r\n      70px\r\n      minmax(0, 1fr)\r\n      120px\r\n      58px;\r\n    align-items: center;\r\n    gap: 25px;\r\n    min-height: 145px;\r\n    padding: 27px 0;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n    transition:\r\n      padding-left 0.35s ease,\r\n      background 0.35s ease;\r\n  }\r\n\r\n  .yns-service-row::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(116, 26, 56, 0.65),\r\n        rgba(116, 26, 56, 0.08),\r\n        transparent\r\n      );\r\n    transform: translateX(-101%);\r\n    transition: transform 0.45s ease;\r\n  }\r\n\r\n  .yns-service-row:hover {\r\n    padding-left: 22px;\r\n  }\r\n\r\n  .yns-service-row:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .yns-service-number {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 32px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .yns-service-row:hover .yns-service-number {\r\n    color: var(--yns-rose);\r\n  }\r\n\r\n  .yns-service-name h3 {\r\n    margin: 0 0 8px;\r\n    font-size: clamp(31px, 3.6vw, 52px);\r\n  }\r\n\r\n  .yns-service-name p {\r\n    max-width: 650px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.52);\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .yns-service-duration {\r\n    color: rgba(255, 255, 255, 0.56);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-align: right;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-service-row > a {\r\n    display: grid;\r\n    width: 49px;\r\n    height: 49px;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.23);\r\n    border-radius: 50%;\r\n    color: var(--yns-white);\r\n    font-size: 17px;\r\n    text-decoration: none;\r\n    transition:\r\n      background 0.3s ease,\r\n      color 0.3s ease,\r\n      border-color 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .yns-service-row > a:hover {\r\n    border-color: var(--yns-white);\r\n    background: var(--yns-white);\r\n    color: var(--yns-wine);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  \/* FEATURE *\/\r\n\r\n  .yns-feature {\r\n    position: relative;\r\n    display: grid;\r\n    min-height: clamp(600px, 70vw, 840px);\r\n    place-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .yns-feature-image {\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n\r\n  .yns-feature-image img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.7) contrast(1.05);\r\n    transition: transform 1.2s ease;\r\n  }\r\n\r\n  .yns-feature:hover .yns-feature-image img {\r\n    transform: scale(1.045);\r\n  }\r\n\r\n  .yns-feature-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(30, 10, 19, 0.83),\r\n        rgba(30, 10, 19, 0.32),\r\n        rgba(30, 10, 19, 0.72)\r\n      ),\r\n      linear-gradient(\r\n        to top,\r\n        rgba(24, 8, 14, 0.52),\r\n        transparent 58%\r\n      );\r\n  }\r\n\r\n  .yns-feature-copy {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    width: min(100%, 1080px);\r\n    align-items: center;\r\n    flex-direction: column;\r\n    padding: 100px var(--yns-gutter);\r\n    text-align: center;\r\n  }\r\n\r\n  .yns-feature .yns-kicker {\r\n    color: var(--yns-rose-light) !important;\r\n  }\r\n\r\n  .yns-feature h2 {\r\n    max-width: 980px;\r\n    margin-inline: auto;\r\n    color: var(--yns-white);\r\n    font-size: clamp(68px, 10vw, 139px);\r\n  }\r\n\r\n  .yns-feature h2 em {\r\n    color: var(--yns-rose-light);\r\n  }\r\n\r\n  .yns-feature-copy > p:not(.yns-kicker) {\r\n    max-width: 610px;\r\n    margin: 0 auto 31px;\r\n    color: rgba(255, 255, 255, 0.74);\r\n  }\r\n\r\n  .yns-feature-side-text {\r\n    position: absolute;\r\n    right: 22px;\r\n    bottom: 25px;\r\n    z-index: 3;\r\n    color: rgba(255, 255, 255, 0.66);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.33em;\r\n    writing-mode: vertical-rl;\r\n  }\r\n\r\n  \/* GALLERY *\/\r\n\r\n  .yns-gallery {\r\n    background:\r\n      linear-gradient(\r\n        rgba(23, 19, 21, 0.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(23, 19, 21, 0.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      var(--yns-pearl);\r\n    background-size: 76px 76px;\r\n  }\r\n\r\n  .yns-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, minmax(0, 1fr));\r\n    grid-auto-rows: 105px;\r\n    gap: 15px;\r\n  }\r\n\r\n  .yns-gallery-item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    background: var(--yns-black);\r\n    box-shadow: 0 20px 55px rgba(42, 22, 31, 0.09);\r\n  }\r\n\r\n  .yns-gallery-item-one {\r\n    grid-column: 1 \/ 6;\r\n    grid-row: 1 \/ 6;\r\n  }\r\n\r\n  .yns-gallery-item-two {\r\n    grid-column: 6 \/ 10;\r\n    grid-row: 1 \/ 4;\r\n  }\r\n\r\n  .yns-gallery-item-three {\r\n    grid-column: 10 \/ 13;\r\n    grid-row: 1 \/ 5;\r\n  }\r\n\r\n  .yns-gallery-item-four {\r\n    grid-column: 6 \/ 10;\r\n    grid-row: 4 \/ 8;\r\n  }\r\n\r\n  .yns-gallery-item-five {\r\n    grid-column: 10 \/ 13;\r\n    grid-row: 5 \/ 8;\r\n  }\r\n\r\n  .yns-gallery-item img {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(0.76);\r\n    transition:\r\n      transform 0.75s ease,\r\n      filter 0.75s ease;\r\n  }\r\n\r\n  .yns-gallery-item::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(25, 8, 15, 0.69),\r\n        transparent 55%\r\n      );\r\n    opacity: 0.8;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .yns-gallery-item:hover img {\r\n    filter: saturate(1);\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .yns-gallery-item:hover::after {\r\n    opacity: 0.55;\r\n  }\r\n\r\n  .yns-gallery-item figcaption {\r\n    position: absolute;\r\n    right: 20px;\r\n    bottom: 18px;\r\n    left: 20px;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: end;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    color: var(--yns-white);\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .yns-gallery-item:hover figcaption {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .yns-gallery-item figcaption span {\r\n    color: var(--yns-rose-light);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 25px;\r\n  }\r\n\r\n  .yns-gallery-item figcaption strong {\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(19px, 2vw, 28px);\r\n    font-weight: 600;\r\n    text-align: right;\r\n  }\r\n\r\n  .yns-gallery-note {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(150px, 0.45fr)\r\n      minmax(0, 1fr)\r\n      auto;\r\n    align-items: center;\r\n    gap: 35px;\r\n    margin-top: 45px;\r\n    padding: 28px 0;\r\n    border-block: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-gallery-note > span {\r\n    color: var(--yns-wine);\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  .yns-gallery-note p {\r\n    max-width: 650px;\r\n    margin: 0;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .yns-gallery-note a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: var(--yns-wine);\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  }\r\n\r\n  .yns-gallery-note a strong {\r\n    font-size: 15px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .yns-gallery-note a:hover strong {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  \/* PRICING *\/\r\n\r\n  .yns-pricing {\r\n    background:\r\n      radial-gradient(\r\n        circle at 8% 8%,\r\n        rgba(116, 26, 56, 0.13),\r\n        transparent 25%\r\n      ),\r\n      var(--yns-soft);\r\n  }\r\n\r\n  .yns-pricing-title {\r\n    max-width: 790px;\r\n    margin: 0 auto clamp(55px, 7vw, 90px);\r\n    text-align: center;\r\n  }\r\n\r\n  .yns-pricing-title .yns-kicker {\r\n    justify-content: center;\r\n  }\r\n\r\n  .yns-pricing-title > p:last-child {\r\n    max-width: 610px;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .yns-pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    gap: 16px;\r\n  }\r\n\r\n  .yns-price-card {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 570px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: clamp(28px, 3vw, 39px);\r\n    border: 1px solid var(--yns-border);\r\n    background: rgba(255, 255, 255, 0.67);\r\n    box-shadow: 0 18px 55px rgba(42, 22, 31, 0.06);\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  .yns-price-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -100px;\r\n    bottom: -110px;\r\n    width: 230px;\r\n    height: 230px;\r\n    border-radius: 50%;\r\n    background: var(--yns-rose-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  .yns-price-card:hover {\r\n    z-index: 2;\r\n    border-color: rgba(116, 26, 56, 0.45);\r\n    transform: translateY(-9px);\r\n    box-shadow: 0 30px 85px rgba(42, 22, 31, 0.13);\r\n  }\r\n\r\n  .yns-price-card:hover::after {\r\n    opacity: 0.55;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .yns-price-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  .yns-price-top > span {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .yns-price-top small {\r\n    color: var(--yns-muted);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-price-card h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-height: 82px;\r\n    margin: 45px 0 20px;\r\n  }\r\n\r\n  .yns-price {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    padding-bottom: 25px;\r\n    border-bottom: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-price small {\r\n    margin-bottom: 5px;\r\n    color: var(--yns-muted);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-price strong {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 66px;\r\n    font-weight: 600;\r\n    letter-spacing: -0.07em;\r\n    line-height: 0.9;\r\n  }\r\n\r\n  .yns-price-card ul {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    gap: 13px;\r\n    margin: 27px 0 35px;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .yns-price-card li {\r\n    position: relative;\r\n    padding-left: 19px;\r\n    color: var(--yns-muted);\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .yns-price-card li::before {\r\n    content: \"\u2022\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: var(--yns-wine);\r\n  }\r\n\r\n  .yns-price-card > a {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    min-height: 50px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-top: auto;\r\n    padding: 13px 16px;\r\n    border: 1px solid var(--yns-wine);\r\n    color: var(--yns-wine);\r\n    font-size: 7px;\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  .yns-price-card > a span {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .yns-price-card > a:hover {\r\n    background: var(--yns-wine);\r\n    color: var(--yns-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .yns-price-card > a:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  .yns-price-featured {\r\n    border-color: var(--yns-wine);\r\n    background: var(--yns-wine);\r\n  }\r\n\r\n  .yns-price-featured::after {\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .yns-price-featured h3,\r\n  .yns-price-featured .yns-price strong,\r\n  .yns-price-featured .yns-price-top > span {\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-price-featured .yns-price-top small,\r\n  .yns-price-featured .yns-price small,\r\n  .yns-price-featured li {\r\n    color: rgba(255, 255, 255, 0.67);\r\n  }\r\n\r\n  .yns-price-featured .yns-price,\r\n  .yns-price-featured > a {\r\n    border-color: rgba(255, 255, 255, 0.35);\r\n  }\r\n\r\n  .yns-price-featured li::before {\r\n    color: var(--yns-rose-light);\r\n  }\r\n\r\n  .yns-price-featured > a {\r\n    background: var(--yns-white);\r\n    color: var(--yns-wine);\r\n  }\r\n\r\n  .yns-price-featured > a:hover {\r\n    background: transparent;\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-price-ribbon {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: -39px;\r\n    z-index: 4;\r\n    width: 145px;\r\n    padding: 8px;\r\n    background: var(--yns-white);\r\n    color: var(--yns-wine);\r\n    font-size: 6px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  \/* BOOKING *\/\r\n\r\n  .yns-booking {\r\n    background:\r\n      linear-gradient(\r\n        rgba(255, 255, 255, 0.025) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255, 255, 255, 0.025) 1px,\r\n        transparent 1px\r\n      ),\r\n      var(--yns-black);\r\n    background-size: 80px 80px;\r\n  }\r\n\r\n  .yns-booking-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  .yns-booking-copy {\r\n    position: sticky;\r\n    top: 145px;\r\n  }\r\n\r\n  .yns-booking h2 {\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-booking h2 em {\r\n    color: var(--yns-rose);\r\n  }\r\n\r\n  .yns-booking .yns-kicker {\r\n    color: var(--yns-rose) !important;\r\n  }\r\n\r\n  .yns-booking-copy > p:not(.yns-kicker) {\r\n    max-width: 540px;\r\n    color: rgba(255, 255, 255, 0.58);\r\n  }\r\n\r\n  .yns-booking-notes {\r\n    display: grid;\r\n    margin-top: 40px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  .yns-booking-notes > div {\r\n    display: grid;\r\n    grid-template-columns: 55px 1fr;\r\n    gap: 18px;\r\n    padding: 22px 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n    transition: padding-left 0.3s ease;\r\n  }\r\n\r\n  .yns-booking-notes > div:hover {\r\n    padding-left: 10px;\r\n  }\r\n\r\n  .yns-booking-notes > div > span {\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 26px;\r\n  }\r\n\r\n  .yns-booking-notes p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .yns-booking-notes strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: var(--yns-white);\r\n    font-size: 12px;\r\n  }\r\n\r\n  .yns-booking-form {\r\n    display: grid;\r\n    gap: 18px;\r\n    padding: clamp(29px, 4.5vw, 54px);\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(255, 255, 255, 0.96),\r\n        rgba(230, 225, 223, 0.93)\r\n      );\r\n    box-shadow: 0 35px 100px rgba(0, 0, 0, 0.28);\r\n  }\r\n\r\n  .yns-form-header {\r\n    margin-bottom: 7px;\r\n    padding-bottom: 24px;\r\n    border-bottom: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-form-header > span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--yns-wine);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 37px;\r\n    font-weight: 600;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .yns-form-header p {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .yns-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  .yns-booking-form label {\r\n    display: grid;\r\n    gap: 8px;\r\n  }\r\n\r\n  .yns-booking-form label > span {\r\n    color: var(--yns-black);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-booking-form input,\r\n  .yns-booking-form select,\r\n  .yns-booking-form textarea {\r\n    width: 100%;\r\n    min-height: 55px;\r\n    padding: 15px 16px;\r\n    border: 1px solid rgba(23, 19, 21, 0.15);\r\n    border-radius: 0;\r\n    outline: none;\r\n    background: rgba(255, 255, 255, 0.75);\r\n    color: var(--yns-black);\r\n    font-size: 13px;\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  .yns-booking-form input::placeholder,\r\n  .yns-booking-form textarea::placeholder {\r\n    color: rgba(23, 19, 21, 0.42);\r\n  }\r\n\r\n  .yns-booking-form select {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .yns-booking-form textarea {\r\n    min-height: 140px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .yns-booking-form input:focus,\r\n  .yns-booking-form select:focus,\r\n  .yns-booking-form textarea:focus {\r\n    border-color: var(--yns-wine);\r\n    background: var(--yns-white);\r\n    box-shadow: 0 0 0 4px rgba(116, 26, 56, 0.09);\r\n  }\r\n\r\n  .yns-booking-form button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    min-height: 58px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    margin-top: 3px;\r\n    padding: 15px 19px 15px 24px;\r\n    border: 1px solid var(--yns-wine);\r\n    background: var(--yns-wine);\r\n    color: var(--yns-white);\r\n    cursor: pointer;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\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  .yns-booking-form button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -25%;\r\n    bottom: -25%;\r\n    left: -70px;\r\n    width: 44px;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.58),\r\n        transparent\r\n      );\r\n    transform: skewX(-18deg);\r\n    transition: left 0.6s ease;\r\n  }\r\n\r\n  .yns-booking-form button:hover::before {\r\n    left: calc(100% + 50px);\r\n  }\r\n\r\n  .yns-booking-form button span {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-size: 15px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .yns-booking-form button:hover {\r\n    background: transparent;\r\n    color: var(--yns-wine);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(116, 26, 56, 0.14);\r\n  }\r\n\r\n  .yns-booking-form button:hover span {\r\n    transform: translate(4px, -4px);\r\n  }\r\n\r\n  .yns-form-disclaimer {\r\n    color: rgba(23, 19, 21, 0.48);\r\n    font-size: 9px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* LOCATION *\/\r\n\r\n  .yns-location {\r\n    background: var(--yns-pearl);\r\n  }\r\n\r\n  .yns-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, 115px);\r\n  }\r\n\r\n  .yns-location-map {\r\n    position: relative;\r\n    min-height: 610px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--yns-border);\r\n    background: #ded9d6;\r\n    box-shadow: var(--yns-shadow);\r\n  }\r\n\r\n  .yns-map-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        rgba(23, 19, 21, 0.06) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(23, 19, 21, 0.06) 1px,\r\n        transparent 1px\r\n      );\r\n    background-size: 46px 46px;\r\n    transform: rotate(-8deg) scale(1.2);\r\n  }\r\n\r\n  .yns-map-road {\r\n    position: absolute;\r\n    height: 24px;\r\n    border-block: 1px solid rgba(23, 19, 21, 0.1);\r\n    background: rgba(248, 246, 243, 0.78);\r\n  }\r\n\r\n  .yns-map-road-one {\r\n    top: 23%;\r\n    left: -12%;\r\n    width: 130%;\r\n    transform: rotate(19deg);\r\n  }\r\n\r\n  .yns-map-road-two {\r\n    top: 57%;\r\n    left: -15%;\r\n    width: 135%;\r\n    transform: rotate(-14deg);\r\n  }\r\n\r\n  .yns-map-road-three {\r\n    top: -8%;\r\n    left: 44%;\r\n    width: 25px;\r\n    height: 120%;\r\n    transform: rotate(7deg);\r\n  }\r\n\r\n  .yns-map-pin {\r\n    position: absolute;\r\n    top: 44%;\r\n    left: 53%;\r\n    z-index: 3;\r\n    width: 68px;\r\n    height: 68px;\r\n    border-radius: 50% 50% 50% 0;\r\n    background: var(--yns-wine);\r\n    box-shadow: 0 20px 45px rgba(116, 26, 56, 0.28);\r\n    transform: translate(-50%, -50%) rotate(-45deg);\r\n    animation: ynsMapPin 3.5s ease-in-out infinite;\r\n  }\r\n\r\n  .yns-map-pin span {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 19px;\r\n    height: 19px;\r\n    border-radius: 50%;\r\n    background: var(--yns-white);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .yns-map-label {\r\n    position: absolute;\r\n    right: 25px;\r\n    bottom: 25px;\r\n    z-index: 4;\r\n    min-width: 230px;\r\n    padding: 23px;\r\n    border: 1px solid rgba(255, 255, 255, 0.62);\r\n    background: rgba(248, 246, 243, 0.92);\r\n    box-shadow: 0 20px 55px rgba(42, 22, 31, 0.13);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n  }\r\n\r\n  .yns-map-label small,\r\n  .yns-map-label strong {\r\n    display: block;\r\n  }\r\n\r\n  .yns-map-label small {\r\n    margin-bottom: 8px;\r\n    color: var(--yns-wine);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-map-label strong {\r\n    color: var(--yns-black);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: 31px;\r\n    font-weight: 600;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  @keyframes ynsMapPin {\r\n    0%,\r\n    100% {\r\n      transform:\r\n        translate(-50%, -50%)\r\n        rotate(-45deg)\r\n        translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform:\r\n        translate(-50%, -50%)\r\n        rotate(-45deg)\r\n        translateY(-9px);\r\n    }\r\n  }\r\n\r\n  .yns-location-copy > p:not(.yns-kicker) {\r\n    max-width: 540px;\r\n  }\r\n\r\n  .yns-location-details {\r\n    display: grid;\r\n    margin: 37px 0;\r\n    border-top: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-location-details > div {\r\n    display: grid;\r\n    grid-template-columns: 115px 1fr;\r\n    gap: 25px;\r\n    padding: 22px 0;\r\n    border-bottom: 1px solid var(--yns-border);\r\n  }\r\n\r\n  .yns-location-details span {\r\n    color: var(--yns-wine);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-location-details p {\r\n    margin: 0;\r\n    color: var(--yns-black);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .yns-location-details a {\r\n    color: var(--yns-black);\r\n    text-decoration: none;\r\n    transition: color 0.25s ease;\r\n  }\r\n\r\n  .yns-location-details a:hover {\r\n    color: var(--yns-wine);\r\n  }\r\n\r\n  \/* CONTACT *\/\r\n\r\n  .yns-contact {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding-block: clamp(90px, 10vw, 145px);\r\n    background: var(--yns-wine);\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-contact-word {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    color: rgba(255, 255, 255, 0.055);\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(120px, 22vw, 360px);\r\n    font-weight: 700;\r\n    letter-spacing: -0.09em;\r\n    line-height: 0.7;\r\n    white-space: nowrap;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n    animation: ynsContactWord 9s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes ynsContactWord {\r\n    from {\r\n      transform: translate(-51.5%, -50%);\r\n    }\r\n\r\n    to {\r\n      transform: translate(-48.5%, -50%);\r\n    }\r\n  }\r\n\r\n  .yns-contact-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.9fr)\r\n      minmax(0, 1.1fr);\r\n    align-items: end;\r\n    gap: clamp(45px, 8vw, 120px);\r\n  }\r\n\r\n  .yns-contact .yns-kicker {\r\n    color: var(--yns-rose-light) !important;\r\n  }\r\n\r\n  .yns-contact h2 {\r\n    margin-bottom: 0;\r\n    color: var(--yns-white);\r\n  }\r\n\r\n  .yns-contact h2 em {\r\n    color: var(--yns-rose-light);\r\n  }\r\n\r\n  .yns-contact-options {\r\n    display: grid;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.24);\r\n  }\r\n\r\n  .yns-contact-options a {\r\n    display: grid;\r\n    grid-template-columns: 100px minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 20px;\r\n    min-height: 92px;\r\n    padding: 20px 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.24);\r\n    color: var(--yns-white);\r\n    text-decoration: none;\r\n    transition: padding-left 0.3s ease;\r\n  }\r\n\r\n  .yns-contact-options a:hover {\r\n    padding-left: 15px;\r\n  }\r\n\r\n  .yns-contact-options span {\r\n    color: var(--yns-rose-light);\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.21em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .yns-contact-options strong {\r\n    overflow-wrap: anywhere;\r\n    font-family: 'Bodoni Moda', Georgia, serif;\r\n    font-size: clamp(20px, 2.4vw, 31px);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .yns-contact-options i {\r\n    display: grid;\r\n    width: 44px;\r\n    height: 44px;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 50%;\r\n    font-size: 15px;\r\n    font-style: normal;\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  .yns-contact-options a:hover i {\r\n    background: var(--yns-white);\r\n    color: var(--yns-wine);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  \/* CSS-ONLY APPEAR EFFECTS *\/\r\n\r\n  .yns-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  @supports (animation-timeline: view()) {\r\n    .yns-reveal {\r\n      opacity: 0;\r\n      transform: translateY(45px);\r\n      animation: ynsScrollReveal linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 5% cover 28%;\r\n    }\r\n\r\n    @keyframes ynsScrollReveal {\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n  }\r\n\r\n  \/*\r\n    Keep the lower booking, location, and contact sections at full\r\n    opacity so they do not remain faded near the bottom of the page.\r\n  *\/\r\n\r\n  .yns-booking *,\r\n  .yns-location *,\r\n  .yns-contact * {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 1080px) {\r\n    .yns-hero {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-hero-copy {\r\n      min-height: 650px;\r\n      padding-block: 95px 80px;\r\n      text-align: center;\r\n    }\r\n\r\n    .yns-hero-copy-inner {\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .yns-hero-description {\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .yns-hero-actions {\r\n      justify-content: center;\r\n    }\r\n\r\n    .yns-hero-facts {\r\n      margin-inline: auto;\r\n      text-align: left;\r\n    }\r\n\r\n    .yns-hero-gallery {\r\n      min-height: 650px;\r\n    }\r\n\r\n    .yns-hero-gallery::before {\r\n      background:\r\n        linear-gradient(\r\n          to bottom,\r\n          var(--yns-pearl),\r\n          transparent 15%\r\n        ),\r\n        linear-gradient(\r\n          to top,\r\n          rgba(20, 10, 15, 0.68),\r\n          transparent 50%\r\n        );\r\n    }\r\n\r\n    .yns-about-layout,\r\n    .yns-booking-layout,\r\n    .yns-location-layout,\r\n    .yns-contact-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-about-copy,\r\n    .yns-booking-copy,\r\n    .yns-location-copy {\r\n      width: min(100%, 780px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .yns-about-visual,\r\n    .yns-location-map {\r\n      width: min(100%, 780px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .yns-booking-copy {\r\n      position: static;\r\n    }\r\n\r\n    .yns-heading {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-pricing-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .yns-contact-heading {\r\n      max-width: 750px;\r\n    }\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n\r\n  @media (max-width: 720px) {\r\n    .yns-site {\r\n      --yns-gutter: 22px;\r\n    }\r\n\r\n    .yns-section {\r\n      padding-block: 80px;\r\n    }\r\n\r\n    .yns-opening-brand strong {\r\n      font-size: clamp(52px, 16vw, 75px);\r\n      text-align: center;\r\n    }\r\n\r\n    .yns-hero-copy {\r\n      min-height: auto;\r\n      padding-block: 78px 65px;\r\n    }\r\n\r\n    .yns-hero h1 {\r\n      font-size: clamp(73px, 22vw, 104px);\r\n      line-height: 0.79;\r\n    }\r\n\r\n    .yns-hero-actions {\r\n      display: grid;\r\n      width: 100%;\r\n    }\r\n\r\n    .yns-button {\r\n      width: 100%;\r\n      min-height: 56px;\r\n    }\r\n\r\n    .yns-hero-facts {\r\n      margin-top: 45px;\r\n    }\r\n\r\n    .yns-hero-facts div {\r\n      padding-right: 7px;\r\n    }\r\n\r\n    .yns-hero-facts div + div {\r\n      padding-left: 9px;\r\n    }\r\n\r\n    .yns-hero-facts strong {\r\n      font-size: 23px;\r\n    }\r\n\r\n    .yns-hero-facts span {\r\n      font-size: 6px;\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    .yns-hero-gallery {\r\n      min-height: 510px;\r\n    }\r\n\r\n    .yns-hero-badge {\r\n      top: 25px;\r\n      left: 20px;\r\n      width: 135px;\r\n      height: 135px;\r\n    }\r\n\r\n    .yns-hero-badge strong {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .yns-hero-image-small {\r\n      right: 17px;\r\n      bottom: 18px;\r\n      width: 42%;\r\n      height: 36%;\r\n      border-width: 5px;\r\n    }\r\n\r\n    .yns-hero-chrome-card {\r\n      left: 17px;\r\n      bottom: 18px;\r\n      width: 49%;\r\n      padding: 15px;\r\n    }\r\n\r\n    .yns-hero-chrome-card p {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .yns-hero-vertical-word,\r\n    .yns-hero-edition {\r\n      display: none;\r\n    }\r\n\r\n    .yns-body-ticker-track {\r\n      animation-duration: 20s;\r\n    }\r\n\r\n    .yns-body-ticker span {\r\n      padding-inline: 27px;\r\n      font-size: 29px;\r\n    }\r\n\r\n    .yns-about {\r\n      background: var(--yns-pearl);\r\n    }\r\n\r\n    .yns-about-signature {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-about-visual {\r\n      min-height: 450px;\r\n    }\r\n\r\n    .yns-about-number span {\r\n      font-size: 50px;\r\n    }\r\n\r\n    .yns-about-polish-stroke {\r\n      width: 68%;\r\n    }\r\n\r\n    .yns-service-row {\r\n      grid-template-columns: 45px 1fr 46px;\r\n      gap: 14px;\r\n      min-height: 150px;\r\n    }\r\n\r\n    .yns-service-duration {\r\n      display: none;\r\n    }\r\n\r\n    .yns-service-name h3 {\r\n      font-size: clamp(29px, 10vw, 40px);\r\n    }\r\n\r\n    .yns-service-row > a {\r\n      width: 43px;\r\n      height: 43px;\r\n    }\r\n\r\n    .yns-service-row:hover {\r\n      padding-left: 8px;\r\n    }\r\n\r\n    .yns-feature {\r\n      min-height: 590px;\r\n    }\r\n\r\n    .yns-feature h2 {\r\n      font-size: clamp(61px, 18vw, 93px);\r\n    }\r\n\r\n    .yns-feature-side-text {\r\n      display: none;\r\n    }\r\n\r\n    .yns-gallery-grid {\r\n      grid-template-columns: 1fr;\r\n      grid-auto-rows: auto;\r\n    }\r\n\r\n    .yns-gallery-item-one,\r\n    .yns-gallery-item-two,\r\n    .yns-gallery-item-three,\r\n    .yns-gallery-item-four,\r\n    .yns-gallery-item-five {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n      height: 360px;\r\n    }\r\n\r\n    .yns-gallery-item-one {\r\n      height: 470px;\r\n    }\r\n\r\n    .yns-gallery-note {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n    }\r\n\r\n    .yns-gallery-note a {\r\n      justify-content: center;\r\n    }\r\n\r\n    .yns-pricing-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-price-card {\r\n      min-height: auto;\r\n    }\r\n\r\n    .yns-price-card h3 {\r\n      min-height: 0;\r\n    }\r\n\r\n    .yns-form-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .yns-booking-form {\r\n      padding: 25px 18px;\r\n    }\r\n\r\n    .yns-location-map {\r\n      min-height: 460px;\r\n    }\r\n\r\n    .yns-location-details > div {\r\n      grid-template-columns: 1fr;\r\n      gap: 8px;\r\n    }\r\n\r\n    .yns-map-label {\r\n      right: 15px;\r\n      bottom: 15px;\r\n      left: 15px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .yns-contact {\r\n      padding-block: 80px;\r\n    }\r\n\r\n    .yns-contact-options a {\r\n      grid-template-columns: 1fr auto;\r\n      gap: 10px;\r\n      min-height: 105px;\r\n    }\r\n\r\n    .yns-contact-options span {\r\n      grid-column: 1;\r\n    }\r\n\r\n    .yns-contact-options strong {\r\n      grid-column: 1;\r\n    }\r\n\r\n    .yns-contact-options i {\r\n      grid-column: 2;\r\n      grid-row: 1 \/ 3;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 430px) {\r\n    .yns-hero h1 {\r\n      font-size: clamp(65px, 21vw, 84px);\r\n    }\r\n\r\n    .yns-hero-facts {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n    }\r\n\r\n    .yns-hero-facts div,\r\n    .yns-hero-facts div + div {\r\n      padding: 12px 0;\r\n      border-top: 1px solid var(--yns-border);\r\n      border-left: 0;\r\n    }\r\n\r\n    .yns-hero-facts div:first-child {\r\n      border-top: 0;\r\n    }\r\n\r\n    .yns-hero-badge {\r\n      width: 118px;\r\n      height: 118px;\r\n    }\r\n\r\n    .yns-hero-image-small {\r\n      display: none;\r\n    }\r\n\r\n    .yns-hero-chrome-card {\r\n      right: 16px;\r\n      left: 16px;\r\n      width: auto;\r\n    }\r\n\r\n    .yns-polish-drop {\r\n      display: none;\r\n    }\r\n\r\n    .yns-about-visual {\r\n      min-height: 370px;\r\n    }\r\n\r\n    .yns-about-number {\r\n      display: none;\r\n    }\r\n\r\n    .yns-about-photo-large {\r\n      width: 85%;\r\n    }\r\n\r\n    .yns-about-photo-small {\r\n      width: 53%;\r\n    }\r\n\r\n    .yns-service-row {\r\n      grid-template-columns: 37px 1fr;\r\n    }\r\n\r\n    .yns-service-row > a {\r\n      grid-column: 2;\r\n      justify-self: start;\r\n    }\r\n\r\n    .yns-gallery-item-one {\r\n      height: 420px;\r\n    }\r\n\r\n    .yns-gallery-item-two,\r\n    .yns-gallery-item-three,\r\n    .yns-gallery-item-four,\r\n    .yns-gallery-item-five {\r\n      height: 310px;\r\n    }\r\n  }\r\n\r\n  \/* REDUCED MOTION *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .yns-opening {\r\n      display: none;\r\n    }\r\n\r\n    .yns-site *,\r\n    .yns-site *::before,\r\n    .yns-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    .yns-load,\r\n    .yns-hero-image-load,\r\n    .yns-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<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Nail Salon Polish \u00b7 Detail \u00b7 Style Modern Nail Art &amp; Beauty Made to Be Noticed. Elevated manicures, custom nail art, detailed extensions, and luxury pedicures created around your individual style. Book Appointment \u2197 View Our Work 100% Customizable Looks 6 Signature Services 7 Days Weekly Booking POLISHED Fresh Set Fresh Energy Now Booking [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":4,"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/pages\/9\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/sunlightwebmedia.site\/nail-salon-demo\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}