@font-face{font-family:'Marcellus';src:url('fonts/Marcellus-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/Muli-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{
  --logo: url(images/logo.png);

  --ph1:url(images/despre-atelier.jpg);
  --ph2:url(images/mapping.jpg);
  --ph3:url(images/procedura.jpg);
  --ph4:url(images/aparatura.jpg);
  --hero-photo:url(images/hero.jpg);
  --svc-powder:url(images/powder.jpg);
  --svc-buze:url(images/buze.jpg);
  --despre:url(images/despre-cleo.jpg);
  --chiffon:#E8E1D6;
  --chiffon-2:#DED6C8;
  --chiffon-3:#D6CCBB;
  --gold:#D9BE95;
  --gold-deep:#C0A170;
  --lilac:#B9A8BF;
  --plum:#89788B;
  --plum-deep:#6E5F71;
  --sage:#AFBEA7;
  --evergreen:#616F5D;
  --forest:#394635;
  --forest-2:#2E392B;
  --olive:#A9AE74;
  --olive-deep:#9aa05f;
  --olive-text:#2b3020;
  --ink:#2A3327;

  --f-disp:"Marcellus", serif;
  --f-body:"Mulish", sans-serif;
  --f-ui:"Mulish", sans-serif;

  --maxw:1240px;
  --ease:cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--chiffon);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:1.18rem;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* faint printed-paper grain for a couture, tactile feel */
body::before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--forest-2)}
a{color:inherit;text-decoration:none}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,5vw,64px)}

.eyebrow{
  font-family:var(--f-ui);font-weight:400;
  text-transform:uppercase;letter-spacing:.42em;
  font-size:.72rem;color:var(--gold-deep);
}
.on-dark .eyebrow{color:var(--gold)}

h1,h2,h3{font-family:var(--f-disp);font-weight:300;line-height:1.04;letter-spacing:-.01em}
em{font-style:italic}

.logo-mark{
  background-image:var(--logo);
  background-size:contain;background-repeat:no-repeat;background-position:center;
  aspect-ratio:1500/1437;
}

/* ---------- NAV ---------- */
.callbar{display:none}
header{
  position:fixed;inset:0 0 auto 0;z-index:100;
  transition:background .5s var(--ease),backdrop-filter .5s var(--ease),padding .5s var(--ease),border-color .5s var(--ease);
  padding:20px 0;border-bottom:1px solid transparent;
}
header.scrolled{
  background:rgba(169,174,116,.92);
  backdrop-filter:blur(14px) saturate(1.1);
  padding:12px 0;
  border-bottom:1px solid rgba(43,48,32,.22);
}
header.scrolled .nav-links a{color:var(--olive-text)}
header.scrolled .brand-name{color:var(--olive-text)}
header.scrolled .brand-name::after{background:#5f5320}
header.scrolled .brand-sub{color:#5f5320}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:baseline;gap:12px;line-height:1}
.brand-name{font-family:var(--f-disp);font-weight:400;font-size:1.7rem;color:var(--chiffon);letter-spacing:.01em;position:relative}
.brand-name::after{content:"";position:absolute;right:-9px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.brand-sub{font-family:var(--f-ui);font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);padding-left:10px}
@media(max-width:520px){.brand-sub{display:none}}
.nav-links{display:flex;align-items:center;gap:38px;font-family:var(--f-ui);font-weight:400}
.nav-links a{
  font-size:.82rem;text-transform:uppercase;letter-spacing:.2em;color:var(--chiffon);
  position:relative;padding:6px 0;opacity:.85;transition:opacity .3s;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .45s var(--ease);
}
.nav-links a:hover{opacity:1}
.nav-links a:hover::after{width:100%}

.btn{
  font-family:var(--f-ui);font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;
  padding:14px 26px;border-radius:999px;cursor:pointer;display:inline-block;
  transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease);
  border:1px solid var(--gold);
}
.btn-gold{background:var(--gold);color:var(--forest-2);border-color:var(--gold)}
.btn-gold:hover{background:transparent;color:var(--gold);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--gold)}
.btn-ghost:hover{background:var(--gold);color:var(--forest-2);transform:translateY(-2px)}
.nav .btn{padding:11px 22px}

