@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap');
:root{--bg:#150406;--wine:#35070d;--wine2:#560d16;--gold:#dfb58e;--gold2:#f3d9bc;--ivory:#f7ece3;--muted:#c7a9a0;--line:rgba(223,181,142,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ivory);font:400 15px/1.8 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}::selection{background:#a96857;color:white}.skip{position:absolute;left:-9999px;z-index:100}.skip:focus{left:12px;top:12px;background:#fff;color:#111;padding:8px}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px clamp(22px,5vw,85px);border-bottom:1px solid rgba(255,255,255,.12)}.wordmark,.footer-brand{font:400 27px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.11em;white-space:nowrap}.wordmark small,.footer-brand small{display:block;text-align:center;font:400 9px/1.8 'DM Sans',sans-serif;letter-spacing:.46em}.nav nav{display:flex;gap:clamp(12px,2vw,32px)}.nav nav a{font-size:11px;letter-spacing:.13em;color:#e9cbb9;transition:color .2s}.nav nav a:hover{color:#fff}.nav-book{border:1px solid var(--line);padding:9px 18px;border-radius:50px;font-size:11px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:var(--gold2);font-size:24px}.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#801f24 0%,#460911 34%,#200408 72%,#100305 100%)}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;inset:0}.hero:before{background:radial-gradient(ellipse at 50% -10%,rgba(255,193,137,.26),transparent 45%),linear-gradient(115deg,transparent 10%,rgba(255,184,133,.04) 40%,transparent 70%)}.hero:after{display:none}.hero-orbit{position:absolute;bottom:-310px;width:min(90vw,880px);height:500px;border-radius:50%;border:1px solid rgba(239,173,100,.28);box-shadow:0 0 90px 20px rgba(255,130,62,.1),inset 0 0 55px rgba(255,130,62,.1);transform:rotateX(67deg)}.hero-inner{z-index:1;padding:140px 22px 90px;max-width:850px}.eyebrow{font-size:10px;letter-spacing:.36em;color:var(--gold);font-weight:500}.hero-logo{display:block;width:clamp(205px,33vw,355px);height:clamp(205px,33vw,355px);object-fit:cover;border-radius:50%;margin:35px auto 30px;box-shadow:0 0 85px rgba(241,140,95,.13)}.hero-coming{font:400 clamp(25px,4vw,48px)/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.3em;margin:12px 0}.hero h1{font-size:11px;letter-spacing:.48em;color:var(--gold2);font-weight:400;margin:12px 0}.hero-sub{font:italic 23px 'Cormorant Garamond',serif;color:#e3bcae;margin:30px 0}.button{display:inline-flex;align-items:center;gap:35px;border-radius:99px;padding:13px 27px;font-size:11px;letter-spacing:.13em;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#f6dcc0,#dba77d);color:#340b10;box-shadow:0 9px 35px #13030455}.outline{border:1px solid var(--gold);color:var(--gold2)}.hero-bottom{position:absolute;bottom:26px;font-size:9px;letter-spacing:.26em;color:var(--gold);display:flex;flex-direction:column;gap:5px}.hero-bottom span{font-size:20px}.section{padding:clamp(80px,10vw,155px) 24px}.section-wrap{max-width:1140px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%}h2,h3,p{margin-top:0}h2{font:400 clamp(46px,6vw,85px)/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:20px 0 32px}h2 em{color:var(--gold);font-weight:300}.fine-line{width:80px;height:1px;background:var(--gold)}.welcome{background:linear-gradient(135deg,#1b0608,#300a0e)}.welcome-copy{max-width:500px;color:var(--muted);font-size:14px}.welcome-copy .lead{font:400 27px/1.3 'Cormorant Garamond',serif;color:var(--ivory)}.welcome-copy p{margin-bottom:24px}.text-link{display:inline-block;margin-top:10px;border-bottom:1px solid var(--gold);color:var(--gold2);padding-bottom:6px;font-size:10px;letter-spacing:.2em}.center-heading{text-align:center;max-width:720px;margin:0 auto 55px}.center-heading>p:last-child{color:var(--muted);max-width:570px;margin:auto}.services{background:radial-gradient(ellipse at 50% 20%,#400c13,#180406 75%)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card{min-height:385px;padding:clamp(26px,4vw,55px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(137,42,43,.21),rgba(28,4,8,.6));display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.service-card:hover,.contact-card:hover{transform:translateY(-5px);border-color:var(--gold)}.service-card.featured{background:linear-gradient(145deg,rgba(147,52,54,.3),rgba(28,4,8,.7))}.service-index{font-size:10px;letter-spacing:.22em;color:var(--gold)}.service-symbol{font:60px 'Cormorant Garamond',serif;color:var(--gold);margin:28px 0 4px}.service-card h3{font:400 38px 'Cormorant Garamond',serif;margin:0 0 8px}.service-card>p{color:var(--muted);max-width:300px;font-size:14px}.service-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;border-top:1px solid var(--line);color:var(--gold2);font-size:12px}.service-meta strong{font:400 44px 'Cormorant Garamond',serif}.travel-note{margin-top:25px;border:1px solid var(--line);border-radius:20px;padding:30px 36px;display:flex;align-items:center;gap:32px;background:#28070b}.travel-icon{font-size:48px;color:var(--gold)}.travel-note h3{font:400 29px 'Cormorant Garamond',serif;margin-bottom:5px}.travel-note p{color:var(--muted);margin:0}.travel-note strong{color:var(--gold2)}.appointments{background:linear-gradient(160deg,#27070a,#480c13 55%,#210609)}.calendar-frame{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#20070a;box-shadow:0 25px 80px #12020488}.calendar-top{display:flex;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid var(--line);color:var(--gold);font-size:10px;letter-spacing:.19em}.calendar-placeholder{text-align:center;padding:65px 25px 75px}.calendar-glyph{display:block;color:var(--gold);font-size:56px}.calendar-placeholder h3{font:400 38px 'Cormorant Garamond',serif;margin:8px 0}.calendar-placeholder p{color:var(--muted);max-width:450px;margin:0 auto 25px}.calendar-frame iframe{width:100%;height:650px;border:0;background:white;display:block}.calendar-frame iframe[hidden]{display:none}.reservation{margin-top:28px;border:1px solid rgba(240,187,130,.6);border-radius:22px;background:linear-gradient(120deg,#3d0b12,#250609);padding:35px 45px;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:40px}.reservation h3{font:400 42px/1.1 'Cormorant Garamond',serif;margin:8px 0}.reservation h3 em{font-style:normal;color:var(--gold)}.reservation p:last-child{margin:0;color:#e1c3b8}.preparation{background:#1b0609}.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.prep-grid article{padding:27px 30px;border:1px solid var(--line);border-radius:17px;background:#300b0f;position:relative}.prep-grid article>span{color:var(--gold);font-size:28px;line-height:1}.prep-grid h3{font:400 25px 'Cormorant Garamond',serif;letter-spacing:.04em;margin:10px 0 7px}.prep-grid p{font-size:13px;color:var(--muted);margin:0}.prep-grid .on-time{background:#4b1017;border-color:var(--gold)}.contact{background:radial-gradient(ellipse at 50% 0%,#4c1018,#1b0508 70%)}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{position:relative;min-height:210px;border:1px solid var(--line);border-radius:20px;padding:27px;background:#330a10;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,border-color .25s}.contact-icon{font-size:32px;color:var(--gold)}.contact-type{font-size:10px;letter-spacing:.25em;color:var(--gold);margin-top:auto}.contact-card strong{font-size:13px;font-weight:400;overflow-wrap:anywhere}.contact-card .arrow{position:absolute;right:24px;top:22px;color:var(--gold)}footer{text-align:center;padding:70px 20px 35px;background:#130305}footer .footer-brand{font-size:43px;color:var(--gold2)}footer .footer-brand small{font-size:10px}footer>p{font-size:10px;letter-spacing:.3em;color:var(--gold);margin:24px 0}.footer-rule{width:90px;height:1px;background:var(--line);margin:30px auto}.copyright{font-size:10px;letter-spacing:.07em;color:var(--muted)}@keyframes shimmer{from{opacity:.1;transform:translateY(0)}to{opacity:.3;transform:translateY(-16px)}}@media(max-width:950px){.nav nav{gap:12px}.nav nav a{font-size:10px}.nav-book{display:none}}@media(max-width:700px){.nav{padding:16px 22px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:#2c080c;border:1px solid var(--line);border-radius:16px;padding:20px;flex-direction:column;box-shadow:0 20px 35px #100205aa}.nav nav.open{display:flex}.nav nav a{font-size:13px;padding:7px}.hero-inner{padding-top:115px}.hero-logo{width:225px;height:225px}.hero-coming{letter-spacing:.18em}.hero h1{font-size:10px;letter-spacing:.25em}.split,.service-grid,.prep-grid,.contact-grid,.reservation{grid-template-columns:1fr}.split{gap:35px}.service-card{min-height:330px}.reservation{padding:28px;gap:15px}.reservation h3{font-size:37px}.calendar-top span:last-child{display:none}.calendar-frame iframe{height:550px}.contact-card{min-height:155px}.travel-note{align-items:flex-start;padding:23px;gap:17px}.travel-icon{font-size:33px}.section{padding:85px 20px}.center-heading{margin-bottom:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Mobile-first refinements: narrow phones, touch targets, and embedded calendar. */
html,body{max-width:100%;overflow-x:clip}
section[id]{scroll-margin-top:12px}
.nav a:focus-visible,.button:focus-visible,.menu-toggle:focus-visible,.contact-card:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
@media(max-width:700px){
 .nav{gap:12px}.menu-toggle{min-width:44px;min-height:44px;cursor:pointer;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;line-height:1}
 .nav nav{top:calc(100% + 4px);left:14px;right:14px;z-index:20;max-height:calc(100dvh - 95px);overflow-y:auto}
 .nav nav a{display:block;min-height:44px;padding:11px 8px}
 .hero{min-height:100svh}.hero-inner{width:100%;padding:115px 18px 90px}
 .hero-logo{width:clamp(165px,55vw,225px);height:auto;aspect-ratio:1;object-fit:cover}
 .hero-coming{font-size:clamp(24px,7vw,38px)}
 .hero h1{line-height:1.7;letter-spacing:.17em;overflow-wrap:anywhere}
 .hero-sub{font-size:clamp(19px,5vw,23px)}
 .hero-bottom{bottom:15px}
 .section-wrap,.center-heading,.welcome-copy{min-width:0}
 .service-card,.contact-card,.prep-grid article{min-width:0}
 .calendar-top{padding:15px 16px;font-size:9px}
 .calendar-frame iframe{height:clamp(420px,75svh,620px)}
 .reservation h3{overflow-wrap:anywhere}
 .contact-card{min-height:145px}
 .button{min-height:44px;justify-content:center}
}
@media(max-width:380px){
 .nav{padding:12px 15px}.wordmark{font-size:23px}
 .hero-inner{padding-inline:15px}.eyebrow{letter-spacing:.2em;font-size:9px}
 .hero-coming{letter-spacing:.11em}
 .section{padding:70px 15px}
 h2{font-size:clamp(40px,12vw,55px)}
 .service-card{padding:23px;min-height:300px}.service-card h3{font-size:33px}
 .travel-note{gap:12px;padding:19px}
 .reservation{padding:22px}.reservation h3{font-size:31px}
 .prep-grid article{padding:22px}
 .contact-card{padding:23px}
}
@media(max-height:620px) and (max-width:700px){.hero-inner{padding-top:94px;padding-bottom:65px}.hero-logo{width:150px}.hero-sub{margin:15px 0}.hero-bottom{display:none}}

/* Preparation timeline: numbers belong to the tiles, leaving the gold line clear. */
.prep-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 88px;isolation:isolate}
.prep-line{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:2px;background:var(--line);transform:translateX(-50%);overflow:hidden}
.prep-progress{width:100%;height:100%;background:var(--gold);transform:scaleY(0);transform-origin:top}
.prep-grid .prep-step{padding:0;min-width:0;align-self:start;transition:opacity .65s ease,transform .65s ease}
.prep-step:nth-of-type(odd){grid-column:1}
.prep-step:nth-of-type(even){grid-column:2}
.prep-step:nth-of-type(1){grid-row:1}.prep-step:nth-of-type(2){grid-row:2}.prep-step:nth-of-type(3){grid-row:3}.prep-step:nth-of-type(4){grid-row:4}.prep-step:nth-of-type(5){grid-row:5}.prep-step:nth-of-type(6){grid-row:6}.prep-step:nth-of-type(7){grid-row:7}.prep-step:nth-of-type(8){grid-row:8}
.prep-grid h3{margin:0;font:inherit}
.prep-trigger{display:flex;align-items:center;gap:18px;width:100%;padding:27px 30px;text-align:left;background:none;border:0;border-radius:17px;color:var(--ivory);cursor:pointer}
.prep-trigger:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
.prep-number{flex:none;color:var(--gold);font:400 36px/1 'Cormorant Garamond',Georgia,serif;font-variant-numeric:tabular-nums}
.prep-title{font:400 25px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.04em;overflow-wrap:anywhere}
.prep-chevron{margin-left:auto;flex:none;color:var(--gold);font-size:22px;transition:transform .25s}
.prep-trigger[aria-expanded="true"] .prep-chevron{transform:rotate(45deg)}
.prep-panel{padding:0 30px 27px}.prep-panel[hidden]{display:none}
@media(max-width:700px){.prep-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-left:22px}.prep-line{left:0;transform:none}.prep-grid .prep-step{grid-column:1;grid-row:auto}.prep-trigger{padding:22px;gap:14px}.prep-panel{padding:0 22px 22px}.prep-number{font-size:32px}.prep-title{font-size:23px}}

