:root{--black:#070707;--panel:#101010;--gold:#c9a24a;--gold-light:#ead28b;--ivory:#f5f0e6;--muted:#a9a397;--line:rgba(201,162,74,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.brand{display:flex;align-items:center;gap:13px;font-family:Cinzel,serif;letter-spacing:.22em;font-size:14px}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{color:#d7d2c8}.nav-book{border:1px solid var(--gold);padding:8px 18px;color:var(--gold-light)}.menu-toggle{display:none}.hero{min-height:720px;height:100vh;position:relative;display:grid;grid-template-columns:52% 48%;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:130px 6vw 70px;position:relative;z-index:2;background:linear-gradient(90deg,#070707 75%,transparent)}.eyebrow{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.25em;font-weight:600;margin:0 0 22px}h1,h2,h3{font-family:Cinzel,serif;font-weight:500;margin-top:0}h1{font-size:clamp(48px,6.7vw,100px);line-height:1.02;letter-spacing:-.025em;margin-bottom:28px}.intro{max-width:530px;color:#c9c4ba;font-size:18px;margin:0 0 36px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#090909;border:1px solid var(--gold);padding:14px 23px;font:600 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.button:hover,.button:focus-visible{background:var(--gold-light);border-color:var(--gold-light)}.hero-image{background:linear-gradient(90deg,#070707 0%,transparent 28%),url('./jennie-hero.png') center/cover no-repeat}.ankh-line{position:absolute;left:47%;bottom:-85px;width:230px;height:230px;border:1px solid var(--line);transform:rotate(45deg)}section:not(.hero){padding:110px clamp(24px,7vw,110px)}.services{background:#0c0c0c;display:grid;grid-template-columns:35% 65%;gap:40px}.section-heading h2,.appointment h2{font-size:clamp(38px,5vw,64px)}.service-list article{display:grid;grid-template-columns:60px 1fr;gap:12px;border-top:1px solid var(--line);padding:26px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{color:var(--gold);font-family:Cinzel,serif}.service-list h3{font-size:24px;margin-bottom:6px}.service-list p{margin:0;color:var(--muted)}.about{display:grid;grid-template-columns:130px minmax(280px,1.2fr) 1fr;gap:55px;align-items:center}.about h2{font-size:clamp(32px,4vw,55px);line-height:1.2;margin:0}.about>p{color:var(--muted);font-size:18px}.ornament{width:90px;height:90px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center}.ornament span{display:block;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%}.appointment{background:linear-gradient(135deg,#15120b,#090909 48%);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-top:1px solid var(--line)}.appointment>div p:last-child{color:var(--muted);max-width:470px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:8px;color:var(--gold-light);font-size:13px;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid #443b27;background:#0b0b0b;color:var(--ivory);padding:13px;font:16px Manrope,sans-serif;border-radius:0}textarea{resize:vertical}.full{grid-column:1/-1}.form-note{min-height:24px;color:var(--gold-light);margin:0;text-align:center}footer{padding:28px clamp(24px,7vw,110px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.15em}
@media(max-width:760px){.site-header{height:72px;background:rgba(7,7,7,.9)}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;color:var(--gold-light);padding:8px 12px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#090909;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-copy{min-height:620px;padding-top:140px;background:linear-gradient(180deg,rgba(7,7,7,.4),#070707),url('./jennie-hero.png') 62% center/cover no-repeat}.hero-image{display:none}.hero-copy h1{font-size:48px}.intro{font-size:16px}.ankh-line{left:auto;right:-90px}.services,.appointment{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:26px}.ornament{width:65px;height:65px}section:not(.hero){padding-top:80px;padding-bottom:80px}form{grid-template-columns:1fr}footer{gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* The supplied transparent logo sits directly over the existing background. */
:root{--black:#080a0a;--gold:#bc9852;--gold-light:#e1c88f}
.site-header{position:relative;background:var(--black)}
.signature{display:block;flex-shrink:0;line-height:0}
.signature img{display:block;width:100%;max-width:100%;height:auto}
.signature-header{width:140px}
.hero{height:auto;min-height:720px;grid-template-columns:50% 50%;align-items:center;background:radial-gradient(ellipse at 26% 50%,#131612 0%,#080a0a 65%)}
.hero-copy{min-width:0;min-height:0;background:transparent;padding:56px 4vw 70px 8vw}
.signature-hero{width:100%;max-width:748px;margin:0 0 24px}
.signature-rule{width:108px;border-top:1px solid var(--gold);margin:0 0 27px}
.hero-title{font-size:clamp(20px,1.6vw,29px);line-height:1.45;margin:0 0 20px;color:#e0dbcf}
.hero-copy .intro{font-size:clamp(16px,1.2vw,22px);line-height:1.65;margin:0 0 28px;color:#bab8b0}
.explore-services{display:inline-flex;align-items:center;gap:24px;color:var(--gold-light);border-bottom:1px solid #6a5835;padding:8px 0;font-size:16px}
.ankh-line{pointer-events:none;z-index:0;bottom:-160px}
.hero #jennie-hairstyle-gallery{width:100%;min-width:0;max-width:none;margin:0;padding:28px 0 25px;background:transparent;position:relative;z-index:1}
.hero #jennie-hairstyle-gallery .jh-viewport{height:clamp(370px,32vw,530px)}
.hero #jennie-hairstyle-gallery .jh-cue{font-size:14px}
.services{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr)}
.about{grid-template-columns:100px minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,3vw,55px)}
.appointment{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
label{font-size:14px}
@media(max-width:960px){.hero{grid-template-columns:44% 56%}.hero-copy{padding-left:5vw;padding-right:2vw}.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about .ornament{display:none}}
@media(max-width:760px){
  .site-header{height:82px}.signature-header{width:140px}nav{top:82px}.menu-toggle{min-height:44px;font:500 14px Manrope,Arial,sans-serif}
  .hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}
  .hero-copy{padding:32px 28px 12px;min-height:0;background:transparent;align-items:center;text-align:center}
  .signature-hero{width:min(100%,420px);margin:0 0 14px}.signature-rule{margin-bottom:18px}
  .hero-title{font-size:22px;margin-bottom:12px}.hero-copy .intro{font-size:16px;margin-bottom:12px}
  .hero #jennie-hairstyle-gallery{padding-top:22px;padding-bottom:32px}
  .hero #jennie-hairstyle-gallery .jh-viewport{height:420px}
  .services,.about,.appointment{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){.hero-copy{padding-left:20px;padding-right:20px}.hero #jennie-hairstyle-gallery .jh-viewport{height:360px}.hero-title{font-size:20px}}

/* Keep Instagram at the far right, visible beside the mobile menu. */
.icon-sprites{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.site-header{gap:20px}
.header-actions{display:flex;align-items:center;gap:28px;margin-left:auto}
.social-instagram{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid var(--gold);border-radius:12px;background:#201c13;color:var(--gold-light);transition:background .2s,color .2s}
.social-instagram svg{display:block}
.social-instagram:hover{background:var(--gold-light);color:var(--black)}
.social-instagram:focus-visible{outline:3px solid var(--ivory);outline-offset:4px}
@media(max-width:760px){.site-header{gap:12px}.header-actions{gap:12px}.social-instagram{flex-basis:48px;width:48px;height:48px}}
@media(max-width:380px){.site-header{padding-right:16px;padding-left:16px}.signature-header{width:120px}}
@media(prefers-reduced-motion:reduce){.social-instagram{transition:none}}

/* Compact service dropdowns; native details remain usable without JavaScript. */
section.services{display:block;padding-top:64px;padding-bottom:64px}
.services-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1040px;margin:0 auto 28px}
.services-intro .eyebrow{margin-bottom:10px;font-size:14px}
.services-intro h2{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:0}
.pricing-label{margin:0;color:var(--gold-light);font-size:14px;white-space:nowrap}
.service-menu{max-width:1040px;margin:0 auto;border-top:1px solid var(--line)}
.service-dropdown{border-bottom:1px solid var(--line);scroll-margin-top:24px}
.service-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:68px;padding:18px 4px}
.service-dropdown summary::-webkit-details-marker{display:none}
.service-dropdown summary::marker{content:""}
.service-dropdown summary:hover{color:var(--gold-light)}
.service-dropdown summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.service-dropdown summary h3{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.5;font-weight:500;color:inherit;margin:0;overflow-wrap:anywhere}
.disclosure-icon{position:relative;display:block;width:20px;height:20px;flex:0 0 20px;color:var(--gold-light)}
.disclosure-icon::before,.disclosure-icon::after{content:"";position:absolute;left:3px;top:9px;width:14px;height:2px;background:currentColor}
.disclosure-icon::after{transform:rotate(90deg)}
details[open]>summary>.disclosure-icon::after{transform:rotate(0deg)}
.service-dropdown[open]>summary{color:var(--gold-light)}
.dropdown-content{padding:0 4px 24px}
.method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.method-entry{min-width:0;border-top:1px solid rgba(201,162,74,.18);padding-top:18px}
.method-entry h4{font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:600;color:var(--gold-light);margin:0 0 10px;overflow-wrap:anywhere}
.method-description,.quote-note{font-size:16px;color:#bab8b0;line-height:1.7;max-width:760px;margin:0 0 16px}
.quote-note{margin:0;color:var(--gold-light)}
.menu-note{margin:0 0 14px;color:#bab8b0;font-size:16px;line-height:1.6}
.price-list{margin:0}
.price-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;border-bottom:1px solid rgba(201,162,74,.13);padding:11px 0;align-items:baseline;font-size:16px;line-height:1.6}
.price-list>div:last-child{border-bottom:0}
.price-list dt{color:#e0dbcf;overflow-wrap:anywhere}
.price-list dd{margin:0;color:var(--gold-light);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:640px){section.services{padding-top:42px;padding-bottom:42px}.services-intro{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.service-dropdown summary h3{font-size:18px}.service-dropdown>summary{min-height:64px;padding-top:16px;padding-bottom:16px}.method-list{grid-template-columns:minmax(0,1fr);gap:24px}.price-list>div{gap:12px}}