:root { --navy-base: #001f3f; --turquoise-accent: #6ee7de; --slate-white: #f8fafc; --text-muted: #cbd5e1; --textured-gold: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%); } body { background: var(--slate-white); margin: 0; font-family: sans-serif; } .elite-container { max-width: 1200px; margin: 0 auto; padding: 20px; box-sizing: border-box; } /* MAIN CARDS */ .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; } .service-card { background: var(--navy-base); border: 1px solid #b38728; border-image: var(--textured-gold) 1; border-radius: 8px; padding: 24px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } .card-img-wrapper { width: 100%; height: 200px; overflow: hidden; border-radius: 4px; background: #001224; } .card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .card-title { color: var(--slate-white); font-size: 22px; margin: 18px 0 8px 0; font-weight: 700; letter-spacing: -0.5px; } .card-snippet { color: var(--text-muted); font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .modal-trigger-btn { background: var(--turquoise-accent); color: var(--navy-base); border: none; padding: 14px 20px; border-radius: 4px; font-weight: 700; font-size: 14px; cursor: pointer; text-transform: uppercase; width: 100%; transition: all 0.2s ease; letter-spacing: 0.5px; } .modal-trigger-btn:hover { background: var(--slate-white); transform: translateY(-1px); } /* POPUP MODAL */ .elite-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 10, 20, 0.92); z-index: 999999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; backdrop-filter: blur(8px); } .elite-modal-content { background: var(--slate-white); border: 2px solid #b38728; border-image: var(--textured-gold) 1; width: 100%; max-width: 800px; max-height: 90vh; border-radius: 0px; overflow-y: auto; position: relative; box-shadow: 0 25px 60px rgba(0,0,0,0.6); color: var(--navy-base); } .close-modal-x { position: absolute; top: 15px; right: 25px; color: var(--slate-white); font-size: 35px; font-weight: bold; cursor: pointer; z-index: 10; transition: color 0.2s; text-shadow: 0 2px 10px rgba(0,0,0,0.8); } .close-modal-x:hover { color: var(--turquoise-accent); } /* VIDEO HEADER WITH LIGHTENED VIGNETTE AND CENTERED STACK */ .video-placeholder-container { width: 100%; height: 350px; background: var(--navy-base); position: relative; overflow: hidden; border-bottom: 2px solid var(--turquoise-accent); display: flex; align-items: center; justify-content: center; text-align: center; } .video-vignette { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); /* Reduced opacity for a much brighter video */ z-index: 1; pointer-events: none; } .modal-hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .video-content-stack { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; padding: 20px; } .video-title { color: #ffffff; font-size: 38px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 4px 15px rgba(0,0,0,0.8); margin: 0; } .video-modalities { color: var(--turquoise-accent); font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 2px 8px rgba(0,0,0,0.9); margin: 0; } .video-price { color: #ffffff; font-size: 20px; font-weight: 700; text-shadow: 0 2px 8px rgba(0,0,0,0.9); margin: 0; } /* MODAL INTERIOR GRAPHICS */ .modal-body-padding { padding: 36px; box-sizing: border-box; } .interior-row-title { font-size: 15px; font-weight: 700; color: var(--navy-base); margin: 24px 0 12px 0; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid var(--turquoise-accent); padding-bottom: 6px; display: inline-block; } .modal-graphic-row { display: grid; gap: 12px; margin-bottom: 32px; } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-5 { grid-template-columns: repeat(5, 1fr); } .modal-graphic-row img { width: 100%; border-radius: 6px; border: 1px solid rgba(0, 31, 63, 0.1); box-shadow: 0 4px 10px rgba(0,0,0,0.1); } /* CLINICAL TECHNIQUES BLOCK */ .clinical-techniques-block { background: var(--navy-base); padding: 24px 24px 8px 24px; border-radius: 8px; margin: 32px 0; } .clinical-techniques-block .interior-row-title { color: var(--slate-white); border-bottom: 2px solid var(--turquoise-accent); margin-top: 0; } /* MODAL CHECKOUT BUTTON */ .modal-checkout-btn { display: block; width: 100%; text-align: center; background: var(--turquoise-accent); color: var(--navy-base); text-decoration: none; padding: 18px; font-size: 16px; font-weight: 800; border-radius: 4px; text-transform: uppercase; box-sizing: border-box; transition: all 0.2s ease; margin-top: 36px; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(0,0,0,0.4); border: none; } .modal-checkout-btn:hover { background: var(--slate-white); color: var(--navy-base); transform: translateY(-2px); } @media (max-width: 768px) { .video-placeholder-container { height: 250px; } .video-title { font-size: 28px; } .video-modalities { font-size: 12px; } .video-price { font-size: 16px; } .modal-body-padding { padding: 20px; } .card-grid { gap: 16px; } .modal-graphic-row { display: flex; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; } .modal-graphic-row img { flex: 0 0 60%; scroll-snap-align: start; } .modal-graphic-row::-webkit-scrollbar { display: none; } }

top of page

Hot stone

Massage

£50 per hour

Welcome to the epitome of indulgence at Serenity. Our Hot Stone Massage, an opulent full-body experience, beckons you to enter a realm of pure relaxation and rejuvenation. This sumptuous journey commences with a gentle, expertly executed massage, preparing you for the ultimate luxury that awaits. Then, we introduce the soothing allure of heated stones, meticulously positioned to dissolve tension and stress with their radiant warmth. The Hot Stone Massage is a symphony of indulgence, where skilled hands and natural elements combine to release knots and restore perfect harmony. As a grand finale, we lavish you with a towel massage, leaving you feeling completely revitalized, as if reborn. Immerse yourself in the art of relaxation, where each touch is a masterpiece of professional care, inviting you to bask in the lap of luxury and tranquility.

BOOK NOW