/* Межсезонье — «Балтика выдыхает». Scoped под .mz-page; шрифты Cormorant Garamond и Inter объявлены в header-d5.css. Собрано build_wp.py из preview/page.css. */
/* Межсезонье — «Балтика выдыхает». Материал мира: туман и олово, ржавый клён, янтарь.
   Глагол: дышат. Всё scoped под .mz-page. Движение — только transform/opacity; без JS страница читается целиком. */

.mz-page,.mz-page *{box-sizing:border-box}
.mz-page{background:#eceeeb;--hdr:104px;--fog:#eceeeb;--mist:#d5dbd8;--tin:#5f6f75;--slate:#27343b;--ink:#141f27;--rust:#b4532b;--amber:#e2a54b;--moss:#5f7a4e;--paper:#f4f3ee;--line:#c6cfcc;
  font-size:17px;line-height:1.7;color:#1c2830;overflow-x:clip}
.mz-page h1,.mz-page h2,.mz-page h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.03em;line-height:1.02;margin:0 0 .5em;color:inherit}
.mz-page h2{font-size:clamp(40px,5.4vw,78px)}
.mz-page h3{font-size:clamp(26px,2.6vw,36px);line-height:1.08}
.mz-page h2 em,.mz-page h1 em{font-style:italic;color:var(--rust)}
.mz-page p{margin:0 0 1.1em;max-width:64ch}
.mz-page a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
.mz-page img{display:block;max-width:100%}
.mz-page :is(a,button,summary):focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.mz-dark :is(a,button,summary):focus-visible{outline-color:var(--amber)}
.mz-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.mz-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tin);margin-bottom:18px}
.mz-dark .mz-eyebrow{color:#b8c6c8}
.mz-section{position:relative;padding-block:clamp(72px,9vw,130px);scroll-margin-top:calc(var(--hdr) + 10px)}
.mz-dark{background:var(--slate);color:#eef1ef}
.mz-ink{background:var(--ink);color:#eef1ef}
.mz-grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── Служебная плашка превью ─────────────────────────────── */

/* ── W1. Туманный первый экран ───────────────────────────── */
.mz-hero{--clear:0;position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:clip;background:#1a252b;color:#fff;isolation:isolate}
.mz-hero-photo{position:absolute;inset:0;z-index:-3}
.mz-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(calc(1.09 - var(--clear)*.09))}
.mz-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,22,28,.28) 0%,rgba(14,22,28,.05) 35%,rgba(14,22,28,.72) 100%)}
.mz-fog{position:absolute;inset:-10% -20%;z-index:-2;pointer-events:none;opacity:calc((1 - var(--clear))*var(--fog-a,.85))}
.mz-fog i{position:absolute;inset:0;display:block;will-change:transform}
.mz-fog i:nth-child(1){background:radial-gradient(60% 34% at 28% 64%,rgba(238,241,238,.92),transparent 72%),radial-gradient(48% 30% at 78% 44%,rgba(226,232,230,.8),transparent 70%);animation:mz-drift-a 46s ease-in-out infinite alternate}
.mz-fog i:nth-child(2){background:radial-gradient(70% 26% at 60% 72%,rgba(240,243,241,.88),transparent 70%),radial-gradient(40% 24% at 12% 34%,rgba(228,234,232,.7),transparent 72%);animation:mz-drift-b 62s ease-in-out infinite alternate}
.mz-fog i:nth-child(3){background:radial-gradient(90% 20% at 45% 88%,rgba(244,246,244,.9),transparent 70%),radial-gradient(36% 26% at 88% 70%,rgba(230,236,234,.75),transparent 72%);animation:mz-drift-a 80s ease-in-out infinite alternate-reverse}
@keyframes mz-drift-a{from{transform:translate3d(-7%,0,0) scale(1.02)}to{transform:translate3d(9%,-2%,0) scale(1.1)}}
@keyframes mz-drift-b{from{transform:translate3d(8%,1%,0) scale(1.08)}to{transform:translate3d(-9%,-3%,0) scale(1)}}
.mz-hero canvas.mz-leaves{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.mz-hero-inner{position:relative;z-index:1;width:min(1200px,calc(100% - 64px));margin:0 auto;padding:130px 0 56px}
.mz-hero .mz-eyebrow{color:#f0d9a8}
.mz-hero h1{font-size:clamp(50px,8.4vw,132px);line-height:.92;letter-spacing:-.04em;margin:0 0 26px;max-width:11.5ch;text-shadow:0 2px 40px rgba(10,16,20,.45)}
.mz-hero h1 .w{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.08em}
.mz-hero h1 .w>span{display:inline-block}
.mz-motion .mz-hero h1 .w>span{opacity:0;transform:translate3d(0,.55em,0);animation:mz-rise 1.5s cubic-bezier(.16,.7,.2,1) forwards;animation-delay:calc(.25s + var(--i)*.13s)}
@keyframes mz-rise{to{opacity:1;transform:none}}
.mz-hero-lede{font-size:clamp(17px,1.5vw,21px);color:#e8eeee;max-width:46ch;margin-bottom:30px}
.mz-hero-facts{display:flex;flex-wrap:wrap;gap:12px 14px;margin:0;padding:0;list-style:none}
.mz-hero-facts li{padding:12px 20px;border:1px solid rgba(255,255,255,.34);background:rgba(20,31,39,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;font-size:14px;line-height:1.3}
.mz-hero-facts b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:600;color:#f6dca6;line-height:1.05}
.mz-scrollhint{position:absolute;z-index:2;right:32px;bottom:34px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#dfe8e6;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}
.mz-scrollhint::after{content:"";width:1px;height:56px;background:linear-gradient(#dfe8e6,transparent);transform-origin:top;animation:mz-hint 2.4s ease-in-out infinite}
@keyframes mz-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ── Вводный экран ───────────────────────────────────────── */
.mz-intro{background:var(--fog)}
.mz-intro .mz-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,7vw,110px);align-items:start}
.mz-intro-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3.2vw,46px);line-height:1.14;letter-spacing:-.02em;color:var(--slate)}
.mz-intro-lead em{color:var(--rust)}
.mz-seasons{display:grid;gap:22px}
.mz-season{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;padding:26px 0;border-top:1px solid var(--line)}
.mz-season-n{grid-row:span 2;font-family:'Cormorant Garamond',Georgia,serif;font-size:60px;line-height:.9;color:var(--rust);font-weight:600}
.mz-season h3{margin:0;font-size:26px}
.mz-season p{margin:0;font-size:15px;color:#3b4a51}
.mz-season.spring .mz-season-n{color:var(--moss)}

/* ── W2. Погода на выбор ─────────────────────────────────── */
.mz-weather{background:var(--ink);color:#eef1ef}
.mz-weather-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:end;margin-bottom:38px}
.mz-weather-head h2{margin:0}
.mz-weather-head p{margin:0;color:#b8c6c8}
.mz-scene{--dim:.28;position:relative;aspect-ratio:16/8.2;border-radius:6px;overflow:hidden;background:#0d151b;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.mz-scene-img{position:absolute;inset:0}
.mz-scene-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity .9s}
.mz-scene[data-weather=rain] .mz-scene-img img,.mz-scene[data-weather=storm] .mz-scene-img img{transform:scale(1.06)}
.mz-scene-tone{position:absolute;inset:0;transition:background .9s,opacity .9s;pointer-events:none}
.mz-scene[data-weather=sun] .mz-scene-tone{background:radial-gradient(70% 60% at 82% 12%,rgba(255,224,160,.62),rgba(255,214,140,.12) 46%,transparent 70%);mix-blend-mode:screen}
.mz-scene[data-weather=fog] .mz-scene-tone{background:linear-gradient(180deg,rgba(226,232,230,.72),rgba(226,232,230,.5));}
.mz-scene[data-weather=rain] .mz-scene-tone{background:linear-gradient(180deg,rgba(38,54,64,.55),rgba(24,36,44,.45))}
.mz-scene[data-weather=storm] .mz-scene-tone{background:linear-gradient(180deg,rgba(22,32,40,.72),rgba(14,22,28,.6))}
.mz-scene .mz-fog{opacity:0;transition:opacity 1.2s}
.mz-scene[data-weather=fog] .mz-fog{opacity:.95}
.mz-scene[data-weather=rain] .mz-fog{opacity:.28}
.mz-scene[data-weather=storm] .mz-fog{opacity:.16}
.mz-scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mz-rays{position:absolute;inset:-40% -10% auto auto;width:90%;aspect-ratio:1;opacity:0;transition:opacity 1.2s;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 160deg at 82% 10%,transparent 0 6%,rgba(255,226,166,.5) 8%,transparent 12% 20%,rgba(255,226,166,.35) 23%,transparent 27% 38%,rgba(255,226,166,.4) 41%,transparent 46%)}
.mz-scene[data-weather=sun] .mz-rays{opacity:1;animation:mz-rays 14s ease-in-out infinite alternate}
@keyframes mz-rays{to{transform:rotate(7deg) scale(1.05)}}
.mz-scene-cap{position:absolute;left:22px;bottom:18px;right:22px;display:flex;justify-content:space-between;gap:20px;align-items:end;font-size:12px;color:#e6eeee;text-shadow:0 1px 14px rgba(0,0,0,.6);pointer-events:none}
.mz-scene-cap b{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3.6vw,52px);font-weight:600;line-height:1;letter-spacing:-.02em}
.mz-wx-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}
.mz-wx-tabs button{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:10px 24px 10px 18px;border:1px solid #4b5d66;background:transparent;color:#dfe8e8;border-radius:999px;font:600 15px Inter,sans-serif;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
.mz-wx-tabs button svg{width:22px;height:22px;flex:none}
.mz-wx-tabs button:hover{border-color:#9ab0b6}
.mz-wx-tabs button[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:#1a1d1f}
.mz-wx-panel{display:none;grid-template-columns:repeat(3,1fr);gap:22px}
.mz-wx-panel.on{display:grid}
.mz-wx-card{padding:22px 22px 24px;border-top:1px solid #4b5d66}
.mz-wx-card h3{font-size:26px;margin-bottom:8px}
.mz-wx-card p{font-size:15px;color:#b8c6c8;margin:0 0 12px}
.mz-wx-card a{font-size:13px;font-weight:600;color:var(--amber);text-decoration:none;border-bottom:1px solid currentColor}

/* ── W3. Световой день (закреплённая сцена, «листают время») ─ */
.mz-daylight{position:relative;height:460vh;background:#0b1217}
.mz-dl-stick{position:sticky;top:0;height:100svh;overflow:hidden;color:#f1f4f2}
.mz-dl-bg{position:absolute;inset:0}
.mz-dl-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06)}
.mz-dl-bg img:first-child{opacity:1}
.mz-dl-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,18,.55),rgba(9,14,18,.15) 40%,rgba(9,14,18,.82))}
.mz-dl-inner{position:relative;height:100%;width:min(1200px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center;padding-top:calc(var(--hdr) + 6px)}
.mz-dl-copy .mz-eyebrow{color:#f0d9a8}
.mz-dl-date{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(54px,7.4vw,112px);line-height:.92;font-weight:600;letter-spacing:-.04em;margin:0 0 6px}
.mz-dl-len{font-size:clamp(18px,1.7vw,24px);color:#f6dca6;margin-bottom:26px;font-variant-numeric:tabular-nums}
.mz-dl-phase{min-height:8.4em;position:relative}
.mz-dl-phase p{position:absolute;inset:0 auto auto 0;margin:0;font-size:clamp(16px,1.35vw,19px);max-width:40ch;opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s,transform .6s}
.mz-dl-phase p.on{opacity:1;transform:none}
.mz-dl-viz svg{width:100%;height:auto;display:block;overflow:visible}
.mz-dl-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;text-align:center}
.mz-dl-nums div{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#aebdbf}
.mz-dl-nums b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,42px);letter-spacing:0;color:#fff;font-weight:600;text-transform:none;font-variant-numeric:tabular-nums}
.mz-dl-rail{position:absolute;left:0;right:0;bottom:26px;z-index:2}
.mz-dl-rail-in{width:min(1200px,calc(100% - 64px));margin:0 auto}
.mz-dl-track{position:relative;height:4px;background:rgba(255,255,255,.2);border-radius:4px}
.mz-dl-fill{position:absolute;inset:0 auto 0 0;width:100%;background:var(--amber);transform-origin:left;transform:scaleX(var(--dl,0));border-radius:4px}
.mz-dl-marks{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aebdbf;margin-top:10px}
.mz-dl-marks span.on{color:#f6dca6}
.mz-dl-static{display:none}
.mz-sun-arc{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round}
.mz-sun-ground{stroke:rgba(255,255,255,.4);stroke-width:1}
.mz-sun-dot{fill:#ffe2a3;filter:drop-shadow(0 0 14px rgba(255,214,140,.9))}
.mz-sun-tick{stroke:rgba(255,255,255,.5);stroke-width:1}
.mz-sun-txt{fill:#cbd7d8;font:600 12px Inter,sans-serif;letter-spacing:.08em}

/* ── Слова с фото (N-16) ────────────────────────────────── */
.mz-word-wrap{background:var(--fog);overflow:clip;padding:0}
.mz-page h2.mz-word{--p:.5;display:block;margin:0;padding:.06em 0 .02em;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(96px,24vw,380px);line-height:.82;letter-spacing:-.045em;text-transform:uppercase;color:#68797f;
  background-image:var(--img);background-size:cover;background-position:50% calc(var(--p)*100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mz-word-sub{display:flex;justify-content:space-between;gap:20px;padding:0 0 30px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tin)}

/* ── Календарь: осень / весна ───────────────────────────── */
.mz-cal{background:var(--paper)}
.mz-cal-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:end;margin-bottom:40px}
.mz-cal-head h2,.mz-cal-head p{margin:0}
.mz-cal-head p{color:#43535a}
.mz-cal-note{font-size:13px;color:#59696f;border-left:2px solid var(--rust);padding-left:16px;margin-top:22px;max-width:70ch}

/* W4. Лента событий, закреплённая при прокрутке */
.mz-ribbon{position:relative;background:var(--paper)}
.mz-ribbon-stick{position:relative}
.mz-ribbon-track{display:flex;gap:22px;padding:6px max(32px,calc((100vw - 1200px)/2)) 30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--tin) transparent}
.mz-ribbon-track>*{scroll-snap-align:start}
.mz-ribbon--pinned{height:var(--rh,300vh)}
.mz-ribbon--pinned .mz-ribbon-stick{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:calc(var(--hdr) + 8px)}
.mz-ribbon--pinned .mz-ribbon-track{overflow:visible;transform:translate3d(var(--rx,0),0,0);will-change:transform;scroll-snap-type:none;width:max-content}
.mz-ev{--c:var(--rust);flex:0 0 min(340px,82vw);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:4px;overflow:hidden;box-shadow:0 12px 34px rgba(30,44,52,.09);transition:transform .35s,box-shadow .35s}
.mz-ev:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(30,44,52,.16)}
.mz-ev.spring{--c:var(--moss)}
.mz-ev.music{--c:#7a5b9a}
.mz-ev.family{--c:#c98a2b}
.mz-ev-img{aspect-ratio:16/10;background:var(--mist);overflow:hidden}
.mz-ev-img img{width:100%;height:100%;object-fit:cover}
.mz-ev-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.mz-ev-date{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;font-weight:600;line-height:.95;color:var(--c);letter-spacing:-.03em}
.mz-ev-date small{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-left:8px;color:var(--tin)}
.mz-ev h3{font-size:24px;margin:10px 0 6px}
.mz-ev p{font-size:14px;line-height:1.55;color:#4b5b62;margin:0 0 14px}
.mz-ev-meta{margin-top:auto;font-size:12px;color:#5c6c72}
.mz-ev-meta a{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;color:var(--c)}
.mz-ribbon-progress{width:min(1200px,calc(100% - 64px));margin:26px auto 0;height:3px;background:var(--line);position:relative;border-radius:3px;display:none}
.mz-ribbon--pinned .mz-ribbon-progress{display:block}
.mz-ribbon-progress i{position:absolute;inset:0;background:var(--rust);transform-origin:left;transform:scaleX(var(--rp,0));border-radius:3px}

/* ── W5. Маршрут на четыре дня ──────────────────────────── */
.mz-route{background:var(--slate);color:#eef1ef}
.mz-route-grid{display:grid;grid-template-columns:minmax(380px,1.8fr) 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.mz-route-map{position:sticky;top:calc(var(--hdr) + 8px);align-self:start}
.mz-route-map svg{width:100%;height:auto;display:block;max-height:calc(100svh - 150px)}
.mz-map-land{fill:#33454d;stroke:#6f8792;stroke-width:1.1;stroke-linejoin:round}
.mz-map-water{fill:#6f8792;font:italic 600 11px 'Cormorant Garamond',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.mz-map-path-bg{fill:none;stroke:rgba(255,255,255,.14);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 7}
.mz-map-path{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mz-map-stop circle{fill:var(--slate);stroke:#8fa3aa;stroke-width:2;transition:fill .4s,stroke .4s,r .4s}
.mz-map-stop text{fill:#dfe8e8;font:600 13px Inter,sans-serif;paint-order:stroke;stroke:#27343b;stroke-width:4px;transition:fill .4s}
.mz-map-stop.on circle{fill:var(--amber);stroke:#fff5dc;r:9}
.mz-map-stop.on text{fill:#fff}
.mz-day{padding:26px 0 44px;border-top:1px solid #4b5d66;opacity:.42;transition:opacity .5s;min-height:38svh}
.mz-day.on{opacity:1}
.mz-day-n{font-family:'Cormorant Garamond',Georgia,serif;font-size:82px;font-weight:600;line-height:.9;color:var(--amber);letter-spacing:-.04em}
.mz-day h3{margin:8px 0 12px}
.mz-day p{font-size:16px;color:#c4d0d2}
.mz-day ul{margin:0 0 6px;padding:0;list-style:none;font-size:15px;color:#d9e2e2}
.mz-day li{padding:8px 0 8px 22px;position:relative;border-bottom:1px solid #3d4e56}
.mz-day li::before{content:"";position:absolute;left:0;top:1.05em;width:9px;height:9px;border-radius:50%;background:var(--amber)}
.mz-day li a{font-weight:600}

/* ── 12 идей ─────────────────────────────────────────────── */
.mz-ideas{background:var(--fog)}
.mz-ideas-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:end;margin-bottom:44px}
.mz-ideas-head h2,.mz-ideas-head p{margin:0}
.mz-ideas-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.mz-idea{grid-column:span 4;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.mz-idea.big{grid-column:span 8}
.mz-idea-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--mist)}
.mz-idea.big .mz-idea-img{aspect-ratio:16/8.3}
.mz-idea-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.mz-idea:hover .mz-idea-img img{transform:scale(1.06)}
.mz-idea-n{position:absolute;left:16px;top:8px;font-family:'Cormorant Garamond',Georgia,serif;font-size:68px;font-weight:700;color:#fff;line-height:1;text-shadow:0 2px 24px rgba(10,16,20,.55)}
.mz-idea-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.mz-idea h3{font-size:27px;margin-bottom:10px}
.mz-idea p{font-size:15px;color:#43535a;margin:0 0 14px}
.mz-idea-when{margin-top:auto;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);font-weight:600}
.mz-idea a.more{margin-top:12px;font-size:13px;font-weight:600}

/* ── Практика ────────────────────────────────────────────── */
.mz-practice{background:var(--paper)}
.mz-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}
.mz-box{padding:34px 34px 30px;border:1px solid var(--line);background:#fff;border-radius:4px}
.mz-box h3{margin-bottom:14px}
.mz-box.no{border-top:5px solid var(--rust)}
.mz-box.yes{border-top:5px solid var(--moss)}
.mz-box ul{margin:0;padding:0;list-style:none}
.mz-box li{padding:11px 0 11px 30px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.mz-box li:last-child{border:0}
.mz-box li::before{content:"";position:absolute;left:2px;top:1.05em;width:12px;height:2px;background:var(--rust)}
.mz-box.yes li::before{width:10px;height:10px;border-radius:50%;background:var(--moss);top:1.15em}
.mz-pack{margin-top:56px}
.mz-pack-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.mz-pack-head h3{margin:0}
.mz-pack-count{font-size:13px;color:var(--tin)}
.mz-pack-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:0;margin:0;list-style:none}
.mz-pack-list label{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:4px;cursor:pointer;font-size:15px;transition:border-color .2s,background .2s}
.mz-pack-list input{width:22px;height:22px;accent-color:var(--rust);flex:none}
.mz-pack-list label:has(input:checked){background:#f0e6df;border-color:var(--rust);text-decoration:line-through;text-decoration-color:rgba(180,83,43,.5)}
.mz-logistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:56px}
.mz-logistics div{padding:22px 0;border-top:1px solid var(--line)}
.mz-logistics b{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;display:block;margin-bottom:6px;line-height:1.05}
.mz-logistics p{font-size:15px;margin:0;color:#43535a}

/* ── FAQ ─────────────────────────────────────────────────── */
.mz-faq details{border-top:1px solid #4b5d66;padding:6px 0}
.mz-faq details:last-child{border-bottom:1px solid #4b5d66}
.mz-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,2.3vw,32px);font-weight:600;line-height:1.1}
.mz-faq summary::-webkit-details-marker{display:none}
.mz-faq summary::after{content:"+";font:400 32px Inter,sans-serif;color:var(--amber);transition:transform .3s;flex:none}
.mz-faq details[open] summary::after{transform:rotate(45deg)}
.mz-faq details p{color:#c4d0d2;font-size:16px;padding-bottom:18px}
.mz-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%}
.mz-faq-grid h2{margin:0}

/* ── Подвал ──────────────────────────────────────────────── */
.mz-foot{background:var(--ink);color:#c7d2d3;padding:70px 0 90px;font-size:14px}
.mz-foot .mz-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px}
.mz-foot a{font-weight:600}
.mz-sources{font-size:12px;color:#8ea0a4;margin-top:18px;max-width:80ch}

/* ── Появление при прокрутке (R-3, чистый CSS) ───────────── */
@supports (animation-timeline:view()){
  .mz-motion .mz-reveal{opacity:0;transform:translate3d(0,34px,0);animation:mz-in linear both;animation-timeline:view();animation-range:entry 4% cover 26%}
  @keyframes mz-in{to{opacity:1;transform:none}}
}

/* ── Телефон ─────────────────────────────────────────────── */
@media (max-width:900px){
  .mz-wrap,.mz-hero-inner,.mz-dl-inner,.mz-dl-rail-in{width:calc(100% - 40px)}
  .mz-page{font-size:16px;--hdr:84px}
  .mz-hero{min-height:92svh}
  .mz-hero-inner{padding:110px 0 40px}
  .mz-scrollhint{display:none}
  .mz-intro .mz-wrap,.mz-weather-head,.mz-cal-head,.mz-ideas-head,.mz-practice-grid,.mz-faq-grid{grid-template-columns:1fr;gap:22px}
  .mz-scene{aspect-ratio:4/5}
  .mz-wx-panel.on{grid-template-columns:1fr;gap:6px}
  .mz-daylight{height:300vh}
  .mz-dl-inner{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:14px;padding-top:70px}
  .mz-dl-phase{min-height:9em}
  .mz-dl-date{font-size:clamp(46px,14vw,70px)}
  .mz-route-grid{grid-template-columns:1fr}
  .mz-route-map{position:sticky;top:calc(var(--hdr) - 12px);z-index:3;background:var(--slate);padding:6px 0 10px;margin:0 -20px;padding-inline:20px}
  .mz-route-map svg{max-height:34svh}
  .mz-day{min-height:0;padding-bottom:30px}
  .mz-ideas-grid{grid-template-columns:1fr}
  .mz-idea,.mz-idea.big{grid-column:auto}
  .mz-idea.big .mz-idea-img{aspect-ratio:16/10}
  .mz-page h2.mz-word{font-size:clamp(84px,30vw,200px)}
  .mz-box{padding:26px 22px}
}
@media (max-width:900px){.mz-ribbon-track{padding-inline:20px}}

/* ── Бережный режим ─────────────────────────────────────── */
/* Бережный режим гасит движение, пока человек сам не включил его рубильником «Анимация» (.mz-motion).
   Раньше правило было безусловным: кнопка показывала «вкл», а туман стоял (30.09.2026). Без JS класса нет — всё статично. */
@media (prefers-reduced-motion:reduce){
  .mz-page:not(.mz-motion) .mz-fog i,.mz-page:not(.mz-motion) .mz-scrollhint::after,.mz-page:not(.mz-motion) .mz-rays{animation:none!important}
  .mz-page:not(.mz-motion) .mz-hero h1 .w>span{opacity:1!important;transform:none!important;animation:none!important}
  .mz-page:not(.mz-motion) .mz-reveal{opacity:1!important;transform:none!important;animation:none!important}
  .mz-ev,.mz-idea-img img{transition:none}
}
/* без JS: закреплённые сцены становятся обычными блоками */
html:not(.mz-js) .mz-daylight{height:auto}
html:not(.mz-js) .mz-dl-stick{position:relative;height:auto;padding:80px 0}
html:not(.mz-js) .mz-dl-phase{min-height:0}
html:not(.mz-js) .mz-dl-phase p{position:static;opacity:1;transform:none;margin-bottom:1em}
html:not(.mz-js) .mz-dl-rail{display:none}
html:not(.mz-js) .mz-hero-photo img{transform:none}
.mz-noanim .mz-fog i,.mz-noanim .mz-rays{animation:none!important}
.mz-anim-toggle{position:fixed;z-index:60;right:16px;bottom:16px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(13,21,27,.86);color:#fff;font:600 13px Inter,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* длинный заголовок страницы */
.mz-page .mz-hero h1.mz-h1--long{font-size:clamp(38px,5.4vw,84px);max-width:18ch}

/* Оболочка GeneratePress: полное освобождение контейнеров (effects-catalog §4, T-2/T-3). Класс body.mezhsezone-vip вешает functions.php при kedo_vip_layout = mezhsezone. */
body.mezhsezone-vip #content, body.mezhsezone-vip .site-content, body.mezhsezone-vip .content-area,
body.mezhsezone-vip #primary, body.mezhsezone-vip .site-main { max-width: 100%; width: 100%; padding: 0; margin: 0; float: none; display: block; }
body.mezhsezone-vip #page.site, body.mezhsezone-vip .site.grid-container, body.mezhsezone-vip .grid-container.container { max-width: 100%; width: 100%; margin: 0; padding: 0; }
body.mezhsezone-vip .site-main > * { margin-bottom: 0; }
/* Выкладка 30.09.2026: корень .mz-page без класса city-content. Шаблон не выводит the_content() — засечные
   H2/H3 и ширину даёт сам (как okean/rybnaya); с city-content скин kedo-skin-neutral перекрашивал абзацы,
   списки, h3 и зажимал страницу в колонку 960 px (sections.css). Поэтому сняты и правила-заплатки против скина
   (:is(h1,h2,h3){color:inherit}, :is(p,li,…){font-family:inherit}) — без скина они сами искажали вид.
   Оракул: вычисленные стили 227 элементов на 1440 и 375 px совпадают с превью. */
body.mezhsezone-vip .mz-page .mz-hero h1, body.mezhsezone-vip .mz-page .mz-dark :is(h2, h3), body.mezhsezone-vip .mz-page .mz-route :is(h2, h3), body.mezhsezone-vip .mz-page .mz-weather :is(h2, h3) { color: #fff; }
body.mezhsezone-vip .mz-page .mz-hero h1 { color: #fff; }