.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:1.5px;background:var(--chiffon);transition:.3s}
.nav-backdrop{display:none}

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;color:var(--chiffon);
  background:
    linear-gradient(180deg, rgba(46,40,50,.55), rgba(46,40,50,0) 18%, rgba(46,40,50,0) 70%, rgba(46,40,50,.55) 100%),
    linear-gradient(95deg, rgba(59,51,64,.97) 0%, rgba(59,51,64,.85) 32%, rgba(60,51,66,.5) 62%, rgba(46,40,50,.32) 100%),
    radial-gradient(120% 90% at 82% 12%, rgba(185,168,191,.16), transparent 55%),
    var(--hero-photo) center right/cover no-repeat;
}
.hero-inner{display:flex;align-items:center;width:100%;padding-top:78px;padding-bottom:54px}
.hero-copy{max-width:690px}
.hero-logo{display:block;width:clamp(124px,12vw,156px);margin-bottom:16px;filter:drop-shadow(0 18px 44px rgba(0,0,0,.45))}
.hero .eyebrow{display:block;margin-bottom:14px}
.hero h1{font-size:clamp(2.2rem,4.9vw,3.8rem);color:var(--chiffon);margin-bottom:16px;line-height:1.06}
.hero h1 em{color:var(--gold);font-weight:300}
.hero-sub{
  font-size:clamp(1.1rem,1.7vw,1.36rem);color:rgba(232,225,214,.85);max-width:34em;margin-bottom:16px;font-weight:400;
}
.hero-tag{font-family:var(--f-disp);font-style:italic;font-weight:300;font-size:clamp(1.12rem,1.8vw,1.44rem);color:var(--gold);margin-bottom:30px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

.scroll-cue{
  position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  font-family:var(--f-ui);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:rgba(232,225,214,.6);
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.scroll-cue i{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-height:860px){.scroll-cue{display:none}}

/* section shells */
.section{padding:clamp(90px,13vh,150px) 0;position:relative}
.section-head{max-width:760px;margin-bottom:clamp(50px,7vw,84px)}
.section-head .eyebrow{display:block;margin-bottom:22px}
.section-head h2{font-size:clamp(2.3rem,5vw,4rem)}
.rule{width:64px;height:1px;background:var(--gold-deep);margin:26px 0}

/* ---------- DESPRE ---------- */
.abt-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,6vw,90px);align-items:center}
.abt-visual{position:relative}
.abt-accent{position:absolute;left:-26px;bottom:-26px;width:58%;height:62%;border-radius:2px;z-index:0;
  background:linear-gradient(158deg,var(--plum),var(--olive))}
.abt-visual::after{content:"";position:absolute;right:-20px;top:-20px;width:44%;height:38%;border:1px solid var(--gold-deep);border-radius:2px;z-index:0}
.abt-portrait{
  position:relative;z-index:1;aspect-ratio:4/5;border-radius:2px;overflow:hidden;
  background:var(--despre) center 16%/cover no-repeat;
  box-shadow:0 34px 66px -34px rgba(46,57,43,.55);
}
.abt-portrait .frame{position:absolute;inset:14px;border:1px solid rgba(217,190,149,.55);pointer-events:none}
.abt-copy h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:8px}
.abt-sub{font-family:var(--f-body);font-style:italic;font-size:1.42rem;color:var(--gold-deep);margin:0}
.abt-copy p strong,.abt-more p strong{color:var(--ink);font-weight:500}
.abt-copy .rule{margin:22px 0}

.abt-quote{max-width:920px;margin:clamp(56px,7vw,96px) auto 0;text-align:center;position:relative;padding:0 clamp(20px,4vw,40px)}
.abt-quote::before{content:"“";display:block;font-family:var(--f-disp);font-size:4rem;line-height:.4;color:var(--gold);margin-bottom:18px}
.abt-quote p{font-family:var(--f-disp);font-weight:300;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.26;color:var(--evergreen)}

