/* ТЕЛЕФОН (≤ 760 px или высота ≤ 500): вертикальная лента «на кухні», большой палец внизу */
.v-m{padding-bottom:env(safe-area-inset-bottom);overflow-x:clip}
.m-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:calc(6px + env(safe-area-inset-top)) 16px 0}
.m-brand{font:600 13px/1 var(--mono);letter-spacing:.08em;color:var(--text2)}
.v-m h2{font:800 24px/1.18 var(--sans);margin:0 0 14px;letter-spacing:-.01em}
.v-m section{position:relative;padding:36px 16px}
.m-hero{padding-top:18px!important;overflow:hidden}
.m-hero>*:not(.embers){position:relative;z-index:1}
.m-hero h1{font:800 clamp(30px,8.6vw,40px)/1.08 var(--sans);letter-spacing:-.02em;margin:10px 0 12px;text-wrap:balance}
.m-lead{margin:0 0 20px;color:var(--text2);font-size:16px}
.m-hero .cta{width:100%}

.m-stage{padding-top:8px!important}
.m-stage .seg{margin-bottom:12px}
.m-frame{height:min(108vw,460px);border:1px solid rgba(255,255,255,.08)}
html[data-layout=phone] .m-frame{height:min(108vw,460px,calc(100dvh - 140px))}
.m-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.m-frame iframe{pointer-events:none;opacity:0}
.m-frame.active iframe{opacity:1}
.m-frame.active .m-still,.m-frame.loaded .m-still{display:none}
.m-frame.loaded iframe{opacity:1}
.m-frame.active iframe{pointer-events:auto}
.m-cover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18px;border:0;
  background:linear-gradient(transparent 70%,rgba(27,22,19,.55));color:var(--text);font:600 15px var(--sans);cursor:pointer}
.m-cover span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(251,248,241,.94);color:var(--ink)}
.m-frame.active .m-cover{display:none}
.m-exit{position:absolute;right:10px;top:10px;min-height:44px;padding:0 14px;border:0;border-radius:999px;
  background:var(--paper);color:var(--ink);font:600 14px var(--sans);cursor:pointer}
.m-cap{margin:12px 0 0;font-size:14px;color:var(--text2)}

.m-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;
  margin:0 -16px;padding:6px 16px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.m-rail::-webkit-scrollbar{display:none}
.m-rail .ticket{flex:0 0 78%;scroll-snap-align:center}
.m-rail .ticket:nth-child(2){transform:rotate(.8deg)}
.m-rail .ticket:nth-child(3){transform:rotate(-.6deg)}
.m-hint{margin:2px 0 0;text-align:center;font:13px var(--mono);color:var(--text2)}

.m-order .order{margin-top:6px}
.m-order .row{flex-wrap:wrap}
.m-order .row i{min-width:20px}
.m-order .row span{flex-basis:100%;text-align:left;color:var(--ink2);padding-left:12px}

.m-sheet p{color:var(--text2);margin:0 0 14px}
.m-sheet .sheet{max-width:360px;margin:0 auto}
.m-toggle{display:block;margin:14px auto 0;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
  background:none;color:var(--text);font:600 14px var(--sans);cursor:pointer}
.m-toggle[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.m-files{list-style:none;margin:18px 0 0;padding:0;font:14px/1.5 var(--mono)}
.m-files li{padding:10px 0 10px 22px;border-top:1px dashed rgba(255,255,255,.18);position:relative}
.m-files li::before{content:"✓";position:absolute;left:0;color:var(--cheese)}
.m-honest{margin-top:14px!important;padding:12px 14px;border-left:3px solid var(--tomato);background:rgba(255,255,255,.04);color:var(--text)!important}

.m-who dl{margin:0}
.m-who dt{font:700 14px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--glow);margin-top:16px}
.m-who dd{margin:4px 0 0;color:var(--text2)}

.m-vid{aspect-ratio:9/16;width:min(100%,calc(78vh * 9 / 16));margin:0 auto}

.m-steps ol{margin:0;padding:0 0 0 22px}
.m-steps li{margin:0 0 12px;color:var(--text2)}
.m-steps li b{color:var(--text)}

.m-final{overflow:hidden;padding-bottom:56px!important;text-align:center}
.m-final>*:not(.embers){position:relative;z-index:1}
.m-final p{color:var(--text2)}
.m-final .cta{width:100%}

.m-sticky{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(transparent,rgba(27,22,19,.92) 35%);transform:translateY(110%);transition:transform .25s}
.m-sticky.on{transform:none}
.m-sticky .cta{width:100%}
.m-foot{padding:20px 16px 90px;font-size:12px;color:var(--text2);border-top:1px solid rgba(255,255,255,.08)}

/* телефон в альбоме: заголовок и коробка рядом не нужны — просто ниже кадр */
@media (max-height:500px){
  .m-frame{height:min(80vh,420px)}
  .m-vid{width:min(100%,calc(88vh * 9 / 16))}
}
@media (prefers-reduced-motion: reduce){.m-sticky{transition:none}}