/* ÉterNails V2 — legibility, navigation and pearl light. */
:root { --header-height:106px; --muted:#68524c; }
html { scroll-padding-top:calc(var(--header-height) + 20px); }
.site-header {
  position:sticky;
  top:0;
  background:#fbf5eff5;
  transition:box-shadow .3s, background .3s;
}
.site-header.is-scrolled { box-shadow:0 7px 30px #57382c0d; background:#fbf5effa; }
.desktop-nav { font-size:13px; }
.desktop-nav>a { min-height:44px; display:inline-flex; align-items:center; }
.desktop-nav>a[aria-current="location"]:after { width:100%; }
.desktop-nav>a[aria-current="location"] { color:#8d4a56; }
.mobile-nav a[aria-current="location"] { color:#8d4a56; }
.button { font-size:12px; min-height:48px; }
.header-cta { font-size:12px; }
.eyebrow { font-size:10px; letter-spacing:.18em; line-height:1.8; }
.hero-description { font-size:15px; }
.text-link { font-size:13px; }
.hero-signature { font-size:9px; }
.scroll-note { font-size:10px; }
.ribbon { font-size:10px; overflow-x:auto; scrollbar-width:none; }
.ribbon::-webkit-scrollbar { display:none; }
.atelier-copy p:not(.eyebrow),.section-heading>p { font-size:15px; }
.atelier-copy :is(h1,h2) { margin-bottom:28px; }
.image-caption { font-size:9px; gap:16px; line-height:1.8; }
.artist-sign>span:last-child { font-size:9px; }
.filter { font-size:12px; min-height:44px; }
.filter span { font-size:10px; }
.gallery-meta span { font-size:9px; letter-spacing:.06em; }
.gallery-note span { font-size:12px; line-height:1.8; }
.technique p { font-size:14px; }
.tech-tag { font-size:9px; line-height:1.8; }
.quality .eyebrow { font-size:9px; }
.quality-intro>p:not(.eyebrow) { font-size:14px; }
.training { font-size:12px; }
.brand-story { grid-template-columns:90px 1fr; }
.brand-story p { font-size:13px; }
.brand-story h4 small { font-size:11px; }
.brand-story span { font-size:12px; }
.availability { font-size:9px; }
.promo-copy>p:not(.eyebrow) { font-size:15px; }
.promo-copy .promo-footnote { font-size:11px!important; }
.promo-dates { font-size:12px; }
.promo-stamp { font-size:9px; }
.last-invitation p:not(.eyebrow) { font-size:15px; }
.footer-links,.footer-links button { font-size:12px; }
footer>small { font-size:10px; }
.planner>p:not(.eyebrow),.info-dialog>p:not(.eyebrow) { font-size:14px; }
label { font-size:13px; }
select,textarea { font-size:16px; }
.selected-inspiration { font-size:13px; }
.form-note { font-size:12px; }
.wish-result [role=status] { font-size:13px; }
.lightbox-caption .eyebrow,.lightbox-controls { font-size:10px; }
.lightbox #lightbox-art { touch-action:pan-y; }
.gallery-photo { background:linear-gradient(125deg,#f2d4c9,#d8b5a6); }
.orb {
  border:1px solid #fff6;
  opacity:.85;
  background:radial-gradient(circle at 27% 22%,#fffdf4cc 0,#ffedcb55 22%,#e4b0a11c 58%,#d7a77844 87%,#fff1d488 98%);
  box-shadow:inset 2px 2px 8px #fff9,inset -3px -4px 12px #bd927523,0 0 35px #dfb27b45;
}
.orb:after { content:''; position:absolute; width:20%; height:12%; left:23%; top:18%; border-radius:50%; background:#fff9; transform:rotate(-30deg); filter:blur(1px); }
.hero:before { opacity:.9; background:linear-gradient(115deg,transparent 30%,#fff9 39%,#c58b7422 44%,transparent 51%,#fff6 57%,#c58b741c 62%,transparent 69%); }
.art-orb { border:1px solid #fff5; box-shadow:inset -5px -8px 12px #ba8f5c24,0 0 45px #e1ba8c70; }
.gallery-card button { scroll-margin-top:calc(var(--header-height) + 25px); }
@supports(backdrop-filter:blur(10px)) { .site-header { backdrop-filter:blur(14px); } }
@media(max-width:1100px) {
  .desktop-nav { font-size:12px; gap:18px; }
  .header-cta { font-size:11px; }
  .hero-signature { font-size:8px; }
  .quality { gap:6%; }
}
@media(max-width:900px) {
  :root { --header-height:86px; }
  .site-header { height:86px; padding:10px 6%; }
  .site-header .brand { width:145px; }
  .desktop-nav,.header-cta { display:none; }
  .menu-toggle { display:flex; width:44px; height:44px; flex-direction:column; justify-content:center; gap:7px; align-items:center; }
  .menu-toggle span { width:23px; height:1px; background:var(--ink); transition:.25s; }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .mobile-nav { position:fixed; top:var(--header-height); left:0; right:0; z-index:9; display:flex; flex-direction:column; background:#fbf4ef; border-bottom:1px solid var(--line); padding:20px 7% 30px; gap:5px; box-shadow:0 15px 25px #3827250d; max-height:calc(100dvh - var(--header-height)); overflow-y:auto; }
  .mobile-nav>a { padding:12px 0; font-family:var(--serif); font-size:27px; }
  .mobile-nav .button { align-self:start; margin-top:8px; }
  .hero .button { font-size:12px; }
  .hero-more { font-size:12px; }
  .hero-text .eyebrow { font-size:9px; }
}
@media(max-width:800px) {
  .section-heading>p,.atelier-copy p:not(.eyebrow) { font-size:14px; }
  .hero-description { font-size:14px; }
  .image-caption { font-size:8px; }
  .brand-story { grid-template-columns:1fr; }
  .quality-intro>p:not(.eyebrow) { font-size:13px; }
  .quality .eyebrow { font-size:8px; }
  .technique p { font-size:13px; }
  .tech-tag { font-size:8px; }
  .promo-copy>p:not(.eyebrow) { font-size:14px; }
  .promo-copy .button { font-size:12px; }
  .availability { font-size:9px; }
  .last-invitation p:not(.eyebrow) { font-size:14px; }
}
@media(max-width:560px) {
  .hero .eyebrow { font-size:10px; }
  .hero-description { font-size:14px; line-height:1.8; }
  .hero .button { font-size:12px; padding:14px 22px; }
  .hero-more { display:flex; width:max-content; margin:14px 0 0; font-size:12px; }
  .hero-signature { font-size:8px; letter-spacing:.04em; }
  .hero-side-note { font-size:8px; }
  .scroll-note { font-size:9px; }
  .ribbon { font-size:9px; }
  .atelier-copy .eyebrow,.eyebrow { font-size:9px; }
  .atelier-copy p:not(.eyebrow),.section-heading>p { font-size:14px; }
  .image-caption { font-size:8px; flex-direction:column; gap:3px; }
  .artist-sign>span:last-child { font-size:8px; }
  .filter { min-height:44px; font-size:12px; }
  .filter span { font-size:9px; }
  .gallery-meta { gap:7px; }
  .gallery-meta span { font-size:9px; line-height:1.5; }
  .gallery-card:first-child .gallery-meta { align-items:start; }
  .gallery-note span { font-size:11px; }
  .technique p { font-size:14px; }
  .tech-tag { font-size:8px; }
  .quality-intro>p:not(.eyebrow) { font-size:14px; }
  .quality .eyebrow { font-size:8px; }
  .training { font-size:11px; }
  .brand-story { grid-template-columns:65px 1fr; gap:17px; }
  .brand-story>img,.oa-logo { width:65px; }
  .brand-story p { font-size:13px; }
  .brand-story span { font-size:11px; }
  .brand-story h4 small { font-size:10px; }
  .promo-copy .eyebrow { font-size:10px; }
  .promo-copy>p:not(.eyebrow) { font-size:14px; }
  .promo-copy .promo-footnote { font-size:11px!important; }
  .promo-copy .button,.last-invitation .button { font-size:12px; }
  .last-invitation p:not(.eyebrow) { font-size:14px; }
  .last-invitation .eyebrow { font-size:9px; }
  .footer-links,.footer-links button { font-size:11px; }
  footer>small { font-size:9px; letter-spacing:.03em; }
  .planner .eyebrow { font-size:9px; }
  .planner>p:not(.eyebrow),.info-dialog>p:not(.eyebrow) { font-size:14px; }
  .lightbox-caption .button { font-size:12px; }
  .lightbox-caption .eyebrow { font-size:9px; }
  .orb-a,.orb-e { display:none; }
  .ambient .orb { box-shadow:inset 2px 2px 5px #fff7,0 0 20px #dfb27b22; }
}
@media(max-width:360px) { .hero-signature { font-size:7px; } .gallery-meta h3 { font-size:23px; } }