/* M.STUDIO Stories v1.0 — scoped styles; no external libraries. */
.ms-stories,.ms-stories-modal{--ms-ink:#231f1d;--ms-soft:#69615d;--ms-line:#e9e2dc;--ms-paper:#faf8f5;--ms-radius:18px;font-family:inherit}
.ms-stories{padding:76px 0 84px;color:var(--ms-ink);background:var(--ms-paper);overflow:hidden}
.ms-stories *,.ms-stories-modal *{box-sizing:border-box}
.ms-stories__shell{width:min(1320px,calc(100% - 72px));margin-inline:auto}
.ms-stories__head{display:flex;gap:28px;justify-content:space-between;align-items:end;margin-bottom:31px}
.ms-stories__eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:#806f64;margin:0 0 12px}
.ms-stories__title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.4vw,52px);line-height:1.13;letter-spacing:-.035em;font-weight:400;margin:0 0 10px}
.ms-stories__desc{font:400 15px/1.6 Arial,sans-serif;color:var(--ms-soft);margin:0;max-width:480px}
.ms-stories__arrows{display:flex;gap:9px;flex-shrink:0}
.ms-stories__arrow{height:42px;width:42px;border:1px solid #d5cbc3;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--ms-ink);cursor:pointer;transition:background .15s,border-color .15s}
.ms-stories__arrow:hover:not(:disabled){background:white;border-color:#a59487}
.ms-stories__arrow:disabled{opacity:.28;cursor:default}
.ms-stories__arrow svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.ms-stories__track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:1px;padding:4px 2px 13px;margin:0 -2px;touch-action:pan-x pan-y}
.ms-stories__track::-webkit-scrollbar{display:none}
.ms-stories__item{flex:0 0 clamp(160px,17vw,215px);list-style:none;scroll-snap-align:start}
.ms-stories__card{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:var(--ms-radius);color:white;cursor:pointer;overflow:hidden;text-align:left;background:linear-gradient(150deg,#c5b3a6,#78655d);isolation:isolate;box-shadow:0 9px 25px rgba(33,27,23,.075);transition:transform .22s ease,box-shadow .22s ease}
.ms-stories__card:hover{transform:translateY(-3px);box-shadow:0 17px 30px rgba(33,27,23,.12)}
.ms-stories__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ms-stories__card:hover .ms-stories__poster{transform:scale(1.035)}
.ms-stories__card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.09),transparent 48%,rgba(0,0,0,.65));pointer-events:none}
.ms-stories__top{position:absolute;top:14px;left:13px;right:13px;z-index:1;display:flex;align-items:center;justify-content:space-between}
.ms-stories__brand{font:600 10px/1 Arial,sans-serif;letter-spacing:.14em;color:#fff}
.ms-stories__play{width:30px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(7px)}
.ms-stories__play svg{width:12px;height:12px;fill:white;transform:translateX(1px)}
.ms-stories__bottom{position:absolute;bottom:17px;left:15px;right:15px;z-index:1}
.ms-stories__label{font:600 16px/1.3 Arial,sans-serif;display:block;max-width:175px;text-wrap:balance}
.ms-stories__duration{font:500 10px/1.5 Arial,sans-serif;opacity:.78;display:block;margin-top:5px}
.ms-stories-modal[hidden]{display:none!important}
.ms-stories-modal{position:fixed;z-index:2147483000;inset:0;background:rgba(14,13,12,.95);color:#fff;display:flex;align-items:center;justify-content:center;padding:24px 74px}
.ms-stories-modal__frame{width:min(410px,calc((100dvh - 50px)*.5625));max-width:100%;height:min(calc(100dvh - 48px),730px);min-height:0;background:#272321;border-radius:17px;position:relative;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.45);isolation:isolate}
.ms-stories-modal__video{display:block;width:100%;height:100%;object-fit:cover;background:#1d1b19}
.ms-stories-modal__fallback{position:absolute;inset:0;background:linear-gradient(160deg,#988178,#352f2c);display:grid;place-items:center;padding:28px;text-align:center}
.ms-stories-modal__fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.ms-stories-modal__fallback span{position:relative;z-index:1;text-shadow:0 2px 10px #171312;font:500 16px/1.5 Arial,sans-serif}
.ms-stories-modal__top{position:absolute;z-index:3;left:0;right:0;top:0;padding:17px 16px 10px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
.ms-stories-modal__segments{display:flex;gap:5px;margin-bottom:13px}
.ms-stories-modal__segment{height:3px;border:0;border-radius:3px;background:rgba(255,255,255,.35);padding:0;overflow:hidden;flex:1;cursor:pointer}
.ms-stories-modal__fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;will-change:transform}
.ms-stories-modal__head{display:flex;align-items:center;gap:10px}
.ms-stories-modal__title{font:600 13px/1.4 Arial,sans-serif;letter-spacing:.01em;flex:1;text-shadow:0 1px 3px #000}
.ms-stories-modal__ctrl{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;background:rgba(0,0,0,.18);color:white;border-radius:50%;cursor:pointer;backdrop-filter:blur(5px)}
.ms-stories-modal__ctrl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ms-stories-modal__ctrl:focus-visible,.ms-stories__card:focus-visible,.ms-stories__arrow:focus-visible,.ms-stories-modal__segment:focus-visible{outline:3px solid #fae9cd;outline-offset:3px}
.ms-stories-modal__zones{position:absolute;z-index:2;top:92px;bottom:118px;left:0;right:0;display:flex}
.ms-stories-modal__zone{width:25%;border:0;background:none;cursor:pointer;padding:0}
.ms-stories-modal__zone--center{width:50%;cursor:default;pointer-events:none}
.ms-stories-modal__bottom{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:44px 19px 20px;background:linear-gradient(0deg,rgba(0,0,0,.73),transparent)}
.ms-stories-modal__description{font:400 13px/1.5 Arial,sans-serif;color:#fff;margin:0 0 13px;text-shadow:0 1px 3px #000}
.ms-stories-modal__link{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#28221e;border-radius:999px;padding:11px 22px;font:600 12px/1 Arial,sans-serif;letter-spacing:.03em;text-decoration:none;min-height:38px}
.ms-stories-modal__link:hover{background:#eadfd3}
.ms-stories-modal__side{position:absolute;top:50%;transform:translateY(-50%);width:43px;height:43px;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:rgba(255,255,255,.09);color:white;display:grid;place-items:center;cursor:pointer}
.ms-stories-modal__side--prev{left:calc(50% - 260px)}
.ms-stories-modal__side--next{right:calc(50% - 260px)}
.ms-stories-modal__side svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none}
@media(max-width:740px){.ms-stories{padding:53px 0 61px}.ms-stories__shell{width:calc(100% - 32px)}.ms-stories__head{margin-bottom:24px}.ms-stories__title{font-size:34px}.ms-stories__desc{font-size:13px}.ms-stories__arrows{display:none}.ms-stories__track{gap:11px;margin-right:-16px;padding-right:16px}.ms-stories__item{flex-basis:clamp(140px,42vw,180px)}.ms-stories__card{border-radius:14px}.ms-stories-modal{padding:0}.ms-stories-modal__frame{width:min(100vw,calc(100dvh * .5625));height:100dvh;max-height:none;border-radius:0}.ms-stories-modal__side{display:none}}
@media(prefers-reduced-motion:reduce){.ms-stories__card,.ms-stories__poster{transition:none!important}.ms-stories__track{scroll-behavior:auto!important}}
/* Author styles must not override native hidden state. */
.ms-stories-modal [hidden],.ms-stories [hidden]{display:none!important}

/* Theme integration: only the two nail landing templates load this stylesheet. */
.ms-stories[hidden]{display:none!important}
html.ms-stories-open:has(body.ms-nail-landing),html.ms-stories-open body.ms-nail-landing{overflow:hidden!important;overscroll-behavior:none}
.ms-nail-landing .ms-stories{--ms-ink:#504842;--ms-soft:#736d68;--ms-line:#d8d0c1;--ms-paper:#f9f9f9;--ms-radius:10px;padding:56px 0 64px;border-top:1px solid var(--ms-line)}
.ms-nail-landing .ms-stories__shell{width:min(1160px,calc(100% - 48px))}
.ms-nail-landing .ms-stories__eyebrow{font:400 11px/1.5 Jost,Arial,sans-serif;letter-spacing:.12em;color:#736d68;margin-bottom:10px}
.ms-nail-landing .ms-stories__title{font:400 36px/1.2 'Marcellus SC',Georgia,serif;letter-spacing:0;margin:0 0 12px}
.ms-nail-landing .ms-stories__desc{font:400 16px/1.6 Jost,Arial,sans-serif;margin:0}
.ms-nail-landing .ms-stories__track{gap:20px}
.ms-nail-landing .ms-stories__label,.ms-nail-landing .ms-stories-modal__title{font-family:Jost,Arial,sans-serif}
.ms-nail-landing .ms-stories__card{box-shadow:none;background:#504842}
.ms-nail-landing .ms-stories-modal__link{background:#fffae9;color:#504842;font-family:Jost,Arial,sans-serif;border-radius:8px;min-height:44px}
.ms-nail-landing .ms-stories-modal__description{font:400 15px/1.5 Jost,Arial,sans-serif;margin:0 0 16px;color:#fff}
.ms-stories-modal__ctrl{width:44px;height:44px;flex-shrink:0}
.ms-stories-modal__head{gap:6px}
.ms-stories-modal__video{object-fit:contain}
.ms-stories-modal__segment{height:12px;border-block:4px solid transparent;background-clip:padding-box}
.ms-stories-modal__side:disabled{opacity:.3;cursor:default}
.ms-stories-modal__ctrl:disabled{opacity:.35;cursor:wait}
/* YouTube controls remain unobstructed; navigation sits outside the iframe. */
.ms-stories-modal__frame.is-youtube{display:grid;grid-template-rows:auto minmax(200px,1fr) auto;width:min(410px,calc(100vw - 148px))}
.is-youtube .ms-stories-modal__top{position:relative;grid-row:1;background:#211e1c;padding:12px}
.is-youtube .ms-stories-modal__bottom{position:relative;grid-row:3;background:#211e1c;padding:12px;text-align:center}
.is-youtube .ms-stories-modal__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.is-youtube .ms-stories-modal__description{flex-basis:100%}
.is-youtube .ms-stories-modal__side{display:grid;position:static;transform:none;flex-shrink:0}
.is-youtube .ms-stories-modal__zones{display:none}
.ms-stories-modal__youtube{grid-row:2;min-height:200px;min-width:200px;background:#000}
.ms-stories-modal__youtube iframe{display:block;width:100%;height:100%;border:0}
.is-youtube .ms-stories-modal__fallback{position:relative;grid-row:2;min-height:200px}
@media(max-width:740px){.ms-stories-modal__frame.is-youtube{width:min(100vw,440px)}.is-youtube .ms-stories-modal__top{padding-top:max(12px,env(safe-area-inset-top))}.is-youtube .ms-stories-modal__bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
.ms-stories-modal__zone:focus-visible,.ms-stories-modal__side:focus-visible,.ms-stories-modal__link:focus-visible{outline:2px solid #fffae9;outline-offset:2px}
@media(max-width:740px){.ms-nail-landing .ms-stories{padding:40px 0 48px}.ms-nail-landing .ms-stories__title{font-size:29px}.ms-nail-landing .ms-stories__desc{font-size:15px}.ms-nail-landing .ms-stories__track{gap:12px;margin-right:0;padding-right:0}.ms-stories-modal__top{padding-top:max(16px,env(safe-area-inset-top))}.ms-stories-modal__bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
