/* Dunya — zwart & goud. Zelfstandige, rijker versierde ontwerpvariant. */
:root{--wine:#d6b775;--wine-dark:#edcf91;--gold:#c8a45d;--blush:#dfc58c;--ivory:#f6efdf;--sand:#211e18;--ink:#f2eadc;--muted:#c2b9a8;--line:#75603a66;--night:#11100e}
body{background:var(--night);color:var(--ink)}
p{color:var(--muted)}
.button,.button.light{color:#17130b;background:var(--gold);border-color:#e0c58e;border-radius:3px;box-shadow:inset 0 0 0 3px #11100e18}
.button:hover,.button.light:hover{background:#ebcd91;color:#17130b}
.button.outline-light{color:var(--blush);background:transparent;border-color:var(--gold)}
.hero{background:#11100e;padding-top:18px}
.hero:before{inset:0;background:#11100e url('ornament.svg') center top / 100% auto no-repeat}
.hero:after{content:'DUNYA';position:absolute;top:440px;left:50%;transform:translateX(-50%);font:500 clamp(180px,31vw,470px)/1 var(--serif);letter-spacing:.1em;color:#d6b77505;z-index:-1;pointer-events:none}
.masthead{padding:36px 7%;height:120px;color:var(--blush)}
.wordmark{letter-spacing:.16em}.wordmark small{letter-spacing:.4em}
.hero-copy{padding-top:18px;max-width:1000px}
.gold-crest{width:80px;height:80px;margin:0 auto 27px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;outline:1px solid #c8a45d55;outline-offset:7px;position:relative;color:var(--blush)}
.gold-crest:before,.gold-crest:after{content:'';position:absolute;top:50%;height:1px;width:95px;background:var(--gold);opacity:.65}
.gold-crest:before{right:calc(100% + 20px)}.gold-crest:after{left:calc(100% + 20px)}
.gold-crest span{font:italic 400 52px/1 var(--serif)}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.32em;margin-top:24px}
.hero h1{font-size:clamp(74px,8.1vw,120px);line-height:.95;letter-spacing:-.025em}
.hero h1 em,.subhero-copy h1 em,.final-cta h2 em,.reviews-section h2 em{color:var(--blush)}
.hero-copy>p{color:#cbc1ad;max-width:670px;font-size:15px}
.hero-link{border-color:#c8a45d70;color:var(--blush)}.trust{color:#c8b99a;font-size:11px;letter-spacing:.08em}
.hero-curve{display:none}
.photo-fan{margin-top:65px;margin-bottom:20px}
.photo-fan figure{border-color:#b49965;background:#b49965;border-radius:120px 120px 5px 5px;border-width:5px;border-bottom-width:34px;box-shadow:0 20px 70px #0008}
.photo-fan img{border-radius:113px 113px 0 0;filter:saturate(.72)}
.photo-fan figcaption{color:#19140d;bottom:-27px;font-size:17px}
.floating-nav{background:#181611f2;border:1px solid #a98a505f;border-radius:5px;box-shadow:0 0 0 5px #c8a45d09,0 16px 45px #0004}
.nav-position{margin-top:40px}.nav-links a{font-size:20px;color:#e8dcc5}.nav-monogram{color:var(--gold)}
.eyebrow{letter-spacing:.24em;color:var(--blush)}
.section-top .eyebrow:before,.benefits .eyebrow:before,.contact .eyebrow:before{content:'◇';margin-right:13px;font-size:15px}
.benefits{border-bottom:1px solid var(--line)}
.benefit-icon{border:1px solid var(--line);border-radius:50%;height:51px;width:51px;display:grid;place-items:center;font-size:25px;flex-shrink:0;background:#c8a45d08}
.editorial{background:#1c1914;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:50px}
.editorial.motion-ready .editorial-photos img{border-radius:100px 100px 3px 3px;border:1px solid #c8a45d88;padding:5px;filter:saturate(.7)}
.editorial-titles span{color:var(--blush)}
.editorial-line:before,.editorial-line:after{content:'◇';margin:0 22px;font-size:15px;color:var(--gold)}
.service-card{min-height:480px;border:1px solid var(--gold);border-radius:130px 130px 5px 5px;padding:38px 32px;background:#14120e;isolation:isolate}
.service-card:before{content:'';position:absolute;inset:7px;z-index:-2;border-radius:122px 122px 1px 1px;background-size:cover;background-position:center;opacity:.52;transition:scale .6s}
.service-hair:before{background-image:url('images/photo-1.jpg')}.service-nails:before{background-image:url('images/photo-2.jpg')}.service-combi:before{background-image:url('images/photo-11.jpg')}
.service-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,#11100ee8 77%)}
.service-card svg{width:65px;height:75px;top:45px;right:calc(50% - 32px);opacity:.85;color:#f0d59e}
.service-number{top:142px;left:0;right:0;text-align:center;color:#f6e8c9;opacity:1}
.service-card h3{color:#eed7a4}.service-card p{color:#e5dbcc}.card-arrow{color:var(--gold)}
.service-card:hover:before{scale:1.035}
.framed-photo,.price-intro figure,.combi-photo figure:first-child,.faq-aside figure{border:1px solid #b99a5e;border-radius:160px 160px 4px 4px;padding:7px;background:#11100e}
.framed-photo img,.price-intro figure img,.combi-photo figure:first-child img,.faq-aside figure img{border-radius:152px 152px 0 0}
.steps li>span{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.reviews-section{background:#1b1812;border-block:1px solid var(--line)}
.reviews-section .center-heading>p{color:var(--muted)}
.review-card{background:#14120e;border:1px solid var(--line);border-radius:4px;position:relative}
.review-card:after{content:'';position:absolute;inset:7px;border:1px solid #c8a45d20;pointer-events:none}
.review-card figcaption>span{background:#2a2317}
.combi-photo figure:nth-child(2){border-color:#b99a5e;border-width:4px;border-radius:110px 110px 4px 4px}.photo-label{background:#11100e;padding:0 12px}
.about{border:1px solid var(--line);background:#191610;border-radius:220px 220px 4px 4px;max-width:1150px;margin-top:45px;margin-bottom:45px}
.about:before{border-color:#a98a5055;inset:16px;border-radius:205px 205px 0 0}
.portrait{border-color:var(--gold);outline:1px solid #c8a45d66;outline-offset:7px}
.signature:after{content:'◇';display:block;font-size:22px;margin-top:15px}
.problem>div{background:#191711;border:1px solid var(--line);border-radius:4px}.problem>div+div{background:#211d15;border-radius:4px}
.gallery-photo{border:1px solid var(--line);border-radius:100px 100px 4px 4px;background:#211d15}
.gallery-photo>span{background:#211d15;color:var(--blush)}
.filters button{border-radius:3px}.filters button[aria-pressed=true]{background:var(--gold);color:#17130b}
.contact-bg{background:#1b1812}.contact-form input,.contact-form textarea,.contact-form select{background:#12110e;color:var(--ivory);border:1px solid #8d754950;border-radius:3px}
.location{border-color:var(--line);border-radius:3px}
.final-cta{background:#11100e url('ornament.svg') center 20% / cover no-repeat;border-block:1px solid var(--line);padding:115px 24px}
.final-cta p{color:var(--muted)}.final-cta:before,.final-cta:after,.reviews-section:before{display:none}
.footer{border-top:1px solid #c8a45d33}
.subhero{background:#11100e url('ornament.svg') center top / cover no-repeat;border-bottom:1px solid var(--line)}
.subhero-copy>p{color:var(--muted)}
dialog,.menu-dialog{background:#17140f;color:var(--ivory);border:1px solid #c8a45d88;border-radius:5px}
.menu-dialog .button{background:var(--gold);color:#17130b}.dialog-close{color:var(--gold)}
.menu-inner:before{content:'';position:absolute;inset:9px;border:1px solid #c8a45d33;pointer-events:none}
.lightbox{background:transparent;border:0}.lightbox .dialog-close,.photo-prev,.photo-next{background:var(--gold);color:#17130b}
.mobile-booking{background:#13110ff5;border-color:var(--line)}
@media(max-width:850px){.masthead{padding:30px 7%}.service-card{padding:30px 20px;min-height:430px}.service-card h3{font-size:44px}.service-card svg{width:60px}.service-card p{font-size:13px}}
@media(max-width:600px){.hero{padding-top:6px}.hero:before{background-size:auto 950px}.masthead{height:105px;padding:27px 30px}.wordmark{font-size:34px}.hero-copy{padding:16px 24px 0}.gold-crest{width:52px;height:52px;margin:5px auto 25px;outline-offset:5px}.gold-crest span{font-size:36px}.gold-crest:before,.gold-crest:after{width:45px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.22em}.hero h1{font-size:clamp(50px,14vw,72px);line-height:1.02}.hero-copy>p{font-size:13px;line-height:1.85}.hero:after{top:430px;font-size:125px}.photo-fan{margin-top:38px}.photo-fan figure{border-width:4px;border-bottom-width:25px;border-radius:65px 65px 3px 3px}.photo-fan img{border-radius:59px 59px 0 0}.photo-fan figcaption{font-size:10px;bottom:-19px}.floating-nav{border-radius:3px}.nav-position{margin-top:25px}.editorial{padding-top:30px}.editorial-line{font-size:22px}.editorial-line:before,.editorial-line:after{display:none}.service-card{min-height:420px;padding:30px;border-radius:130px 130px 4px 4px}.service-card h3{font-size:54px}.service-card p{font-size:14px}.service-card svg{width:65px;height:75px;right:calc(50% - 32px);top:40px}.service-number{left:0;top:130px}.about{margin:25px 16px;border-radius:140px 140px 3px 3px;padding-top:65px}.about:before{inset:9px;border-radius:130px 130px 0 0}.about h2{font-size:36px}.about-copy p{font-size:15px}.portrait{width:130px;height:130px}.final-cta{padding:85px 24px;background-size:auto 1100px}.final-cta h2{font-size:49px}.benefit-icon{width:43px;height:43px}.gallery-photo{border-radius:60px 60px 3px 3px}.subhero-copy h1{font-size:46px}.menu-dialog{max-height:calc(100dvh - 24px)}.menu-inner{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.service-card:before{transition:none}.service-card:hover:before{scale:1}}
