<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Virtue Salons — Nail Artistry & Care</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Inter:wght@400;500;600&display=swap');
:root{--page-bg:#843a22;--surface:#f6f6f4;--white:#fff;--black:#111;--cream:#f7f4ef;--brown:#843a22;--brown-dark:#5f2a1a;--beige:#e7ddcf;--gold:#b88a52;--gray:#777;--line:#d8d8d4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page-bg);color:var(--black);font-family:Inter,"Helvetica Neue",Arial,sans-serif}.site{width:min(720px,100%);margin:150px auto 0;background:var(--surface);overflow:hidden}.header{height:50px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fafafa;border-bottom:1px solid #eee}.nav{display:flex;gap:19px}.nav a,.account{font-size:6px;color:#111;text-decoration:none;text-transform:uppercase;letter-spacing:.03em}.logo{font-size:17px;font-weight:600;letter-spacing:-1.2px}.logo:before{content:"///";font-weight:400;margin-right:2px}.account-wrap{justify-self:end;display:flex;align-items:center;gap:13px}.account-icon{width:19px;height:19px;border:1px solid #999;border-radius:50%;background:transparent;position:relative}.account-icon:after{content:"";position:absolute;width:3px;height:3px;border:1px solid #777;border-radius:50%;left:6px;top:4px}.hero{height:455px;display:grid;grid-template-columns:1fr 1fr;background:#f7f7f6}.hero-media,.final{background-size:cover;background-position:center}.hero-media{background-image:url('https://images.unsplash.com/photo-1604654894610-df63bc536371?auto=format&fit=crop&w=1400&q=88')}.hero-copy,.feature-copy{display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.title{font-size:28px;line-height:.84;letter-spacing:-1.8px;font-weight:500;margin:0}.script{font-family:Allura,cursive;font-size:1.35em;font-weight:400;letter-spacing:0;text-transform:none;display:inline-block;margin-left:4px}.title .script.block{display:block;margin:-1px 0 2px}.pill{display:inline-block;margin-top:30px;border:0;background:#f2e7d9;color:#4b3528;border-radius:999px;padding:8px 22px;font:500 7px Inter,sans-serif;text-decoration:none;transition:transform .2s}.pill:hover{transform:translateY(-2px)}.ticker{height:31px;overflow:hidden;border-top:1px solid #d7d7d1;border-bottom:1px solid #d7d7d1;background:#e8e8e3;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:inline-flex;gap:28px;min-width:max-content;animation:marquee 18s linear infinite;font-size:10px;font-weight:600}.ticker-track span{display:inline-block}@keyframes marquee{to{transform:translateX(-50%)}}.feature{height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:#f8f8f7}.feature-copy{flex-direction:column;padding-left:50px}.feature .title{font-size:27px}.feature p{font-size:6px;line-height:1.6;margin:18px 0 0;max-width:190px}.feature-photo{width:240px;height:315px;justify-self:center;background:url('https://images.unsplash.com/photo-1607779097040-26e80aa78e66?auto=format&fit=crop&w=1000&q=88') center/cover;border-radius:1px}.feature .pill{margin-top:18px}.picks{height:455px;background:#f8f8f7;padding:80px 0 55px 90px;display:grid;grid-template-columns:180px 1fr;gap:25px;overflow:hidden}.picks h2{font-size:37px;line-height:.8;font-weight:500;letter-spacing:-2px;margin:0}.picks h2 .script{font-size:1.2em}.picks p{font-size:7px;line-height:1.55;margin-top:18px;width:165px}.carousel-wrap{min-width:0;position:relative}.carousel{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none;padding-bottom:15px;scroll-behavior:smooth}.carousel::-webkit-scrollbar{display:none}.card{flex:0 0 116px}.card-img{height:184px;border-radius:18px;overflow:hidden;background:#ddd}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img,.chapter-card:hover img{transform:scale(1.045)}.meta{display:flex;justify-content:space-between;gap:6px;font-size:5px;text-transform:uppercase;margin-top:9px}.progress{width:165px;height:3px;background:#ccc;margin-top:10px;position:relative}.progress span{position:absolute;height:100%;width:35%;background:#111;left:0;transition:left .2s}.arrows{display:flex;gap:5px;position:absolute;right:18px;bottom:-4px}.arrow{width:23px;height:23px;border:1px solid #bbb;border-radius:50%;background:#fafafa;font-size:10px;cursor:pointer}.final{height:430px;position:relative;background-image:linear-gradient(90deg,rgba(73,26,14,.72),rgba(73,26,14,.12)),url('https://images.unsplash.com/photo-1610992015732-2449b76344bc?auto=format&fit=crop&w=1600&q=90');background-position:center}.final-copy{position:absolute;left:42px;top:88px;color:#fff}.final h2{font-size:31px;line-height:.82;letter-spacing:-1.6px;font-weight:500;margin:0}.final h2 .script{font-size:1.45em}.final .pill{margin-top:22px;background:#ece7dd;color:#4c3b32;padding:7px 18px}
@media(max-width:600px){.site{margin:0 auto}.header{padding:0 12px}.nav{gap:8px}.nav a{font-size:5px}.hero{height:auto;grid-template-columns:1fr}.hero-media{height:430px}.hero-copy{height:330px}.feature{height:auto;grid-template-columns:1fr;padding:55px 20px}.feature-copy{padding:20px}.feature-photo{grid-row:1;width:min(280px,80vw)}.picks{height:auto;min-height:450px;padding:60px 0 50px 28px;grid-template-columns:1fr}.picks p{width:220px}.final{height:430px}.final-copy{left:28px}.ticker-track{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track{animation:none}.card-img img,.pill{transition:none}}
/* Full-width, device-responsive presentation */
body{background:var(--surface);overflow-x:hidden}
.site{width:100%;max-width:none;margin:0;background:var(--surface)}
.hero{height:clamp(620px,82vh,940px)}
.hero-copy,.feature-copy{padding:clamp(32px,6vw,100px)}
.title{font-size:clamp(45px,5vw,84px);line-height:.88;letter-spacing:-.055em}
.pill{margin-top:clamp(24px,3vw,42px);padding:14px 30px;font-size:13px}
.ticker{height:52px}.ticker-track{gap:50px;font-size:14px}
.feature{height:auto;min-height:760px;grid-template-columns:1fr 1fr;padding:clamp(65px,8vw,130px)}
.feature-copy{padding:30px}.feature .title{font-size:clamp(42px,4.6vw,76px)}
.feature p{font-size:clamp(14px,1.15vw,18px);line-height:1.65;margin-top:30px;max-width:520px}
.feature-photo{width:min(100%,560px);height:clamp(480px,53vw,720px);border-radius:3px}
.picks{height:auto;min-height:720px;padding:clamp(80px,9vw,145px) 0 clamp(70px,8vw,125px) clamp(25px,7vw,115px);grid-template-columns:minmax(230px,360px) 1fr;gap:clamp(35px,6vw,95px)}
.picks h2{font-size:clamp(54px,6vw,96px);letter-spacing:-.055em}.picks p{font-size:clamp(14px,1.05vw,17px);line-height:1.65;margin-top:28px;width:auto;max-width:340px}
.carousel{gap:22px}.card{flex-basis:clamp(210px,20vw,310px)}.card-img{height:clamp(340px,34vw,520px);border-radius:28px}
.meta{font-size:13px;margin-top:14px}.progress{width:min(340px,55vw);height:4px;margin-top:24px}.arrows{right:clamp(20px,5vw,80px);bottom:-12px}.arrow{width:44px;height:44px;font-size:18px}
.final{height:clamp(600px,82vh,900px)}.final-copy{left:clamp(25px,7vw,115px);top:50%;transform:translateY(-50%)}
.final h2{font-size:clamp(46px,5.7vw,92px);line-height:.86;letter-spacing:-.055em}
.nail-services{padding:clamp(80px,9vw,145px) clamp(24px,7vw,115px);background:var(--beige)}
.nail-services-head{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:clamp(35px,8vw,130px);align-items:end;margin-bottom:55px}
.nail-services h2{font-size:clamp(52px,6vw,96px);line-height:.84;letter-spacing:-.06em;font-weight:500;margin:0}
.nail-services-intro{font-size:clamp(15px,1.25vw,19px);line-height:1.7;max-width:620px;margin:0}
.service-list{border-top:1px solid rgba(17,17,17,.25)}
.nail-service{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid rgba(17,17,17,.25)}
.nail-service span{font-size:13px;color:var(--brown)}.nail-service strong{font-size:clamp(20px,2.1vw,32px);font-weight:500}.nail-service small{font-size:13px;color:var(--gray);text-align:right}
.chapter-card{flex:0 0 clamp(320px,37vw,560px);background:var(--cream);border:1px solid var(--line);border-radius:26px;overflow:hidden;scroll-snap-align:start}
.chapter-card .card-img{height:clamp(260px,25vw,390px);border-radius:0}
.chapter-copy{padding:25px 25px 30px}.chapter-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brown);margin-bottom:12px}
.chapter-copy h3{font-family:Georgia,serif;font-size:clamp(24px,2.3vw,34px);line-height:1.05;font-weight:400;margin:0 0 15px}
.chapter-copy p{font-size:14px;line-height:1.65;color:#4f4944;margin:0}.chapter-keyword{display:block;margin-top:20px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray)}
.carousel{scroll-snap-type:x mandatory}.picks{align-items:start}.picks .section-kicker{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brown);margin-bottom:18px}
.final-copy{max-width:min(760px,82vw)}.final-copy p{font-size:clamp(15px,1.35vw,20px);line-height:1.6;max-width:660px;margin:24px 0 0}.final .pill{font-size:13px;padding:14px 26px}
/* Refined Virtue nail layout */
.hero{height:clamp(500px,68vh,680px);grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr)}
.hero-media{background-position:center 52%}
.hero-copy{padding:clamp(35px,5vw,78px);text-align:left;justify-content:flex-start}
.hero-copy>div{width:100%;max-width:700px}
.hero .title{font-size:clamp(40px,4.2vw,68px);line-height:.94;letter-spacing:-.05em}
.hero .title .hero-sub{display:block;font-size:.68em;line-height:1.02;letter-spacing:-.035em;margin-top:12px}
.hero .title .script.block{font-size:1.05em;line-height:.9;margin:12px 0 0}
.feature{min-height:620px;padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(60px,7vw,100px)}
.feature-photo{height:clamp(390px,38vw,540px);max-width:470px}
.picks{min-height:650px}.chapter-card .card-img{height:clamp(220px,20vw,310px)}
.final{height:auto;min-height:clamp(560px,66vh,700px);display:flex;align-items:center;padding:clamp(70px,8vw,120px) clamp(24px,7vw,115px);isolation:isolate;border-radius:clamp(24px,3vw,48px) clamp(24px,3vw,48px) 0 0;overflow:hidden}
.final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(56,20,12,.25),transparent 70%);z-index:-1}
.final-copy{position:relative;left:auto;top:auto;transform:none;width:min(760px,100%);max-width:760px;margin:0;color:#fff}
.final h2{font-size:clamp(42px,4.5vw,74px);line-height:.9;letter-spacing:-.05em;max-width:740px}
.final h2 .script{display:block;font-size:1.08em;line-height:.9;margin:8px 0 10px;letter-spacing:0}
.final-copy p{max-width:620px;margin:28px 0 0;line-height:1.65}
.final .pill{margin-top:30px;white-space:normal;text-align:center;line-height:1.3}
@media(max-width:900px){
.hero{height:auto;grid-template-columns:1fr}.hero-media{height:min(68vw,560px);min-height:380px}.hero-copy{min-height:390px;padding:60px 34px;text-align:center;justify-content:center}.hero-copy>div{max-width:620px}
.feature{grid-template-columns:1fr;padding:80px 28px}.feature-photo{grid-row:1;width:min(100%,620px);height:min(110vw,680px)}.feature-copy{padding:55px 15px 10px}
.picks{grid-template-columns:1fr;padding-left:28px;gap:50px}.picks>div:first-child{padding-right:28px}.picks p{max-width:560px}
.nail-services-head{grid-template-columns:1fr}.nail-service{grid-template-columns:52px 1fr auto}
}
@media(max-width:560px){
.hero-media{height:100vw;min-height:340px;max-height:470px}.hero-copy{min-height:350px;padding:50px 22px}.title{font-size:clamp(38px,11vw,52px)}.hero .title{font-size:clamp(38px,11vw,52px)}.hero .title .hero-sub{font-size:.64em}
.ticker{height:44px}.ticker-track{font-size:11px;gap:30px}
.feature{padding:55px 20px}.feature-photo{height:115vw;min-height:390px}.feature-copy{padding:45px 5px 10px}.feature .title{font-size:clamp(37px,11vw,52px)}
.picks{padding:70px 0 70px 20px}.picks>div:first-child{padding-right:20px}.picks h2{font-size:58px}.card{flex-basis:72vw}.card-img{height:112vw;max-height:540px}.meta{font-size:12px}
.progress{width:48vw}.arrows{right:20px}.final{min-height:610px;padding:70px 22px;background-position:62% center}.final-copy{left:auto;right:auto;top:auto;transform:none;width:100%;margin:0}.final h2{font-size:clamp(38px,10.5vw,52px);line-height:.92}
.nail-services{padding:70px 20px}.nail-services-head{margin-bottom:38px}.nail-service{grid-template-columns:36px 1fr;padding:20px 0}.nail-service small{grid-column:2;text-align:left;margin-top:-12px}.chapter-card{flex-basis:84vw}.chapter-copy{padding:22px}.chapter-card .card-img{height:68vw}.final-copy p{font-size:15px}
}
</style>
<style id="vir-reference-palette">
:root{
--vir-background:#e9e9e7;--vir-light-background:#f7f7f5;--vir-text:#1a1a1a;--vir-white:#fff;
--vir-forest-darkest:#041f1d;--vir-forest:#073731;--vir-teal:#0d5c52;--vir-teal-highlight:#166f63;
--vir-forest-secondary:#0a463f;--vir-green-black:#031917;--vir-teal-accent:#0f665f;
--vir-burgundy:#8b1a2b;--vir-wine:#3d1018;--vir-terracotta:#a64b47;--vir-gold:#d4b56a;
--vir-services-gradient:linear-gradient(135deg,#041f1d 0%,#073731 22%,#0d5c52 46%,#166f63 62%,#0a463f 82%,#031917 100%);
--vir-aesthetic-gradient:linear-gradient(135deg,#8b1a2b 0%,#3d1018 50%,#8b1a2b 100%);
--page-bg:var(--vir-forest-darkest);--surface:var(--vir-light-background);--cream:#fbf8f4;
--brown:var(--vir-burgundy);--brown-dark:var(--vir-wine);--beige:#e9e1d8;--gold:var(--vir-gold);--line:rgba(7,55,49,.18)
}
body,.site{background:var(--vir-light-background);color:var(--vir-text)}
.hero-copy{background:linear-gradient(145deg,var(--vir-light-background) 0%,#efe9e2 58%,rgba(212,181,106,.24) 100%)}
.hero .title,.feature .title,.picks h2,.nail-services h2{color:var(--vir-forest-darkest)}
.script{color:var(--vir-burgundy)}
.pill{background:linear-gradient(135deg,var(--vir-burgundy),var(--vir-wine));color:var(--vir-white);box-shadow:0 12px 28px rgba(61,16,24,.18)}
.pill:hover{background:linear-gradient(135deg,var(--vir-teal-highlight),var(--vir-forest));box-shadow:0 16px 34px rgba(4,31,29,.24)}
.ticker{border-color:rgba(212,181,106,.55);background:var(--vir-services-gradient);color:var(--vir-white)}
.ticker-track span:after{content:" ✦";margin-left:22px;color:var(--vir-gold)}
.feature{background:linear-gradient(135deg,#fbf8f4 0%,var(--vir-background) 62%,rgba(13,92,82,.12) 100%)}
.feature-photo{box-shadow:0 28px 65px rgba(4,31,29,.2);outline:1px solid rgba(212,181,106,.55);outline-offset:8px}
.nail-services{position:relative;isolation:isolate;overflow:hidden;background:var(--vir-services-gradient);color:var(--vir-white)}
.nail-services:before{content:"";position:absolute;z-index:-1;right:-12vw;top:-18vw;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(139,26,43,.55),transparent 68%)}
.nail-services h2{color:var(--vir-white)}
.nail-services .script,.nail-service span{color:var(--vir-gold)}
.nail-services-intro,.nail-service small{color:rgba(255,255,255,.72)}
.service-list,.nail-service{border-color:rgba(255,255,255,.2)}
.nail-service{transition:padding .3s ease,background .3s ease}
.nail-service:hover{padding-left:18px;padding-right:18px;background:linear-gradient(90deg,rgba(22,111,99,.42),rgba(139,26,43,.22))}
.picks{background:linear-gradient(135deg,var(--vir-light-background),#eee8e2 55%,rgba(212,181,106,.2))}
.picks .section-kicker,.chapter-label{color:var(--vir-burgundy)}
.chapter-card{border-color:rgba(7,55,49,.16);background:var(--vir-white);box-shadow:0 18px 45px rgba(4,31,29,.08);transition:transform .35s ease,box-shadow .35s ease}
.chapter-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(4,31,29,.16)}
.progress{background:rgba(7,55,49,.16)}.progress span{background:linear-gradient(90deg,var(--vir-burgundy),var(--vir-gold))}
.arrow{border-color:rgba(7,55,49,.22);background:var(--vir-forest-darkest);color:var(--vir-white)}
.arrow:hover{background:var(--vir-burgundy)}
.final{background-image:linear-gradient(105deg,rgba(61,16,24,.92) 0%,rgba(139,26,43,.62) 45%,rgba(4,31,29,.22) 100%),url('https://images.unsplash.com/photo-1610992015732-2449b76344bc?auto=format&fit=crop&w=1600&q=90')}
.final .script{color:var(--vir-gold)}
.final .pill{background:linear-gradient(135deg,var(--vir-gold),#b9984d);color:var(--vir-wine)}
@media(max-width:560px){.feature-photo{outline-offset:4px}.nail-service:hover{padding-left:8px;padding-right:8px}}
</style>
<style id="vir-nails-heading-spacing">.hero .title{word-spacing:.08em!important}.hero .title .hero-sub{margin-top:18px!important}.hero .title .script.block{margin-top:18px!important}.final h2{font-size:clamp(36px,3.8vw,64px)!important;line-height:.96!important;word-spacing:.07em!important}.final h2 .script{margin:12px .1em 14px!important}@media(max-width:560px){.final h2{font-size:clamp(33px,9vw,45px)!important}}</style></head>
<body>
<main class="site">
<section class="hero">
<div class="hero-media" role="img" aria-label="Beautifully finished salon nails"></div>
<div class="hero-copy"><div><h1 class="title">NAILS DONE RIGHT <span class="hero-sub">TAKE LONGER THAN YOU THINK. </span><span class="script block">Worth every minute.</span></h1><a class="pill" href="#booking">BOOK AT VIRTUE SALONS</a></div></div>
</section>
<div class="ticker" aria-label="Brand message"><div class="ticker-track"><span>VIRTUE SALONS · NAILS DONE RIGHT</span><span>VIRTUE SALONS · NAILS DONE RIGHT</span><span>VIRTUE SALONS · NAILS DONE RIGHT</span><span>VIRTUE SALONS · NAILS DONE RIGHT</span><span>VIRTUE SALONS · NAILS DONE RIGHT</span><span>VIRTUE SALONS · NAILS DONE RIGHT</span></div></div>
<section class="feature" id="feature">
<div class="feature-copy"><h2 class="title">PRECISION <span class="script">at</span><br>EVERY STEP</h2><p>A good set of nails is not about the colour you pick. It is about the prep, the application, the finish, and the technician who knows the difference between a nail that looks good in the salon and one that still looks good three weeks later.<br><br>At Virtue, our nail technicians are precise. They take their time because the work deserves it. And they will tell you honestly what your natural nails can support, because a nail service that damages what is underneath is not a service we are interested in offering.</p><a class="pill" href="#services">EXPLORE SERVICES</a></div>
<div class="feature-photo" role="img" aria-label="Virtue nail technician creating a precise manicure"></div>
</section>
<section class="nail-services" id="services">
<div class="nail-services-head"><h2>OUR <span class="script">nail</span><br>SERVICES</h2><p class="nail-services-intro">Thoughtful preparation, careful application, and a refined finish—each service is tailored to the condition, shape, and strength of your natural nails.</p></div>
<div class="service-list">
<div class="nail-service"><span>01</span><strong>Classic Manicure</strong><small>Shape · cuticle care · polish</small></div>
<div class="nail-service"><span>02</span><strong>Gel Manicure</strong><small>Long-wear colour · glossy finish</small></div>
<div class="nail-service"><span>03</span><strong>Nail Extensions</strong><small>Custom length · sculpted shape</small></div>
<div class="nail-service"><span>04</span><strong>Nail Art</strong><small>Minimal details · bespoke designs</small></div>
<div class="nail-service"><span>05</span><strong>Luxury Pedicure</strong><small>Care · comfort · flawless finish</small></div>
<div class="nail-service"><span>06</span><strong>Gel Removal & Nail Recovery</strong><small>Gentle removal · restorative care</small></div>
</div>
</section>
<div class="ticker"><div class="ticker-track"><span>PREP · APPLICATION · FINISH · CARE</span><span>PREP · APPLICATION · FINISH · CARE</span><span>PREP · APPLICATION · FINISH · CARE</span><span>PREP · APPLICATION · FINISH · CARE</span><span>PREP · APPLICATION · FINISH · CARE</span><span>PREP · APPLICATION · FINISH · CARE</span></div></div>
<section class="picks" id="picks">
<div><span class="section-kicker">The Art of Nails</span><h2>TOP <span class="script">picks</span></h2><p>Explore six chapters of nail artistry—from the first clean canvas to the final protective finish.</p></div>
<div class="carousel-wrap">
<div class="carousel" id="carousel">
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1604654894610-df63bc536371?auto=format&fit=crop&w=900&q=88" alt="Clean natural nails ready for a manicure"></div><div class="chapter-copy"><span class="chapter-label">Chapter 1</span><h3>The Blank Canvas</h3><p>Just as an artist starts with a blank canvas, your nails begin as a fresh slate. They are the foundation upon which you will create your masterpiece. The possibilities are endless, and the only limit is your imagination.</p><span class="chapter-keyword">Virtue nail preparation · Natural nail care</span></div></article>
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1632345031435-8727f6897d53?auto=format&fit=crop&w=900&q=88" alt="Colourful nail polish palette"></div><div class="chapter-copy"><span class="chapter-label">Chapter 2</span><h3>The Palette of Possibilities</h3><p>Nail polish is your palette, offering an infinite range of hues and finishes. Each colour tells a story and carries its own energy. From soft pastels to vibrant neons, your choice sets the tone for your nail artistry.</p><span class="chapter-keyword">Virtue colour consultation · Premium nail polish</span></div></article>
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1604902396830-aca29e19b067?auto=format&fit=crop&w=900&q=88" alt="Detailed floral nail art"></div><div class="chapter-copy"><span class="chapter-label">Chapter 3</span><h3>The Brushstrokes of Design</h3><p>Nail art is a form of self-expression. Think of your technician as your personal nail artist, meticulously crafting intricate designs, patterns, and themes—from delicate florals to bold geometric shapes.</p><span class="chapter-keyword">Bespoke nail art at Virtue</span></div></article>
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1610992015732-2449b76344bc?auto=format&fit=crop&w=900&q=88" alt="Textured manicure with nail embellishments"></div><div class="chapter-copy"><span class="chapter-label">Chapter 4</span><h3>The Embellishments of Texture</h3><p>Texture adds depth and dimension. Matte finishes, glossy accents, rhinestones, and studs create a multi-sensory experience. Your nails become a tactile masterpiece, made to be admired.</p><span class="chapter-keyword">Luxury nail finishes · Virtue Salons Chennai</span></div></article>
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1600428853876-fb5a850b444f?auto=format&fit=crop&w=900&q=88" alt="Elegant shaped manicure"></div><div class="chapter-copy"><span class="chapter-label">Chapter 5</span><h3>The Story of Length and Shape</h3><p>The length and shape of your nails are essential elements in your artistry. Whether you prefer long stiletto nails or practical short square nails, your choice enhances your self-expression.</p><span class="chapter-keyword">Personalised nail shaping · Virtue expertise</span></div></article>
<article class="chapter-card"><div class="card-img"><img draggable="false" src="https://images.unsplash.com/photo-1607779097040-26e80aa78e66?auto=format&fit=crop&w=900&q=88" alt="Glossy finished manicure"></div><div class="chapter-copy"><span class="chapter-label">Chapter 6</span><h3>The Finishing Touch — Top Coat</h3><p>Just as varnish protects a painting, a top coat seals and preserves your nail art. It enhances the brilliance of your colours and prolongs the life of your masterpiece.</p><span class="chapter-keyword">Long-lasting finish · Virtue nail care</span></div></article>
</div>
<div class="progress"><span id="progress"></span></div><div class="arrows"><button class="arrow" id="prev" aria-label="Previous products">←</button><button class="arrow" id="next" aria-label="Next products">→</button></div>
</div>
</section>
<section class="final" id="booking"><div class="final-copy"><h2>TREAT YOUR NAILS<br>TO PEOPLE WHO <span class="script">actually care</span> ABOUT THE RESULT.</h2><p>Beautiful nails begin with patient preparation, precise technique, and respect for the natural nail underneath.</p><a class="pill" href="tel:+918678987778">BOOK YOUR NAIL APPOINTMENT AT VIRTUE SALONS</a></div></section>
</main>
<script>
const c=document.getElementById('carousel'),bar=document.getElementById('progress');let down=false,startX=0,startScroll=0;
function update(){const max=c.scrollWidth-c.clientWidth;bar.style.left=(max?c.scrollLeft/max*65:0)+'%'}
function cardStep(){const card=c.querySelector('.chapter-card');return card?card.getBoundingClientRect().width+22:c.clientWidth*.8}
document.getElementById('next').onclick=()=>c.scrollBy({left:cardStep(),behavior:'smooth'});
document.getElementById('prev').onclick=()=>c.scrollBy({left:-cardStep(),behavior:'smooth'});
c.addEventListener('scroll',update);c.addEventListener('pointerdown',e=>{down=true;startX=e.clientX;startScroll=c.scrollLeft;c.setPointerCapture(e.pointerId)});
c.addEventListener('pointermove',e=>{if(down)c.scrollLeft=startScroll-(e.clientX-startX)});
c.addEventListener('pointerup',()=>down=false);c.addEventListener('pointercancel',()=>down=false);update();
</script>
</body>
</html>