.abt-more{max-width:780px;margin:clamp(38px,5vw,60px) auto 0}
.abt-more p{color:#3d4738}

.abt-standards{margin-top:clamp(64px,8vw,110px)}
.abt-standards>.eyebrow{display:block;margin-bottom:30px}
.std-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.std{padding:30px 28px;border:1px solid var(--chiffon-3);border-radius:3px;background:rgba(255,255,255,.4)}
.std::before{content:"";display:block;width:34px;height:1px;background:var(--gold-deep);margin-bottom:18px}
.std h4{font-family:var(--f-disp);font-weight:400;font-size:1.3rem;color:var(--ink);margin-bottom:9px;line-height:1.15}
.std p{font-size:1.06rem;color:#4a5644}

.abt-creds{margin-top:clamp(64px,8vw,110px)}
.abt-creds>.eyebrow{display:block;margin-bottom:16px}
.creds-intro{max-width:660px;color:#4a5644;font-size:1.14rem;margin-bottom:34px}
.creds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cred{display:flex;gap:20px;align-items:flex-start;padding:28px;border:1px solid var(--chiffon-3);border-radius:3px;background:rgba(255,255,255,.45);transition:border-color .4s var(--ease),transform .4s var(--ease)}
.cred:hover{border-color:var(--gold);transform:translateY(-3px)}
.cred .seal{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-deep)}
.cred .seal svg{width:23px;height:23px}
.cred h4{font-family:var(--f-disp);font-weight:400;font-size:1.2rem;color:var(--ink);margin-bottom:7px;line-height:1.2}
.cred .meta{font-family:var(--f-ui);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}

.abt-close{max-width:820px;margin:clamp(64px,8vw,110px) auto 0;text-align:center}
.abt-close .eyebrow{display:block;margin-bottom:20px}
.abt-close h3{font-family:var(--f-disp);font-weight:300;font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--ink);margin-bottom:24px;line-height:1.1}
.abt-close p{color:#3d4738;margin-bottom:14px}
.abt-close .final{font-family:var(--f-disp);font-style:italic;font-size:clamp(1.35rem,2.4vw,1.9rem);color:var(--plum);margin-top:10px}
.abt-copy p{margin-bottom:20px;color:#3d4738}
.abt-copy p .lead{font-size:1.32rem}
.sig{font-family:var(--f-disp);font-style:italic;font-size:2rem;color:var(--plum);margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.chip{
  font-family:var(--f-ui);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--evergreen);
  border:1px solid var(--chiffon-3);border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.35);
}

/* ---------- SERVICII ---------- */
.svc-section{background:linear-gradient(180deg,var(--chiffon) 0%, var(--chiffon-2) 100%)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{
  position:relative;padding:40px 34px 34px;border-radius:3px;overflow:hidden;
  background:var(--chiffon);border:1px solid var(--chiffon-3);
  display:flex;flex-direction:column;min-height:290px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);
}
.svc:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(46,57,43,.4);border-color:var(--gold)}
.svc-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--f-ui);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);opacity:.55;transition:opacity .4s var(--ease),gap .4s var(--ease)}
.svc-cta i{font-style:normal;transition:transform .4s var(--ease)}
.svc:hover .svc-cta,.svc:focus-visible .svc-cta{opacity:1}
.svc:hover .svc-cta i{transform:translateX(5px)}
.svc.dark .svc-cta,.svc.plum .svc-cta{color:var(--gold)}

/* service cards with a result photo behind a plum veil */
.svc.photo{background-size:cover;background-position:center;border-color:transparent;color:var(--chiffon)}
.svc.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(158deg,rgba(59,51,64,.72) 0%,rgba(46,40,50,.9) 100%);z-index:0;transition:background .5s var(--ease)}
.svc.photo>*{position:relative;z-index:1}
.svc.photo:hover::before{background:linear-gradient(158deg,rgba(59,51,64,.5) 0%,rgba(46,40,50,.84) 100%)}
.svc.photo h3{color:var(--chiffon)}
.svc.photo p{color:rgba(232,225,214,.88)}
.svc.photo .svc-no{color:var(--gold)}
.svc.photo .svc-price{color:var(--gold);border-top-color:rgba(217,190,149,.32)}
.svc.photo .meta{color:rgba(232,225,214,.78)}
.svc.photo .svc-cta{color:var(--gold)}
.svc.photo.p-powder{background-image:var(--svc-powder)}
.svc.photo.p-buze{background-image:var(--svc-buze);background-position:center 40%}
.svc .svc-no{font-family:var(--f-ui);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:20px}
.svc h3{font-size:1.75rem;margin-bottom:12px}
.svc p{font-size:1.12rem;color:#43503f;flex:1}
.svc-price{display:block;font-family:var(--f-disp);font-weight:400;font-size:1.55rem;color:var(--gold-deep);line-height:1;margin-top:22px;padding-top:18px;border-top:1px solid var(--chiffon-3)}
.svc .meta{font-family:var(--f-ui);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--plum);margin-top:9px}
/* accent tiles */
.svc.dark{background:linear-gradient(155deg,var(--evergreen),var(--forest));border-color:transparent;color:var(--chiffon)}
.svc.dark h3{color:var(--chiffon)}
.svc.dark p{color:rgba(232,225,214,.82)}
.svc.dark .svc-no{color:var(--gold)}
.svc.dark .svc-price{color:var(--gold);border-top-color:rgba(217,190,149,.28)}
.svc.dark .meta{color:rgba(232,225,214,.68)}
.svc.plum{background:linear-gradient(155deg,var(--plum),var(--plum-deep));border-color:transparent;color:var(--chiffon)}
.svc.plum h3{color:var(--chiffon)}
.svc.plum p{color:rgba(232,225,214,.85)}
.svc.plum .svc-no{color:var(--gold)}
.svc.plum .svc-price{color:var(--chiffon);border-top-color:rgba(232,225,214,.3)}
.svc.plum .meta{color:rgba(232,225,214,.78)}

