.beauty-page,.beauty-detail-page { background:var(--paper); }
.beauty-wrap { width:min(1200px,calc(100% - 96px)); margin-inline:auto; }
.beauty-page [hidden],.beauty-detail-page [hidden] { display:none!important; }
.beauty-masthead { padding:40px 0 56px; }
.beauty-kicker,.beauty-edition { display:flex; justify-content:space-between; gap:24px; color:var(--muted); font-size:8px; letter-spacing:2px; }
.beauty-title-row { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.beauty-title-row h1 { margin:24px 0; font-size:clamp(64px,8vw,112px); font-weight:400; line-height:1; letter-spacing:-4px; }
.beauty-title-row h1 i { color:var(--olive); }
.beauty-title-row>p { border-left:1px solid var(--line); padding-left:24px; color:var(--muted); font-size:12px; line-height:2; }
.beauty-edition { border-block:1px solid var(--line); padding:14px 0; }
.beauty-collection { padding:48px 0; }
.beauty-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.beauty-heading h2 { margin:12px 0 0; font:400 34px/1.5 "Noto Serif Thai",serif; }
.beauty-heading h2 em { color:#879079; font-style:normal; }
.beauty-heading>p { color:var(--muted); font-size:11px; }
.beauty-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; border-block:1px solid var(--line); padding:12px 0; margin-bottom:32px; }
.beauty-filters { display:flex; flex-wrap:wrap; gap:7px; }
.beauty-filter { appearance:none; border:0; border-radius:30px; padding:9px 19px; background:transparent; color:#747c67; font:inherit; font-size:11px; }
.beauty-filter:hover { background:#e8eadf; }
.beauty-filter[aria-pressed=true] { background:var(--olive); color:var(--paper); }
.beauty-filter span { margin-left:14px; font-size:9px; opacity:.7; }
#beauty-count { flex:none; color:var(--muted); font-size:8px; letter-spacing:2px; }
.beauty-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; }
.beauty-card { min-width:0; }
.beauty-card-art { position:relative; overflow:hidden; background:#e7e9de; }
.beauty-card-art>img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; transition:transform .5s; }
.beauty-card-number { position:absolute; left:14px; top:14px; padding:5px 9px; color:#fff; background:#2a352a70; font-size:9px; letter-spacing:1.5px; }
.beauty-card-open { position:absolute; right:13px; bottom:13px; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#faf7f0ed; font-size:22px; }
.beauty-card-meta { display:flex; justify-content:space-between; gap:12px; margin-top:18px; color:var(--muted); font-size:8px; letter-spacing:1.3px; }
.beauty-card h3 { margin:10px 0 4px; font:400 20px/1.6 "Noto Serif Thai",serif; }
.beauty-card-en { margin:0 0 14px; color:#868e78; font-size:22px; font-style:italic; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.beauty-card-tags { border-top:1px solid var(--line); padding-top:12px; color:#7c836e; font-size:9px; }
.beauty-state { grid-column:1/-1; padding:56px 0; text-align:center; }
.beauty-state>.en { margin:16px 0; font-size:38px; font-style:italic; }
.beauty-state>p:not(.en) { color:var(--muted); font-size:13px; }
.beauty-retry { appearance:none; min-height:46px; margin-top:16px; padding:11px 24px; border:1px solid var(--olive); border-radius:40px; background:var(--olive); color:var(--paper); font:inherit; }
.beauty-missing-photo { display:grid; place-items:center; min-height:220px; color:var(--muted); }
.beauty-closing { padding:72px 0 88px; text-align:center; }
.beauty-closing>.en { margin:20px 0; font-size:clamp(45px,5vw,70px); line-height:1; }
.beauty-closing>.en i { color:var(--olive); }
.beauty-closing>span:last-child { color:var(--muted); font-size:11px; }
@media(hover:hover) { .beauty-card a:hover img { transform:scale(1.025); } }

.beauty-detail-nav { padding-top:32px; }
.beauty-detail-head { padding:48px 0 40px; }
.beauty-detail-head h1 { margin:16px 0 8px; font:400 clamp(34px,5vw,60px)/1.35 "Noto Serif Thai",serif; }
.beauty-detail-en { margin:0; color:var(--olive); font-size:32px; font-style:italic; }
.beauty-detail-description { max-width:720px; color:var(--muted); font-size:13px; line-height:2; white-space:pre-line; }
.beauty-detail-actions { margin-top:20px; }
.beauty-detail-page .beauty-study { padding-top:0; }
.beauty-detail-page .study-layout { min-height:680px; }
.beauty-detail-page .study-face>img { width:100%; height:auto; }
.beauty-detail-page .study-product-art>img {
  position:absolute;
  z-index:1;
  inset:20px;
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  min-width:0;
  min-height:0;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
}
.beauty-detail-page .study-product-variant { color:var(--muted); font-size:12px; }
.beauty-detail-page .study-store { display:inline-block; margin-top:16px; font-size:11px; }
.beauty-detail-page .beauty-shade-dot { display:inline-block; width:12px; height:12px; margin-right:7px; border:1px solid var(--line); border-radius:50%; vertical-align:middle; }
.beauty-detail-page .beauty-no-products { padding:56px 0; color:var(--muted); font-size:12px; }
.beauty-disclosure { padding-block:32px 64px; color:var(--muted); font-size:10px; }
.beauty-load { padding:80px 0; text-align:center; color:var(--muted); }
.study-beauty-edit .study-layout { grid-template-columns:1fr 1fr; gap:48px 64px; }
.study-beauty-edit .study-copy { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:64px; }
.study-beauty-edit .study-copy>.eyebrow { grid-column:1/-1; }
.study-beauty-edit .study-copy h3 { grid-row:2/5; margin-bottom:0; }
.study-beauty-edit .study-product-art { background:color-mix(in srgb,var(--paper) 88%,var(--line)); }
.study-beauty-edit .study-portrait { align-self:start; }
.beauty-detail-page .study-muse figcaption .study-picks { overflow-x:auto; }
@media(max-width:700px) {
  .beauty-wrap { width:calc(100% - 40px); }
  .beauty-masthead { padding:28px 0 36px; }.beauty-kicker>span:last-child { display:none; }.beauty-title-row { display:block; }.beauty-title-row h1 { font-size:56px; letter-spacing:-2px; }.beauty-title-row>p { border:0; padding:0; }.beauty-edition { font-size:7px; letter-spacing:1px; }
  .beauty-heading { display:block; }.beauty-heading>p { margin-top:10px; }.beauty-toolbar { align-items:start; gap:8px; }.beauty-filter { padding:8px 10px; font-size:10px; }.beauty-filter span { display:none; }.beauty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 15px; }.beauty-card-meta { font-size:6px; letter-spacing:.5px; }.beauty-card h3 { font-size:15px; }.beauty-card-en { min-height:40px; font-size:18px; }.beauty-card-tags { font-size:8px; }.beauty-card-open { width:30px; height:30px; font-size:18px; }.beauty-card-number { left:8px; top:8px; font-size:7px; }
  .beauty-detail-head { padding:36px 0 28px; }.beauty-detail-en { font-size:25px; }.beauty-detail-page .study-layout,.study-beauty-edit .study-layout { grid-template-columns:minmax(0,1fr); min-height:0; }.study-beauty-edit .study-copy { display:block; grid-column:auto; }.beauty-detail-page .study-face { width:100%; }.beauty-disclosure { padding-bottom:48px; }
}
@media(prefers-reduced-motion:reduce) { .beauty-card-art>img,.beauty-filter { transition:none; }.beauty-card a:hover img { transform:none; } }