:root{color-scheme:dark;--service-bg:#050505;--service-ink:#f2f2ef;--service-muted:#a2a29d;--service-rule:#30302e;--service-wash:#1b1b1a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.services-page{min-height:100vh;margin:0;background:var(--service-bg);color:var(--service-ink);font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.services-header nav,.services-header nav a,.services-header .portfolio-menu,.services-header .portfolio-menu>summary,.services-header .portfolio-submenu,.services-header .portfolio-submenu a,.services-language{font-family:"Space Grotesk",Helvetica,Arial,sans-serif}
.services-page a{color:inherit;text-decoration:none}
.services-header{position:sticky;top:0;z-index:10;min-height:72px;padding:0 5vw;display:flex;align-items:center;gap:36px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,.94);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.services-wordmark{color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.48);font-size:12px;font-weight:600;letter-spacing:.045em;white-space:nowrap}
.services-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.6vw,38px);margin-left:auto}
.services-header nav a,.services-language{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.services-header .portfolio-menu>summary{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.services-header .portfolio-menu>summary:hover,.services-header .portfolio-menu[open]>summary,.services-header .portfolio-menu:focus-within>summary{color:#fff}
.services-header .portfolio-menu{position:relative;display:flex;align-items:center;flex:0 0 auto}
.services-header .portfolio-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.services-header .portfolio-menu>summary::-webkit-details-marker{display:none}
.services-header .portfolio-menu>summary::after{content:'⌄';display:inline-block;margin-left:6px;transition:transform .18s}
.services-header .portfolio-menu[open]>summary::after{transform:rotate(180deg)}
.services-header .portfolio-submenu{position:absolute;z-index:30;top:calc(100% + 15px);left:-14px;display:none;min-width:190px;padding:9px;background:#111;color:#f3f3f0;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 35px rgba(0,0,0,.5)}
.services-header .portfolio-menu[open]>.portfolio-submenu,.services-header .portfolio-menu:hover>.portfolio-submenu,.services-header .portfolio-menu:focus-within>.portfolio-submenu{display:grid;gap:0}
.services-header .portfolio-submenu a{display:block;padding:11px 12px;color:rgba(255,255,255,.72);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.services-header .portfolio-submenu a:hover,.services-header .portfolio-submenu a:focus-visible{background:rgba(255,255,255,.1);color:#fff}
.services-header nav a[aria-current=page],.services-header nav a:hover,.services-language a[aria-current=page]{color:#fff}
.services-language{display:flex;gap:7px;white-space:nowrap}
.services-main{width:min(1440px,90%);margin:0 auto}
.services-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);align-items:end;gap:8%;padding:clamp(72px,10vw,138px) 0 64px}
.services-kicker{margin:0 0 18px;color:var(--service-muted);font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
.services-hero h1{max-width:850px;margin:0;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.06em;font-weight:500}
.services-intro{max-width:420px;margin:0 0 4px;color:var(--service-muted);font-size:14px;line-height:1.8}
.services-categories{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:17px 0;border-top:1px solid var(--service-rule);border-bottom:1px solid var(--service-rule);color:var(--service-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.services-categories span:first-child{color:var(--service-ink)}
.services-work{padding:clamp(46px,6vw,82px) 0;border-bottom:1px solid var(--service-rule)}
.services-copy{max-width:800px;margin-bottom:30px}
.services-index{color:var(--service-muted);font-size:10px;letter-spacing:.14em}
.services-copy h2,.services-method h2{max-width:760px;margin:16px 0 14px;font-size:clamp(29px,4vw,48px);line-height:1.04;letter-spacing:-.045em;font-weight:500}
.services-copy>p{max-width:790px;margin:0;color:var(--service-muted);font-size:14px;line-height:1.8}
.services-keywords{margin-top:15px;color:#777770;font-size:10px;line-height:1.7;letter-spacing:.025em}
.services-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.services-examples--single{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
.makeup-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.makeup-showcase .service-compare{min-width:0}
.lip-gallery-intro{margin:0 0 12px}
.lip-gallery-intro h3{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.lip-gallery-intro p{max-width:720px;margin:0;color:var(--service-muted);font-size:12px;line-height:1.65}
.lip-featured{margin:22px 0 0}
.lip-featured>img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;background:var(--service-wash)}
.lip-featured figcaption{display:flex;gap:9px;align-items:baseline;padding-top:9px;color:var(--service-muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.lip-featured figcaption span{color:var(--service-ink);font-weight:700}
.lip-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px;padding:2px 1px 6px}
.lip-thumb{min-width:0;aspect-ratio:8/6;padding:0;border:1px solid var(--service-rule);background:var(--service-wash);opacity:.68;cursor:pointer;transition:opacity .18s,border-color .18s}
.lip-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.lip-thumb:hover,.lip-thumb.is-active{border-color:var(--service-ink);opacity:1}
.lip-thumb:focus-visible{outline:2px solid var(--service-ink);outline-offset:3px}
.service-compare{min-width:0;margin:0}
.service-compare figcaption{margin-bottom:10px;color:var(--service-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.compare-frame{--split:50%;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--service-wash);isolation:isolate;touch-action:pan-y;cursor:ew-resize}
.makeup-original-compare .compare-frame{aspect-ratio:8/5}
.compare-photo{position:absolute;inset:0;background:#1b1b1a}
.compare-photo picture{position:absolute;inset:0;display:block}
.compare-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.compare-detail .compare-photo img{transform:scale(1.7);transform-origin:center}
.compare-after{z-index:1;overflow:hidden;clip-path:inset(0 0 0 var(--split))}
.compare-tag{position:absolute;z-index:3;top:12px;padding:7px 9px;background:rgba(5,5,5,.75);color:#f2f2ef;font-size:9px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.compare-tag-before{left:12px}.compare-tag-after{right:12px}
.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:1px;background:#f2f2ef;pointer-events:none}
.compare-divider::after{content:'↔';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #f2f2ef;border-radius:50%;background:rgba(5,5,5,.88);color:#f2f2ef;font-size:17px}
.compare-frame input{position:absolute;z-index:5;right:0;bottom:0;left:0;width:100%;height:34px;margin:0;opacity:.015;cursor:ew-resize;touch-action:pan-y}
.compare-hint{display:flex;justify-content:space-between;gap:12px;padding-top:9px;color:#75756f;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.services-method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start;padding:clamp(50px,7vw,96px) 0;border-bottom:1px solid var(--service-rule)}
.services-method h2{margin-top:0}
.services-method>p{max-width:700px;margin:0;color:var(--service-muted);font-size:14px;line-height:1.85}
.services-contact{padding:clamp(68px,9vw,120px) 0}
.services-contact>div{max-width:650px}
.services-contact h2{margin:0 0 14px;font-size:clamp(38px,6vw,68px);font-weight:500;line-height:1;letter-spacing:-.055em}
.services-contact>div>p:not(.services-kicker){color:var(--service-muted);font-size:14px;line-height:1.75}
.services-contact>div>a{display:inline-block;margin-top:15px;padding-bottom:7px;border-bottom:1px solid var(--service-ink);font-size:12px}
.services-footer{min-height:70px;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--service-rule);color:var(--service-muted);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.services-page a:focus-visible,.services-page input:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:760px){.services-header{min-height:62px;padding:0 5%;gap:16px}.services-header nav{gap:13px}.services-header nav a,.services-language{font-size:8px;letter-spacing:.04em}.services-hero{grid-template-columns:1fr;gap:20px;padding:62px 0 42px}.services-intro{max-width:600px}.services-work{padding:40px 0}.services-method{grid-template-columns:1fr;gap:14px}}
@media(max-width:520px){.services-wordmark{font-size:10px}.services-header{gap:10px}.services-header nav{gap:10px}.services-header nav>a{font-size:7px}.services-header .portfolio-menu>summary{font-size:7px}.services-header .portfolio-submenu{position:fixed;top:70px;left:5%;right:5%;width:auto;max-height:70vh;overflow:auto}.services-header .portfolio-submenu a{font-size:10px;padding:12px}.services-language{font-size:7px;gap:4px}.services-main{width:90%}.services-hero h1{font-size:clamp(39px,11.7vw,58px)}.services-examples{grid-template-columns:1fr;gap:24px}.services-work{padding:34px 0}.services-copy{margin-bottom:22px}.services-copy>p,.services-method>p,.services-contact>div>p:not(.services-kicker){font-size:13px}.compare-hint{font-size:8px}.services-footer{flex-wrap:wrap;padding:17px 5%;font-size:8px}.makeup-showcase{grid-template-columns:1fr;gap:24px}.lip-featured{margin-top:0}.lip-gallery-intro p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Portfolio menu overlay matches the shared typographic treatment. */
.services-header .portfolio-menu>summary::after{content:none!important;display:none!important}
.services-header .portfolio-menu[open]>summary{position:relative;z-index:102;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.48)}
.services-header:has(.portfolio-menu[open]){backdrop-filter:none}
.services-header .portfolio-submenu{position:fixed!important;z-index:100;top:72px;left:0;right:0;bottom:16px;min-width:0;max-height:none;overflow:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:34px 7%;background:rgba(5,5,5,.96);color:#fff;border:0;box-shadow:0 42px 110px rgba(0,0,0,.32),0 12px 38px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.services-header .portfolio-submenu-side{height:min(56svh,460px);display:flex;flex-direction:column;justify-content:space-between;padding:14px 30px 12px 0;border-right:1px solid rgba(255,255,255,.2)}
.services-header .portfolio-submenu-label{margin:0;color:#aaa;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.services-header .portfolio-submenu .portfolio-all{display:block;width:max-content;max-width:100%;padding:0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.services-header .portfolio-submenu-list{display:grid;gap:5px;padding-left:clamp(24px,5vw,70px)}
.services-header .portfolio-submenu-list a{display:block;width:max-content;max-width:100%;padding:7px 10px;color:#fff;font-size:clamp(25px,4vw,48px);font-weight:700;letter-spacing:-.055em;line-height:1.08;text-transform:none;white-space:normal;text-shadow:0 2px 6px rgba(0,0,0,.44),0 0 16px rgba(0,0,0,.275);transition:color .16s ease,transform .16s ease}
.services-header .portfolio-submenu-list a:hover,.services-header .portfolio-submenu-list a:focus-visible{background:transparent;color:#ddd;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;transform:translateX(3px)}
@media(max-width:760px){.services-header .portfolio-submenu{top:62px;bottom:12px;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;gap:0;padding:22px 6%}.services-header .portfolio-submenu-side{height:auto;min-height:0;flex-direction:row;align-items:center;padding:0 0 16px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.services-header .portfolio-submenu-list{align-content:center;gap:8px;padding:22px 0}.services-header .portfolio-submenu-list a{font-size:clamp(25px,8vw,38px)}}
@media(min-width:901px){.services-main{width:min(1440px,70%)}}
@media(max-width:900px){.services-main{width:90%}}
/* Subtle black halo keeps white interface text readable over bright photographs. */
.services-header,.services-header *, .compare-tag,.compare-divider::after{ text-shadow:0 2px 6px rgba(0,0,0,.44),0 0 16px rgba(0,0,0,.275) }
.services-header .contact-menu{position:relative;display:flex;align-items:center;flex:0 0 auto}.services-header .contact-menu>summary{list-style:none;cursor:pointer;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}.services-header .contact-menu>summary::-webkit-details-marker{display:none}.services-header .contact-menu>summary:hover,.services-header .contact-menu[open]>summary{color:#fff}.services-header .contact-reveal{position:absolute;right:0;top:calc(100% + 15px);z-index:120;min-width:220px;padding:16px 18px;background:rgba(5,5,5,.97);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.4);text-align:right}.services-header .contact-reveal a{display:inline-block;color:#fff;font-size:12px;letter-spacing:0;text-transform:none;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.44),0 0 16px rgba(0,0,0,.275)}@media(max-width:520px){.services-header .contact-reveal{position:fixed;top:70px;left:4%;right:4%;min-width:0;text-align:center}}

/* Mobile navigation shared with the home and info pages. */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
  .services-header{position:fixed!important;inset:0 0 auto!important;min-height:64px!important;height:64px!important;padding:0 5%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:rgba(5,5,5,.94)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important}
  .services-wordmark{margin-right:auto!important;font-size:13px!important}
  .mobile-menu-toggle{display:flex;order:3;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:transparent;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;text-shadow:none}
  .mobile-menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s ease}
  .mobile-nav-open .mobile-menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.mobile-nav-open .mobile-menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .mobile-nav-open .mobile-menu-toggle{position:relative;z-index:130}
  .mobile-nav-open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .services-header nav{display:none!important;position:fixed!important;z-index:120!important;inset:64px 0 0!important;width:100%!important;height:calc(100svh - 64px)!important;margin:0!important;padding:22px 6% max(28px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;background:#050505!important;color:#fff!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;flex-wrap:nowrap!important;border:0!important;box-shadow:none!important;font-family:'Space Grotesk',Helvetica,Arial,sans-serif!important}
  .mobile-nav-open nav{display:flex!important}
  .services-header nav>a,.services-header nav>details>summary{display:flex!important;align-items:center!important;width:100%!important;min-height:56px!important;padding:15px 0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font:600 16px/1.25 'Space Grotesk',Helvetica,Arial,sans-serif!important;letter-spacing:.01em!important;text-align:left!important;text-transform:none!important;text-shadow:none!important;white-space:normal!important}
  .services-header nav>details{display:block!important;width:100%!important}
  .services-header .portfolio-menu>summary::after{content:none!important;display:none!important}
  .services-header .portfolio-menu[open]>.portfolio-submenu{position:static!important;inset:auto!important;display:block!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:8px 0 14px 14px!important;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  .mobile-nav-open .portfolio-submenu-side{display:none!important}.mobile-nav-open .portfolio-submenu-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important}
  .mobile-nav-open .portfolio-submenu-list a,.mobile-nav-open .portfolio-submenu .portfolio-all{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:12px 0!important;color:rgba(255,255,255,.78)!important;font:500 15px/1.3 'Space Grotesk',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;white-space:normal!important;transform:none!important}
  .mobile-nav-open .contact-reveal{position:static!important;display:block!important;min-width:0!important;width:100%!important;padding:0 0 14px 14px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important}
  .mobile-nav-open .contact-reveal a{display:flex!important;align-items:center!important;min-height:48px!important;color:rgba(255,255,255,.78)!important;font:500 15px/1.3 'Space Grotesk',Helvetica,Arial,sans-serif!important;text-shadow:none!important;white-space:normal!important}
  .services-header .services-language{order:2;margin:0!important;font-size:10px!important;gap:6px!important}
  body.mobile-nav-active{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span{transition:none}}
@media(max-width:760px){.services-main{padding-top:64px}}
@media(max-width:760px){
  .services-header{background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .services-header.mobile-nav-open nav{display:flex!important;inset:0!important;height:100svh!important;padding:88px 6% max(28px,env(safe-area-inset-bottom))!important}
  .services-header .mobile-menu-toggle{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
}

/* Compact right-side mobile menu. */
@media(max-width:760px){
  .services-header.mobile-nav-open nav{display:flex!important;position:fixed!important;inset:72px 5% auto auto!important;width:min(86vw,380px)!important;height:auto!important;max-height:calc(100svh - 88px)!important;padding:12px 22px 20px!important;overflow-y:auto!important;background:#050505!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 48px rgba(0,0,0,.32)!important;animation:mobile-menu-in .18s ease-out both}
  body.mobile-nav-active{overflow:auto!important}
}
@keyframes mobile-menu-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mobile-nav-open nav{animation:none!important}}

/* Staggered top-down mobile menu; black stays behind each label only. */
@media(max-width:760px){
  .services-header.mobile-nav-open nav{display:flex!important;position:fixed!important;inset:72px 5% auto auto!important;width:max-content!important;max-width:88vw!important;height:auto!important;max-height:calc(100svh - 88px)!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-end!important;gap:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:mobile-menu-drop .26s cubic-bezier(.2,.8,.25,1) both}
  .services-header.mobile-nav-open nav>a,.services-header.mobile-nav-open nav>details>summary{width:max-content!important;max-width:88vw!important;min-height:48px!important;padding:12px 15px!important;margin:0!important;border:0!important;background:#050505!important;color:#fff!important;white-space:nowrap!important}
  .services-header.mobile-nav-open nav>details{display:flex!important;flex-direction:column!important;align-items:flex-end!important;width:max-content!important;max-width:88vw!important}
  .services-header.mobile-nav-open .portfolio-menu[open]>.portfolio-submenu{display:flex!important;position:static!important;inset:auto!important;width:max-content!important;max-width:88vw!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .mobile-nav-open .portfolio-submenu-list{display:flex!important;width:max-content!important;max-width:88vw!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;padding:0!important}
  .mobile-nav-open .portfolio-submenu-list a,.mobile-nav-open .portfolio-submenu .portfolio-all,.mobile-nav-open .contact-reveal a{display:flex!important;align-items:center!important;width:max-content!important;max-width:88vw!important;min-height:46px!important;padding:11px 15px!important;margin:0!important;background:#050505!important;color:rgba(255,255,255,.86)!important;font:500 15px/1.3 'Space Grotesk',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;white-space:nowrap!important;transform:none!important}
  .mobile-nav-open .contact-reveal{position:static!important;display:block!important;width:max-content!important;max-width:88vw!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:right!important}
  .mobile-nav-open nav>details:nth-of-type(1){animation:mobile-menu-item .28s .04s both}.mobile-nav-open nav>a:nth-of-type(1){animation:mobile-menu-item .28s .1s both}.mobile-nav-open nav>a:nth-of-type(2){animation:mobile-menu-item .28s .16s both}.mobile-nav-open nav>details:nth-of-type(2){animation:mobile-menu-item .28s .22s both}
}
@keyframes mobile-menu-drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobile-menu-item{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-nav-open nav,.mobile-nav-open nav>*{animation:none!important}}

/* Widen each label's black backing while keeping the text size unchanged. */
@media(max-width:760px){
  .services-header.mobile-nav-open nav>a,.services-header.mobile-nav-open nav>details>summary,.mobile-nav-open .portfolio-submenu-list a,.mobile-nav-open .portfolio-submenu .portfolio-all,.mobile-nav-open .contact-reveal a{position:relative!important;isolation:isolate!important;background:transparent!important}
  .services-header.mobile-nav-open nav>a::before,.services-header.mobile-nav-open nav>details>summary::before,.mobile-nav-open .portfolio-submenu-list a::before,.mobile-nav-open .portfolio-submenu .portfolio-all::before,.mobile-nav-open .contact-reveal a::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:50%;width:130%;max-width:calc(88vw + 1px);transform:translateX(-50%);background:#050505;pointer-events:none}
}

/* Editorial art direction inspired by the supplied reference. */
:root{--service-accent:#b9a57a}
.services-main{width:min(1440px,70%)}
.services-hero{grid-template-columns:minmax(0,1.3fr) minmax(230px,.62fr);gap:8%;padding:clamp(110px,13vw,180px) 0 82px}
.services-kicker,.services-index{color:var(--service-accent);font-size:9px;letter-spacing:.2em}
.services-hero h1{max-width:980px;font:400 clamp(58px,8.2vw,112px)/.91 Georgia,'Times New Roman',serif;letter-spacing:-.065em}
.services-intro{max-width:360px;color:#bdb9b1;font-size:13px;line-height:1.9}
.services-categories{gap:12px 25px;padding:18px 0;border-color:rgba(255,255,255,.16);font-size:9px;letter-spacing:.14em}
.services-work{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.45fr);gap:clamp(32px,6vw,92px);align-items:start;padding:clamp(72px,9vw,126px) 0;border-color:rgba(255,255,255,.15)}
.services-copy{position:sticky;top:105px;max-width:460px;margin:0}
.services-copy h2,.services-method h2{max-width:560px;margin:18px 0 18px;font:400 clamp(32px,4vw,54px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em}
.services-copy>p{color:#c2beb6;font-size:13px;line-height:1.85}
.services-keywords{color:#827e76;font-size:9px;line-height:1.8;letter-spacing:.055em}
.services-examples{gap:clamp(12px,1.5vw,22px)}
.services-examples--single{max-width:none;margin:0}
.makeup-showcase{gap:clamp(14px,1.6vw,24px)}
.service-compare figcaption{color:var(--service-accent);font-size:9px;letter-spacing:.15em}
.compare-frame{background:#111}
.compare-tag{font-size:8px;letter-spacing:.14em}
.services-method{grid-template-columns:minmax(230px,.72fr) minmax(0,1.3fr);gap:clamp(40px,8vw,125px);padding:clamp(92px,12vw,158px) 0;border-color:rgba(255,255,255,.15)}
.services-method h2{font-size:clamp(42px,5vw,68px)}
.services-method>p{color:#bdb9b1;font-size:14px;line-height:1.95}
.services-contact{padding:clamp(100px,13vw,170px) 0}
.services-contact h2{max-width:950px;font:400 clamp(54px,8vw,102px)/.92 Georgia,'Times New Roman',serif;letter-spacing:-.065em}
.services-contact>div>p:not(.services-kicker){max-width:500px;color:#bdb9b1;font-size:13px;line-height:1.85}
.services-contact>div>a{border-color:var(--service-accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.services-footer{border-color:rgba(255,255,255,.15);font-size:8px;letter-spacing:.12em}
@media(max-width:1100px){.services-main{width:84%}.services-work{grid-template-columns:minmax(190px,.72fr) minmax(0,1.35fr);gap:34px}.services-copy{top:90px}}
@media(max-width:760px){.services-main{width:90%}.services-hero{grid-template-columns:1fr;gap:20px;padding:88px 0 52px}.services-hero h1{font-size:clamp(48px,12vw,72px)}.services-work{grid-template-columns:1fr;gap:26px;padding:54px 0}.services-copy{position:static;max-width:620px}.services-copy h2{font-size:clamp(34px,9vw,48px)}.services-method{grid-template-columns:1fr;gap:15px;padding:68px 0}.services-method h2{font-size:clamp(42px,11vw,60px)}.services-contact{padding:76px 0}.services-contact h2{font-size:clamp(46px,12vw,68px)}}
@media(max-width:520px){.services-examples{grid-template-columns:1fr}.services-examples--single{max-width:none}.makeup-showcase{grid-template-columns:1fr}.services-categories{gap:10px 16px;font-size:8px}}
/* Let the service title span the editorial column before the short intro. */
.services-hero{grid-template-columns:minmax(0,1fr);gap:24px}
.services-hero>div{grid-column:1/-1;max-width:100%}
.services-hero h1{max-width:1120px;font-size:clamp(56px,7.2vw,96px);line-height:.96;letter-spacing:-.06em}
.services-intro{justify-self:end;max-width:440px;margin:0}
.services-categories{justify-content:flex-end;text-align:right}
@media(max-width:760px){.services-hero{grid-template-columns:minmax(0,1fr);gap:20px}.services-hero h1{font-size:clamp(46px,10.5vw,68px);line-height:.98}.services-intro{justify-self:start;max-width:520px}}
/* Keep the descriptive-page header legible over the full-bleed photography. */
@media(max-width:760px){.services-header{background:rgba(5,5,5,.94)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}}
@media(min-width:761px){.services-header .portfolio-menu,.services-header .portfolio-menu>summary,.services-header .portfolio-submenu,.services-header .portfolio-submenu *{font-family:Helvetica,Arial,sans-serif!important}.services-header .portfolio-submenu{position:absolute!important;top:calc(100% + 18px)!important;right:0!important;left:auto!important;bottom:auto!important;width:min(390px,calc(100vw - 36px))!important;min-width:0!important;max-height:calc(100svh - 100px)!important;overflow:auto!important;padding:16px!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;background:rgba(10,10,10,.98)!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;backdrop-filter:blur(10px)!important}.services-header .portfolio-submenu-side{height:auto!important;min-height:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 0 14px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.17)!important}.services-header .portfolio-submenu-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;padding:1px!important;background:rgba(255,255,255,.17)!important}.services-header .portfolio-submenu-list a{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:68px!important;padding:13px!important;background:#101010!important;color:#f4f4f1!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1.15!important;text-transform:none!important;white-space:normal!important}.services-header .portfolio-submenu-list a:hover,.services-header .portfolio-submenu-list a:focus-visible{background:#1b1b1b!important;color:#fff!important;text-decoration:none!important;transform:none!important}}
/* Remove gold labels and decorative rules from the Services page, preserving the functional comparison controls. */
.services-page{--service-accent:#aaa69e}
.services-page .services-kicker,.services-page .services-index,.services-page .service-compare>figcaption{display:none!important}
.services-page .services-header,.services-page .services-categories,.services-page .services-work,.services-page .services-method,.services-page .services-contact,.services-page .services-footer{border:0!important;box-shadow:none!important}
.services-page .services-contact>div>a{padding-bottom:0!important;border:0!important;text-transform:none!important}
@media(max-width:760px){.services-page .services-header{background:rgba(5,5,5,.94)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}}
@media(max-width:760px){.services-page .services-examples,.services-page .makeup-showcase{grid-template-columns:minmax(0,1fr)!important;max-width:none!important;gap:24px!important}.services-page .service-compare{width:100%!important;max-width:none!important}.services-page .compare-frame{width:100%!important}}
/* Desktop portfolio dropdown matches the right-aligned cascading mobile menu. */
@media(min-width:761px){
  .services-header .portfolio-menu,.info-page .info-topbar .portfolio-menu{position:relative!important}
  .services-header .portfolio-menu[open]>.portfolio-submenu,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu{position:absolute!important;z-index:120!important;top:calc(100% + 10px)!important;right:0!important;bottom:auto!important;left:auto!important;display:flex!important;width:max-content!important;min-width:0!important;max-width:88vw!important;height:auto!important;max-height:calc(100svh - 100px)!important;overflow:visible!important;padding:0!important;margin:0!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;animation:mobile-menu-drop .26s cubic-bezier(.2,.8,.25,1) both}
  .services-header .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-side,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-side{display:none!important}
  .services-header .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list{display:flex!important;width:max-content!important;max-width:88vw!important;padding:0!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;background:transparent!important}
  .services-header .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;width:max-content!important;max-width:88vw!important;min-height:46px!important;padding:11px 15px!important;margin:0!important;background:transparent!important;color:rgba(255,255,255,.86)!important;font:500 15px/1.3 'Space Grotesk',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;white-space:nowrap!important;transform:none!important}
  .services-header .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a::before,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:50%;width:130%;max-width:calc(88vw + 1px);transform:translateX(-50%);background:#050505;pointer-events:none}
  .services-header .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a:hover,.info-page .info-topbar .portfolio-menu[open]>.portfolio-submenu .portfolio-submenu-list a:hover{color:#fff!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
@keyframes mobile-menu-drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.services-header .portfolio-menu[open]>.portfolio-submenu{animation:none!important}}

/* Give the service examples a wider editorial canvas and align the makeup samples. */
.services-page .services-main{width:min(1600px,86%)}
.services-page .services-work#beauty{grid-template-columns:minmax(0,1fr);gap:28px}
.services-page .services-work#beauty .services-copy{position:static;max-width:760px}
.services-page .services-work#beauty .services-examples{width:100%}
.services-page .services-work#fashion{grid-template-columns:minmax(0,1fr);gap:28px}
.services-page .services-work#fashion .services-copy{position:static;max-width:760px}
.services-page .services-work#fashion .services-examples{width:100%}
.services-page .lip-featured{margin-top:0}
@media(max-width:1100px){.services-page .services-main{width:86%}}
@media(max-width:760px){.services-page .services-main{width:90%}.services-page .services-work#beauty,.services-page .services-work#fashion{gap:20px}}
@media(max-width:760px){body.services-page{min-height:0}}