/* ---------- PORTOFOLIU ---------- */
.pf-grid{columns:3;column-gap:16px}
.pf{
  position:relative;overflow:hidden;border-radius:3px;cursor:pointer;
  border:0;padding:0;margin:0 0 16px;width:100%;display:block;line-height:0;
  break-inside:avoid;-webkit-column-break-inside:avoid;
  transition:transform .6s var(--ease);
}
.pf img{display:block;width:100%;height:auto}
.pf::before{content:"";position:absolute;inset:0;background:rgba(43,40,50,0);transition:background .5s var(--ease)}
.pf::after{content:"";position:absolute;inset:12px;border:1px solid rgba(232,225,214,0);transition:border-color .5s var(--ease);pointer-events:none}
.pf:hover{transform:scale(.99)}
.pf:hover::before{background:rgba(43,40,50,.18)}
.pf:hover::after,.pf:focus-visible::after{border-color:rgba(232,225,214,.55)}
.pf-zoom{
  position:absolute;bottom:16px;right:16px;z-index:2;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;color:var(--chiffon);
  background:rgba(46,40,50,.42);border:1px solid rgba(232,225,214,.55);backdrop-filter:blur(4px);
  opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s,color .3s;
}
.pf-zoom svg{width:19px;height:19px}
.pf:hover .pf-zoom,.pf:focus-visible .pf-zoom{opacity:1;transform:none}
.pf:hover .pf-zoom{background:var(--gold);color:var(--forest-2);border-color:var(--gold)}
@media(hover:none){.pf-zoom{opacity:1;transform:none}}
.pf-note{margin-top:34px;font-size:1.15rem;color:#4a5644}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  background:rgba(30,26,34,.93);backdrop-filter:blur(6px);padding:clamp(16px,4vw,52px)}
.lightbox.open{display:flex}
.lb-img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:3px;box-shadow:0 30px 90px rgba(0,0,0,.55);opacity:0;transition:opacity .35s var(--ease)}
.lb-img.ready{opacity:1}
.lightbox button{position:absolute;background:rgba(232,225,214,.08);border:1px solid rgba(217,190,149,.5);color:var(--gold);
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,transform .3s var(--ease)}
.lightbox button:hover{background:var(--gold);color:var(--forest-2);transform:scale(1.05)}
.lightbox button svg{width:22px;height:22px}
.lb-close{top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}
.lb-prev{left:clamp(12px,3vw,28px);top:50%;transform:translateY(-50%)}
.lb-next{right:clamp(12px,3vw,28px);top:50%;transform:translateY(-50%)}
.lb-prev:hover,.lb-next:hover{transform:translateY(-50%) scale(1.05)}
@media(max-width:620px){.lightbox button{width:44px;height:44px}.lb-prev{left:8px}.lb-next{right:8px}}
.pf-note a{color:var(--plum);border-bottom:1px solid var(--gold)}

/* ---------- CONTACT ---------- */
.contact{
  background:
    radial-gradient(90% 70% at 90% 0%, rgba(137,120,139,.35), transparent 55%),
    linear-gradient(160deg,var(--forest) 0%, var(--forest-2) 100%);
  color:var(--chiffon);
}
.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(44px,6vw,90px)}
.ct-info h2{font-size:clamp(2.1rem,4.6vw,3.5rem);color:var(--chiffon);margin-bottom:14px}
.ct-info .lead{color:rgba(232,225,214,.8);font-size:1.28rem;margin-bottom:40px;max-width:26em}
.ct-item{display:flex;gap:16px;padding:20px 0;border-top:1px solid rgba(217,190,149,.2)}
.ct-item:last-child{border-bottom:1px solid rgba(217,190,149,.2)}
.ct-item .lbl{font-family:var(--f-ui);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);min-width:96px;padding-top:5px}
.ct-item .val{font-size:1.24rem;color:var(--chiffon)}
.ct-item .val a:hover{color:var(--gold)}
.ct-item .stars{color:var(--gold);letter-spacing:2px}
.ct-maps{display:inline-flex;align-items:center;gap:10px;margin-top:30px}
.ct-maps svg{width:19px;height:19px}
.ct-map{margin-top:24px;border:1px solid rgba(217,190,149,.24);border-radius:4px;overflow:hidden;background:rgba(232,225,214,.05)}
.ct-map iframe{display:block;width:100%;height:260px;border:0;filter:grayscale(.35) contrast(.95)}

