/* ============ shared bits ============ */
body.mfw .mf-hero,body.mfw .mf-statement,body.mfw .mf-reveal,body.mfw .mf-pairs,body.mfw .mf-index,body.mfw .mf-stories{color:var(--mf-bone);font-family:var(--mf-sans)}
body.mfw .mf-hero *,body.mfw .mf-statement *,body.mfw .mf-reveal *,body.mfw .mf-pairs *,body.mfw .mf-index *,body.mfw .mf-stories *{box-sizing:border-box}
body.mfw .mf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;padding-inline:var(--mf-gutter)}
body.mfw .mf-head-title{margin:0;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(48px,7.5vw,120px));line-height:.88;letter-spacing:-.005em;color:var(--mf-bone);text-wrap:balance}
body.mfw .mf-head-title .mf-ser{color:var(--mf-ice);letter-spacing:-.03em;font-size:calc(1em / var(--mf-dk));line-height:.9}
body.mfw .mf-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
body.mfw .mf-note{font-family:var(--mf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-note.is-link,body.mfw .mf-note.is-bright{color:var(--mf-bone);text-decoration:none}
body.mfw .mf-note.is-link:hover{color:var(--mf-rust)}
body.mfw .mf-statement .mf-disp,body.mfw .mf-head-title .mf-disp{font-family:var(--mf-display);font-weight:900;text-transform:uppercase}
/* ============ film title ============ */
body.mfw .mf-hero{position:relative;height:var(--mf-hero-len,320vh)}
body.mfw .mf-hero-stage{position:sticky;top:0;height:100vh;height:100dvh;min-height:520px;overflow:hidden;background:#000}
body.mfw .mf-hero .mf-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.12) saturate(1.06)}
body.mfw .mf-tint{position:absolute;inset:0;pointer-events:none;opacity:0;
  -webkit-backdrop-filter:grayscale(1) contrast(1.1);backdrop-filter:grayscale(1) contrast(1.1);
  -webkit-mask-image:radial-gradient(circle var(--r,240px) at var(--mx,50%) var(--my,50%),transparent 0,transparent 55%,#000 100%);
  mask-image:radial-gradient(circle var(--r,240px) at var(--mx,50%) var(--my,50%),transparent 0,transparent 55%,#000 100%)}
body.mfw .mf-cut{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}
body.mfw .mf-cut .mf-t{font-family:var(--mf-display);font-weight:900;letter-spacing:-.01em}
body.mfw .mf-cut-fill{transition:none}
body.mfw .mf-hero-cap{position:absolute;left:0;right:0;bottom:clamp(28px,6vh,64px);display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;padding-inline:var(--mf-gutter);z-index:3}
body.mfw .mf-hero-cap .l{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(22px,2.4vw,34px);color:var(--mf-ice);line-height:1.1}
body.mfw .mf-hero-cap .r{justify-self:end;text-align:right;font-family:var(--mf-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:calc(var(--mf-dk) * clamp(24px,2.6vw,38px));color:var(--mf-rust);line-height:1}
body.mfw .mf-hero-cap .c{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:15px;line-height:1.4}
body.mfw .mf-hero-cap .hint,body.mfw .mf-hero-after .hint{font-family:var(--mf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-hero-after{position:absolute;left:var(--mf-gutter);right:var(--mf-gutter);bottom:clamp(28px,6vh,64px);z-index:3;opacity:0;display:flex;flex-direction:column;gap:8px;pointer-events:none}
body.mfw .mf-hero-after b{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.5)}
body.mfw .mf-hero-after .hint{color:var(--mf-bone);text-shadow:0 1px 12px rgba(0,0,0,.6)}
@media (max-width:700px){body.mfw .mf-hero-cap{grid-template-columns:1fr 1fr}
body.mfw .mf-hero-cap .c{grid-column:1 / -1;grid-row:1}}
/* ============ statement ============ */
body.mfw .mf-statement{padding:clamp(96px,16vh,180px) var(--mf-gutter) clamp(56px,8vh,96px);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body.mfw .mf-kicker{font-family:var(--mf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-statement p{margin:0;max-width:30ch;font-size:clamp(30px,3.6vw,56px);line-height:1.1;letter-spacing:-.015em;text-wrap:balance;color:var(--mf-bone)}
body.mfw .mf-statement p .mf-ser{color:var(--mf-ice)}
body.mfw .mf-statement p .mf-disp{color:var(--mf-rust);font-size:.55em;letter-spacing:.005em;font-weight:700;vertical-align:.08em}
/* ============ reveal ============ */
body.mfw .mf-reveal{position:relative;height:var(--mf-rev-len,220vh)}
body.mfw .mf-reveal-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--mf-ink)}
body.mfw .mf-reveal .mf-reveal-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:var(--mf-fx,50%) var(--mf-fy,50%);will-change:clip-path,transform,filter}
body.mfw .mf-reveal[data-fx="frame"] .mf-reveal-img{clip-path:inset(22% 34%);filter:grayscale(1);transform:scale(1.1)}
body.mfw .mf-reveal[data-fx="develop"] .mf-reveal-img{filter:brightness(.04) contrast(1.8);transform:scale(1.06);
  -webkit-mask-image:radial-gradient(circle at var(--mf-fx,50%) var(--mf-fy,50%),#000 0,#000 var(--r,6%),transparent calc(var(--r,6%) + 22%));
  mask-image:radial-gradient(circle at var(--mf-fx,50%) var(--mf-fy,50%),#000 0,#000 var(--r,6%),transparent calc(var(--r,6%) + 22%))}
body.mfw .mf-reveal[data-fx="iris"] .mf-reveal-img{clip-path:circle(8% at 50% 50%);transform:scale(1.25) rotate(-4deg)}
body.mfw .mf-ring{position:absolute;left:50%;top:50%;width:16vmax;height:16vmax;margin:-8vmax 0 0 -8vmax;border:1px solid var(--mf-bone);border-radius:50%;pointer-events:none;opacity:.8}
body.mfw .mf-rev-word{position:absolute;left:50%;top:50%;z-index:2;margin:0;white-space:nowrap;pointer-events:none;mix-blend-mode:difference;color:#fff;line-height:.85;transform:translate(-50%,-50%)}
body.mfw .mf-rev-word.is-disp{font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(80px,17vw,300px))}
body.mfw .mf-rev-word.is-ser{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(80px,15vw,260px);letter-spacing:-.04em}
body.mfw .mf-rev-cap{position:absolute;left:var(--mf-gutter);bottom:clamp(28px,6vh,64px);z-index:3;display:flex;flex-direction:column;gap:8px;max-width:min(620px,calc(100% - 2 * var(--mf-gutter)));opacity:0}
body.mfw .mf-rev-cap .lbl{font-family:var(--mf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.6)}
body.mfw .mf-rev-cap b{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(32px,4vw,60px);line-height:1.02;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.55)}
/* ============ pairs ============ */
body.mfw .mf-pairs{position:relative;background:var(--mf-ink)}
body.mfw .mf-pairs-stage{padding-block:clamp(72px,12vh,140px) 40px;display:flex;flex-direction:column;gap:40px}
body.mfw .mf-track{display:flex;flex-direction:column;gap:88px;padding-inline:var(--mf-gutter)}
body.mfw .mf-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
body.mfw .mf-pair h3{margin:0;font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(34px,4vw,64px);line-height:1;letter-spacing:-.02em;color:var(--mf-bone)}
body.mfw .mf-imgs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
body.mfw .mf-pair figure{margin:0;display:flex;flex-direction:column;gap:10px;min-height:0}
body.mfw .mf-pair figure img{width:100%!important;height:auto;aspect-ratio:4/5;object-fit:cover;max-width:none}
body.mfw .mf-pair figure.is-bw img{filter:grayscale(1) contrast(1.12)}
body.mfw .mf-pair figcaption{display:flex;justify-content:space-between;gap:12px;font-family:var(--mf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-pair figcaption b{font-weight:500}
body.mfw .mf-pair .a figcaption b{color:var(--mf-ice)}
body.mfw .mf-pair .b figcaption b{color:var(--mf-rust)}
body.mfw .mf-progress{height:1px;background:var(--mf-line);margin-inline:var(--mf-gutter);position:relative}
body.mfw .mf-progress i{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--mf-bone)}
@media (min-width:860px){body.mfw .mf-pairs.is-pinned{height:calc(var(--mf-n) * 100vh)}
body.mfw .mf-pairs.is-pinned .mf-pairs-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;padding-block:clamp(72px,9vh,104px) 28px;justify-content:space-between;gap:22px}
body.mfw .mf-pairs.is-pinned .mf-head-title{font-size:calc(var(--mf-dk) * clamp(40px,4.6vw,84px))}
body.mfw .mf-pairs.is-pinned .mf-head{align-items:flex-end}
body.mfw .mf-pairs.is-pinned .mf-track{flex-direction:row;gap:0;padding:0;width:calc(var(--mf-n) * 100vw);will-change:transform;flex:1;min-height:0}
body.mfw .mf-pairs.is-pinned .mf-pair{width:100vw;flex:none;padding-inline:var(--mf-gutter);grid-template-columns:minmax(0,.62fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr);align-items:end;gap:clamp(24px,3vw,48px);height:100%}
body.mfw .mf-pairs.is-pinned .mf-pair .txt{align-self:center}
body.mfw .mf-pairs.is-pinned .mf-pair h3{font-size:clamp(44px,4.8vw,84px)}
body.mfw .mf-pairs.is-pinned .mf-imgs{height:100%;min-height:0;gap:clamp(12px,1.6vw,24px)}
body.mfw .mf-pairs.is-pinned .mf-pair figure{height:100%}
body.mfw .mf-pairs.is-pinned .mf-pair figure img{aspect-ratio:auto;flex:1;min-height:0;height:0!important}
body.mfw .mf-pairs.is-pinned .mf-pair .b{padding-top:3vh}}
/* ============ collections index ============ */
body.mfw .mf-index{padding-block:clamp(96px,14vh,160px) clamp(80px,12vh,140px)}
body.mfw .mf-index ol{list-style:none;margin:40px 0 0;padding:0 var(--mf-gutter)}
body.mfw .mf-index li{border-top:1px solid var(--mf-line);margin:0}
body.mfw .mf-index li:last-child{border-bottom:1px solid var(--mf-line)}
body.mfw .mf-row{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:12px 16px;padding-block:18px;position:relative;z-index:2;color:var(--mf-bone);text-decoration:none}
body.mfw .mf-row .n{font-family:var(--mf-mono);font-size:12px;color:var(--mf-rust);font-variant-numeric:tabular-nums}
body.mfw .mf-row .t{font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(36px,6.4vw,104px));line-height:.9;transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s}
body.mfw .mf-row .t .s{display:none;font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);text-transform:none;font-size:calc(1em / var(--mf-dk));letter-spacing:-.03em}
body.mfw .mf-row .d{display:none;font-family:var(--mf-mono);font-size:12px;color:var(--mf-fog);letter-spacing:.06em;text-transform:uppercase}
body.mfw .mf-row .go{justify-self:end;font-size:22px;transition:transform .4s}
body.mfw .mf-row .thumbs{grid-column:2 / 4;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:6px}
body.mfw .mf-row .thumbs img{width:112px!important;height:80px!important;max-width:none;object-fit:cover;flex:none}
body.mfw .mf-hint-mouse{display:none}
@media (min-width:860px){body.mfw .mf-row{grid-template-columns:72px minmax(0,1fr) 300px 44px}
body.mfw .mf-row .d{display:block}
body.mfw .mf-row .thumbs{display:none}
body.mfw .mf-hint-mouse{display:inline}
body.mfw .mf-row:hover .t,body.mfw .mf-row:focus-visible .t{transform:translateX(24px);color:var(--mf-ice)}
body.mfw .mf-row:hover .t .u,body.mfw .mf-row:focus-visible .t .u{display:none}
body.mfw .mf-row:hover .t .s,body.mfw .mf-row:focus-visible .t .s{display:inline}
body.mfw .mf-row:hover .go{transform:translateX(-8px) rotate(-45deg)}}
body.mfw .mf-trail{position:fixed;left:0;top:0;width:240px;height:300px;object-fit:cover;pointer-events:none;z-index:1;opacity:0;
  transform:translate(-50%,-50%) scale(.6);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 24px 60px rgba(0,0,0,.55)}
body.mfw .mf-trail.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--rot,0deg))}
body.mfw .mf-trail.old{opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(var(--rot,0deg))}
/* ============ stories ============ */
body.mfw .mf-stories{padding-block:clamp(40px,8vh,96px) clamp(96px,14vh,160px);display:flex;flex-direction:column;gap:48px}
body.mfw .mf-feature{position:relative;display:block;height:clamp(520px,92vh,980px);overflow:hidden;margin-inline:var(--mf-gutter);color:var(--mf-bone);text-decoration:none;background:var(--mf-ink-2)}
body.mfw .mf-feature .mf-feature-bg{position:absolute;left:0;top:-8%;width:100%!important;height:116%!important;max-width:none;object-fit:cover;will-change:transform}
body.mfw .mf-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,11,0) 35%,rgba(11,12,11,.86))}
body.mfw .mf-feature .inner{position:absolute;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:clamp(24px,5vh,56px);z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:end}
body.mfw .mf-feature .txt{display:flex;flex-direction:column;gap:18px}
body.mfw .mf-feature .ttl{font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(52px,8.6vw,160px));line-height:.96;letter-spacing:-.01em;text-wrap:balance}
body.mfw .mf-feature .ex{max-width:46ch;color:var(--mf-soft);font-family:var(--mf-sans);font-size:17px;line-height:1.6}
body.mfw .mf-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;height:48px;padding:0 22px;border:1px solid var(--mf-bone);font:600 13px/1 var(--mf-sans);letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s}
body.mfw .mf-pill svg{width:18px;height:18px}
body.mfw .mf-feature:hover .mf-pill{background:var(--mf-bone);color:var(--mf-ink)}
body.mfw .mf-feature .side{display:none}
@media (min-width:860px){body.mfw .mf-feature .inner{grid-template-columns:minmax(0,1fr) 240px}
body.mfw .mf-feature .side{display:block;position:relative;width:240px!important;height:320px!important;max-width:none;object-fit:cover;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:rotate(3deg)}}
body.mfw .mf-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-inline:var(--mf-gutter)}
body.mfw .mf-card{position:relative;display:flex;flex-direction:column;gap:14px;color:var(--mf-bone);text-decoration:none}
body.mfw .mf-card .ph{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--mf-ink-2)}
body.mfw .mf-card .ph img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;filter:grayscale(1);transform:scale(1.04);transition:filter .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-card:hover .ph img,body.mfw .mf-card:focus-visible .ph img{filter:grayscale(0);transform:scale(1)}
body.mfw .mf-card .ph b{position:absolute;left:18px;bottom:14px;right:18px;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(32px,3.2vw,56px));line-height:1;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.6)}
body.mfw .mf-card .ex{color:var(--mf-soft);font-family:var(--mf-sans);font-size:16px;max-width:48ch;line-height:1.6}
@media (min-width:860px){body.mfw .mf-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.mfw .mf-card:nth-child(2){margin-top:12vh}}
/* ============ motion preferences + editor ============ */
@media (prefers-reduced-motion: reduce){body.mfw .mf-hero{height:auto}
body.mfw .mf-hero-stage{position:relative}
body.mfw .mf-reveal{height:auto}
body.mfw .mf-reveal-stage{position:relative;height:80vh}
body.mfw .mf-reveal .mf-reveal-img{clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;transform:none!important}
body.mfw .mf-rev-cap{opacity:1}
body.mfw .mf-ring{display:none}
body.mfw .mf-row .t,body.mfw .mf-card .ph img,body.mfw .mf-trail{transition:none}}
/* keep link colours when the theme sets its own link hover colour */
body.mfw .mf-row:hover,body.mfw .mf-row:focus,body.mfw .mf-card:hover,body.mfw .mf-card:focus,body.mfw .mf-feature:hover,body.mfw .mf-feature:focus{color:var(--mf-bone)}
/* the theme sets its own font on every link; widget links keep the Marfeldt fonts */
body.mfw .mf-feature,body.mfw .mf-card,body.mfw .mf-row,body.mfw .mf-stories a,body.mfw .mf-index a{font-family:var(--mf-sans)}
/* featured story + cards: hover */
body.mfw .mf-feature .mf-feature-bg{transition:scale 1.4s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-feature:hover .mf-feature-bg,body.mfw .mf-feature:focus-visible .mf-feature-bg{scale:1.04}
body.mfw .mf-feature .ttl{transition:color .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-feature:hover .ttl,body.mfw .mf-feature:focus-visible .ttl{color:var(--mf-ice);transform:translateX(12px)}
body.mfw .mf-feature .side{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-feature:hover .side{transform:rotate(0deg) translateY(-8px)}
body.mfw .mf-card .ph b{transition:color .4s}
body.mfw .mf-card:hover .ph b,body.mfw .mf-card:focus-visible .ph b{color:var(--mf-ice)}
@media (prefers-reduced-motion: reduce){body.mfw .mf-feature .mf-feature-bg,body.mfw .mf-feature .ttl,body.mfw .mf-feature .side{transition:none}}
/* ============ film title: the opening frame ============ */
body.mfw .mf-hero .mf-glow{transition:none}
body.mfw .mf-hero.is-intro .mf-cut mask .mf-t{animation:mf-open 1.6s .5s cubic-bezier(.3,.7,.2,1) backwards}
body.mfw .mf-hero.is-intro .mf-t-o{animation:mf-fadein 1.2s backwards}
@keyframes mf-open{from{opacity:0}to{opacity:1}}
@keyframes mf-fadein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){body.mfw .mf-hero.is-intro .mf-cut mask .mf-t,body.mfw .mf-hero.is-intro .mf-t-o{animation:none}}
/* ============ pairs pinned on phones too ============ */
@media (max-width:859px){body.mfw .mf-pairs.is-pinned{height:calc(var(--mf-n) * 90vh)}
body.mfw .mf-pairs.is-pinned .mf-pairs-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;padding-block:calc(env(safe-area-inset-top,0px) + 76px) 24px;justify-content:space-between;gap:18px}
body.mfw .mf-pairs.is-pinned .mf-head-title{font-size:calc(var(--mf-dk) * clamp(34px,10vw,52px))}
body.mfw .mf-pairs.is-pinned .mf-track{flex-direction:row;gap:0;padding:0;width:calc(var(--mf-n) * 100vw);will-change:transform;flex:1;min-height:0}
body.mfw .mf-pairs.is-pinned .mf-pair{width:100vw;flex:none;padding-inline:var(--mf-gutter);grid-template-rows:auto minmax(0,1fr);gap:14px;height:100%}
body.mfw .mf-pairs.is-pinned .mf-pair h3{font-size:clamp(30px,8.4vw,44px)}
body.mfw .mf-pairs.is-pinned .mf-imgs{height:100%;min-height:0;gap:8px}
body.mfw .mf-pairs.is-pinned .mf-pair figure{height:100%;min-height:0}
body.mfw .mf-pairs.is-pinned .mf-pair figure img{aspect-ratio:auto;flex:1;min-height:0;height:0!important}
body.mfw .mf-pairs.is-pinned .mf-pair .b{padding-top:4vh}
body.mfw .mf-pairs.is-pinned .mf-pair figcaption{font-size:10px;flex-direction:column;gap:2px}}
/* ============ phones: hover effects play as things pass the middle of the screen ============ */
@media (hover:none){body.mfw .mf-row.is-live .t{transform:translateX(12px);color:var(--mf-ice)}
body.mfw .mf-row.is-live .t .u{display:none}
body.mfw .mf-row.is-live .t .s{display:inline}
body.mfw .mf-row.is-live .go{transform:translateX(-4px) rotate(-45deg);color:var(--mf-rust)}
body.mfw .mf-row .thumbs img{filter:grayscale(1);transition:filter .8s ease}
body.mfw .mf-row.is-live .thumbs img{filter:none}
body.mfw .mf-card.is-live .ph img{filter:grayscale(0);transform:scale(1)}
body.mfw .mf-card.is-live .ph b{color:var(--mf-ice)}
body.mfw .mf-feature.is-live .mf-feature-bg{scale:1.04}
body.mfw .mf-feature.is-live .ttl{color:var(--mf-ice);transform:translateX(8px)}
body.mfw .mf-feature.is-live .mf-pill{background:var(--mf-bone);color:var(--mf-ink)}}
/* golden hour line */
body.mfw .mf-golden{display:inline-flex;align-items:center;gap:8px;font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-rust);text-align:center}
body.mfw .mf-golden i{flex:none;width:7px;height:7px;background:var(--mf-rust);border-radius:50%;opacity:.8}
body.mfw .mf-golden.is-now i{animation:mf-pulse 1.8s ease-in-out infinite}
@keyframes mf-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,164,91,.6)}50%{box-shadow:0 0 0 7px rgba(217,164,91,0)}}
@media (max-width:700px){body.mfw .mf-golden{font-size:10px;letter-spacing:.06em}}
/* pairs: one story in four chapters */
body.mfw .mf-pairs .mf-head-title .mf-ser{display:block}
body.mfw .mf-pairs-intro{margin:0;max-width:44ch;color:var(--mf-soft);font-size:15px;line-height:1.55;text-align:right}
body.mfw .mf-pairs .mf-head-right{gap:14px}
body.mfw .mf-pair figure img{object-position:var(--mf-pos,center)}
@media (max-width:859px){body.mfw .mf-pairs-intro{text-align:left}
body.mfw .mf-pairs .mf-head-right{align-items:flex-start}}
body.mfw .mf-pair .txt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
body.mfw .mf-pair .txt .mf-note{color:var(--mf-rust)}
body.mfw .mf-pair .story{margin:0;max-width:34ch;color:var(--mf-soft);font-size:16px;line-height:1.55}
@media (max-width:859px){body.mfw .mf-pairs.is-pinned .mf-pairs-intro{display:none}
body.mfw .mf-pairs.is-pinned .mf-pair .txt{gap:6px}
body.mfw .mf-pairs.is-pinned .mf-pair .story{font-size:14px;line-height:1.45;max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
/* ============ statement: line by line, with a photo for each phrase ============ */
body.mfw .mf-st-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
body.mfw .mf-st-txt{display:flex;flex-direction:column;gap:24px;min-width:0}
body.mfw .mf-statement.is-scroll{display:block;height:calc(100vh + var(--mf-lines,6) * 24vh);padding:0}
body.mfw .mf-statement.is-scroll .mf-st-stage{position:sticky;top:0;height:100vh;height:100dvh;padding:calc(var(--mf-adminbar,0px) + 80px) var(--mf-gutter) 40px;overflow:hidden}
body.mfw .mf-statement .w{display:inline-block}
body.mfw .mf-statement.is-ready .w{opacity:.13;transform:translateY(.12em);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-statement.is-ready .w.in{opacity:1;transform:none}
body.mfw .mf-st-photos{position:relative;width:100%;height:min(66vh,640px)}
body.mfw .mf-st-photos figure{position:absolute;margin:0;width:60%;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(40px) scale(.94) rotate(0deg);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter .8s ease}
body.mfw .mf-st-photos figure img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;max-width:none;object-fit:cover;box-shadow:0 30px 60px rgba(0,0,0,.55)}
body.mfw .mf-st-photos figcaption{font-family:var(--mf-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-st-photos figure[data-k="0"]{left:0;top:4%;--rot:-3deg}
body.mfw .mf-st-photos figure[data-k="1"]{right:0;top:24%;--rot:2.5deg}
body.mfw .mf-st-photos figure[data-k="2"]{left:14%;bottom:0;--rot:-1deg}
body.mfw .mf-st-photos figure.in{opacity:1;transform:rotate(var(--rot));filter:brightness(.55) grayscale(.4)}
body.mfw .mf-st-photos figure.top{z-index:3;filter:none}
body.mfw .mf-statement.is-done .mf-st-photos figure.in{filter:none}
body.mfw .mf-statement:not(.is-scroll) .mf-st-photos figure{opacity:1;transform:rotate(var(--rot))}
@media (min-width:860px){body.mfw .mf-statement.has-photos .mf-st-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media (max-width:859px){body.mfw .mf-statement.is-scroll{height:calc(100vh + var(--mf-lines,10) * 14vh)}
body.mfw .mf-statement.is-scroll .mf-st-stage{align-content:center;gap:24px;padding-top:calc(var(--mf-adminbar,0px) + 72px)}
body.mfw .mf-statement p{font-size:clamp(26px,7.4vw,40px)}
body.mfw .mf-st-photos{height:34vh}
body.mfw .mf-st-photos figure{width:58%}
body.mfw .mf-st-photos figcaption{display:none}}
@media (prefers-reduced-motion: reduce){body.mfw .mf-statement .w,body.mfw .mf-st-photos figure{transition:none}}
/* live sky over the opening screen */
body.mfw .mf-sky{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 3s ease,background 3s ease}
body.mfw .mf-hero.sky-gold .mf-sky{opacity:1;background:radial-gradient(120% 90% at 50% 110%,rgba(217,140,60,.28),rgba(217,164,91,.08) 55%,transparent 80%);mix-blend-mode:soft-light}
body.mfw .mf-hero.sky-blue .mf-sky{opacity:1;background:linear-gradient(180deg,rgba(40,70,140,.35),rgba(20,30,70,.2));mix-blend-mode:soft-light}
body.mfw .mf-hero.sky-night .mf-sky{opacity:1;background:radial-gradient(140% 100% at 50% 0%,rgba(12,20,50,.35),rgba(5,8,20,.55));mix-blend-mode:multiply}
body.mfw .mf-hero.sky-grey .mf-reel{filter:brightness(1.05) saturate(.8)}
body.mfw .mf-now{font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
@media (max-width:700px){body.mfw .mf-now{font-size:10px;letter-spacing:.06em}}
/* sound */
body.mfw .mf-hero .mf-sound,body.mfw .mf-hero .mf-sound:hover,body.mfw .mf-hero .mf-sound:focus{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;margin:4px 0 0;background:transparent;border:1px solid rgba(236,232,224,.25);border-radius:0;color:var(--mf-fog);font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:color .3s,border-color .3s}
body.mfw .mf-hero .mf-sound:hover{color:var(--mf-bone);border-color:rgba(236,232,224,.5)}
body.mfw .mf-hero .mf-sound svg{width:16px;height:16px}
body.mfw .mf-hero .mf-sound .w1,body.mfw .mf-hero .mf-sound .w2{opacity:.25;transition:opacity .4s}
body.mfw .mf-hero .mf-sound.on{color:var(--mf-bone);border-color:var(--mf-ice)}
body.mfw .mf-hero .mf-sound.on .w1{opacity:1;animation:mf-wave 1.6s ease-in-out infinite}
body.mfw .mf-hero .mf-sound.on .w2{opacity:1;animation:mf-wave 1.6s .3s ease-in-out infinite}
@keyframes mf-wave{0%,100%{opacity:.35}50%{opacity:1}}
/* ===== hero, round 7: clean letter edges and a tidy live bar ===== */
body.mfw .mf-hero .mf-t-o{display:none}
body.mfw .mf-cut text{text-rendering:geometricPrecision}
body.mfw .mf-hero-cap .c{flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:8px!important;max-width:min(760px,100%)}
body.mfw .mf-hero-cap .c > span:not(.hint):not(.mf-golden):empty{display:none}
body.mfw .mf-hero-cap .c .hint{order:9;flex-basis:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}
body.mfw .mf-hero-cap .c .hint::after{content:"";width:1px;height:34px;background:linear-gradient(var(--mf-bone),transparent);transform-origin:top;animation:mf-drop 2.2s cubic-bezier(.7,0,.3,1) infinite}
@keyframes mf-drop{0%{transform:scaleY(0);opacity:1}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1) translateY(12px);opacity:0}}
body.mfw .mf-hero .mf-now,body.mfw .mf-hero .mf-golden,body.mfw .mf-hero .mf-sound,body.mfw .mf-hero .mf-sound:hover,body.mfw .mf-hero .mf-sound:focus{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 15px;margin:0;border:1px solid rgba(236,232,224,.2);border-radius:999px;background:rgba(10,12,12,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--mf-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog);text-decoration:none;white-space:nowrap;box-shadow:none}
body.mfw .mf-hero .mf-now{order:1;transition:border-color .25s,background-color .25s,color .25s}
body.mfw .mf-hero .mf-now svg{width:20px;height:20px;color:var(--mf-bone)}
body.mfw .mf-hero .mf-now b{font-family:var(--mf-display);font-weight:700;font-size:16px;letter-spacing:0;color:var(--mf-bone)}
body.mfw .mf-hero .mf-now em{font-style:normal;color:var(--mf-bone);padding-left:9px;border-left:1px solid rgba(236,232,224,.2);transition:transform .25s}
body.mfw .mf-hero .mf-now:hover{border-color:rgba(236,232,224,.5);background:rgba(10,12,12,.6);color:var(--mf-bone)}
body.mfw .mf-hero .mf-now:hover em{transform:translateX(3px)}
body.mfw .mf-hero .mf-golden{order:2;color:var(--mf-rust)}
body.mfw .mf-hero .mf-golden[hidden]{display:none}
body.mfw .mf-hero .mf-golden b{font-family:var(--mf-display);font-weight:700;font-size:16px;letter-spacing:0;color:#F2B98B}
body.mfw .mf-hero .mf-golden em{font-style:normal;color:var(--mf-fog);padding-left:9px;border-left:1px solid rgba(236,232,224,.2)}
body.mfw .mf-hero .mf-sound{order:3;cursor:pointer}
body.mfw .mf-hero .mf-sound:hover{border-color:rgba(236,232,224,.5);color:var(--mf-bone)}
body.mfw .mf-hero .mf-sound.on{border-color:var(--mf-ice);color:var(--mf-bone)}
@media (max-width:700px){body.mfw .mf-hero .mf-now,body.mfw .mf-hero .mf-golden,body.mfw .mf-hero .mf-sound,body.mfw .mf-hero .mf-sound:hover,body.mfw .mf-hero .mf-sound:focus{height:34px;padding:0 11px;font-size:10px;gap:7px}
body.mfw .mf-hero .mf-now b,body.mfw .mf-hero .mf-golden b{font-size:14px}
body.mfw .mf-hero .mf-now em{display:none}
body.mfw .mf-hero .mf-sound span{display:none}}
@media (prefers-reduced-motion:reduce){body.mfw .mf-hero-cap .c .hint::after{animation:none}}
/* the scroll cue: one element, the word with a thin track under it and a light running down the track */
body.mfw .mf-hero-cap .c .hint{gap:10px}
body.mfw .mf-hero-cap .c .hint::after{content:none}
body.mfw .mf-hero-cap .c .hint .w{display:block}
body.mfw .mf-hero-cap .c .hint .tr{position:relative;display:block;width:1px;height:38px;background:rgba(236,232,224,.18);overflow:hidden}
body.mfw .mf-hero-cap .c .hint .tr::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:linear-gradient(transparent,var(--mf-bone));animation:mf-cue 2.2s cubic-bezier(.6,0,.3,1) infinite}
@keyframes mf-cue{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(350%);opacity:0}}
@media (prefers-reduced-motion:reduce){body.mfw .mf-hero-cap .c .hint .tr::after{animation:none;top:0;height:100%;opacity:.5}}
/* ===== hero, round 16: one dock – the weather, the sound and the scroll cue in a single capsule ===== */
body.mfw .mf-hero-cap .c{flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;height:44px;margin:0 auto;padding:0;border:1px solid rgba(236,232,224,.17);border-radius:999px;background:rgba(10,12,12,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;max-width:calc(100vw - 32px);transition:border-color .3s,background-color .3s;animation:mf-dock-in .9s .2s cubic-bezier(.2,.7,.2,1) both}
body.mfw .mf-hero-cap .c:hover{border-color:rgba(236,232,224,.3);background:rgba(10,12,12,.5)}
@keyframes mf-dock-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.mfw .mf-hero-cap .c > *,body.mfw .mf-hero .mf-hero-cap .c .mf-sound,body.mfw .mf-hero .mf-hero-cap .c .mf-sound:hover,body.mfw .mf-hero .mf-hero-cap .c .mf-sound:focus,body.mfw .mf-hero .mf-hero-cap .c .mf-now{height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}
body.mfw .mf-hero-cap .c > span:not(.hint):not(:empty){display:flex;align-items:center;padding:0 16px;font-family:var(--mf-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
/* weather: icon, temperature, sky, and where it leads */
body.mfw .mf-hero .mf-hero-cap .c .mf-now{padding:0 14px 0 16px!important;gap:9px;animation:mf-seg-in .6s ease both}
body.mfw .mf-hero .mf-hero-cap .c .mf-now em{border:0;padding:0 0 0 2px;color:var(--mf-bone)}
body.mfw .mf-hero .mf-hero-cap .c .mf-now:hover{background:rgba(236,232,224,.06)!important}
@keyframes mf-seg-in{from{opacity:0}to{opacity:1}}
/* sound: just the icon, a quiet segment */
body.mfw .mf-hero .mf-hero-cap .c .mf-sound{width:46px;padding:0!important;justify-content:center;box-shadow:inset 1px 0 0 rgba(236,232,224,.13)!important}
body.mfw .mf-hero .mf-hero-cap .c .mf-sound span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.mfw .mf-hero .mf-hero-cap .c .mf-sound:hover{background:rgba(236,232,224,.06)!important}
body.mfw .mf-hero .mf-hero-cap .c .mf-sound.on{color:var(--mf-ice)!important}
body.mfw .mf-hero-cap .c:not(:has(.mf-now)) .mf-sound{box-shadow:none!important}
/* scroll: the word and a short track with a light running down it, inside the same capsule */
body.mfw .mf-hero-cap .c .hint{order:9;flex-basis:auto!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:0 18px 0 16px!important;cursor:pointer;color:var(--mf-fog);box-shadow:inset 1px 0 0 rgba(236,232,224,.13);transition:color .25s,background-color .25s}
body.mfw .mf-hero-cap .c .hint:hover,body.mfw .mf-hero-cap .c .hint:focus-visible{color:var(--mf-bone);background:rgba(236,232,224,.06)!important;outline:none}
body.mfw .mf-hero-cap .c .hint .tr{height:18px!important;background:rgba(236,232,224,.2)!important}
body.mfw .mf-hero-cap .c .hint .tr::after{height:60%!important;top:-60%!important;animation:mf-cue 1.8s cubic-bezier(.6,0,.3,1) infinite}
@media (max-width:700px){body.mfw .mf-hero-cap .c{height:40px}
body.mfw .mf-hero .mf-hero-cap .c .mf-now{padding:0 12px 0 13px!important}
body.mfw .mf-hero .mf-hero-cap .c .mf-sound{width:40px}
body.mfw .mf-hero-cap .c .hint{padding:0 14px 0 12px!important;gap:8px!important;font-size:10px}}
@media (max-width:380px){body.mfw .mf-hero .mf-hero-cap .c .mf-now span{display:none}}
@media (prefers-reduced-motion:reduce){body.mfw .mf-hero-cap .c,body.mfw .mf-hero .mf-hero-cap .c .mf-now{animation:none}}
/* conditions at a glance (homepage) */
body.mfw .mf-cglance{padding:clamp(56px,9vh,110px) var(--mf-gutter)}
body.mfw .cg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
body.mfw .cg-live{display:block;color:#8FD6A5!important;line-height:1.7}
body.mfw .cg-live i{position:relative;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;width:7px;height:7px;border-radius:50%;background:#8FD6A5}
body.mfw .cg-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(143,214,165,.6);animation:mf-cg-ring 2s ease-out infinite}
@keyframes mf-cg-ring{0%{transform:scale(1);opacity:1}100%{transform:scale(3.5);opacity:0}}
body.mfw .cg-when{color:var(--mf-fog)}
body.mfw .cg-t{margin:10px 0 0;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(36px,5vw,72px));line-height:.95;color:var(--mf-bone)}
body.mfw .cg-t .mf-ser{display:block;font-size:calc(.5em / var(--mf-dk));color:var(--mf-ice)}
body.mfw .cg-more{text-decoration:none}
body.mfw .cg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
body.mfw .cg-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-height:150px;padding:20px;background:var(--mf-ink);color:var(--mf-soft);text-decoration:none;transition:background-color .25s;overflow:hidden}
body.mfw .cg-tile:hover{background:#151816}
body.mfw .cg-tile::after{content:"→";position:absolute;right:16px;top:16px;color:var(--mf-fog);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
body.mfw .cg-tile:hover::after{opacity:1;transform:none}
body.mfw .cg-tile .ic{width:26px;height:26px;color:var(--mf-soft);margin-bottom:6px}
body.mfw .cg-l{font-family:var(--mf-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .cg-tile b{font-family:var(--mf-display);font-weight:700;font-size:20px;line-height:1.15;color:var(--mf-bone)}
body.mfw .cg-tile small{font-size:13px;line-height:1.45;color:var(--mf-soft)}
body.mfw .cg-tile.t3 .ic,body.mfw .cg-tile.t4 .ic{color:#8FD6A5}
body.mfw .cg-tile.t2 .ic{color:#f0b84a}
body.mfw .cg-now{grid-row:span 2;background:radial-gradient(120% 90% at 0% 0%,rgba(169,200,240,.1),transparent 60%),var(--mf-ink)}
body.mfw .cg-now .ic{width:58px;height:58px;color:var(--mf-bone)}
body.mfw .cg-now b{font-weight:900;font-size:calc(var(--mf-dk) * 64px);line-height:.9}
body.mfw .cg-sk{min-height:150px;background:linear-gradient(90deg,var(--mf-ink) 0,#141715 50%,var(--mf-ink) 100%) 0 0/200% 100%;animation:mf-cg-sk 1.6s linear infinite}
@keyframes mf-cg-sk{to{background-position:-200% 0}}
body.mfw .mf-cglance.in .cg-tile{animation:mf-cg-in .7s cubic-bezier(.2,.8,.2,1) backwards}
body.mfw .mf-cglance.in .cg-tile:nth-child(2){animation-delay:.05s}
body.mfw .mf-cglance.in .cg-tile:nth-child(3){animation-delay:.1s}
body.mfw .mf-cglance.in .cg-tile:nth-child(4){animation-delay:.15s}
body.mfw .mf-cglance.in .cg-tile:nth-child(5){animation-delay:.2s}
body.mfw .mf-cglance.in .cg-tile:nth-child(6){animation-delay:.25s}
body.mfw .mf-cglance.in .cg-tile:nth-child(7){animation-delay:.3s}
body.mfw .mf-cglance.in .cg-tile:nth-child(8){animation-delay:.35s}
@keyframes mf-cg-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:1000px){body.mfw .cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mfw .cg-now{grid-row:auto;grid-column:1 / -1;min-height:0}}
@media (max-width:480px){body.mfw .cg-tile{min-height:0;padding:16px}
body.mfw .cg-tile b{font-size:17px}}
@media (prefers-reduced-motion:reduce){body.mfw .mf-cglance.in .cg-tile,body.mfw .cg-sk,body.mfw .cg-live i::after{animation:none}}
body.mfw .cg-tile{grid-template-rows:auto auto auto auto 1fr}
body.mfw .cg-tile .cg-m{display:flex;gap:3px;align-self:end;margin-top:10px}
body.mfw .cg-tile .cg-m i{width:22px;height:3px;border-radius:2px;background:rgba(236,232,224,.12)}
/* red = poor, orange = so-so, green = good */
body.mfw .cg-tile.t0 .cg-m i.on,body.mfw .cg-tile.t1 .cg-m i.on{background:#e0565b}
body.mfw .cg-tile.t2 .cg-m i.on{background:#f08a3c}
body.mfw .cg-tile.t3 .cg-m i.on,body.mfw .cg-tile.t4 .cg-m i.on{background:#8FD6A5}
body.mfw .cg-tile.t0 .ic,body.mfw .cg-tile.t1 .ic{color:#e0565b}
body.mfw .cg-tile.t2 .ic{color:#f08a3c}
body.mfw .cg-tile.t3 .ic,body.mfw .cg-tile.t4 .ic{color:#8FD6A5}
body.mfw .cg-tile.is-now .cg-l::before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:#f0b84a;vertical-align:middle;box-shadow:0 0 0 3px rgba(240,184,74,.2)}
body.mfw .cg-tile.is-now .ic{color:#f0b84a}
/* ===== condition alerts: buttons, sign-up window, messages ===== */
body.mfw .cg-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.mfw .cg-alert,body.mfw .cg-alert:hover,body.mfw .cg-alert:focus{display:inline-flex;align-items:center;gap:8px}
body.mfw .cg-alert svg,body.mfw .mf-al-open svg{width:15px;height:15px;flex:none}
body.mfw .cg-alert:hover svg,body.mfw .mf-al-open:hover svg{animation:mf-al-ring .7s ease}
@keyframes mf-al-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
body.mfw .mf-al-open,body.mfw .mf-al-open:hover,body.mfw .mf-al-open:focus{display:inline-flex;align-items:center;gap:7px;height:auto;margin:0;padding:4px 0;background:none;border:0;border-bottom:1px solid rgba(236,232,224,.3);border-radius:0;color:var(--mf-bone);font-family:var(--mf-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 12px rgba(0,0,0,.5);transition:border-color .2s,color .2s}
body.mfw .mf-al-open:hover,body.mfw .mf-al-open:focus-visible{border-bottom-color:#8FD6A5;color:#8FD6A5;outline:none}
body.mfw .mf-cw-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
body.mfw .mf-alerts{position:fixed;inset:0;z-index:9995;display:grid;place-items:center;padding:16px;font-family:var(--mf-sans);color:var(--mf-bone)}
body.mfw .mf-alerts[hidden]{display:none}
body.mfw .mf-al-bg{position:absolute;inset:0;background:rgba(5,6,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
body.mfw .mf-al-box{position:relative;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;margin:0;padding:clamp(22px,4vw,36px);background:#121514;border:1px solid rgba(236,232,224,.16);box-shadow:0 30px 80px rgba(0,0,0,.6);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-alerts.on .mf-al-bg{opacity:1}
body.mfw .mf-alerts.on .mf-al-box{opacity:1;transform:none}
body.mfw .mf-al-x,body.mfw .mf-al-x:hover,body.mfw .mf-al-x:focus{position:absolute;top:12px;right:12px;width:38px;height:38px;padding:0;margin:0;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:0;color:var(--mf-fog);cursor:pointer}
body.mfw .mf-al-x:hover{border-color:rgba(236,232,224,.3);color:var(--mf-bone)}
body.mfw .mf-al-x svg{width:18px;height:18px}
body.mfw .mf-al-k{display:inline-flex;align-items:center;gap:9px;color:#8FD6A5!important}
body.mfw .mf-al-k i{width:7px;height:7px;border-radius:50%;background:#8FD6A5;box-shadow:0 0 0 4px rgba(143,214,165,.18)}
body.mfw .mf-al-box h2{margin:12px 0 8px;font-family:var(--mf-display);font-weight:900;font-size:clamp(24px,3.4vw,34px);line-height:1.08;text-transform:uppercase;color:var(--mf-bone)}
body.mfw .mf-al-box h2 .mf-ser{display:block;text-transform:none;font-weight:400;color:var(--mf-ice)}
body.mfw .mf-al-intro{margin:0 0 20px;color:var(--mf-soft);font-size:15px;line-height:1.55}
body.mfw .mf-al-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
body.mfw .mf-al-t{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(236,232,224,.14);cursor:pointer;transition:border-color .2s,background-color .2s}
body.mfw .mf-al-t:hover{border-color:rgba(236,232,224,.32)}
body.mfw .mf-al-t:has(input:checked){border-color:rgba(143,214,165,.55);background:rgba(143,214,165,.06)}
body.mfw .mf-al-t input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:#8FD6A5}
body.mfw .mf-al-t span{display:grid;gap:3px}
body.mfw .mf-al-t b{font-family:var(--mf-display);font-weight:700;font-size:14px;color:var(--mf-bone)}
body.mfw .mf-al-t small{font-size:12.5px;line-height:1.4;color:var(--mf-fog)}
body.mfw .mf-al-types .mf-al-t:last-child:nth-child(odd){grid-column:1 / -1}
body.mfw .mf-al-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;margin:0 0 16px}
body.mfw .mf-al-row label{display:grid;gap:7px}
body.mfw .mf-al-row select,body.mfw .mf-al-row input{width:100%;height:46px;padding:0 12px;margin:0;background:#0d0f0e;border:1px solid rgba(236,232,224,.2);border-radius:0;color:var(--mf-bone);font-family:var(--mf-sans);font-size:15px}
body.mfw .mf-alerts .mf-al-row input[type=email],body.mfw .mf-alerts .mf-al-row select{border-radius:0!important;background-color:#0d0f0e!important;border:1px solid rgba(236,232,224,.2)!important;box-shadow:none!important;color:var(--mf-bone)!important;padding:0 12px!important;height:46px!important;font-size:15px!important}
body.mfw .mf-alerts .mf-al-row input[type=email]:focus,body.mfw .mf-alerts .mf-al-row select:focus{outline:none!important;border-color:#8FD6A5!important;box-shadow:0 0 0 1px #8FD6A5!important}
body.mfw .mf-alerts .mf-al-row input::placeholder{color:rgba(236,232,224,.35)}
body.mfw .mf-al-toast{width:max-content;text-align:center}
body.mfw .mf-al-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
body.mfw .mf-al-send{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
body.mfw .mf-al-go,body.mfw .mf-al-go:hover,body.mfw .mf-al-go:focus{height:46px!important;padding:0 20px!important;background:var(--mf-bone)!important;border-color:var(--mf-bone)!important;color:#111311!important}
body.mfw .mf-al-go:hover{background:#8FD6A5!important;border-color:#8FD6A5!important}
body.mfw .mf-al-go[disabled]{opacity:.6}
body.mfw .mf-al-msg{flex:1;min-width:180px;margin:0;font-size:14px;line-height:1.45;color:var(--mf-soft)}
body.mfw .mf-alerts.ok .mf-al-msg{color:#8FD6A5}
body.mfw .mf-alerts.bad .mf-al-msg{color:#f08a3c}
body.mfw .mf-al-box.done .mf-al-types,body.mfw .mf-al-box.done .mf-al-row{opacity:.45;pointer-events:none}
body.mfw .mf-al-fine{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--mf-fog)}
@media (max-width:560px){body.mfw .mf-al-types,body.mfw .mf-al-row{grid-template-columns:1fr}
body.mfw .mf-al-types .mf-al-t:last-child:nth-child(odd){grid-column:auto}}
body.mfw .mf-al-toast{position:fixed;left:50%;bottom:24px;z-index:9996;max-width:calc(100vw - 32px);padding:14px 20px;background:#121514;border:1px solid rgba(143,214,165,.5);color:var(--mf-bone);font-family:var(--mf-sans);font-size:15px;box-shadow:0 16px 40px rgba(0,0,0,.5);transform:translate(-50%,20px);opacity:0;transition:opacity .35s,transform .35s}
body.mfw .mf-al-toast.invalid{border-color:rgba(240,138,60,.6)}
body.mfw .mf-al-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){body.mfw .mf-al-box,body.mfw .mf-al-bg,body.mfw .mf-al-toast{transition:none}
body.mfw .cg-alert:hover svg,body.mfw .mf-al-open:hover svg{animation:none}}