/*
Theme Name: D’LUXE Nails & Spa
Description: Luxury salon homepage with gallery, responsive navigation and scroll animations.
Version: 1.0.1
Author: D’LUXE
Text Domain: dluxe-nails
*/

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fffbf7;color:#392a23;font:15px/1.65 Arial,sans-serif}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9c693c;outline-offset:4px}.wrap,nav{width:min(1160px,90%);margin:auto}header{position:sticky;top:0;z-index:5;background:#fffaf5f5;border-bottom:1px solid #e9ded4}nav,.brand,.links,.actions{display:flex;align-items:center}nav{min-height:74px;justify-content:space-between}.brand{gap:10px;font:25px Georgia;letter-spacing:1.5px}.brand img{width:auto;height:72px;max-width:140px;object-fit:contain;margin:5px 0}.brand small{display:block;font:8px Arial;letter-spacing:3px;text-align:center}.links,.actions{gap:24px}.links a{font-size:14px}.btn,.tag,.filter{border-radius:50px}.btn{display:inline-block;background:#855d3b;color:white;padding:11px 20px;font-weight:600}.secondary,.filter{background:#fffaf5;color:#594332;border:1px solid #d7c5b5}.menu{display:none}.hero{padding:48px 0 52px;background:radial-gradient(ellipse at top right,#f2e1d2,transparent 58%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.tag,.eyebrow{font:600 11px Arial;letter-spacing:1.7px;text-transform:uppercase;color:#805838}.tag{display:inline-block;background:#f3e6d9;padding:8px 14px}h1,h2,h3{font:normal 42px/1.07 Georgia,serif;letter-spacing:-.045em;margin:16px 0}h1{font-size:clamp(58px,5.8vw,90px)}i{color:#9b704e}p{color:#69584d}.intro{max-width:420px}.actions{gap:10px;flex-wrap:wrap;margin:22px 0}.points{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:435px}.points span{font-size:13px;border-top:1px solid #dac9b9;padding-top:8px}.portrait{position:relative;margin:0}.portrait img{height:clamp(420px,40vw,545px);border-radius:26px}.portrait figcaption{position:absolute;bottom:18px;left:18px;right:18px;background:#fffaf2ef;border-radius:15px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between}.portrait b{font:22px Georgia}.portrait small{color:#715d4b}.tinted{background:#f4eae1}.block,.section{padding:68px 0}.about img{max-height:370px;aspect-ratio:1.4;border-radius:22px}.center{text-align:center}.grid,.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.card,.tile{overflow:hidden;background:#fff;border:1px solid #e6dacf;border-radius:20px;text-align:left}.card img{height:175px}.card div{padding:17px}.card h3,.tile strong{font:24px Georgia;margin:0}.card p{font-size:14px;margin-bottom:0}.pricing,.visit{max-width:800px}.pricing details{padding:14px 5px;border-bottom:1px solid #d8c8b9}.pricing summary{cursor:pointer;font:21px Georgia}.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.filter{padding:6px 18px}.filter[aria-pressed=true]{background:#735139;color:white}.gallery{grid-template-columns:repeat(3,1fr)}.tile{padding:0;color:inherit}.tile img{height:290px}.tile strong{display:block;padding:15px}.gallery .tile[hidden]{display:none}footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #e1d2c6}dialog{border:0;border-radius:20px;padding:16px;width:min(480px,90vw);background:#fffaf5}dialog img{height:min(55vh,520px);border-radius:14px}dialog::backdrop{background:#38271eb3}dialog button{float:right;border:0;background:#efe2d5;border-radius:100%;width:34px;height:34px;margin-bottom:8px}dialog h3{font-size:28px}
@media(max-width:760px){.menu{display:block;border:1px solid #d6c1ad;border-radius:10px;background:#fff;padding:6px 12px}.links{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#fffaf5}.links.open{display:flex;flex-wrap:wrap}.split{grid-template-columns:1fr;gap:28px}.hero{padding-top:20px}.portrait{grid-row:1}.portrait img{height:330px}.grid{grid-template-columns:repeat(2,1fr)}.card img{height:145px}.gallery{grid-template-columns:1fr}.tile img{height:280px}.block,.section{padding:42px 0}.brand{font-size:22px}h1{font-size:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
header{background:#fffaf5fa}.wrap,nav{width:min(1200px,89%)}.brand img{height:63px}.links{gap:29px}.links a{font-size:13px}.btn{border-radius:4px;background:#4b3327;padding:12px 23px}.campaign{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(500px,43vw,725px);background:#302019;color:#fff8ed;overflow:hidden}.cover,.campaign:after{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.cover{object-fit:cover;object-position:50% 48%}.campaign:after{content:'';z-index:-1;background:linear-gradient(90deg,#21140dd6, #21140d7a 37%,transparent 73%)}.campaign-copy{max-width:610px;padding:72px 0}.kicker,.tag{text-transform:uppercase;font:bold 11px/1.5 Arial;letter-spacing:2.5px}.campaign .kicker{color:#ebcc9f}.campaign h1{font-size:clamp(70px,6.7vw,110px);letter-spacing:-.061em;margin:20px 0}.campaign h1 i{color:#f2d6b8}.campaign .lead{color:#f7ebdd;max-width:350px;font-size:16px}.campaign .actions{margin-top:32px;gap:26px}.campaign .btn{background:#f6e8d6;color:#3d291f}.storylink{border-bottom:1px solid #e4c3a4;font-size:14px}.tag{padding:0;background:none}.block{padding:clamp(50px,6vw,98px) 0}.about img{aspect-ratio:1.3;max-height:420px;border-radius:48% 48% 4px 4px}.about{gap:10%}.about p{max-width:460px}.about h2,.block h2{font-size:clamp(36px,4vw,66px)}.grid,.gallery{gap:22px}.card,.tile{border:0;border-radius:3px;background:transparent}.card img,.tile img{border-radius:3px}.card img{height:clamp(175px,19vw,320px)}.card div{padding:18px 0}.card h3{font-size:27px}.tile strong{padding:13px 0}.gallery .tile{transition:transform .2s}.tile:hover{transform:translateY(-3px)}#visit{background:#36271f;color:#fff5e7;width:100%;max-width:none;padding-inline:5%}#visit p,#visit .tag{color:#e6cab0}
@media(max-width:760px){.campaign{min-height:570px;align-items:end}.cover{object-position:65% center}.campaign:after{background:linear-gradient(0deg,#21140df5,#21140d90 45%,transparent 87%)}.campaign-copy{padding:38px 0}.campaign h1{font-size:clamp(56px,11vw,78px);margin:12px 0}.campaign .lead{max-width:310px}.brand img{height:55px}.grid{gap:17px}.card h3{font-size:22px}.card img{height:185px}.actions{gap:14px}.about{gap:22px}.gallery{gap:25px}.links.open{gap:15px}.campaign .actions{gap:18px}}

body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}