/* OWNER 2026-10-27 header: THE SHOP · THE LOBBY · THE FRONT DESK on the left, the logo in the middle, search · favourites · cart · account as
   icons on the right. A layer over each page's own masthead: the page's controls stay underneath and do the work (menus, search, cart, sign-in). */
@media (min-width:761px){
  [data-mast="1"].s9h > :not(.s9h-row){visibility:hidden}
  /* the old row never shows first: hidden from the first paint until the new header is in */
  [data-mast="1"]:not(.s9h) > *{visibility:hidden}
  [data-mast="1"].s9h [data-s9h="logo"]{visibility:visible;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center}
  /* the page's own drop-down menus (rooms, the desk) still open, under our words */
  [data-mast="1"].s9h [data-menuwrap] > div[style*="position:absolute"],[data-mast="1"].s9h [data-menuwrap] > div[style*="position: absolute"]{visibility:visible}
  [data-mast="1"].s9h [data-s9h-menu="1"]{visibility:visible!important;z-index:60}
  [data-mast="1"].s9h.s9h-find [data-s9h="find"]{visibility:visible!important;position:absolute!important;left:var(--s9h-fl,60%)!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);
    width:var(--s9h-fw,320px)!important;max-width:none!important;min-width:0!important;margin:0!important;z-index:4;display:flex!important;align-items:center;gap:9px;background:var(--s9h-ground,#0B1220)!important;
    border-bottom:1px solid rgba(228,233,241,.55)!important;padding:6px 2px!important}
  [data-mast="1"].s9h.s9h-find [data-s9h="find"] *{visibility:visible!important}
  /* OWNER 2026-10-27 "make this more impressive … the logo bigger … take the line below and move it somewhere around the logo … a bigger moon":
     a larger wordmark, a larger lit moon, and the line split either side — YOUR SHINE, · SOUL925 ◯ · OUR SILVER. */
  [data-mast="1"].s9h [data-s9h="logo"] > :not(a){display:none!important}
  [data-mast="1"].s9h [data-s9h="logo"] a{display:flex!important;align-items:center;font-size:24px!important;letter-spacing:.3em!important;line-height:1}
  [data-mast="1"].s9h [data-s9h="logo"] .s925-wordmark{font-size:27px!important;letter-spacing:.2em!important;line-height:1!important}
  [data-mast="1"].s9h [data-s9h="logo"] [data-moon]{width:30px!important;height:30px!important;margin-left:10px!important;vertical-align:middle!important;border-radius:50%;
    box-shadow:0 0 0 1px rgba(228,233,241,.35),0 0 14px 2px rgba(228,233,241,.32),0 0 34px 6px rgba(228,233,241,.12)!important}
  [data-mast="1"].s9h [data-s9h="logo"] [data-moon] svg{width:30px!important;height:30px!important}
  .s9h-tg{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-body);font-size:10.5px;letter-spacing:.32em;line-height:1;white-space:nowrap;color:rgba(228,233,241,.6);pointer-events:none}
  [data-mast="1"].s9h.s9h-find .s9h-tg.r{visibility:hidden}
  .s9h-row{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 var(--s9h-pad,24px);pointer-events:none}
  .s9h-row > *{pointer-events:auto}
  .s9h-nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
  .s9h-it{display:flex;align-items:center;gap:5px}
  .s9h-nav a{font-family:var(--font-body);font-size:11.5px;letter-spacing:.2em;line-height:1;white-space:nowrap;color:rgba(228,233,241,.74);text-decoration:none;padding:7px 0 6px;border-bottom:1px solid transparent;transition:color 240ms ease,border-color 240ms ease}
  .s9h-nav a:hover,.s9h-nav a:focus-visible{color:#E4E9F1;outline:none}
  .s9h-nav a.on{color:#E4E9F1;border-bottom-color:rgba(228,233,241,.75)}
  .s9h-dd{background:none;border:0;padding:6px 2px;margin:0;color:rgba(228,233,241,.6);cursor:pointer;line-height:0}
  .s9h-dd:hover{color:#E4E9F1}.s9h-dd svg{width:9px;height:6px}
  .s9h-ic{display:flex;align-items:center;gap:clamp(10px,1.2vw,18px)}
  .s9h-ic button{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;border:0;background:none;color:#E4E9F1;cursor:pointer;border-radius:50%;transition:background-color 200ms ease}
  .s9h-ic button:hover,.s9h-ic button:focus-visible{background:rgba(228,233,241,.08);outline:none}
  .s9h-ic svg{width:19px;height:19px;display:block}
  .s9h-ic .n{position:absolute;top:2px;right:0;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:#E4E9F1;color:#0B1220;font:600 9px/14px var(--font-body);text-align:center}
  .s9h-ic .n:empty{display:none}
}
/* the account menu under the person icon */
.s9h-acm{position:fixed;z-index:200;min-width:200px;padding:6px 0;background:#0B1220;border:1px solid rgba(228,233,241,.18);border-radius:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.8)}
.s9h-acm a{display:block;padding:10px 18px;font-family:var(--font-body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(228,233,241,.82);text-decoration:none;white-space:nowrap}
.s9h-acm a:hover,.s9h-acm a:focus-visible{background:rgba(228,233,241,.07);color:#E4E9F1;outline:none}
@media (max-width:760px){.s9h-row{display:none}}

/* OWNER 2026-10-27: YOUR SKIN TONE in the account menu */
.s9h-skin{margin:4px 0 0;padding:10px 18px 12px;border-top:1px solid rgba(228,233,241,.12)}
.s9h-skin-h{font-family:var(--font-body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(228,233,241,.82);margin:0 0 9px}
.s9h-skin-r{display:grid;grid-template-columns:repeat(13,18px);gap:5px;align-items:center}
.s9h-skin-r button{width:18px;height:18px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px rgba(228,233,241,.3)}
.s9h-skin-r button.none{background:linear-gradient(135deg,transparent 45%,rgba(228,233,241,.7) 46% 54%,transparent 55%),#0B1220}
.s9h-skin-r button[aria-pressed="true"]{box-shadow:0 0 0 2px #0B1220,0 0 0 3.5px #E4E9F1}
.s9h-skin-r button:focus-visible{outline:2px solid #E4E9F1;outline-offset:2px}
.s9-skin-n{margin:9px 0 0;font-family:var(--font-body);font-size:11px;line-height:1.4;color:rgba(228,233,241,.55);max-width:300px}
@media (max-width:420px){.s9h-skin-r{grid-template-columns:repeat(7,22px);gap:7px}.s9h-skin-r button{width:22px;height:22px}}
.s9h-acm .s9h-skin a.s9h-skin-go{padding:10px 0 0;font-size:11px;letter-spacing:.16em}
.s9h-skin.ph{margin:0;padding:22px 0 24px;border-top:0;border-bottom:1px solid rgba(228,233,241,.16)}
.s9h-skin.ph .s9h-skin-r{grid-template-columns:repeat(7,30px);gap:12px 14px}
.s9h-skin.ph .s9h-skin-r button{width:30px;height:30px}
.s9h-skin.ph .s9-skin-n{font-size:13px;max-width:none}
.s9h-skin.ph a.s9h-skin-go{display:inline-block;padding:14px 0 0;font-family:var(--font-body);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#E4E9F1;text-decoration:none}
.s9h-skin-r{grid-template-columns:repeat(11,18px)!important}
.s9h-skin-u{display:flex;gap:6px;margin-top:10px}
.s9h-skin-u button{padding:5px 10px;border:1px solid rgba(228,233,241,.25);border-radius:12px;background:transparent;color:rgba(228,233,241,.75);font-family:var(--font-body);font-size:11px;letter-spacing:.08em;cursor:pointer}
.s9h-skin-u button[aria-pressed="true"]{border-color:#E4E9F1;color:#E4E9F1}
.s9h-skin.ph .s9h-skin-r{grid-template-columns:repeat(6,30px)!important}

/* OWNER 2026-10-29 "visible, not hidden behind in a menu … be a little blunt": the skin tone pill (header on desktop, bottom-left on the phone) */
.s9h-sk{display:inline-flex!important;align-items:center;gap:9px;width:auto!important;height:34px!important;padding:0 14px 0 6px!important;border:1px solid rgba(228,233,241,.55)!important;border-radius:17px!important;
  background:rgba(228,233,241,.06)!important;color:#E4E9F1;font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;line-height:1}
.s9h-sk:hover,.s9h-sk:focus-visible{background:rgba(228,233,241,.14)!important;border-color:#E4E9F1!important;outline:none}
.s9h-sk i{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(228,233,241,.5);background:conic-gradient(#f7e5da,#d6aa88,#aa7a56,#71482f,#391f15,#f7e5da)}
.s9h-sk.set i{box-shadow:0 0 0 2px #0B1220,0 0 0 3px rgba(228,233,241,.85)}
.s9h-sk.ph{position:absolute;left:0;top:0;z-index:5;width:36px!important;height:36px!important;padding:0!important;justify-content:center;border-radius:50%!important;
  border:0!important;background:transparent!important}
.s9h-sk.ph span{display:none}
.s9h-sk.ph i{width:21px;height:21px}
.s9h-sk.ph.set i,.s9h-sk.ph i{box-shadow:0 0 0 1px rgba(228,233,241,.55)}
.s9h-skpop{padding:14px 0 4px}
.s9h-skp-t{margin:0 18px 2px;font-family:var(--font-body);font-size:13px;letter-spacing:.02em;color:#E4E9F1}
.s9h-skpop .s9h-skin{border-top:0;margin:0}
.s9h-skpop .s9h-skin a.s9h-skin-go{display:inline-block;padding:12px 0 6px;font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#E4E9F1;text-decoration:none}
@media (max-width:760px){.s9h-skpop .s9h-skin-r{grid-template-columns:repeat(6,30px)!important;gap:12px 14px}.s9h-skpop .s9h-skin-r button{width:30px;height:30px}}
/* the picker, as THE LOOK's skin sheet: 10 tiles, the undertone words, No skin */
.s9h-lk .s9h-tl{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;min-width:250px}
.s9h-lk .s9h-tl button{height:30px;padding:0;border:0;border-radius:2px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.s9h-lk .s9h-tl button[aria-pressed="true"]{box-shadow:0 0 0 2px #0B1220,0 0 0 3px #E4E9F1}
.s9h-lk .s9h-tl button:focus-visible,.s9h-lk .s9h-wd button:focus-visible{outline:2px solid #E4E9F1;outline-offset:2px}
.s9h-lk .s9h-wd{display:block;margin-top:12px;color:#E4E9F1;font-family:var(--font-body)}
.s9h-lk .s9h-wl{font-family:var(--font-body);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(228,233,241,.55)}
.s9h-lk .s9h-wd button{padding:2px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:rgba(228,233,241,.62);font-family:var(--font-body);font-size:12px;letter-spacing:.02em;cursor:pointer}
.s9h-lk .s9h-wd button[aria-pressed="true"]{color:#E4E9F1;border-bottom-color:#E4E9F1}
.s9h-lk .s9h-wd button.none{margin-left:auto}
.s9h-skin.ph.s9h-lk .s9h-tl button{height:34px}
.s9h-lk .s9h-wd button[data-su]{display:inline-flex;align-items:center;gap:6px}
.s9h-lk .s9h-wd button[data-su] i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.s9h-lk .s9h-wd button[data-su][aria-pressed="true"] i{box-shadow:0 0 0 1.5px #0B1220,0 0 0 2.5px #E4E9F1}
.s9h-sk[hidden]{display:none!important}
/* OWNER 2026-10-29 "just an icon on the right of search on desktop": round, icon-sized, no words */
.s9h-sk:not(.ph){width:34px!important;height:34px!important;padding:0!important;justify-content:center;border-radius:50%!important;border:0!important;background:none!important}
.s9h-sk:not(.ph):hover,.s9h-sk:not(.ph):focus-visible{background:rgba(228,233,241,.08)!important}
.s9h-sk:not(.ph) span{display:none}
.s9h-sk:not(.ph) i{width:20px;height:20px}
.s9h-sk i{position:relative;display:flex;align-items:center;justify-content:center}
.s9h-sk i svg{width:66%;height:66%}