/* Scroll-linked transforms are reversible and do not change document layout. */
.preparation{overflow-x:clip}
.prep-grid.scroll-animated .prep-step{opacity:var(--prep-opacity,1);transform:translate3d(var(--prep-x,0px),0,0) scale(var(--prep-scale,1));transform-origin:center;transition:none}
.prep-grid.scroll-animated .prep-step:focus-within{opacity:1}
@media(prefers-reduced-motion:reduce){.prep-grid.scroll-animated .prep-step{opacity:1;transform:none}}

/* Original signature writes on, erases left to right, then the screen dissolves. */
.signature-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#350b12,#150406 75%);color:var(--gold2);pointer-events:none;animation:signature-exit 1.3s cubic-bezier(.4,0,.2,1) 4.8770s forwards}
.signature-lockup{width:min(84vw,600px);}
.signature-mark{display:block;width:100%;height:auto;overflow:visible}
.signature-stroke{opacity:0;stroke-dasharray:1;stroke-dashoffset:1;animation:signature-write var(--draw-time) linear var(--draw-delay) forwards}
.signature-flourish{stroke-width:1.5}
@keyframes signature-write{from{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}

@keyframes signature-exit{from{opacity:1}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.signature-intro{display:none}}
@media print{.signature-intro{display:none}}

/* The gold line tip selects a single enlarged tile. */
.prep-grid.scroll-animated .prep-step{transition:none;border-color:rgba(223,181,142,.5);border-width:1.5px}
.prep-grid.scroll-animated .prep-step.is-current{z-index:1}
@media(prefers-reduced-motion:reduce){.prep-grid.scroll-animated .prep-step{transition:none}}

/* Small brand name beneath the handwritten Chaims signature. */
.signature-lockup{text-align:center}
.signature-caption{display:block;margin-top:8px;color:var(--gold2);font:400 clamp(19px,2.7vw,25px)/1.5 'Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;letter-spacing:.09em;opacity:0;animation:signature-caption-in .5s ease 1.7670s forwards,signature-caption-out .4s ease 3.5670s forwards}
@keyframes signature-caption-in{to{opacity:1}}

/* Selected concept 03: fine monoline signature and a spaced serif caption. */
.signature-lockup{width:min(88vw,680px)}
.signature-caption{margin-top:clamp(18px,3vw,30px);font:400 clamp(15px,2.1vw,20px)/1.7 'Baskerville','Palatino Linotype',Georgia,serif;text-transform:uppercase;letter-spacing:.28em;color:#efd1aa;padding-left:.28em}
@media(max-width:380px){.signature-caption{font-size:13px;letter-spacing:.2em;padding-left:.2em}}

@keyframes signature-caption-out{from{opacity:1}to{opacity:0}}

/* Quiet welcome with a softly appearing gold frame. */
.signature-intro::before{content:"";position:absolute;inset:clamp(16px,3vw,38px);border:1px solid rgba(239,209,170,.7);opacity:0;pointer-events:none;animation:signature-frame-in 1.2s ease-out .15s forwards}
.signature-lockup{position:relative;width:min(80vw,640px)}
.signature-welcome{display:block;margin-bottom:clamp(30px,6vh,65px);font:400 clamp(20px,2.5vw,28px)/1.4 'Baskerville','Palatino Linotype',Georgia,serif;letter-spacing:.16em;color:#efd1aa;opacity:0;animation:signature-caption-in .5s ease 1.7670s forwards,signature-caption-out .4s ease 3.5670s forwards}
@keyframes signature-frame-in{from{opacity:0}to{opacity:1}}
@keyframes signature-welcome-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:500px){.signature-lockup{width:min(65vw,400px)}.signature-welcome{margin-bottom:16px;font-size:18px}.signature-caption{margin-top:12px;font-size:13px}}

/* Keep repainting the signature separate from the fullscreen backdrop. */
.signature-intro{isolation:isolate;will-change:opacity}
.signature-mark{contain:paint}
.prep-progress{will-change:transform}
.prep-grid.scroll-animated .prep-step{backface-visibility:hidden}

/* One continuous animation per stroke, erasing along the writing direction from left to right. */

/* Erase with the same positive dash animation as writing, on a separate mask. */
.signature-eraser{opacity:0;stroke-dasharray:1;stroke-dashoffset:1;animation:signature-write var(--erase-time) linear var(--erase-delay) forwards}

/* Coordinated signature and serif typography from the approved brand concept. */
:root{--brand-serif:'Cormorant Garamond',Georgia,serif}
.signature-welcome{font-family:var(--brand-serif);font-weight:400;font-size:clamp(23px,3vw,32px);letter-spacing:.12em}
.signature-caption{font-family:var(--brand-serif);font-weight:400;font-size:clamp(18px,2.5vw,24px);letter-spacing:.38em;margin-top:clamp(14px,2vw,24px)}
.wordmark,.footer-brand{font-family:var(--brand-serif)}
.wordmark small,.footer-brand small{font-family:var(--brand-serif);font-size:12px;letter-spacing:.38em}
@media(max-width:380px){.signature-caption{font-size:16px;letter-spacing:.3em}}

/* Preserve the full generated brand artwork instead of cropping it into a circle. */
.hero .hero-logo{width:min(82vw,740px);height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;margin:28px auto 24px}
@media(max-width:700px){.hero .hero-logo{width:min(88vw,560px);margin:24px auto}}
@media(max-height:620px) and (max-width:700px){.hero .hero-logo{width:min(65vw,340px)}}

/* Velvet hero: centred composition from the selected reference. */
.hero.velvet-hero{min-height:680px;min-height:max(680px,100svh);background:#200609 url('hero-velvet.jpg') center center/cover no-repeat;isolation:isolate;border-bottom:1px solid rgba(239,209,170,.6)}
.hero.velvet-hero::before{z-index:0;background:linear-gradient(180deg,rgba(15,0,2,.18),transparent 35%,rgba(15,0,2,.12));pointer-events:none}
.hero-glitter{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.velvet-hero .hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:120px 24px 60px}
.velvet-hero .hero-rule{width:1px;height:40px;background:linear-gradient(180deg,transparent,#efd1aa);display:block}
.velvet-hero .hero-brand{width:100%;margin:15px 0 8px;line-height:0;font-size:inherit;letter-spacing:normal}
.hero.velvet-hero .hero-logo{width:min(60vw,510px);height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;display:block;margin:0 auto}
.velvet-hero .hero-rule-bottom{height:40px;background:linear-gradient(180deg,#efd1aa,transparent)}
.velvet-hero .hero-tagline{margin:25px 0 24px;color:#efdac9;font:400 11px/2 'DM Sans',Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase}
.velvet-hero .hero-cta{position:relative;min-height:46px;gap:22px;padding:10px 25px;border:1px solid #dfb58e;border-radius:40px;background:rgba(38,2,8,.55);color:#f7e4cd;font:400 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;box-shadow:0 0 18px rgba(115,30,18,.15);transition:background .2s ease}
.velvet-hero .hero-cta::after{content:"";position:absolute;bottom:-1px;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,#fff4da,transparent);box-shadow:0 2px 10px 2px rgba(235,106,55,.5);pointer-events:none}
.velvet-hero .hero-cta span{font-size:24px;line-height:1;font-weight:300;letter-spacing:0}
.velvet-hero .hero-cta:hover{transform:none;background:rgba(93,24,25,.75)}
.hero-nav{display:flex;justify-content:center;border:0;padding:25px 5vw;min-height:80px;background:transparent}
:is(.hero-nav,.mobile-menu-root) nav{gap:36px;align-items:center}
:is(.hero-nav,.mobile-menu-root) nav a{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#f2dfd0}
.hero-nav .nav-book{display:block;position:absolute;right:5vw;top:20px;padding:8px 24px;border:1px solid #d7a976;border-radius:40px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#efd1aa}
.hero-nav a:focus-visible,.hero-cta:focus-visible{outline:2px solid #efd1aa;outline-offset:5px}
@media(min-width:1500px){.hero.velvet-hero .hero-logo{width:570px}}
@media(max-width:950px) and (min-width:701px){.hero-nav{justify-content:flex-start}:is(.hero-nav,.mobile-menu-root) nav{gap:24px}.hero-nav .nav-book{display:block}}
@media(max-width:700px){
 .hero.velvet-hero{min-height:100svh;background-position:44% center}
 .velvet-hero .hero-inner{padding:105px 20px 65px}
 .hero.velvet-hero .hero-logo{width:min(88vw,470px)}
 .velvet-hero .hero-brand{margin:20px 0 12px}
 .velvet-hero .hero-tagline{font-size:9px;letter-spacing:.23em;margin:24px 0 25px}
 .velvet-hero .hero-rule,.velvet-hero .hero-rule-bottom{height:36px}
 .hero-nav{min-height:76px;padding:18px 24px;justify-content:flex-start}
 :is(.hero-nav,.mobile-menu-root) .menu-toggle{display:block;width:42px;height:38px;font-size:23px;line-height:1;border:0;padding:0;text-align:left}
 .hero-nav .nav-book{top:20px;right:24px;padding:8px 19px;font-size:9px}
 :is(.hero-nav,.mobile-menu-root) nav{top:70px;left:20px;right:20px;align-items:stretch;gap:3px;background:rgba(32,6,9,.98);padding:16px 22px;border-color:rgba(239,209,170,.4);border-radius:12px}
 :is(.hero-nav,.mobile-menu-root) nav a{padding:12px 0;font-size:11px}
}
@media(max-height:600px) and (min-width:701px){.hero.velvet-hero{min-height:580px}.velvet-hero .hero-inner{padding-top:95px;padding-bottom:35px}.hero.velvet-hero .hero-logo{width:370px}.velvet-hero .hero-tagline{margin:16px 0}}
@media(prefers-reduced-motion:reduce){.hero-glitter{display:none}}
.hero.velvet-hero .hero-logo{aspect-ratio:1774/887}

/* Trim only the transparent layout space around the logo. */
.velvet-hero .hero-brand{width:min(60vw,510px);aspect-ratio:1774/550;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero.velvet-hero .hero-logo{width:100%;flex-shrink:0}
@media(min-width:1500px){.velvet-hero .hero-brand{width:570px}}
@media(max-width:700px){.velvet-hero .hero-brand{width:min(88vw,470px)}}
@media(max-height:600px) and (min-width:701px){.velvet-hero .hero-brand{width:370px}}

/* Sparse stationary gold stars; independent slow opacity pulses. */
.intro-stars{position:absolute;inset:0;pointer-events:none;z-index:0}
.intro-stars span{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff1d6;box-shadow:0 0 4px 1px rgba(255,232,190,.65),0 0 10px 3px rgba(239,209,170,.32),0 0 18px 5px rgba(239,209,170,.12);opacity:.12;animation:intro-star-twinkle var(--twinkle) ease-in-out var(--phase) infinite;will-change:opacity}
.signature-lockup{position:relative;z-index:1}
@keyframes intro-star-twinkle{0%,100%{opacity:.12}50%{opacity:1}}
@media(max-width:700px){.intro-stars span:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.intro-stars{display:none}}

/* Google hosts the iframe: tint its rendered light theme to match the site. */
.calendar-frame{isolation:isolate;background:#20070a}
#booking-calendar{background:#fff;filter:invert(1) grayscale(1) sepia(.65);mix-blend-mode:screen;color-scheme:light}
@media print{#booking-calendar{filter:none;mix-blend-mode:normal}}

/* Keep the booking panel usable within the viewport. */
.calendar-frame #booking-calendar{height:clamp(420px,70svh,760px)}
.intro-skip{position:absolute;z-index:3;right:clamp(32px,5vw,70px);bottom:clamp(32px,5vh,60px);pointer-events:auto;background:rgba(32,7,10,.65);border:1px solid rgba(239,209,170,.5);border-radius:30px;color:#efd1aa;padding:10px 22px;font:400 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;cursor:pointer}
.intro-skip:hover,.intro-skip:focus-visible{background:#4a1620;border-color:#efd1aa}
.signature-intro.is-skipping{animation:intro-slide-right .75s cubic-bezier(.65,0,.25,1) forwards;will-change:transform}
.signature-intro.is-skipping *{animation-play-state:paused!important}
@keyframes intro-slide-right{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:1;visibility:hidden}}

/* Give Google's booking dialog a larger viewport without scaling its text. */
.appointments .section-wrap{max-width:1400px}
.calendar-frame #booking-calendar{height:90svh;min-height:680px;max-height:1100px}
@media(max-width:700px){
 .appointments.section{padding-left:12px;padding-right:12px}
 .calendar-top{padding:18px 16px;font-size:9px;letter-spacing:.12em}
 .calendar-frame #booking-calendar{height:90svh;min-height:600px;max-height:none}
}

/* Logo first, then a horizontal opening into the velvet homepage. */
.signature-intro.logo-intro{background:transparent;animation:logo-intro-finish .35s ease 4.65s forwards;overflow:hidden;pointer-events:auto}
.logo-intro::before{display:none}
.intro-shutter{position:absolute;left:0;width:100%;height:50.1%;background:#150406;will-change:transform}
.intro-shutter-top{top:0;animation:logo-open-top 1.65s cubic-bezier(.65,0,.25,1) 2s both}
.intro-shutter-bottom{bottom:0;animation:logo-open-bottom 1.65s cubic-bezier(.65,0,.25,1) 2s both}
.intro-logo-position{position:absolute;left:50%;top:50%;width:min(65vw,430px);transform:translate(-50%,-50%);animation:logo-rise 1.5s cubic-bezier(.65,0,.25,1) 2.65s both;will-change:transform,top}
.intro-logo-image{display:block;width:100%;height:auto;animation:logo-reveal 1.1s cubic-bezier(.25,.6,.3,1) .15s both}
@keyframes logo-reveal{from{clip-path:inset(0 100% 0 0);opacity:0;transform:translateY(8px)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}
@keyframes logo-open-top{to{transform:translateY(-101%)}}
@keyframes logo-open-bottom{
 from{transform:translate3d(0,0,0);visibility:visible}
 to{transform:translate3d(0,calc(100% + 160px + env(safe-area-inset-bottom, 0px)),0);visibility:hidden}
}
@keyframes logo-rise{0%{top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}75%{opacity:1}100%{top:38px;width:140px;transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes logo-intro-finish{to{opacity:0;visibility:hidden}}
body:has(.logo-intro) .hero-inner{animation:logo-home-content 1.2s ease 3.55s both}
body:has(.logo-intro) .hero-nav{animation:logo-home-content .8s ease 3.9s both}
@keyframes logo-home-content{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.signature-intro.logo-intro.is-skipping{background:#150406;animation:intro-slide-right .75s cubic-bezier(.65,0,.25,1) forwards}
body.intro-skipped .hero-inner,body.intro-skipped .hero-nav{animation:none;opacity:1}
@media(prefers-reduced-motion:reduce){.signature-intro.logo-intro{display:none}}

/* The intro logo lands on this persistent, centered home link. */
.fixed-brand{position:fixed;top:38px;left:50%;transform:translate(-50%,-50%);width:140px;z-index:50;line-height:0;border-radius:8px;background:rgba(21,4,6,.86)}
.fixed-brand img{display:block;width:100%;height:auto}
.fixed-brand:focus-visible{outline:1px solid #efd1aa;outline-offset:2px}
body:has(.logo-intro):not(.intro-skipped) .fixed-brand{animation:fixed-brand-show .01s linear 4.15s both}
@keyframes fixed-brand-show{from{opacity:0}to{opacity:1}}
@media(min-width:701px){.hero-nav{padding-top:85px;justify-content:center}:is(.hero-nav,.mobile-menu-root) nav{gap:30px}}
@media(max-width:380px){.hero-nav .nav-book{right:12px;padding:8px 12px}.hero-nav{padding-left:16px}}

/* Keep the entire navigation visible while scrolling. */
.hero-nav{position:fixed;top:0;left:0;width:100%;z-index:40;background:rgba(21,4,6,.96);border-bottom:1px solid rgba(239,209,170,.16)}
.fixed-brand{background:transparent}
html{scroll-padding-top:135px}
@media(max-width:700px){html{scroll-padding-top:90px}}

/* More room for the calendar and booking form on phones. */
@media(max-width:700px){
 .calendar-frame #booking-calendar{height:max(1100px,145svh);min-height:1100px;max-height:none}
}

/* Editorial beauty hero, with the existing sticky navigation retained. */
.hero.velvet-hero.beauty-hero{min-height:1050px;background:#250407 url('hero-beauty.jpg') center 65%/cover no-repeat}
.beauty-hero::before{background:linear-gradient(180deg,rgba(25,0,3,.12),transparent 65%)}
.beauty-hero .hero-inner{max-width:1000px;padding:170px 24px 230px}
.hero.beauty-hero h1.beauty-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(78px,8.3vw,120px);font-weight:300;letter-spacing:-.045em;line-height:.91;color:#f3d9bc;margin:0;text-transform:none}
.beauty-title span{display:block;background:linear-gradient(115deg,#b78461 3%,#fff1df 32%,#e4bea0 55%,#fff1df 75%,#bf8f70);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 .08em .08em}
.beauty-divider{display:block;width:1px;height:56px;background:linear-gradient(transparent,#efd1aa,transparent);margin:24px auto;position:relative}
.beauty-divider::after{content:'';position:absolute;left:-1px;top:48%;width:3px;height:5px;background:#fff5dd;box-shadow:0 0 8px 3px #e9a36c;border-radius:50%}
.beauty-description{font:300 15px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:.19em;color:#f7e4d4;margin:0 0 35px}
.beauty-hero .beauty-book{justify-content:center;min-width:260px;padding:17px 36px;border:1.5px solid #dfb58e;font-size:13px;letter-spacing:.3em;background:rgba(68,9,15,.35)}
.beauty-hero .beauty-book::before{content:'';position:absolute;top:-1px;left:35%;width:30%;height:1px;background:#fff1db;box-shadow:0 0 7px 2px rgba(255,192,138,.65)}
@media(max-width:700px){
 .hero.velvet-hero.beauty-hero{min-height:max(920px,100svh);background-position:center bottom}
 .beauty-hero .hero-inner{padding:140px 18px 250px;width:100%}
 .hero.beauty-hero h1.beauty-title{font-size:clamp(60px,13.8vw,96px);line-height:.98}
 .beauty-description{font-size:12px;letter-spacing:.12em}
 .beauty-divider{height:45px;margin:20px auto}
 .beauty-hero .beauty-book{min-width:220px;font-size:12px;padding:15px 28px}
}
.calendar-frame #booking-calendar{height:1250px;min-height:1250px;max-height:none}
@media(max-width:700px){.calendar-frame #booking-calendar{height:1450px;min-height:1450px}}
.logo-intro .intro-skip{font-size:10px;padding:7px 14px;opacity:.75}
.logo-intro .intro-skip:disabled{opacity:0;transition:opacity .2s;pointer-events:none}

/* Both opening panels clear the viewport completely. */
:root{--intro-header-height:126px}
@media(max-width:700px){:root{--intro-header-height:76px}}
@keyframes logo-open-top{to{transform:translateY(calc(-100% - 160px))}}
.hero-nav{background:#150406}
.intro-skip[hidden]{display:none!important}
@media(min-width:701px){.calendar-frame #booking-calendar{height:820px;min-height:820px;max-height:none}}

/* Match the Instagram feed surround without altering makeup photo colours. */
.instagram-section{background:radial-gradient(ellipse at 50% 0%,#3b0b12,#190407 75%)}
.instagram-section .center-heading{margin-bottom:34px}
.instagram-handle{color:var(--gold2);font-size:12px;letter-spacing:.15em;border-bottom:1px solid var(--line);padding-bottom:7px}
.instagram-feed-frame{padding:20px;border:1px solid var(--line);border-radius:22px;background:#24070c;box-shadow:0 18px 55px rgba(12,0,3,.2);overflow:hidden}
.instagram-feed-frame>div{width:100%;min-height:160px}
.instagram-feed-frame iframe{max-width:100%;border:0}
.instagram-fallback{text-align:center;margin:25px 0 0;font-size:11px;letter-spacing:.14em;color:var(--gold)}
@media(max-width:700px){.instagram-feed-frame{padding:10px;border-radius:16px}}

/* Three social and contact cards on desktop. */
@media(min-width:701px){.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#efd1aa}
.contact-icon svg{display:block;width:32px;height:32px;flex-shrink:0}

/* Overshoot Safari’s changing bottom viewport and release the finished layer. */
.intro-shutter-bottom{backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* Refined copy and compact cards. */
.hero-specialties{font-size:12px;letter-spacing:.22em;color:#dfb58e;margin:0 0 30px}
.hero.beauty-hero h1.beauty-title{font-size:clamp(70px,7.4vw,108px);line-height:1.04}
.beauty-description{max-width:660px}
.contact-grid{gap:12px}
.contact-card{min-height:0;padding:20px 24px;display:grid;grid-template-columns:38px 1fr;column-gap:16px;row-gap:3px;align-content:center}
.contact-card .contact-icon{grid-column:1;grid-row:1 / 3;align-self:center;width:32px;height:32px}
.contact-card .contact-type{grid-column:2;margin:0;font-size:9px;letter-spacing:.17em}
.contact-card strong{grid-column:2;font-size:13px}
.service-card{min-height:0;padding:30px}
.service-symbol{font-size:38px;margin:14px 0 4px}
.service-card h3{font-size:32px}
.service-card>p{max-width:none;margin-bottom:20px}
.service-meta{padding-top:14px}
.service-meta strong{font-size:36px}
@media(max-width:700px){
 .hero.beauty-hero h1.beauty-title{font-size:clamp(48px,12vw,82px)}
 .hero-specialties{font-size:10px;letter-spacing:.14em;margin-bottom:24px}
 .beauty-description br{display:none}
 .beauty-description{max-width:340px;font-size:13px;letter-spacing:.06em}
 .service-grid{gap:14px}
 .service-card{padding:23px;min-height:0}
 .service-symbol{font-size:30px;margin:9px 0 3px}
 .service-card h3{font-size:29px;margin-bottom:9px}
 .service-card>p{font-size:13px;line-height:1.65;margin-bottom:16px}
 .service-meta strong{font-size:30px}
 .contact-card{padding:16px 20px;min-height:0;border-radius:15px}
 .contact-icon svg{width:27px;height:27px}
}

/* Bring the hero copy closer to the header; reserve the lower area for imagery. */
.hero.velvet-hero.beauty-hero{align-items:start}
.beauty-hero .hero-inner{padding-top:165px}
.hero-specialties{max-width:100%;line-height:1.8}
.travel-icon{display:flex;align-items:center;flex-shrink:0}
.mobile-book-link{display:none}
@media(max-width:700px){
 .hero.velvet-hero.beauty-hero{min-height:max(800px,100svh)}
 .beauty-hero .hero-inner{padding-top:112px;padding-bottom:210px}
 .hero-specialties{font-size:9px;letter-spacing:.09em;margin-bottom:18px}
 :is(.hero-nav,.mobile-menu-root) .menu-toggle{position:fixed;top:auto;left:auto;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#350b12;border:1px solid rgba(239,209,170,.65);color:#efd1aa;display:grid;place-items:center;text-align:center;padding:0;font-size:25px;box-shadow:0 5px 22px rgba(0,0,0,.35);z-index:60;touch-action:manipulation}
 :is(.hero-nav,.mobile-menu-root) nav,:is(.hero-nav,.mobile-menu-root) nav.open{display:flex;position:fixed;top:auto;left:auto;right:20px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:min(260px,calc(100vw - 40px));max-height:calc(100svh - 180px);overflow-y:auto;border-radius:20px;padding:16px 20px;background:#24070c;box-shadow:0 12px 40px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(12px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .28s ease,visibility .28s;z-index:59}
 :is(.hero-nav,.mobile-menu-root) nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
 :is(.hero-nav,.mobile-menu-root) nav a{padding:10px 4px;font-size:12px}
 :is(.hero-nav,.mobile-menu-root) .mobile-book-link{display:block;border-top:1px solid var(--line);margin-top:5px;color:#efd1aa}
 body:has(.logo-intro) .hero-nav{animation-name:mobile-nav-reveal}
 @keyframes mobile-nav-reveal{from{opacity:0}to{opacity:1}}
}

/* Centre the headline in the viewport. */
.beauty-hero .hero-inner{padding-top:max(165px,calc(50svh - 145px))}
@media(max-width:700px){.beauty-hero .hero-inner{padding-top:max(112px,calc(50svh - 90px))}}

/* Delicate corner accents draw once when the experience section enters view. */
.experience-heading{position:relative;padding:30px 28px 36px;align-self:start}
.experience-corner{position:absolute;width:42%;height:68px;pointer-events:none;color:rgba(223,181,142,.75)}
.corner-top{top:0;left:0}
.corner-bottom{bottom:0;right:0}
.experience-corner::before,.experience-corner::after{content:'';position:absolute;background:currentColor;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.experience-corner::before{width:100%;height:1px}
.experience-corner::after{height:100%;width:1px}
.corner-top::before,.corner-top::after{top:0;left:0;transform-origin:top left}
.corner-bottom::before,.corner-bottom::after{bottom:0;right:0;transform-origin:bottom right;transition-delay:.18s}
.welcome.experience-ready:not(.experience-visible) .experience-corner::before{transform:scaleX(0)}
.welcome.experience-ready:not(.experience-visible) .experience-corner::after{transform:scaleY(0)}
.welcome.experience-ready .welcome-copy{transition:opacity .8s ease .18s,transform .8s ease .18s}
.welcome.experience-ready:not(.experience-visible) .welcome-copy{opacity:0;transform:translateY(12px)}
@media(max-width:700px){
 .experience-heading{padding:24px 20px 28px}
 .experience-corner{width:30%;height:45px}
}
@media(prefers-reduced-motion:reduce){
 .welcome.experience-ready:not(.experience-visible) .experience-corner::before,.welcome.experience-ready:not(.experience-visible) .experience-corner::after{transform:none}
 .welcome.experience-ready:not(.experience-visible) .welcome-copy{opacity:1;transform:none}
}

/* A small decorative car follows scroll progress below the travel copy. */
.travel-note{position:relative;padding-bottom:79px}
.travel-road{position:absolute;left:30px;right:30px;bottom:16px;height:36px;border-bottom:1px solid rgba(223,181,142,.22);pointer-events:none}
.travel-car{position:absolute;left:0;bottom:0;width:56px;height:32px;display:block;color:#efd1aa;transform:translate3d(var(--car-x,0px),0,0);will-change:transform}
.travel-car svg{display:block;width:56px;height:32px}
@media(max-width:700px){.travel-note{padding-bottom:73px}.travel-road{left:22px;right:22px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.travel-car{transform:none;will-change:auto}}

/* Improve the hero supporting text contrast and readability. */
.beauty-hero .beauty-description{color:#fff0df;font-size:18px;font-weight:500;line-height:1.75;letter-spacing:.055em;text-shadow:0 2px 12px rgba(15,0,3,.9)}
@media(max-width:700px){.beauty-hero .beauty-description{font-size:15px;line-height:1.8;letter-spacing:.035em}}
/* A more leisurely corner reveal and accompanying text fade. */
.experience-corner::before,.experience-corner::after{transition-duration:1.6s}
.corner-bottom::before,.corner-bottom::after{transition-delay:.35s}
.welcome.experience-ready .welcome-copy{transition:opacity 1.3s ease .3s,transform 1.3s ease .3s}

footer .footer-credit{margin:12px 0 0;font:italic 15px/1.6 "Cormorant Garamond",Georgia,serif;letter-spacing:.025em;color:#dfb58e}

/* Keep the footer clear of the floating mobile menu. */
@media(max-width:700px){
 :is(.hero-nav,.mobile-menu-root) .menu-toggle{transition:opacity .35s ease,visibility .35s ease}
 body.at-footer :is(.hero-nav,.mobile-menu-root) .menu-toggle{opacity:0;visibility:hidden;pointer-events:none}
 body.at-footer :is(.hero-nav,.mobile-menu-root) nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.96)}
}

/* Serif supporting copy harmonises with the hero title. */
.beauty-hero .beauty-description{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(23px,2.2vw,30px);font-weight:400;line-height:1.45;letter-spacing:.015em;color:#f3d9bc;text-shadow:0 2px 12px rgba(15,0,3,.8);max-width:650px}
@media(max-width:700px){.beauty-hero .beauty-description{font-size:23px;line-height:1.45;max-width:340px}}

/* Mobile controls have no transformed or animated ancestor. */
.mobile-menu-root{position:static;transform:none;filter:none;perspective:none}
@media(max-width:700px){
 .mobile-menu-root nav{flex-direction:column;gap:3px;border:1px solid rgba(239,209,170,.4)}
 .mobile-menu-root .menu-toggle{transform:translateZ(0);backface-visibility:hidden;transition:opacity .35s,visibility .35s}
 body:has(.logo-intro) .mobile-menu-root{visibility:hidden}
}
.beauty-hero .hero-cta.beauty-book{background:#efd1aa;color:#30080e;border-color:#efd1aa;box-shadow:0 5px 20px rgba(0,0,0,.18);font-weight:500;isolation:isolate;overflow:hidden}
.beauty-hero .hero-cta.beauty-book:hover{background:#f6dfc1;color:#30080e}
.beauty-hero .hero-cta.beauty-book::before{display:none}
.beauty-hero .hero-cta.beauty-book::after{inset:-50% auto -50% -50%;width:35%;height:auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);box-shadow:none;transform:skewX(-20deg) translateX(-150%);pointer-events:none}
body.intro-complete .beauty-book{animation:booking-invitation 1.8s ease .25s 1}
body.intro-complete .beauty-book::after{animation:booking-sheen 1.5s ease .4s 1 forwards}
@keyframes booking-invitation{0%,100%{transform:scale(1)}45%{transform:scale(1.035)}}
@keyframes booking-sheen{to{transform:skewX(-20deg) translateX(650%)}}

/* A restrained repeating invitation, with reduced-motion preferences respected. */
body.intro-complete .beauty-book{animation:booking-invitation-repeat 2s ease infinite}
body.intro-complete .beauty-book::after{animation:booking-sheen-repeat 2s ease infinite}
@keyframes booking-invitation-repeat{0%,65%,100%{transform:scale(1)}30%{transform:scale(1.025)}}
@keyframes booking-sheen-repeat{0%{transform:skewX(-20deg) translateX(-150%)}65%,100%{transform:skewX(-20deg) translateX(650%)}}
.travel-tree{position:absolute;bottom:0;width:24px;height:34px;color:rgba(223,181,142,.52);pointer-events:none}
.travel-tree svg{display:block;width:100%;height:100%}
.travel-tree:nth-of-type(1){left:9%}
.travel-tree:nth-of-type(2){left:32%;height:28px}
.travel-tree:nth-of-type(3){left:62%;height:32px}
.travel-tree:nth-of-type(4){left:87%;height:27px}
.travel-car{z-index:1}
@media(max-width:400px){.travel-tree{width:19px}.travel-tree:nth-of-type(2){display:none}}

/* Homes mark the journey; trees sit between them. */
.travel-house{position:absolute;bottom:0;width:30px;height:36px;color:#dfb58e;pointer-events:none}
.travel-house svg{display:block;width:100%;height:100%}
.house-left{left:0}.house-right{right:0}
.travel-tree:nth-of-type(3){left:20%;height:30px}
.travel-tree:nth-of-type(4){left:40%;height:26px}
.travel-tree:nth-of-type(5){left:60%;height:32px}
.travel-tree:nth-of-type(6){left:78%;height:28px}
@media(max-width:400px){.travel-tree:nth-of-type(4){display:none}}
@media(max-width:700px){
 body.menu-idle .mobile-menu-root .menu-toggle{opacity:0;visibility:hidden;pointer-events:none}
 body.menu-idle .mobile-menu-root nav{opacity:0;visibility:hidden;pointer-events:none}
}

/* Powder is decorative and stays behind the service copy. */
.services{position:relative;isolation:isolate;overflow:hidden}
.services>.section-wrap{position:relative;z-index:1}
.makeup-powder{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
@media(prefers-reduced-motion:reduce){.makeup-powder{display:none}}

/* Photographic powder enters from the edge and remains behind opaque cards. */
.services-powder-image{position:absolute;right:-2%;top:0;width:min(48%,650px);height:100%;object-fit:contain;object-position:top right;pointer-events:none;z-index:0;opacity:.95;transform:translateX(0);transition:transform 1.7s cubic-bezier(.22,.61,.36,1),opacity 1.3s ease}
.services.powder-image-ready:not(.powder-image-visible) .services-powder-image{transform:translateX(105%);opacity:0}
.services .service-card{position:relative;background:linear-gradient(145deg,#3b1016,#200609)}
.services .service-card.featured{background:linear-gradient(145deg,#46131d,#26080d)}
@media(max-width:700px){.services-powder-image{width:65%;height:100%;right:-8%;object-fit:contain;object-position:top right}}
@media(prefers-reduced-motion:reduce){.services.powder-image-ready:not(.powder-image-visible) .services-powder-image{transform:none;opacity:.95}}

/* Small powder detail behind the booking section. */
.appointments{position:relative;isolation:isolate;overflow:hidden}
.appointments>.section-wrap{position:relative;z-index:1}
.calendar-powder-image{position:absolute;right:-2%;top:20px;width:clamp(110px,19vw,285px);height:auto;pointer-events:none;z-index:0;opacity:.85;transition:transform 1.7s cubic-bezier(.22,.61,.36,1),opacity 1.3s ease}
.appointments.powder-image-ready:not(.powder-image-visible) .calendar-powder-image{transform:translateX(110%);opacity:0}
/* A centered reservation card with a scroll-driven padlock. */
.reservation.secure-date{display:flex;flex-direction:column;text-align:center;gap:0;max-width:800px;margin:30px auto 0;padding:38px 45px;background:#28070d;border-radius:28px}
.secure-date .eyebrow{margin:0 0 16px}
.reservation.secure-date h3{font-size:clamp(32px,4vw,46px);color:#efd1aa;margin:0 0 24px}
.secure-date .reservation-message{max-width:590px;font-size:17px;line-height:1.7;color:#dfc4ba;margin:0}
.secure-calendar{width:230px;max-width:75%;height:auto;color:#dfb58e;margin:24px auto 14px;overflow:visible}
.reservation.secure-date .secure-subtitle{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#efd1aa;margin:0 0 22px;transition:opacity 1s ease,transform 1s ease}
.secure-rule{height:1px;background:rgba(239,209,170,.35);width:100%}
.reservation.secure-date .payment-instructions{margin:18px 0 0;font-size:12px;color:#c7a9a0}
.secure-date.reveal-ready .secure-calendar{opacity:0;transition:opacity 1s ease}
.secure-date.reveal-ready .secure-subtitle{opacity:0;transform:translateY(-15px)}
.secure-date.reveal-visible .secure-calendar,.secure-date.reveal-visible .secure-subtitle{opacity:1;transform:none}
@media(max-width:700px){.reservation.secure-date{padding:28px 22px}.secure-date .reservation-message{font-size:15px}.secure-calendar{width:205px}.calendar-powder-image{width:135px;right:-22px}}
@media(prefers-reduced-motion:reduce){.appointments.powder-image-ready:not(.powder-image-visible) .calendar-powder-image{transform:none;opacity:.85}.secure-date.reveal-ready .secure-calendar,.secure-date.reveal-ready .secure-subtitle{opacity:1;transform:none}}

/* Opposite powder accents, always behind the calendar and reservation card. */
.calendar-powder-image.powder-right{width:clamp(180px,27vw,430px);top:-35px;right:-3%}
.calendar-powder-image.powder-left{width:clamp(140px,20vw,310px);left:-3%;right:auto;top:510px;transform:scaleX(-1);opacity:.72}
.appointments.powder-image-ready:not(.powder-image-visible) .powder-left{transform:translateX(-110%) scaleX(-1);opacity:0}
@media(max-width:700px){
 .calendar-powder-image.powder-right{width:190px;right:-45px;top:-10px}
 .calendar-powder-image.powder-left{width:150px;left:-40px;top:600px}
 .services .service-card{transition:border-color .3s ease,box-shadow .3s ease;transform:none}
 .services .service-card.service-current{border-color:#efd1aa;box-shadow:0 0 0 1px rgba(239,209,170,.22),0 8px 30px rgba(223,181,142,.13)}
}
/* One restrained zoom per contact tile, in reading order. */
.contact-card.contact-zoom{animation:contact-greeting .8s ease both}
@keyframes contact-greeting{0%,100%{transform:scale(1)}45%{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.appointments.powder-image-ready:not(.powder-image-visible) .powder-left{transform:scaleX(-1);opacity:.72}}

/* Contact tiles stay still after their single sequential greeting. */
.contact-card:hover{transform:none}
.contact-card.contact-zoom{animation-iteration-count:1}

/* Copper editorial hero: quiet motion at the edge, legible live typography. */
.hero.velvet-hero.beauty-hero.editorial-hero{background:radial-gradient(ellipse at 60% 45%,#420b10 0%,#270407 52%,#170204 100%);min-height:max(850px,100svh);align-items:center}
.editorial-hero::before{background:linear-gradient(90deg,transparent,rgba(23,2,4,.1) 28%,transparent 70%)}
.hero-makeup-wrap{position:absolute;left:0;top:0;width:38%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.hero-makeup-texture{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;transform-origin:left center;animation:copper-drift 14s ease-in-out infinite alternate;will-change:transform}
@keyframes copper-drift{from{transform:translate3d(-5px,-6px,0) scale(1.02)}to{transform:translate3d(5px,9px,0) scale(1.055)}}
.editorial-hero .hero-makeup-wrap{animation:copper-enter 3.6s cubic-bezier(.22,.61,.36,1) 2.3s both}
@keyframes copper-enter{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}
.editorial-hero .hero-inner{margin-left:18%;width:76%;max-width:1050px;padding:180px 28px 110px}
.hero.editorial-hero h1.beauty-title{font-size:clamp(72px,7.8vw,120px);line-height:1.05;font-weight:400;letter-spacing:-.025em}
.editorial-hero .beauty-title span{background:none;color:#f7e7d1;padding:0 0 .05em}
.editorial-hero .beauty-title em{font-weight:300;color:#dfb58e}
.editorial-hero .beauty-description{max-width:590px;font-size:clamp(23px,2.4vw,30px);color:#f5e3ce}
.editorial-hero .hero-specialties{font-size:11px;letter-spacing:.2em;margin-bottom:38px}
.editorial-hero .beauty-divider{height:65px;margin:26px auto}
.editorial-hero .beauty-divider::after{width:10px;height:16px;left:-4.5px;top:40%;border-radius:0;clip-path:polygon(50% 0,65% 37%,100% 50%,65% 63%,50% 100%,35% 63%,0 50%,35% 37%);box-shadow:none;background:#efd1aa}
@media(max-width:700px){
 .hero.velvet-hero.beauty-hero.editorial-hero{min-height:max(810px,100svh)}
 .hero-makeup-wrap{width:32%;left:-4%}
 .editorial-hero .hero-inner{width:79%;margin-left:20%;padding:150px 16px 100px}
 .hero.editorial-hero h1.beauty-title{font-size:clamp(43px,10.5vw,72px);line-height:1.1}
 .editorial-hero .hero-specialties{font-size:8px;letter-spacing:.12em;line-height:1.9;margin-bottom:30px}
 .editorial-hero .beauty-description{font-size:21px;line-height:1.5;max-width:330px}
 .editorial-hero .beauty-book{min-width:0;width:min(100%,270px);padding:15px 22px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-makeup-texture{will-change:auto}}

/* Reference treatment: narrow copper edge, no continuous decorative movement. */
.editorial-hero .hero-glitter{display:none}
.editorial-hero .hero-makeup-wrap{width:27%;left:-3%;overflow:hidden;mask-image:linear-gradient(to right,#000 65%,transparent);-webkit-mask-image:linear-gradient(to right,#000 65%,transparent)}
.editorial-hero .hero-makeup-texture{animation:none;transform:none;will-change:auto;object-fit:cover;object-position:left center}
.editorial-hero .hero-cta.beauty-book{background:transparent;color:#efd1aa;border:1px solid #dfb58e;box-shadow:none;font-weight:400;animation:none;letter-spacing:.24em}
.editorial-hero .hero-cta.beauty-book::before,.editorial-hero .hero-cta.beauty-book::after{display:none;animation:none}
.editorial-hero .hero-cta.beauty-book:hover{background:rgba(239,209,170,.08);color:#efd1aa;transform:none}
@media(max-width:700px){.editorial-hero .hero-makeup-wrap{width:25%;left:-3%}}

/* Use the supplied slender makeup strip without enlarging or cropping it. */
.editorial-hero .hero-makeup-wrap{left:0;width:auto;aspect-ratio:314 / 2030;height:100%;max-width:27%;mask-image:linear-gradient(to right,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,#000 88%,transparent)}
.editorial-hero .hero-makeup-texture{width:100%;height:100%;object-fit:fill;object-position:left center}
@media(max-width:700px){.editorial-hero .hero-makeup-wrap{left:0;width:auto;max-width:25%}}

/* Give the reference makeup image a fuller presence on wide screens. */
@media(min-width:701px){
 .editorial-hero .hero-makeup-wrap{width:24%;max-width:440px;aspect-ratio:auto}
 .editorial-hero .hero-makeup-texture{object-fit:cover;object-position:left center}
 .editorial-hero .hero-inner{margin-left:25%;width:70%;max-width:1200px}
 .hero.editorial-hero h1.beauty-title{font-size:clamp(76px,8.5vw,144px)}
}

/* Gold booking invitation and restrained desktop makeup hover. */
.editorial-hero .hero-cta.beauty-book{background:#efd1aa;color:#30080e;border-color:#efd1aa;font-weight:500}
.editorial-hero .hero-cta.beauty-book:hover{background:#f6dfc1;color:#30080e}
body.intro-complete .editorial-hero .hero-cta.beauty-book{animation:hero-book-glow 2s ease-in-out infinite}
body.intro-complete .editorial-hero .hero-cta.beauty-book::after{display:block;animation:booking-sheen-repeat 2s ease-in-out infinite}
@keyframes hero-book-glow{0%,75%,100%{box-shadow:0 4px 18px rgba(0,0,0,.18)}35%{box-shadow:0 0 24px rgba(239,209,170,.5),0 0 48px rgba(223,181,142,.18)}}
/* The makeup follows scrolling on touch screens and desktop. */
.editorial-hero .hero-makeup-wrap{pointer-events:none}
.editorial-hero .hero-makeup-texture{transform-origin:left center;transform:translate3d(0,var(--makeup-scroll-y,0px),0) scale(1.08);transition:none}
@media(prefers-reduced-motion:reduce){
 body.intro-complete .editorial-hero .hero-cta.beauty-book,
 body.intro-complete .editorial-hero .hero-cta.beauty-book::after{animation:none}
 .editorial-hero .hero-makeup-texture{transition:none}
 .editorial-hero .hero-makeup-wrap:hover .hero-makeup-texture{transform:none}
}

@media(prefers-reduced-motion:reduce){.editorial-hero .hero-makeup-texture{transform:none}}

/* Continuous gold outline, including the reservation card’s lower edge. */
.reservation.secure-date{border:1px solid #dfb58e;box-shadow:inset 0 0 0 1px rgba(223,181,142,.12)}
.secure-date .secure-rule{background:#dfb58e;flex-shrink:0}

/* Transparent swatches retain the reference's layered left-edge composition. */
.editorial-hero .hero-makeup-wrap{width:34%;max-width:600px;aspect-ratio:auto;mask-image:none;-webkit-mask-image:none}
.editorial-hero .hero-makeup-texture{object-fit:fill}
@media(max-width:700px){.editorial-hero .hero-makeup-wrap{width:38%;max-width:none}}

/* Mobile reference: show all four swatches rather than a cropped sliver. */
@media(max-width:700px){
 .editorial-hero .hero-makeup-wrap{
  width:55%;max-width:none;overflow:hidden;
  mask-image:none;-webkit-mask-image:none;
 }
 .editorial-hero .hero-makeup-texture{object-fit:fill;object-position:left center}
 .editorial-hero .hero-inner{margin-left:32%;width:66%;padding-left:8px;padding-right:12px}
 .hero.editorial-hero h1.beauty-title{font-size:clamp(40px,9.7vw,68px)}
 .editorial-hero .hero-specialties{font-size:8px;letter-spacing:.1em}
 .editorial-hero .beauty-description{font-size:clamp(18px,4.6vw,22px)}
}

/* Natural image sizing: one dimension only, so mobile swatches cannot stretch. */
@media(max-width:700px){
 .editorial-hero .hero-makeup-wrap{width:43%;height:100%;overflow:hidden}
 .editorial-hero .hero-makeup-texture{position:absolute;top:0;left:-22vw;width:90vw;max-width:none;height:auto;object-fit:contain;object-position:left top}
 body.hero-header-clear .hero-nav{background:transparent;border-bottom-color:transparent}
 .hero-nav{transition:background .3s ease,border-color .3s ease}
}

/* Transparent initial header avoids a backdrop flash after the shutters open. */
.hero-nav{background:transparent;border-bottom-color:transparent;transition:background .35s ease,border-color .35s ease}
body.header-scrolled .hero-nav{background:#150406;border-bottom-color:rgba(239,209,170,.16)}
.editorial-hero .beauty-description{margin:32px auto 30px}
.editorial-hero .hero-cta.beauty-book{width:220px;max-width:85%;min-width:0;justify-content:center}
@media(min-width:701px){
 .editorial-hero .hero-inner{margin-left:24%;margin-right:0;width:76%;max-width:none;padding-left:clamp(24px,4vw,70px);padding-right:clamp(24px,4vw,70px)}
}
@media(max-width:700px){
 .editorial-hero .beauty-description{margin-top:28px;margin-bottom:28px}
 .editorial-hero .hero-cta.beauty-book{width:190px;max-width:82%}
}

/* A shared burgundy at the hero's top, header and browser safe area. */
html,body{background-color:#270407}
.hero.velvet-hero.beauty-hero.editorial-hero{
 background:linear-gradient(to bottom,#270407 0%,rgba(39,4,7,0) 38%),radial-gradient(ellipse at 60% 45%,#420b10 0%,#270407 52%,#170204 100%);
}
body.header-scrolled .hero-nav{background:#270407;border-bottom-color:transparent}

/* Compact skyline landmarks at both ends of the travel route. */
.travel-house{width:40px}

/* Let the scrolling makeup cross the hero boundary without covering copy. */
#main{overflow-x:clip}
.hero.velvet-hero.beauty-hero.editorial-hero{overflow:visible;z-index:1}
.editorial-hero .hero-makeup-wrap{overflow:visible}
.welcome .section-wrap{position:relative;z-index:2}

/* Aligned title lines, a compact luminous divider, and less space below the hero. */
.hero.editorial-hero h1.beauty-title{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}
.hero.velvet-hero.beauty-hero.editorial-hero{min-height:max(740px,90svh)}
.editorial-hero .hero-inner{padding-bottom:65px}
.editorial-hero .beauty-divider{height:58px;margin:22px auto}
.editorial-hero .beauty-divider::after{animation:hero-star-glow 3s ease-in-out infinite}
.editorial-hero .beauty-description{margin-top:0}
@keyframes hero-star-glow{0%,100%{filter:drop-shadow(0 0 2px #efd1aa);opacity:.8}50%{filter:drop-shadow(0 0 7px #f7d5a5);opacity:1}}
.experience-corner::before,.experience-corner::after{transition-duration:2.6s}
.corner-bottom::before,.corner-bottom::after{transition-delay:.5s}
@media(max-width:700px){
 .hero.velvet-hero.beauty-hero.editorial-hero{min-height:max(690px,90svh)}
 .editorial-hero .hero-inner{padding-bottom:60px}
 .editorial-hero .beauty-divider{height:50px;margin:20px auto}
}

/* Separate gold strokes leave breathing room around the luminous star. */
.editorial-hero .beauty-divider{width:20px;height:84px;margin:24px auto;background:linear-gradient(#dfb58e,#dfb58e) center top / 1px 28px no-repeat,linear-gradient(#dfb58e,#dfb58e) center bottom / 1px 28px no-repeat}
.editorial-hero .beauty-divider::after{width:12px;height:18px;left:4px;top:33px;animation:none;filter:none;background:#f7dbb6}
.editorial-hero .beauty-divider::before{content:'';position:absolute;width:30px;height:30px;left:-5px;top:27px;background:radial-gradient(ellipse,rgba(255,218,165,.5),rgba(239,185,120,.16) 35%,transparent 70%);animation:divider-halo 3s ease-in-out infinite;pointer-events:none}
@keyframes divider-halo{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}

/* Independent foreground swipe, revealed once along a soft downward arc. */
.editorial-hero .hero-bottom-swipe{position:absolute;left:-3%;bottom:-100px;width:min(49%,700px);z-index:1;pointer-events:none}
.hero-bottom-swipe img{display:block;width:100%;height:auto;transform-origin:left bottom}
.hero-bottom-swipe.swipe-ready img{opacity:0;transform:translate(-45%,-20%) rotate(-24deg)}
.hero-bottom-swipe.swipe-visible img{animation:bottom-swipe-arc 1.6s cubic-bezier(.16,.5,.3,1) both}
@keyframes bottom-swipe-arc{from{opacity:0;transform:translate3d(-45%,-20%,0) rotate(-24deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
.editorial-hero .hero-inner{position:relative;z-index:2}
@media(max-width:700px){.editorial-hero .hero-bottom-swipe{width:76%;left:-8%;bottom:-90px}}
@media(prefers-reduced-motion:reduce){.hero-bottom-swipe.swipe-ready img{opacity:1;transform:none}}

/* An arched makeup ribbon enters from the left and bends down across the edge. */
.editorial-hero .hero-bottom-swipe{width:min(55%,790px);left:-22%;bottom:-100px}
@media(max-width:700px){.editorial-hero .hero-bottom-swipe{width:95%;left:-40%;bottom:-80px}}

/* Broader, shallow foreground swipe overlaps the final bronze swatch. */
.editorial-hero .hero-bottom-swipe{width:min(49%,700px);left:-7%;bottom:-65px;z-index:1}
@media(max-width:700px){.editorial-hero .hero-bottom-swipe{width:82%;left:-10%;bottom:-45px}}

/* A slow, one-time underline draws beneath the emphasized word. */
.hero-just{position:relative;display:inline-block;font:inherit;color:inherit}
.hero-just::after{content:'';position:absolute;left:0;right:0;bottom:.015em;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left center}
body.intro-complete .hero-just::after{animation:just-underline 2.6s cubic-bezier(.25,.46,.45,.94) .2s both}
@keyframes just-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hero-just::after{transform:scaleX(1)}}

/* Native ink skipping leaves a gap around the j; clipping reveals only the underline. */
.hero-just::after{content:'just';inset:0;height:auto;background:none;color:transparent;font:inherit;letter-spacing:inherit;transform:none;text-decoration-line:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.07em;text-decoration-skip-ink:auto;clip-path:inset(0 100% -.2em 0);pointer-events:none}
body.intro-complete .hero-just::after{animation:just-underline-ink 1.6s ease-out .1s both}
@keyframes just-underline-ink{from{clip-path:inset(0 100% -.2em 0)}to{clip-path:inset(0 0 -.2em 0)}}
@media(prefers-reduced-motion:reduce){.hero-just::after{clip-path:none}}