.ct-form{background:rgba(232,225,214,.05);border:1px solid rgba(217,190,149,.22);border-radius:4px;padding:clamp(28px,4vw,44px)}
.field{margin-bottom:22px}
.field label{display:block;font-family:var(--f-ui);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.field input,.field select,.field textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid rgba(232,225,214,.28);
  color:var(--chiffon);font-family:var(--f-body);font-size:1.15rem;padding:9px 2px;transition:border-color .4s;
}
.field textarea{resize:vertical;min-height:90px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--gold)}
.field select option{color:#222}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ct-form .btn{margin-top:6px;width:100%;text-align:center}
.form-note{font-family:var(--f-ui);font-size:.72rem;letter-spacing:.04em;color:rgba(232,225,214,.55);margin-top:16px;text-align:center}

/* ---------- FOOTER ---------- */
footer{background:var(--forest-2);color:rgba(232,225,214,.7);padding:64px 0 34px}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(217,190,149,.16)}
.foot-brand{display:flex;align-items:center;gap:16px}
.foot-brand .logo-mark{width:74px}
.foot-brand .txt{font-family:var(--f-disp);font-size:1.5rem;color:var(--chiffon)}
.foot-brand .txt em{color:var(--gold)}
.foot-nav{display:flex;gap:30px;font-family:var(--f-ui);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.foot-nav a:hover{color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;font-family:var(--f-ui);font-size:.74rem;letter-spacing:.06em}
@media(min-width:681px){.foot-bottom{padding-right:78px}}
.foot-bottom a{color:var(--gold)}
.foot-social{display:flex;gap:24px}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.stagger>*{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.stagger.in>*{opacity:1;transform:none}
.stagger.in>*:nth-child(2){transition-delay:.09s}
.stagger.in>*:nth-child(3){transition-delay:.18s}
.stagger.in>*:nth-child(4){transition-delay:.27s}
.stagger.in>*:nth-child(5){transition-delay:.36s}
.stagger.in>*:nth-child(6){transition-delay:.45s}

/* ---------- satin metallic gold section titles ---------- */
h1.luxury-gold-title,h2.luxury-gold-title,h3.luxury-gold-title{
  font-family:"Marcellus",serif;
  font-weight:400;font-style:normal;
  text-transform:uppercase;
  letter-spacing:0.01em;
  line-height:1.08;
  /* satin champagne-gold — robust, renders identically across browsers */
  background-image:linear-gradient(180deg,#FBEDCE 0%, #EFD4A2 32%, #E2C088 58%, #F2DFB6 76%, #D6B274 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 .6px rgba(46,30,10,.7)) drop-shadow(0 1px 1px rgba(20,12,0,.3));
  padding-bottom:.05em;
}
.luxury-gold-title em{font-style:normal}
.hero h1.luxury-gold-title{font-size:clamp(2rem,4.3vw,3.05rem);line-height:1.05}

/* ---- olive-green backgrounds (replace dark green) + readable dark text ---- */
.contact{background:linear-gradient(160deg,#9C7E88 0%, #866A73 100%);color:var(--chiffon)}
.contact .eyebrow{color:var(--gold)}
.ct-info .lead{color:rgba(232,225,214,.82)}
.ct-item{border-top-color:rgba(217,190,149,.22)}
.ct-item:last-child{border-bottom-color:rgba(217,190,149,.22)}
.ct-item .lbl{color:var(--gold)}
.ct-item .val{color:var(--chiffon)}
.ct-item .val a:hover{color:var(--gold)}
.ct-form{background:rgba(232,225,214,.06);border-color:rgba(217,190,149,.24)}
.field label{color:var(--gold)}
.field input,.field select,.field textarea{color:var(--chiffon);border-bottom-color:rgba(232,225,214,.3)}
.field input::placeholder,.field textarea::placeholder{color:rgba(232,225,214,.55)}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--gold)}
.form-note{color:rgba(232,225,214,.6)}
.ct-map{border-color:rgba(217,190,149,.22)}
footer{background:#9aa05f;color:rgba(43,48,32,.82)}
.foot-brand .logo-mark{filter:brightness(0) opacity(.72)}
.foot-brand .txt{color:var(--olive-text)}
.foot-brand .txt em{color:#5f5320}
.foot-top{border-bottom-color:rgba(43,48,32,.2)}
.foot-nav a:hover{color:#4a4018}
.foot-bottom a{color:#5f5320}
.foot-bottom a:hover{color:#4a4018}
.svc.dark{background:linear-gradient(155deg,#A9AE74,#9aa05f);color:var(--olive-text)}
.svc.dark h3{color:var(--olive-text)}
.svc.dark p{color:rgba(43,48,32,.82)}
.svc.dark .svc-no{color:#5f5320}
.svc.dark .svc-price{color:#5f5320;border-top-color:rgba(43,48,32,.3)}
.svc.dark .meta{color:rgba(43,48,32,.72)}
.svc.dark .svc-cta{color:#5f5320}

/* ---- palette backgrounds: visible shades + gradients tuned for gold titles ---- */
#despre{background:linear-gradient(170deg,#C6CA97 0%, #E2DCC4 46%, #F1EAD7 100%)}
.svc-section{background:linear-gradient(170deg,#CFC9AC 0%, #E7E0CD 46%, #EFE8D6 100%)}
#portofoliu{background:linear-gradient(170deg,#CFB1BC 0%, #E6DADD 46%, #F1EAD9 100%)}

:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

/* ---------- feature band ---------- */
.band{
  position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;color:var(--chiffon);
  background:var(--ph2) center/cover no-repeat fixed;
}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,51,64,.7),rgba(46,40,50,.84))}
.band-inner{position:relative;z-index:2;max-width:760px;padding:90px 24px}
.band .eyebrow{display:block;margin-bottom:22px;color:var(--gold)}
.band h2{font-size:clamp(1.9rem,4.4vw,3.3rem);color:var(--chiffon);font-weight:300;margin-bottom:30px;line-height:1.12}
@media(max-width:820px){.band{background-attachment:scroll;min-height:54vh}}

/* ---------- floating nav buttons ---------- */
.fab{
  position:fixed;z-index:80;
  right:clamp(16px,4vw,32px);
  bottom:calc(clamp(16px,4vw,30px) + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;gap:12px;
}
.fab button{
  width:52px;height:52px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;border:1px solid var(--gold);
  background:var(--gold);color:var(--forest-2);
  box-shadow:0 14px 30px -12px rgba(43,51,39,.55);
  opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;
  transition:opacity .38s var(--ease),transform .38s var(--ease),background .3s,color .3s;
}
.fab button.show{opacity:1;transform:none;pointer-events:auto}
.fab button svg{width:20px;height:20px}
.fab .to-top:hover{background:transparent;color:var(--gold);transform:translateY(-2px)}
.fab.hidden{visibility:hidden;pointer-events:none}
@media(max-width:680px){.fab button{width:46px;height:46px}.fab{gap:10px}}
@media(prefers-reduced-motion:reduce){.fab button{transition:opacity .2s}}

/* ---------- responsive ---------- */
@media(max-width:940px){
  .callbar{
    display:flex;align-items:center;justify-content:center;gap:10px;
    position:fixed;top:0;left:0;right:0;z-index:120;height:46px;
    background:var(--gold);color:var(--forest-2);
    font-family:var(--f-ui);font-weight:500;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
    box-shadow:0 6px 18px -8px rgba(43,51,39,.5);
  }
  .callbar svg{width:17px;height:17px}
  .callbar:active{background:var(--gold-deep)}
  header{top:46px}
  .hero-inner{padding-top:120px}
  .hero{background:
    linear-gradient(180deg, rgba(46,40,50,.6), rgba(46,40,50,.8)),
    var(--hero-photo) center/cover no-repeat}
  .hero-inner{text-align:center}
  .hero-copy{margin:0 auto}
  .hero-cta{justify-content:center}
  .hero-logo{margin-left:auto;margin-right:auto;width:clamp(150px,42vw,210px)}
  .abt-grid{grid-template-columns:1fr;gap:40px}
  .abt-visual{max-width:420px;margin:0 auto;width:100%}
  .abt-visual::after{width:38%;right:-12px;top:-12px}
  .abt-accent{left:-14px;bottom:-14px}
  .std-grid{grid-template-columns:1fr 1fr}
  .creds-grid{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .pf-grid{columns:2;column-gap:12px}
  .pf{margin-bottom:12px}
  .ct-grid{grid-template-columns:1fr;gap:44px}
}
@media(max-width:680px){
  body{font-size:1.1rem}
  .nav-backdrop{
    display:block;position:fixed;inset:0;z-index:125;
    background:rgba(18,16,20,.55);
    opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;
  }
  .nav-backdrop.open{opacity:1;visibility:visible}
  .nav-links{
    position:fixed;top:0;right:0;bottom:0;z-index:130;width:min(80vw,310px);
    flex-direction:column;justify-content:center;align-items:center;gap:30px;
    background:linear-gradient(165deg,#A9AE74 0%, #8f9560 100%);
    padding:40px 34px;box-shadow:-24px 0 60px -24px rgba(0,0,0,.55);
    transform:translateX(100%);transition:transform .45s var(--ease);
  }
  .nav-links a{font-size:.98rem;letter-spacing:.24em;color:var(--olive-text);opacity:1}
  .nav-links a::after{left:50%;transform:translateX(-50%)}
  .nav-links.open{transform:none}
  .burger{display:flex;position:relative;z-index:140}
  .burger span{background:var(--chiffon);transition:transform .35s var(--ease),opacity .25s}
  .burger[aria-expanded="true"] span{background:var(--olive-text)}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(169,174,116,.97)}
  header.scrolled .burger span{background:var(--olive-text)}
  .scroll-cue{display:none}
  .svc-grid{grid-template-columns:1fr}
  .std-grid{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .foot-top{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal,.stagger>*{opacity:1;transform:none}
}

/* ============ MULTI-PAGE ADDITIONS ============ */
.eyebrow,.page-hero .bc{display:none!important}
.svc.photo.p-fir-cu-fir{background-image:url(images/card-fir-cu-fir.jpg)}
.svc.photo.p-combo-brows{background-image:url(images/card-combo-brows.jpg);background-position:center 30%}
.svc.photo.p-pleoape{background-image:url(images/card-pleoape.jpg)}
.svc.photo.p-makeup{background-image:url(images/card-makeup.jpg);background-position:center 30%}
.svc.photo.p-stilizare{background-image:url(images/card-stilizare.jpg);background-position:78% 38%}
.svc.photo.p-indepartare-tatuaj{background-image:url(images/card-indepartare-tatuaj.jpg);background-position:74% 30%}
.hero .eyebrow{display:block!important}
@media(min-width:941px){.nav-links{gap:24px}.nav-links a{font-size:.75rem;letter-spacing:.15em}}

.social-ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid currentColor;color:inherit;transition:transform .3s var(--ease),background .3s,color .3s}
.social-ico svg{width:19px;height:19px}
.social-ico:hover{transform:translateY(-2px)}
.hero-social{display:flex;gap:14px;margin-top:26px}
.hero-social .social-ico{color:var(--chiffon);border-color:rgba(232,225,214,.5)}
.hero-social .social-ico:hover{color:var(--forest-2);background:var(--gold);border-color:var(--gold)}

/* minimal green footer */
footer.foot-min{background:#BFC496;color:#2b3020;padding:46px 0}
.foot-min-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.foot-min .foot-logo{width:clamp(84px,10vw,104px);aspect-ratio:1500/1437;background:var(--logo) center/contain no-repeat;filter:brightness(0) opacity(.8)}
.foot-min .foot-social-ico{display:flex;gap:14px}
.foot-min .social-ico{border-color:rgba(43,48,32,.5);color:#2b3020}
.foot-min .social-ico:hover{background:#2b3020;color:#EFE8D6}

/* editorial quote */
.cleo-quote{max-width:900px;margin:clamp(50px,6vw,84px) auto 0;text-align:center;position:relative;padding:0 clamp(20px,4vw,40px)}
.cleo-quote::before{content:"„";font-family:var(--f-disp);font-size:4.4rem;line-height:.32;color:var(--gold-deep);display:block;margin-bottom:18px}
.cleo-quote p{font-family:var(--f-body);font-weight:300;font-style:italic;font-size:clamp(1.4rem,2.8vw,2.1rem);line-height:1.3;color:var(--plum)}
.pov-copy p{margin-bottom:18px;color:#3d4738}
.pov-copy p .lead{font-size:1.3rem}
.pov-copy p strong{color:var(--ink);font-weight:600}

/* Studio + photo placeholders */
#studio{background:linear-gradient(170deg,#E7E1CB 0%, #F1EAD7 100%)}
.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.ph-photo{position:relative;aspect-ratio:4/5;border-radius:3px;border:1px solid var(--chiffon-3);background:linear-gradient(150deg,#E8E1D2,#D8D0BE);display:grid;place-items:center;overflow:hidden}
.ph-photo::after{content:attr(data-label);font-family:var(--f-ui);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--evergreen);opacity:.55}
.ph-photo .frame{position:absolute;inset:14px;border:1px solid rgba(217,190,149,.4)}

.prices-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--f-ui);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);border-bottom:1px solid var(--gold);padding-bottom:3px}
.prices-link:hover{color:var(--gold-deep)}

/* reviews */
#recenzii{background:linear-gradient(170deg,#D6C0C7 0%, #EDE1E4 46%, #F1EAD9 100%)}
.rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:40px;align-items:start}
.review{background:rgba(255,255,255,.55);border:1px solid var(--chiffon-3);border-radius:4px;padding:32px 30px;display:flex;flex-direction:column}
.rev-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.rev-av{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,#E7CD96,#C0A170);color:#3a2a12;font-family:var(--f-ui);font-size:.82rem;font-weight:600;letter-spacing:.03em;background-size:cover;background-position:center}
.rev-name{font-family:var(--f-disp);font-size:1.22rem;color:var(--ink);line-height:1.15}
.review .q{font-family:var(--f-disp);font-size:2.4rem;color:var(--gold-deep);line-height:.3;margin-bottom:10px}
.review p{font-family:var(--f-body);font-size:1.03rem;line-height:1.62;font-style:italic;color:#3d4738;flex:1}

/* WhatsApp button */
.wa-btn{display:inline-flex;align-items:center;gap:10px}
.wa-btn svg{width:19px;height:19px}

/* service page */
.page-hero{position:relative;min-height:33vh;display:flex;align-items:flex-end;overflow:hidden;color:var(--chiffon);
  background:radial-gradient(90% 90% at 82% 0,rgba(156,126,136,.55),transparent 60%),linear-gradient(160deg,#3b3340,#2a2530);padding-top:116px}
.page-hero .wrap{padding-bottom:38px}
.page-hero .bc{font-family:var(--f-ui);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,225,214,.6);margin-bottom:22px}
.page-hero .bc a{color:rgba(232,225,214,.78)} .page-hero .bc a:hover{color:var(--gold)}
.page-hero .eyebrow{display:block;margin-bottom:14px;color:var(--gold)}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.9rem);color:var(--chiffon)}
.letter{padding:clamp(70px,9vh,120px) 0;background:linear-gradient(170deg,#EAE3D2,#F4EEDF)}
.letter-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(36px,5vw,72px);align-items:start}
.letter-text .lead{font-size:1.34rem;color:var(--ink)}
.letter-text p{color:#3d4738;margin-bottom:18px}
.letter-text h3{font-family:var(--f-disp);font-weight:400;font-size:1.5rem;color:var(--ink);margin:30px 0 10px}
.letter-media{position:relative;aspect-ratio:4/5;border-radius:3px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 30px 62px -34px rgba(46,57,43,.5)}
.letter-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.carousel{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab}
.carousel:active{cursor:grabbing}
.car-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.6,.02,.2,1);will-change:transform}
.car-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.car-nav{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:30px 12px 12px;background:linear-gradient(to top,rgba(20,12,10,.42),transparent)}
.car-dots{display:flex;justify-content:center;gap:8px;flex:1}
.car-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);border:0;padding:0;cursor:pointer;transition:background .3s,transform .3s}
.car-dot.on{background:var(--gold);transform:scale(1.25)}
.car-arrow{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#2b2530;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .3s,transform .3s}
.car-arrow:hover{background:var(--gold);transform:scale(1.06)}
.car-arrow svg{width:16px;height:16px}
.letter-media.ph{background:linear-gradient(150deg,#E1DAC9,#CFC6B2);display:grid;place-items:center}
.letter-media .frame{position:absolute;inset:16px;border:1px solid rgba(217,190,149,.5);pointer-events:none}
.letter-media .ph-note{position:relative;z-index:1;text-align:center;padding:22px;font-family:var(--f-ui);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--evergreen);opacity:.6}

/* price list page */
.price-page{padding:clamp(70px,9vh,120px) 0;background:linear-gradient(170deg,#CFC9AC 0%, #E7E0CD 30%, #EFE8D6 100%)}
.price-wrap{max-width:820px;margin:0 auto}
.price-group{margin-top:40px}
.price-group h3{font-family:var(--f-disp);font-weight:400;font-size:1.55rem;color:var(--ink);margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--gold-deep)}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid rgba(43,48,32,.14)}
.price-row .n{font-size:1.22rem;color:var(--ink)}
.price-row .p{font-family:var(--f-ui);font-size:.9rem;letter-spacing:.06em;color:var(--plum);white-space:nowrap}
.price-note{margin-top:36px;font-size:1.05rem;color:#4a5644}

@media(max-width:940px){
  .letter-grid{grid-template-columns:1fr;gap:32px}
  .letter-media{max-width:460px}
  .studio-grid{grid-template-columns:1fr 1fr}
  .rev-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.studio-grid{grid-template-columns:1fr}}

/* ---- Buton revenire la servicii (pagini serviciu) ---- */
.svc-topnav{margin-bottom:clamp(18px,3vw,30px)}
.svc-back{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-ui);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);transition:gap .35s var(--ease),color .35s var(--ease)}
.svc-back-ar{font-size:1.05em;line-height:1;transition:transform .35s var(--ease)}
.svc-back:hover{color:var(--ink);gap:13px}
.svc-back:hover .svc-back-ar{transform:translateX(-3px)}