*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a09;color:#f4f0e8;font:15px/1.55 "DM Sans",Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:66px;background:#B08D57;color:#12110f;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,50px);gap:30px;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font:15px Georgia,serif;letter-spacing:.11em;white-space:nowrap;color:#C5A059}.site-header .brand{color:#1b1914}.brand svg{width:28px;height:25px}.brand small{font-size:.65em;letter-spacing:.22em}.site-nav{display:flex;align-items:center;gap:clamp(15px,3.1vw,48px)}.site-nav a{text-decoration:none;font-size:12px}.site-nav a:hover,.site-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}.nav-toggle{display:none}.hero{height:min(690px,67vw);min-height:480px;position:relative;overflow:hidden;background:#050505}.hero-visual{position:absolute;inset:0;background-image:url("assets/hero.jpg"),url("assets/hero-fallback.jpg");background-position:center 43%;background-size:cover;animation:heroZoom 1.7s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.57),transparent 78%)}.hero-content{position:absolute;left:2%;top:7%;width:96%}.hero h1{font:clamp(54px,9.8vw,156px)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.045em;font-weight:400;margin:0;white-space:nowrap}.hero-content p{font-size:14px;margin:15px 0}.hero-circle{position:absolute;right:2%;bottom:6%;height:160px;width:160px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:11px;text-align:center;padding:16px;transition:background .3s}.hero-circle:hover{background:#C5A059;color:#000}.display{font:clamp(58px,9vw,125px)/1.04 Georgia,serif;font-weight:400;letter-spacing:-.045em;margin:0}.treatment-intro{background:#14110a;min-height:540px;padding:22px 2% 85px}.category-list{margin-top:125px;max-width:690px}.category{border-top:1px solid #B08D57;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:22px Georgia,serif}.category:last-child{border-bottom:1px solid #B08D57}.category a,.outline-button,.dark-outline-button{font:11px "DM Sans",sans-serif;text-decoration:none;border:1px solid currentColor;padding:12px 16px;text-align:center;min-width:155px;transition:background .2s,color .2s}.category a:hover,.outline-button:hover{background:#C5A059;color:#090909;border-color:#C5A059}.philosophy{padding:24px 2% 16px;min-height:540px;background:#0b0b0b}.eyebrow{font-size:12px;letter-spacing:.08em;color:#b9b4a8;margin:0 0 35px}.philosophy-quote{font:clamp(23px,2.6vw,35px)/1.38 Georgia,serif;max-width:780px}.philosophy-bottom{display:flex;justify-content:flex-end;align-items:end;gap:55px;margin-top:80px}.philosophy-bottom img{width:37%;height:215px;object-fit:cover}.approach{background:#B08D57;color:#090909;padding:22px 2% 42px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:125px}.approach-grid img{width:100%;aspect-ratio:1.35;object-fit:cover}.approach-grid h3{font:clamp(22px,2.4vw,30px)/1.1 Georgia,serif;font-weight:400;min-height:60px;margin:12px 0 6px}.approach-grid p{font-size:13px;line-height:1.6}.center{text-align:center;margin-top:50px}.dark-outline-button:hover{background:#111;color:#fff}.consultation{min-height:700px;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.7)),url("assets/treatment-room.jpg") center/cover;display:flex;justify-content:center;align-items:center;padding:60px 16px}.consultation-panel{background:#090909;padding:25px 20px;max-width:440px;width:100%}.consultation-panel h2{font:32px Georgia,serif;margin:0 0 15px}.consultation-panel p{font-size:13px}.consultation-panel label{display:block;font-size:12px;margin-top:18px}.consultation-panel input,.consultation-panel textarea{display:block;width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #8e8b83;padding:12px 0;border-radius:0;outline-offset:4px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.consultation-panel button{display:block;margin:25px auto 0;background:transparent;color:#fff;border:1px solid #C5A059;padding:12px 20px;cursor:pointer}.form-note{color:#bcb6aa}.reviews{padding:80px 5%;text-align:center}.reviews h2{font:clamp(35px,5vw,70px) Georgia,serif}.site-footer{padding:40px 2% 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;background:#090909;color:#eae5da;font-size:12px}.site-footer .brand{margin-bottom:25px}.site-footer strong{font-weight:500}.site-footer p{color:#bdb7aa}.foot-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:18px;color:#aaa}.about-page{background:#0b0b0b}.about-intro{min-height:1050px;padding:65px 2% 85px}.about-intro .eyebrow{margin-bottom:16px}.about-intro h1{font:clamp(34px,4.4vw,57px) Georgia,serif;font-weight:400;margin:0 0 15px}.about-lead{max-width:670px;color:#bdb7ac;font-size:14px}.aya-card{width:310px;max-width:100%;margin-top:55px}.aya-card img{width:100%;height:385px;object-fit:cover}.aya-card h2{font:25px Georgia,serif;font-weight:400;margin:15px 0 4px}.aya-card p{margin:4px 0;color:#bcb5aa}.aya-card .gold{color:#C5A059;font-size:12px}.experience{padding:60px 2% 120px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,12vw,200px);padding:50px 3%}.experience-grid img{width:100%;aspect-ratio:1.35;object-fit:cover}.experience-grid h3{font:26px Georgia,serif;font-weight:400;margin:12px 0}.experience-grid p{color:#bbb4aa;font-size:14px;max-width:440px}.reveal{animation:rise .95s cubic-bezier(.2,.7,.2,1) both}.delay-1{animation-delay:.22s}.delay-2{animation-delay:.48s}.reveal-on-scroll{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal-on-scroll.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes heroZoom{from{transform:scale(1.06);opacity:.65}to{transform:scale(1);opacity:1}}@media(max-width:720px){.site-header{height:60px}.nav-toggle{display:block;border:0;background:transparent;font-size:24px;cursor:pointer}.site-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#B08D57;padding:20px;flex-direction:column;align-items:start;gap:18px}.site-nav.open{display:flex}.hero{height:570px;min-height:0}.hero-visual{background-position:60% center}.hero-content{top:12%;left:4%;width:92%}.hero h1{font-size:clamp(42px,9vw,68px)}.hero-circle{width:115px;height:115px;font-size:9px}.display{font-size:clamp(53px,11vw,85px)}.treatment-intro{min-height:440px}.category-list{margin-top:80px}.category{font-size:19px}.category a{font-size:9px;min-width:125px}.philosophy-bottom{margin-top:60px;gap:15px}.philosophy-bottom img{width:58%}.approach-grid{grid-template-columns:1fr;margin-top:65px}.approach-grid h3{min-height:0}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.about-intro{min-height:980px}.experience-grid{gap:30px;grid-template-columns:1fr}.foot-bottom{gap:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal-on-scroll{opacity:1;transform:none}}
/* Dedicated Gallery page */
.gallery-page{background:#0b0b0b;min-height:100vh;padding:35px clamp(18px,3.5vw,55px) 100px}.gallery-heading{max-width:760px;margin-bottom:40px}.gallery-heading h1{font:clamp(44px,5.5vw,80px)/1.05 Georgia,serif;font-weight:400;margin:15px 0 20px}.gallery-heading>p:not(.eyebrow){max-width:440px}.gallery-disclaimer{font-size:12px;color:#bdb5a8}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px clamp(16px,4vw,52px)}.gallery-card img{width:100%;aspect-ratio:1.32;object-fit:cover}.gallery-card-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:14px}.gallery-card-title h2{font:clamp(17px,1.8vw,23px)/1.25 Georgia,serif;font-weight:400;margin:0}.gallery-card-title span{font:14px Georgia,serif;color:#C5A059}.gallery-card p{font-size:12px;color:#c0b9ac;margin:8px 0}.gallery-cta{text-align:center;margin-top:65px}.gallery-cta .outline-button{display:inline-block;border-color:#C5A059;color:#C5A059}@media(max-width:720px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.gallery-card-title h2{font-size:17px}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-card img{aspect-ratio:1.45}}


/* AVORA CLINIC — FINAL 24K GOLD DESIGN & RESPONSIVE HERO
   The supplied square portrait is shown without stretching or giant cropping.
   Desktop: full portrait on the right, black negative space on the left.
   Mobile: image fills the hero height; focal point is shifted left.
*/
:root { --gold:#C5A059; --gold-deep:#B08D57; --black:#050505; }
body {background:#050505;color:#f8f4e9;}
.site-header {background:#050505!important;color:#C5A059!important;border-bottom:1px solid #6f5b18;}
.site-header .brand {color:#C5A059!important;}
.site-nav a:hover,.site-nav a[aria-current="page"] {color:#C5A059;}
.nav-toggle {color:#C5A059;}
.site-footer {border-top:1px solid #6f5b18;}
.site-footer .brand,.gallery-card-title span,.aya-card .gold {color:#C5A059;}
.treatment-intro {background:#131008;color:#C5A059;}
.treatment-intro .category {color:#f8f4e9;}
.approach {background:#14110a;color:#f8f4e9;}
.approach .display {color:#C5A059;}
.dark-outline-button {color:#C5A059;border-color:#C5A059;}
.outline-button {color:#C5A059;border-color:#C5A059;}
.hero {height:clamp(520px,65vw,760px);min-height:520px;background:#000;isolation:isolate;}
.hero-visual {
  position:absolute;inset:0;
  background-image:url('assets/hero.jpg')!important;
  background-color:#000;
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:right center;
  animation:heroZoom 1.4s ease-out both;
}
.hero-shade {background:linear-gradient(90deg,rgba(0,0,0,.32) 0%,transparent 70%);pointer-events:none;}
.hero-content {z-index:2;left:3%;top:7%;width:94%;}
.hero h1 {font-size:clamp(48px,8.6vw,138px);color:#fff;max-width:100%;}
.hero-circle {z-index:3;border-color:#C5A059;color:#C5A059;}
.hero-circle:hover {background:#C5A059;color:#000;}
.category a {color:#C5A059;border-color:#C5A059;}
.category a:hover {background:#C5A059;color:#000;}
.consultation-panel button {border-color:#C5A059;color:#C5A059;}
.consultation-panel button:hover {background:#C5A059;color:#000;}
@media(max-width:720px){
  .site-nav {background:#090806!important;border-bottom:1px solid #B08D57;color:#C5A059;}
  .hero {height:clamp(530px,83svh,740px);min-height:530px;max-height:none;}
  .hero-visual {
    background-image:url('assets/hero.jpg')!important;
    background-size:auto 100%;
    background-position:38% center;
  }
  .hero-shade {background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 75%);}
  .hero-content {top:8%;left:5%;width:90%;}
  .hero h1 {font-size:clamp(30px,8vw,48px);letter-spacing:-.045em;white-space:nowrap;}
  .hero-content p {font-size:13px;}
  .hero-circle {left:5%;right:auto;bottom:7%;width:108px;height:108px;font-size:9px;}
  .treatment-intro {padding:32px 5% 65px;}
  .approach {padding:30px 5% 60px;}
  .category {flex-wrap:wrap;padding:14px 0;}
}
@media(max-width:380px){.hero h1 {font-size:7.7vw;}}
@media(prefers-reduced-motion:reduce){.hero-visual {animation:none;}}

/* =====================================
   MOVE INSTAGRAM BUTTON TO THE LEFT
===================================== */

/* Desktop */
.hero-circle {
  left: 3%;
  right: auto;
  bottom: 6%;
}

/* Mobile */
@media (max-width: 600px) {
  .hero-circle {
    left: 5%;
    right: auto;
    bottom: 6%;
  }
}