:root{--paper:#f6f1e8;--ink:#191411;--rose:#a45d5f;--gold:#c7a46a;--muted:#706153;--line:#cbbdb0;--gutter:5vw;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:15px var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--rose);outline-offset:7px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.03}em{font-weight:400}img{display:block;max-width:100%;height:auto}p{line-height:1.7}[hidden]{display:none!important}::selection{background:#d6b6a1}.section{padding:130px var(--gutter)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:18px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:15px}.reading-progress{height:2px;position:fixed;inset:0 0 auto;background:var(--rose);z-index:60;transform:scaleX(0);transform-origin:left}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:57px;padding:17px 26px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);font-size:14px;transition:background .3s,transform .3s}.button:hover{background:var(--rose);border-color:var(--rose);transform:translateY(-3px)}.button span{font-size:21px}.button-outline{background:transparent;color:var(--ink)}.button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:13px}.text-button{padding:8px 0;font-size:12px}.header{position:absolute;inset:0 0 auto;z-index:20;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;height:112px}.brand{width:143px;height:72px;background:#7f7262;overflow:hidden;flex-shrink:0}.brand img{width:143px;height:72px;object-fit:cover}.desktop-nav{display:flex;gap:40px;margin-inline-start:auto;margin-inline-end:auto}.desktop-nav a{font-size:13px}.header-actions{display:flex;align-items:center;gap:25px}.language{font-family:'IBM Plex Sans Arabic',var(--sans);font-size:13px}.header-book{min-height:43px;padding:11px 18px;font-size:12px}.menu-toggle{display:none}.mobile-nav{position:absolute;top:90px;left:20px;right:20px;padding:26px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 30px #19141110;flex-direction:column;gap:24px}
.hero{position:relative;height:100svh;min-height:760px}.hero-sticky{position:relative;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 70% 65%,#e9d3be66,transparent 55%),var(--paper)}.hero-art{position:absolute;inset:0;pointer-events:none}.hero-art canvas,.sculpture-poster{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hero-art canvas{opacity:0;transition:opacity 1s}.webgl-ready .hero-art canvas{opacity:1}.webgl-ready .sculpture-poster{opacity:0}.hero-copy{position:absolute;left:var(--gutter);top:25%;width:58%;z-index:2;transform:translateY(calc(var(--hero-p,0)*-110px));opacity:calc(1 - var(--hero-p,0)*1.6)}.hero h1{font-size:clamp(90px,11.5vw,180px);line-height:.94;letter-spacing:-.064em}.hero h1 em{white-space:nowrap;font-size:.86em}.hero-copy>p{font-size:15px;max-width:390px;margin-top:32px;color:#4f4035}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-baseline{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.22em}.hero-baseline>a{display:flex;align-items:center;gap:17px;letter-spacing:.02em;font-size:12px}.scroll-orbit{width:45px;height:45px;border:1px solid #8e7967;border-radius:50%;display:grid;place-items:center;font-size:19px;animation:orbit-breathe 2.4s infinite}.motion-active .hero{height:170svh}.motion-active .hero-sticky{position:sticky;top:0}.film{background:var(--ink);color:var(--paper);position:relative}.film-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate}.film video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.92) contrast(1.06);transform:scale(1.025)}.film-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#191411e8 0%,#191411b5 38%,#19141148 70%,#1914119c 100%)}.film-copy{position:absolute;z-index:3;left:var(--gutter);top:22%;width:min(49vw,760px);transform:translateY(calc((var(--film-p,0) - .5)*-72px))}.film-kicker{display:block;font-size:9px;letter-spacing:.3em;color:#d9b49c;margin-bottom:22px}.film h2{font-size:clamp(62px,6.4vw,104px);line-height:1.06}.film h2 em{white-space:nowrap}.film-copy>p{margin-top:27px;font-size:13px;line-height:1.75;letter-spacing:.025em;max-width:490px;color:#e6d9cc}.film-chapters{display:flex;gap:28px;margin-top:30px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#c9aa96}.film-editorials{position:absolute;inset:0;z-index:2;pointer-events:none}.film-card{position:absolute;width:clamp(145px,15vw,235px);padding:6px 6px 13px;background:#f5eee4;color:var(--ink);box-shadow:0 22px 70px #05030280;will-change:transform}.film-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.film-card figcaption{display:flex;justify-content:space-between;align-items:center;padding:10px 5px 0;font:18px var(--serif)}.film-card figcaption span{font:8px var(--sans);letter-spacing:.15em;color:#8f6651}.film-card-brows{right:5%;top:7%;transform:translate3d(calc(var(--film-p,0)*-3vw),calc((var(--film-p,0) - .5)*-90px),0) rotate(4deg)}.film-card-nails{right:25%;bottom:5%;transform:translate3d(calc(var(--film-p,0)*4vw),calc((var(--film-p,0) - .5)*120px),0) rotate(-5deg)}.film-card-hair{right:3%;bottom:-8%;transform:translate3d(calc(var(--film-p,0)*-2vw),calc((var(--film-p,0) - .5)*-145px),0) rotate(2deg)}.film-bottom{position:absolute;z-index:4;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:.14em}.film-play{margin-inline-start:auto;color:var(--paper);border-bottom:1px solid #f6f1e870;min-width:96px}.film-track{height:1px;background:#f6f1e850;width:160px;overflow:hidden}.film-track i{display:block;height:100%;width:100%;background:var(--paper);transform:scaleX(var(--film-p,0));transform-origin:left}.motion-active .film{height:310svh}.motion-active .film-stage{position:sticky;top:0}
.work{background:#e9dfd3;overflow:clip;position:relative}.work-stage{padding:85px 0 50px;min-height:100svh}.work-heading{padding:0 var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:45px}.work h2{font-size:clamp(62px,6vw,96px);line-height:1}.work h2 em{color:#976b58}.work-heading>div{max-width:300px}.work-heading p{font-family:var(--serif);font-size:21px;margin-bottom:15px}.gallery{display:flex;gap:6vw;padding:55px var(--gutter) 30px;perspective:1200px}.gallery-piece{flex:0 0 30vw;min-width:0;transform:rotateY(calc((var(--work-p,.5) - .5)*-14deg)) rotateZ(-3deg);transform-origin:center;transition:filter .4s}.gallery-piece:nth-child(2){transform:translateY(-15px) rotateZ(3deg) rotateY(calc((var(--work-p,.5) - .5)*14deg))}.gallery-piece:nth-child(3){transform:rotateZ(-3deg)}.gallery-image{position:relative;display:block;overflow:hidden;box-shadow:10px 20px 45px #34211125;background:#d0b8a3;border:7px solid #f9f3eb}.gallery-image img{width:100%;height:min(49vh,520px);object-fit:cover;transition:transform .7s}.piece-0 img{object-position:56% center}.piece-1 img{object-position:52% center}.piece-2 img{object-position:center}.gallery-image:hover img{transform:scale(1.055)}.zoom-mark{position:absolute;right:16px;bottom:15px;border-radius:50%;background:var(--paper);color:var(--ink);width:42px;height:42px;display:grid;place-items:center;font-size:25px}.gallery-piece figcaption{font:23px var(--serif);margin-top:22px}.gallery-piece figcaption>span{font:11px var(--sans);margin-inline-end:15px}.gallery-progress{height:1px;background:#9d877555;margin:12px var(--gutter) 0}.gallery-progress i{display:block;width:33%;height:1px;background:#7e5e48;transform:translateX(calc(var(--work-p,0)*200%))}.motion-active .work{height:200svh}.motion-active .work-stage{position:sticky;top:0;height:100svh}.motion-active .gallery{transform:translateX(calc(var(--work-p,0)*-13vw))}
.services{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:start}.service-intro{position:sticky;top:35px}.service-intro h2{font-size:clamp(70px,6.7vw,108px)}.service-intro h2 em{color:#95624f}.section-intro{font:20px/1.5 var(--serif);max-width:360px;margin-top:25px}.signature-photo{margin-top:36px;transform:perspective(900px) rotateY(-7deg) rotateZ(-2.5deg)}.service-image-wrap{width:min(82%,420px);aspect-ratio:4/5;overflow:hidden;border:6px solid #fff9ef;box-shadow:20px 25px 38px #19141120;background:#d5b9a5}.signature-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .28s,transform .8s cubic-bezier(.2,.7,.2,1)}.service-image-wrap.changing img{opacity:0;transform:scale(1.035)}.signature-photo figcaption{margin-top:20px;display:flex;flex-direction:column;gap:6px}.signature-photo strong{font:24px var(--serif)}.signature-photo figcaption>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.service{border-top:1px solid var(--line)}.service:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service>summary{display:flex;align-items:center;gap:25px;padding:25px 0}.service-number{font:22px var(--serif);color:#976b58}.service h3{font:clamp(27px,3vw,44px) var(--serif)}.plus{width:16px;height:16px;margin-inline-start:auto;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;top:7px;left:0;width:16px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .3s}.service[open] .plus:after{transform:rotate(0)}.service-body{padding:0 0 30px 50px;animation:menu-in .4s}.service-body>p{font-size:12px;color:var(--muted);margin-bottom:20px}.price-row{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid #cbbdb066;font-size:13px;line-height:1.5}.price{flex-shrink:0;font:20px var(--serif)}.price small{font:9px var(--sans);padding-right:5px}.service-actions{display:flex;flex-direction:column;align-items:start;gap:15px;margin-top:25px}.service-actions>.text-link{color:#90574b}.menu-card-link{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.full-menu>summary{font-size:11px;padding:20px 0 5px;color:var(--muted);display:flex;justify-content:space-between}.price-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:25px}.trust{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:85px;padding-bottom:100px}.trust h2{font-size:clamp(52px,6vw,85px)}.trust-lead{font:29px/1.5 var(--serif)}.trust-copy>p:nth-child(2){font-size:13px;margin:23px 0}.trust-copy .text-link{font-size:12px}
.visit{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;padding-top:110px;padding-bottom:35px}.visit-sculpture{position:absolute;top:-70px;right:-12%;width:85%;height:730px;background:url('/assets/film-poster.webp') center/cover;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none;transform:translateY(calc(var(--visit-p,0)*-65px))}.visit-main{position:relative;z-index:1}.visit h2{font-size:clamp(65px,8.5vw,135px);line-height:1.06}.visit-main>.button{margin-top:35px}.contact-grid{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;border-top:1px solid #f6f1e860;padding-top:40px;margin-top:110px}.contact-grid>div{display:flex;align-items:start;flex-direction:column;gap:16px}.contact-grid h3{font:10px var(--sans);text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px}.contact-grid address{font-style:normal}.contact-grid address,.contact-grid>div>p,.phone{font:clamp(20px,2vw,30px) var(--serif);line-height:1.4}.contact-grid small{font-size:10px;color:#c5b6a7;max-width:260px;line-height:1.6}.contact-grid .text-link{font-size:11px}.visit footer{position:relative;display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:70px;padding-top:30px}.footer-brand{font:38px var(--serif);display:flex;flex-direction:column;gap:8px}.footer-brand span{font:8px var(--sans);letter-spacing:.45em}.footer-links{display:flex;gap:30px;align-items:center;margin-inline-start:auto;font-size:12px}.visit footer>p{flex-basis:100%;font-size:9px;color:#c5b6a7;margin-top:10px}.mobile-book{display:none}.mobile-book:not(.is-visible){visibility:hidden}
dialog{padding:0;border:1px solid #9f8b72;background:var(--paper);color:var(--ink);max-width:min(92vw,940px);max-height:92svh;overscroll-behavior:contain}dialog::backdrop{background:#191411d9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px;background:var(--paper);color:var(--ink);border-radius:50%;z-index:3;font-size:30px;line-height:1}.lightbox-image-wrap{background:#191411;display:flex;justify-content:center;min-width:280px}.lightbox-image-wrap img{max-height:77svh;width:auto;max-width:90vw;object-fit:contain}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:13px 20px}.lightbox-bottom button{font-size:24px;width:44px;height:44px}.lightbox-bottom p{font-size:13px}#privacy{padding:70px 45px 40px;max-width:600px}#privacy h2{font-size:40px;margin-bottom:20px}#privacy p{font-size:14px;margin-bottom:25px}.not-found{padding:80px var(--gutter)}.not-found h1{font-size:90px;margin:60px 0 30px}.not-found .button{margin-top:25px}.not-found .text-link{margin-inline-start:25px}.reveal{transition:transform 1s cubic-bezier(.2,.6,.2,1),opacity 1s}.js.motion-active .reveal.ready{opacity:0;transform:translateY(45px)}.js.motion-active .reveal.visible{opacity:1;transform:none}@keyframes orbit-breathe{50%{transform:translateY(6px)}}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
html[dir=rtl]{--serif:'IBM Plex Sans Arabic',Arial,sans-serif;--sans:'IBM Plex Sans Arabic',Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:-.045em;line-height:1.4}html[dir=rtl] em{font-style:normal;color:#a87961}html[dir=rtl] .hero-copy{left:auto;right:var(--gutter);width:59%}html[dir=rtl] .hero h1{font-size:clamp(70px,8vw,120px)}html[dir=rtl] .hero-art{transform:scaleX(-1)}html[dir=rtl] .hero h1 em{font-size:.84em}html[dir=rtl] .film-copy{left:auto;right:var(--gutter)}html[dir=rtl] .film-shade{transform:scaleX(-1)}html[dir=rtl] .film h2{font-size:clamp(55px,6vw,90px)}html[dir=rtl] .gallery{direction:ltr}html[dir=rtl] .gallery figcaption{direction:rtl}html[dir=rtl] .service-body{padding-left:0;padding-right:50px}html[dir=rtl] .service h3{font-size:32px}html[dir=rtl] .service-intro h2{font-size:75px}html[dir=rtl] .visit-sculpture{right:auto;left:-12%;transform:scaleX(-1)}html[dir=rtl] .visit h2{font-size:95px}html[dir=rtl] .footer-brand{font-family:'Playfair Display',Georgia,serif}
@media(max-width:1100px){.desktop-nav{gap:25px}.header-actions{gap:20px}.hero-copy{top:29%}.hero h1{font-size:12vw}.hero-copy>p{max-width:320px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.services{gap:6vw}.service-body{padding-left:0}.contact-grid{gap:30px}.film h2{font-size:8vw}}
@media(max-width:899px){.desktop-nav,.header-book{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:40px;height:40px}.menu-toggle span{width:25px;height:1px;background:currentColor}.mobile-nav:not([hidden]){display:flex}.header{height:94px}.brand,.brand img{width:126px;height:64px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-copy>p{max-width:300px}.services{gap:45px;grid-template-columns:1fr 1.2fr}.service-intro h2{font-size:60px}.service h3{font-size:30px}.service-number{font-size:18px}.service>summary{gap:18px}.section{padding:85px var(--gutter)}.work h2{font-size:65px}.gallery-piece{flex-basis:37vw}.motion-active .gallery{transform:translateX(calc(var(--work-p,0)*-34vw))}.film-copy{top:33%}.film h2{font-size:8.5vw}.contact-grid{margin-top:90px}.visit h2{font-size:80px}.trust{gap:50px}.trust h2{font-size:60px}html[dir=rtl] .service-intro h2{font-size:58px}html[dir=rtl] .service-body{padding-right:0}html[dir=rtl] .visit h2{font-size:70px}}
@media(max-width:599px){:root{--gutter:22px}.header{padding:12px 22px;height:87px}.brand,.brand img{width:115px;height:58px}.header-actions{gap:18px}.hero,.hero-sticky{min-height:820px;height:100svh}.hero-copy{top:135px;left:22px;right:22px;width:auto}.hero h1{font-size:clamp(80px,21vw,116px);line-height:.97}.hero h1 em{font-size:.84em}.hero-copy>p{margin-top:22px;font-size:12px;max-width:280px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-actions .button{padding:14px 17px;min-height:48px;gap:20px;font-size:11px}.hero-actions .text-link{font-size:10px;max-width:110px;gap:12px}.hero-art{top:180px;bottom:25px;left:-30%;right:-30%}.hero-baseline{bottom:22px;font-size:7px;letter-spacing:.11em}.hero-baseline>a{font-size:9px;gap:8px}.scroll-orbit{width:32px;height:32px;font-size:15px}.motion-active .hero{height:150svh}.film-stage{height:90svh;min-height:600px}.motion-active .film{height:220svh}.film video{object-position:60% center}.film-shade{background:linear-gradient(90deg,#191411b0,#19141125)}.film-copy{top:33%;right:22px;left:22px}.film h2{font-size:clamp(42px,11vw,64px);line-height:1.18}.film h2 em{white-space:normal}.film-copy>p{font-size:10px;letter-spacing:.05em}.film-bottom{left:22px;right:22px;bottom:27px;gap:15px;flex-wrap:wrap;font-size:8px}.film-bottom>span:first-child{width:100%}.film-play{margin-inline-start:0;font-size:10px}.film-track{margin-inline-start:auto;width:100px}.film-count{font-size:9px}.work-stage{padding:65px 0 45px}.work-heading{display:block}.work h2{font-size:64px}.work-heading>div{margin-top:22px;max-width:300px}.work-heading p{font-size:20px;margin-bottom:10px}.gallery{flex-direction:column;gap:45px;padding:40px 34px}.gallery-piece{flex-basis:auto;width:100%;transform:rotate(-2deg)!important}.gallery-piece:nth-child(2){transform:rotate(2deg)!important}.gallery-image img{height:auto;aspect-ratio:4/5;object-fit:cover}.piece-1 img{aspect-ratio:4/5;object-fit:cover}.gallery-image{border-width:5px}.gallery-piece figcaption{font-size:23px;margin-top:17px}.gallery-progress{display:none}.motion-active .work{height:auto}.motion-active .work-stage{position:relative;height:auto}.motion-active .gallery{transform:none}.services{grid-template-columns:1fr;gap:40px}.section{padding:70px 22px}.service-intro{position:relative;top:auto}.service-intro h2{font-size:72px}.section-intro{font-size:20px;max-width:300px}.signature-photo{margin-top:30px;max-width:290px}.signature-photo img{width:100%;aspect-ratio:1.8}.signature-photo figcaption{display:none}.service h3{font-size:32px}.service>summary{padding:22px 0}.service-body{padding-bottom:30px}.price-row{font-size:12px}.price{font-size:18px}.trust{grid-template-columns:1fr;gap:30px}.trust h2{font-size:56px}.trust-lead{font-size:26px}.visit{padding-top:85px;padding-bottom:100px}.visit h2{font-size:clamp(49px,13vw,70px)}.visit-main>.button{margin-top:30px}.visit-sculpture{width:160%;height:450px;top:0;right:-65%;opacity:.4}.contact-grid{grid-template-columns:1fr;gap:36px;margin-top:70px;padding-top:35px}.contact-grid>div{gap:12px}.contact-grid address,.contact-grid>div>p,.phone{font-size:26px}.visit footer{margin-top:45px;gap:30px}.footer-brand{font-size:35px}.footer-links{margin-inline-start:0;gap:24px;flex-wrap:wrap;width:100%;font-size:11px}.mobile-book{display:flex;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:20px;right:20px;z-index:15;min-height:50px;font-size:12px;box-shadow:0 5px 25px #19141135;opacity:0;transform:translateY(90px);pointer-events:none;transition:transform .3s,opacity .3s}.mobile-book.is-visible{opacity:1;transform:none;pointer-events:auto}.lightbox-bottom{gap:10px;padding:10px}.lightbox-bottom p{font-size:11px}#privacy{padding:65px 25px 30px;max-width:90vw}#privacy h2{font-size:32px}.not-found h1{font-size:60px}.not-found .text-link{display:block;margin:25px 0}html[dir=rtl] .hero-copy{top:125px;right:22px;left:22px;width:auto}html[dir=rtl] .hero h1{font-size:62px;line-height:1.4}html[dir=rtl] .hero-copy>p{font-size:13px;max-width:300px}html[dir=rtl] .hero h1 em{font-size:.8em}html[dir=rtl] .film h2{font-size:46px}html[dir=rtl] .work h2{font-size:57px}html[dir=rtl] .service-intro h2{font-size:65px}html[dir=rtl] .visit h2{font-size:52px}html[dir=rtl] .visit-sculpture{left:-65%}}
.motion-paused{scroll-behavior:auto}.motion-paused .hero-copy,.motion-paused .film-copy,.motion-paused .gallery{transform:none;opacity:1}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .hero-sticky{position:relative}.motion-paused .film-stage{position:relative}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-copy,.film-copy,.gallery{transform:none!important;opacity:1!important}.reveal{opacity:1!important;transform:none!important}.motion-active .hero,.motion-active .film,.motion-active .work{height:auto}.motion-active .hero-sticky,.motion-active .film-stage,.motion-active .work-stage{position:relative}.motion-active .gallery{transform:none}}
@media(max-width:1100px){.film-copy{width:52vw;top:24%}.film-card{width:17vw}.film-card-nails{right:23%;bottom:7%}.film-card-hair{bottom:-4%}}
@media(max-width:899px){.film-copy{width:55vw;top:24%}.film-copy>p{max-width:420px}.film-card{width:18vw}.film-card-brows{right:3%}.film-card-nails{right:22%}.film-card-hair{right:2%}.film-chapters{gap:17px}}
@media(max-width:599px){.film-stage{height:100svh}.motion-active .film{height:270svh}.film video{object-position:58% center;filter:saturate(.85) brightness(.76)}.film-shade{background:linear-gradient(180deg,#191411d9 0%,#19141180 45%,#191411e6 100%)}.film-copy{top:13%;left:22px;right:22px;width:auto;transform:translateY(calc((var(--film-p,0) - .5)*-38px))}.film-kicker{font-size:7px;margin-bottom:13px}.film h2{font-size:clamp(40px,11.5vw,58px)}.film-copy>p{font-size:10px;line-height:1.65;max-width:82%;margin-top:15px}.film-chapters{display:none}.film-card{width:34vw;padding:4px 4px 9px}.film-card figcaption{font-size:13px;padding-top:7px}.film-card-brows{right:7%;top:48%;transform:translate3d(calc(var(--film-p,0)*-5vw),calc((var(--film-p,0) - .5)*-70px),0) rotate(4deg)}.film-card-nails{left:8%;right:auto;bottom:-1%;transform:translate3d(calc(var(--film-p,0)*5vw),calc((var(--film-p,0) - .5)*90px),0) rotate(-4deg)}.film-card-hair{right:8%;bottom:-7%;transform:translate3d(calc(var(--film-p,0)*-4vw),calc((var(--film-p,0) - .5)*-100px),0) rotate(2deg)}.film-bottom{bottom:20px}.film-bottom>span:first-child{display:none}.film-play{margin-inline-start:0}.film-track{margin-inline-start:auto}.signature-photo{max-width:320px}.service-image-wrap{width:100%;aspect-ratio:4/5}.signature-photo figcaption{display:flex}}
.motion-paused .film-card{transform:none}.motion-paused .film video{transform:none}.motion-paused .service-image-wrap img{transition:none}
html[dir=rtl] .film-card-brows{right:auto;left:5%}html[dir=rtl] .film-card-nails{right:auto;left:25%}html[dir=rtl] .film-card-hair{right:auto;left:3%}
@media(max-width:599px){html[dir=rtl] .film-card-brows{right:auto;left:7%}html[dir=rtl] .film-card-nails{right:8%;left:auto}html[dir=rtl] .film-card-hair{right:auto;left:8%}}
/* Supplied salon films: full-bleed, scroll-scrubbed and readable in both languages. */
.hero-art{inset:0;transform:none!important;background:#d1bba1}
.hero-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,241,232,.96),rgba(246,241,232,.77) 37%,rgba(246,241,232,.12) 76%),linear-gradient(180deg,rgba(246,241,232,.55),transparent 25%,transparent 83%,rgba(246,241,232,.6))}
.motion-active .hero{height:290svh}
.hero-copy{opacity:1;transform:translateY(calc(var(--hero-p,0)*-45px))}
.film video{filter:brightness(.72) saturate(.9);transform:none}
.film-bottom{padding:12px 16px;background:#191411d9;backdrop-filter:blur(10px)}
.visit-sculpture{background-image:url('/assets/salon-ritual.webp')}
html[dir=rtl] .hero-art:after{transform:scaleX(-1)}
@media(max-width:599px){
 .hero-art{inset:0}
 .hero-art video{object-position:52% center}
 .hero-art:after{background:linear-gradient(180deg,#f6f1e8e6,#f6f1e8ba 47%,#f6f1e81a 72%,#f6f1e877)}
 .motion-active .hero{height:260svh}
 .hero-copy{transform:translateY(calc(var(--hero-p,0)*-22px))}
 .film-bottom{left:12px;right:12px;bottom:14px;gap:10px}
 .film-play{font-size:9px}
}
.motion-paused .hero-copy{transform:none}
@media(prefers-reduced-motion:reduce){.motion-active .hero{height:auto}}
/* ── V3 · Rose-gold material identity ─────────────────────────────── */
/* Film grain: a fixed, non-interactive overlay that unifies photos, video and paper. */
body::after{content:'';position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}
/* Rose-gold metallic accents on the largest display headings only (high contrast at these sizes). */
.hero h1 em,.film h2 em,.work h2 em,.service-intro h2 em,.trust h2 em,.visit h2 em,.ritual-heading h2 em,.quiz-head h2 em,.founder-head h2 em{background:linear-gradient(102deg,#b06a6f 0%,#e6c4b4 20%,#a45d5f 40%,#d7a58c 56%,#c7a46a 76%,#b76e79 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[dir=rtl] .hero h1 em,html[dir=rtl] .film h2 em,html[dir=rtl] .work h2 em,html[dir=rtl] .service-intro h2 em,html[dir=rtl] em{background:linear-gradient(102deg,#b06a6f 0%,#e6c4b4 20%,#a45d5f 40%,#d7a58c 56%,#c7a46a 76%,#b76e79 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Warm corner vignette on the paper background for depth. */
.hero-sticky::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,#3a2a200f 100%)}
/* Rose-gold sheen sweep on the primary button. */
.button{position:relative;overflow:hidden}
.button::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#f3d9c670,transparent);transition:left .55s cubic-bezier(.2,.7,.2,1)}
.button:hover::after{left:120%}
/* Fallback: if text-clipping is unsupported, keep the accent legible instead of invisible. */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero h1 em,.film h2 em,.work h2 em,.service-intro h2 em,.trust h2 em,.visit h2 em,.ritual-heading h2 em,.quiz-head h2 em,.founder-head h2 em,html[dir=rtl] em{color:#a45d5f;-webkit-text-fill-color:currentColor}}
@media(prefers-reduced-motion:reduce){.button::after{display:none}}
.motion-paused .button::after{display:none}
/* ── V3 · Signature motion ────────────────────────────────────────── */
/* Word-mask reveal: each word rises out of a clipping mask, staggered. */
.js.motion-active .split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.18em;margin-bottom:-.18em}
.js.motion-active .split .w>i{display:inline-block;font-style:inherit;transform:translateY(130%);transition:transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);will-change:transform}
.js.motion-active h1.in .split .w>i,.js.motion-active h2.in .split .w>i{transform:none}
.motion-paused .split .w>i{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.split .w>i{transform:none!important;transition:none!important}}
/* Magnetic buttons: base transform now carries the pointer offset; hover keeps its lift. */
.button{transform:translate(var(--mx,0px),var(--my,0px))}
.button:hover{transform:translate(var(--mx,0px),calc(var(--my,0px) - 3px))}
/* Hover micro-interactions. */
.price-row{transition:background .3s}
.price-row:hover{background:#a45d5f0f}
.zoom-mark{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.gallery-image:hover .zoom-mark{transform:rotate(45deg) scale(1.08)}
.desktop-nav a{position:relative}
.desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.desktop-nav a:hover::after{transform:scaleX(1)}
/* ── V3 · Live typography ─────────────────────────────────────────── */
/* Light travels across the rose-gold metal so the accents read as living material. */
.hero h1 em,.film h2 em,.work h2 em,.service-intro h2 em,.trust h2 em,.visit h2 em,.ritual-heading h2 em,.quiz-head h2 em,.founder-head h2 em,html[dir=rtl] em{background-size:230% 100%;animation:metal-sheen 7s ease-in-out infinite}
@keyframes metal-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Editorial marquee ribbon bridging the hero into the film chapter. */
.ribbon{overflow:hidden;background:var(--ink);border-block:1px solid #f6f1e81a;padding:15px 0}
.ribbon-track{display:flex;width:max-content;animation:ribbon-run 30s linear infinite}
.ribbon-track span{white-space:nowrap;font:11px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#dcb49a}
@keyframes ribbon-run{to{transform:translateX(-50%)}}
html[dir=rtl] .ribbon-track span{letter-spacing:.12em;font-family:'IBM Plex Sans Arabic',var(--sans)}
/* ── V3 · Consultation quiz ───────────────────────────────────────── */
.quiz{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:start;background:linear-gradient(180deg,#f6f1e8, #f1e7da)}
.quiz-head h2{font-size:clamp(52px,5.6vw,92px);line-height:1.02}
.quiz-head p{font:20px/1.5 var(--serif);max-width:340px;margin-top:22px;color:#5c4a3d}
.quiz-goals{display:flex;flex-wrap:wrap;gap:12px}
.quiz-chip{padding:13px 20px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;font-size:13px;line-height:1.4;text-align:start;transition:background .3s,color .3s,border-color .3s,transform .3s}
.quiz-chip:hover{border-color:var(--rose);transform:translateY(-2px)}
.quiz-chip[aria-pressed=true]{background:linear-gradient(102deg,#b06a6f,#c7a46a);border-color:transparent;color:#fff8f2}
.quiz-result{margin-top:30px;padding:30px 30px 26px;border:1px solid var(--line);background:#fffdf9;box-shadow:0 18px 45px #34211114}
.quiz-kicker{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#976b58;margin-bottom:14px}
.quiz-result strong{display:block;font:clamp(26px,2.6vw,38px)/1.15 var(--serif)}
.quiz-result p{font-size:13px;color:var(--muted);margin:12px 0 20px;max-width:460px}
.quiz-result small{display:block;font-size:10px;color:var(--muted);margin-top:16px;line-height:1.6}
html[dir=rtl] .quiz-result strong{font-family:'IBM Plex Sans Arabic',var(--sans)}
@media(max-width:899px){.quiz{grid-template-columns:1fr;gap:36px}.quiz-head h2{font-size:56px}}
/* ── V3 · Founder portfolio ───────────────────────────────────────── */
.founder{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.founder-kicker{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#d9b49c;margin-bottom:20px}
.founder-head h2{font-size:clamp(56px,6.4vw,104px);line-height:1.04}
.founder-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:6vw;margin-top:60px;align-items:start}
.founder-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:2px solid transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(120deg,#b06a6f,#c7a46a,#e6c4b4) border-box;box-shadow:0 0 0 8px #f6f1e80d}
.founder-avatar img{width:100%;height:100%;object-fit:cover}
.founder-name{display:block;font:clamp(34px,3.4vw,52px)/1.1 var(--serif);margin-top:26px}
.founder-role{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d9b49c;margin-top:9px}
.founder-handle{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-size:13px;border-bottom:1px solid #f6f1e850;padding-bottom:5px}
.founder-creds{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.founder-creds li{position:relative;padding-inline-start:22px;font-size:13px;line-height:1.6;color:#e6d9cc}
.founder-creds li:before{content:'✦';position:absolute;inset-inline-start:0;top:2px;color:#c7a46a;font-size:11px}
.founder-stats{display:flex;gap:36px;margin-top:32px;padding-top:24px;border-top:1px solid #f6f1e826}
.founder-stats strong{display:block;font:26px var(--serif)}
.founder-stats span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c5b6a7;margin-top:6px}
.founder-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.founder-tags span{padding:7px 14px;border:1px solid #f6f1e833;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#dcb49a}
.founder-gallery-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#c5b6a7}
.founder-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.founder-shot{border:0;background:#f5eee4;color:var(--ink);padding:6px 6px 12px;box-shadow:0 20px 50px #05030266;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.founder-shot img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.founder-shot figcaption{font:15px/1.3 var(--serif);padding-top:9px}
.founder-shot:nth-child(odd){transform:rotate(-2deg)}
.founder-shot:nth-child(even){transform:rotate(2deg) translateY(12px)}
.founder-shot:hover{transform:rotate(0) translateY(-4px) scale(1.02)}
.founder-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:44px}
.founder-cta small{font-size:10px;color:#c5b6a7}
html[dir=rtl] .founder-name,html[dir=rtl] .founder-shot figcaption{font-family:'IBM Plex Sans Arabic',var(--sans)}
@media(max-width:899px){.founder-grid{grid-template-columns:1fr;gap:44px}.founder-shots{grid-template-columns:repeat(2,1fr)}.founder-head h2{font-size:56px}}
/* ── V3 · Founder motion ──────────────────────────────────────────── */
/* Pointer-tracked rose-gold spotlight washes the section. */
.founder::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(460px circle at var(--fx,72%) var(--fy,24%),#c7a46a2b,transparent 62%);opacity:0;transition:opacity .5s}
.founder:hover::before{opacity:1}
.founder-head,.founder-grid{position:relative;z-index:1}
/* Spinning rose-gold ring + breathing portrait. */
.founder-avatar{position:relative;width:164px;height:164px;border:0;border-radius:50%;background:none;overflow:visible;display:grid;place-items:center;box-shadow:none}
.founder-avatar::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#b06a6f,#e6c4b4,#c7a46a,#8f4f52,#b06a6f);animation:ring-spin 8s linear infinite}
.founder-avatar::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--ink)}
.founder-avatar img{position:relative;z-index:1;width:150px;height:150px;border-radius:50%;object-fit:cover;animation:portrait-breathe 6s ease-in-out infinite}
@keyframes ring-spin{to{transform:rotate(1turn)}}
@keyframes portrait-breathe{50%{transform:scale(1.05)}}
/* Staggered entrance for identity blocks. */
.js.motion-active #founder .fx{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--fd,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--fd,0ms)}
.js.motion-active #founder.in .fx{opacity:1;transform:none}
.js.motion-active #founder .founder-creds li{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js.motion-active #founder.in .founder-creds li{opacity:1;transform:none}
.js.motion-active #founder .founder-creds li:nth-child(1){transition-delay:440ms}
.js.motion-active #founder .founder-creds li:nth-child(2){transition-delay:560ms}
.js.motion-active #founder .founder-creds li:nth-child(3){transition-delay:680ms}
/* Polaroids: scatter-in, scroll parallax, hover settle, ken-burns inside frame. */
.founder-shot{--rot:0deg;overflow:hidden;transform:rotate(var(--rot)) translateY(calc((var(--founder-p,0) - .5)*-18px));transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--sn,0)*90ms)}
.founder-shot:nth-child(odd){--rot:-2.2deg}
.founder-shot:nth-child(even){--rot:2.2deg;margin-top:14px}
.founder-shot:hover{transform:rotate(0deg) translateY(-6px) scale(1.03);transition-delay:0ms}
.shot-frame{display:block;overflow:hidden}
.js.motion-active #founder:not(.in) .founder-shot{opacity:0;transform:translateY(90px) rotate(calc(var(--rot)*3)) scale(.86)}
.js.motion-active #founder.in .founder-shot img{animation:ken-burns 16s ease-in-out infinite alternate;animation-delay:calc(var(--sn,0)*-3s)}
@keyframes ken-burns{from{transform:scale(1) translate(0,0)}to{transform:scale(1.1) translate(2%,-2%)}}
/* Highlight chips glow on hover. */
.founder-tags span{transition:transform .3s,box-shadow .3s,border-color .3s,color .3s}
.founder-tags span:hover{transform:translateY(-3px);border-color:#c7a46a;color:#f0d9c4;box-shadow:0 6px 18px #c7a46a33}
/* Kill-switches: paused + reduced motion show everything statically. */
.motion-paused #founder .fx,.motion-paused #founder .founder-creds li,.motion-paused .founder-shot{opacity:1!important;transform:rotate(var(--rot,0deg))!important;transition:none!important}
.motion-paused .founder-avatar::before,.motion-paused .founder-avatar img,.motion-paused .founder-shot img{animation:none!important}
.motion-paused .founder::before{display:none}
@media(prefers-reduced-motion:reduce){#founder .fx,#founder .founder-creds li,.founder-shot{opacity:1!important;transform:rotate(var(--rot,0deg))!important;transition:none!important}.founder-avatar::before,.founder-avatar img,.founder-shot img{animation:none!important}.founder::before{display:none}}

@media(max-width:599px){.mobile-book{box-sizing:border-box}}

html,body{overflow-x:clip}