:root{--wid-paper:#f2f3f4;--wid-ink:#17191d;--wid-muted:#6f747c;--wid-blue:#1666c5;--wid-ease:cubic-bezier(.22,.8,.2,1)}
.wid-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Hero: menu, copy, actions and artwork fit into the first viewport. */
.wid-topbar{height:58px}
.wid-topnav{flex-wrap:nowrap!important}
.wid-hero{height:calc(100svh - 58px);min-height:610px;padding:34px 20px 0!important;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.wid-hero>[data-anim="0"]{display:none!important}
.wid-hero h1{font-size:clamp(44px,6.2vw,78px)!important;line-height:.96!important;margin:6px auto 0!important;max-width:14ch!important}
.wid-hero>[data-anim="2"]{font-size:clamp(16px,1.65vw,19px)!important;margin:14px auto 0!important}
.wid-hero>[data-anim="3"]{margin-top:18px!important}
.wid-hero>[data-anim="3"] a{font-size:15px!important;padding:13px 23px!important}
.wid-hero-art{flex:1;min-height:0;width:100%;margin-top:0!important;display:grid;place-items:end center}
.wid-hero-art__float{width:100%;height:100%;min-height:0;display:grid;place-items:end center;overflow:visible}
.wid-hero-art img{width:100%!important;max-width:min(820px,92vw)!important;height:100%!important;max-height:39svh;object-fit:contain;object-position:center bottom}

/* Full-screen presentation chapters. The scene is centered, not stretched. */
html.wid-playback-lock,html.wid-jump{scroll-behavior:auto!important}
html.wid-playback-lock,html.wid-playback-lock body{overscroll-behavior:none!important}
html.wid-playback-lock body{touch-action:none}
.wid-stories{--story-bg:#f4f5f6;position:relative;background:var(--story-bg);color:var(--wid-ink);font-family:-apple-system,BlinkMacSystemFont,'Onest','Segoe UI',sans-serif;overflow:clip}
/* Белая обложка переходит в серую сцену плавно, без линии разреза. */
.wid-stories:before{content:"";position:absolute;z-index:6;left:0;right:0;top:0;height:clamp(48px,7vw,84px);background:linear-gradient(#fff,rgba(255,255,255,0));pointer-events:none}
.wid-stories__breath{height:2.5svh;min-height:16px;background:linear-gradient(180deg,#fff,var(--story-bg))}
.wid-stories__outro{height:5svh;min-height:32px;background:linear-gradient(180deg,var(--story-bg),#fff)}
.wid-stories__breath i,.wid-stories__outro i{display:none}
.wid-story-gap{height:2.4svh;min-height:16px;background:var(--story-bg);display:grid;place-items:center}
.wid-story-gap i{width:36px;height:3px;border-radius:999px;background:rgba(37,42,49,.08)}
.wid-chapter{--p:0;position:relative;height:100svh;min-height:620px;background:var(--story-bg)}
.wid-stage{height:100%;min-height:inherit;padding:76px clamp(22px,4vw,56px) 22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;place-items:center;overflow:hidden}
.wid-story-head{position:relative;z-index:30;width:min(1080px,100%);text-align:center;pointer-events:none}
.wid-story-head span{display:block;margin-bottom:6px;color:#858a92;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.wid-story-head h2{margin:0 auto;max-width:22ch;font-size:clamp(30px,3.2vw,46px);line-height:1.02;letter-spacing:-.045em;font-weight:750}
.wid-story-head p{margin:10px auto 0;max-width:58ch;color:var(--wid-muted);font-size:clamp(15px,1.3vw,18px);line-height:1.42}
.wid-canvas,.wid-canvas.wid-canvas--original{position:relative;align-self:center;width:min(940px,74vw,calc((100svh - 245px)*1.7778));max-width:100%;height:auto;max-height:calc(100svh - 245px);min-height:0;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none!important;opacity:1}
.wid-canvas:before,.wid-canvas:after{display:none!important}
.wid-canvas--original>*:not(.wid-scene-frame){display:none!important}
.wid-scene-frame{position:absolute;z-index:20;inset:0;width:100%;height:100%;border:0;background:transparent;pointer-events:none}

/* Progress controller inspired by the supplied reference, without copying Apple UI. */
.wid-story-controls{position:relative;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:max(0px,env(safe-area-inset-bottom));--control-progress:0}
.wid-story-dots{display:flex;align-items:center;justify-content:center;gap:13px;width:246px;height:62px;padding:12px 18px;border:1px solid #1b263a0a;border-radius:999px;background:#fff;box-shadow:0 12px 36px #1f293f0c;backdrop-filter:blur(18px) saturate(135%)}
.wid-story-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#888d94;cursor:pointer;transition:width .35s var(--wid-ease),background .25s ease,transform .2s ease}
.wid-story-dot:hover{transform:scale(1.12)}
.wid-story-dot.is-active{width:48px;background:linear-gradient(90deg,var(--wid-blue) calc(var(--control-progress)*100%),#8d9299 0)}
.wid-story-toggle{position:relative;width:50px;height:50px;padding:0;border:1px solid rgba(25,30,38,.045);border-radius:50%;background:rgba(255,255,255,.66);box-shadow:0 12px 38px rgba(31,37,48,.07);backdrop-filter:blur(18px) saturate(135%);cursor:pointer}
.wid-story-toggle:before{content:"";position:absolute;left:20px;top:15px;border-left:15px solid #1d1f23;border-top:10px solid transparent;border-bottom:10px solid transparent;transition:.2s ease}
.wid-story-toggle.is-playing:before{left:17px;top:15px;width:5px;height:20px;border:0;border-radius:2px;background:#1d1f23;box-shadow:11px 0 #1d1f23}
.wid-story-skip{height:50px;padding:0 18px;border:1px solid rgba(25,30,38,.045);border-radius:999px;background:rgba(255,255,255,.64);box-shadow:0 12px 38px rgba(31,37,48,.07);backdrop-filter:blur(18px) saturate(135%);color:#626870;font-family:inherit;font-size:13px;font-weight:650;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.wid-story-skip:hover{background:#fff;color:#17191d;transform:translateY(-1px)}
.wid-story-toggle:focus-visible,.wid-story-dot:focus-visible,.wid-story-skip:focus-visible{outline:3px solid rgba(22,102,197,.28);outline-offset:3px}

@media(max-width:700px){
  .wid-topbar{top:8px!important;height:56px;padding:0 10px!important}
  .wid-topnav{width:100%;justify-content:space-between!important;padding:6px 6px 6px 13px!important;gap:2px!important}
  .wid-topnav>span{margin-right:0!important}.wid-topnav>span span{font-size:13px!important}
  .wid-topnav>a[href="#salary"]{display:none}
  .wid-topnav>a{font-size:12px!important;padding:8px 9px!important}
  .wid-topnav>a[href="#apply"]{padding:9px 13px!important}
  /* Нижняя панель Safari на iPhone плавающая: она лежит ПОВЕРХ страницы, а в
     высоту экрана не входит — браузер отдаёт полные 912 px. Поэтому низ
     первого экрана (и картинка) оказывался под панелью и выглядел обрезанным.
     Резервируем под неё место. */
  .wid-hero{height:calc(100svh - 56px);min-height:580px;
    padding:22px 14px max(96px,calc(env(safe-area-inset-bottom) + 62px))!important}
  .wid-hero h1{font-size:clamp(37px,11.2vw,47px)!important;line-height:.96!important;max-width:11ch!important}
  .wid-hero>[data-anim="2"]{font-size:14px!important;line-height:1.38!important;max-width:36ch!important;margin-top:11px!important}
  .wid-hero>[data-anim="3"]{margin-top:14px!important;flex-wrap:nowrap!important}
  .wid-hero>[data-anim="3"] a{font-size:13px!important;padding:11px 14px!important;white-space:nowrap}
  /* Картинка занимает ровно то место, что осталось под заголовком, и
     вписывается в него целиком. Раньше у неё была своя высота, а лишнее
     срезал контейнер: в русской версии заголовок длиннее, поэтому низ
     чемоданов обрезался ровной линией, а в английской — нет. */
  .wid-hero-art img{width:100%!important;max-width:100vw!important;height:100%!important;
    max-height:none;object-fit:contain;object-position:center bottom}

  .wid-stories__breath{height:1.2svh;min-height:8px}
  .wid-stories__outro{height:3svh;min-height:20px}
  .wid-story-gap{height:1.2svh;min-height:8px}.wid-story-gap i{width:24px;height:2px}
  .wid-chapter{height:100svh;min-height:600px}
  .wid-stage{padding:96px 12px max(14px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:10px}
  .wid-story-head{width:100%;padding:0 8px}
  .wid-story-head span{font-size:9px;margin-bottom:4px}
  .wid-story-head h2{max-width:18ch;font-size:clamp(24px,7vw,30px);line-height:1.02}
  .wid-story-head p{max-width:34ch;margin-top:5px;font-size:11.5px;line-height:1.32}
  .wid-canvas,.wid-canvas.wid-canvas--original{width:min(100%,calc((100svh - 260px)*.8));height:auto;max-height:calc(100svh - 260px);aspect-ratio:4/5}
  .wid-story-controls{gap:8px}
  .wid-story-dots{height:54px;gap:13px;padding:0 21px;background:rgba(255,255,255,.88)}
  .wid-story-dot{width:9px;height:9px}.wid-story-dot.is-active{width:58px}
  .wid-story-toggle{width:46px;height:46px}
  .wid-story-toggle:before{left:18px;top:13px}.wid-story-toggle.is-playing:before{left:15px;top:13px}
  .wid-story-skip{height:46px;padding:0 15px;font-size:12px}
}

@media(max-height:700px) and (min-width:701px){
  .wid-hero{padding-top:16px!important}.wid-hero h1{font-size:58px!important}.wid-hero-art img{max-height:34svh}
  .wid-stage{padding-top:68px}.wid-story-head p{display:none}.wid-canvas,.wid-canvas.wid-canvas--original{width:min(800px,68vw,calc((100svh - 205px)*1.7778));max-height:calc(100svh - 205px)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}.wid-hero-art__float{animation:none!important}
  html.wid-playback-lock body{touch-action:auto}.wid-story-dot,.wid-story-toggle:before,.wid-story-skip{transition:none}
}

/* Horizontal showcase and Tripsy-inspired navigation treatment. */
.wid-topbar{position:fixed!important;left:0;right:0;top:16px!important;z-index:1000!important;display:flex;width:100%;height:auto;justify-content:center;padding:0 16px;opacity:1;transform:translateZ(0);isolation:isolate;pointer-events:auto}
.wid-topnav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap!important;width:min(1000px,calc(100% - 40px));max-width:none!important;justify-content:space-between!important;padding:9px 16px 9px 28px!important;background:transparent!important;border:1px solid transparent;border-radius:999px;box-shadow:none!important;backdrop-filter:none!important;transition:width .72s var(--wid-ease),padding .72s var(--wid-ease),background .5s ease,border-color .5s ease,box-shadow .5s ease,backdrop-filter .5s ease}
body.wid-nav-scrolled .wid-topnav{width:min(920px,calc(100% - 32px));padding:9px 9px 9px 24px!important;background:rgba(255,255,255,.82)!important;border-color:rgba(18,24,34,.055)!important;box-shadow:0 3px 5px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.04),0 18px 50px rgba(28,34,44,.055)!important;backdrop-filter:blur(22px) saturate(150%)!important}
.wid-brand-link img{height:30px!important}
.wid-brand-link span{font-size:17px!important;text-transform:none}
.wid-menu-toggle,.wid-mobile-menu{display:none}
.wid-desktop-links{display:flex;align-items:center;gap:2px}
.wid-desktop-links>a,.wid-services-menu>summary{display:inline-flex;min-height:40px;align-items:center;padding:0 13px;border-radius:999px;color:#65696f;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .22s ease,color .22s ease}
.wid-desktop-links>a:hover,.wid-services-menu>summary:hover{background:rgba(118,118,128,.09);color:#1d1d1f}
.wid-desktop-links .wid-nav-apply{margin-left:4px;padding:0 18px;background:#1d1d1f;color:#fff;font-weight:700}
.wid-desktop-links .wid-nav-apply:hover{background:#000;color:#fff}
.wid-services-menu{position:relative}
.wid-services-menu>summary{list-style:none}
.wid-services-menu>summary::-webkit-details-marker{display:none}
.wid-services-menu>summary span{margin-left:5px;color:#989ca2;font-size:15px;transition:transform .28s ease}
.wid-services-menu[open]>summary{background:rgba(118,118,128,.09);color:#1d1d1f}
.wid-services-menu[open]>summary span{transform:rotate(180deg)}
.wid-services-popover{position:absolute;top:calc(100% + 13px);left:50%;width:286px;padding:10px;transform:translateX(-50%);border:1px solid rgba(18,24,34,.065);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 22px 60px rgba(28,34,44,.14);backdrop-filter:blur(24px) saturate(160%)}
.wid-services-popover:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:15px}
.wid-services-popover a{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:16px;color:#1d1d1f;transition:background .2s ease}
.wid-services-popover a:hover{background:#f3f5f8;color:#1d1d1f}
.wid-services-popover strong{font-size:15px;font-weight:700}
.wid-services-popover small{color:#8b9199;font-size:12px;line-height:1.25}

.wid-hero{height:100svh;min-height:620px;padding:92px 20px 0!important}
.wid-hero h1{font-size:clamp(42px,5.2vw,66px)!important;max-width:16ch!important}
.wid-hero>[data-anim="2"]{font-size:clamp(18px,1.75vw,21px)!important}
.wid-hero>[data-anim="3"] a{font-size:16px!important}
.wid-hero-art{place-items:center;transform:none;margin-top:20px!important}
.wid-hero-art__float{place-items:center;animation:none!important}
.wid-hero-art picture{display:block;width:100%;height:100%;min-height:0}
.wid-hero-art img{max-width:min(900px,96vw)!important;max-height:42svh;object-fit:contain;transform:none!important}

.wid-stories{height:100svh;min-height:620px;overflow:hidden}
.wid-stories__breath,.wid-stories__outro,.wid-story-gap{display:none!important}
.wid-chapter{position:absolute;inset:0;height:100%;min-height:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(52%,0,0) scale(.992);transition:transform 1.08s cubic-bezier(.16,1,.3,1),opacity .78s cubic-bezier(.22,.8,.2,1),visibility 0s linear 1.08s;will-change:transform,opacity}
.wid-chapter.is-active{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.wid-chapter.is-before{z-index:2;transform:translate3d(-52%,0,0) scale(.992)}
.wid-chapter.is-after{z-index:1;transform:translate3d(52%,0,0) scale(.992)}
.wid-stage{grid-template-rows:auto minmax(0,1fr);padding-top:90px;padding-bottom:90px}
.wid-story-controls{position:absolute;left:50%;bottom:32px;transform:translateX(-50%)}
.wid-stage{cursor:grab}.wid-story-controls{cursor:default}
.wid-canvas,.wid-canvas.wid-canvas--original{width:min(790px,66vw,calc((100svh - 255px)*1.7778));max-height:calc(100svh - 255px)}
.wid-chapter--community,.wid-chapter--currency{--scene-bg:#f4f5f6;background:var(--scene-bg)}
.wid-chapter--tax,.wid-chapter--wps{--scene-bg:#f4f5f6;background:var(--scene-bg)}
.wid-canvas,.wid-canvas.wid-canvas--original{background:var(--scene-bg,#f4f5f6)}
.wid-canvas:after{content:"";display:block!important;position:absolute;z-index:25;inset:-1px;pointer-events:none;background:linear-gradient(90deg,var(--scene-bg,#f4f5f6) 0,transparent 5%,transparent 95%,var(--scene-bg,#f4f5f6) 100%),linear-gradient(180deg,var(--scene-bg,#f4f5f6) 0,transparent 7%,transparent 93%,var(--scene-bg,#f4f5f6) 100%)}

@media(max-width:700px){
  .wid-topbar{top:max(10px,env(safe-area-inset-top))!important;padding:0 12px!important}
  .wid-topnav,body.wid-nav-scrolled .wid-topnav{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:40px 0;align-items:center;column-gap:8px;width:100%;height:58px;overflow:hidden;padding:8px 10px 8px 16px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(18,24,34,.05)!important;border-radius:29px!important;box-shadow:0 3px 5px rgba(0,0,0,.045),0 15px 36px rgba(28,34,44,.075)!important;backdrop-filter:blur(22px) saturate(150%)!important;transition:height .68s cubic-bezier(.16,1,.3,1),border-radius .68s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease!important}
  body.wid-menu-open .wid-topnav,body.wid-menu-open.wid-nav-scrolled .wid-topnav{grid-template-rows:40px 1fr;height:min(356px,calc(100svh - 20px));border-radius:29px!important;background:rgba(255,255,255,.975)!important;box-shadow:0 18px 55px rgba(28,34,44,.12)!important}
  body.wid-menu-open .wid-topnav:has(.wid-mobile-services[open]){height:min(526px,calc(100svh - 40px))}
  .wid-brand-link{grid-column:1;grid-row:1;margin-right:auto!important;gap:10px!important;min-width:0}
  .wid-brand-link img{height:27px!important}.wid-brand-link span{font-size:16px!important}
  .wid-desktop-links{display:none}
  .wid-menu-toggle{grid-column:2;grid-row:1;display:grid;width:40px;height:40px;margin-left:auto;padding:0;border:0;border-radius:50%;background:transparent;place-content:center;gap:8px;cursor:pointer}
  .wid-menu-toggle i{display:block;width:25px;height:2px;border-radius:999px;background:#8f9296;transition:transform .35s var(--wid-ease),opacity .25s ease}
  body.wid-menu-open .wid-menu-toggle i:first-child{transform:translateY(5px) rotate(45deg)}
  body.wid-menu-open .wid-menu-toggle i:last-child{transform:translateY(-5px) rotate(-45deg)}
  .wid-mobile-menu{grid-column:1/-1;grid-row:2;position:static;display:flex;align-self:stretch;width:100%;min-height:0;padding:16px 8px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .28s ease,transform .48s var(--wid-ease),visibility 0s linear .48s}
  .wid-mobile-menu::-webkit-scrollbar{display:none}
  .wid-mobile-menu>a,.wid-mobile-services>summary{width:100%;padding:12px 16px;border-radius:18px;color:#55595f;font-size:17px;font-weight:600;line-height:1.2;text-align:center}
  .wid-mobile-menu>a:hover,.wid-mobile-services>summary:hover{background:#f4f5f7;color:#1d1d1f}
  .wid-mobile-menu>.wid-nav-apply{width:auto;min-width:190px;margin-top:8px;padding:13px 24px;background:#1d1d1f;color:#fff;font-weight:700}
  .wid-mobile-services{width:100%}
  .wid-mobile-services>summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer}
  .wid-mobile-services>summary::-webkit-details-marker{display:none}
  .wid-mobile-services>summary span{color:#8f9296;font-size:21px;font-weight:400;transition:transform .3s ease}
  .wid-mobile-services[open]>summary span{transform:rotate(45deg)}
  .wid-mobile-services>div{display:grid;gap:3px;margin:2px 0 6px;padding:6px;border-radius:20px;background:#f4f5f7}
  .wid-mobile-services>div a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:15px;text-align:center}
  .wid-mobile-services>div a:hover{background:#fff}
  .wid-mobile-services strong{color:#2d3035;font-size:14px;font-weight:700}
  .wid-mobile-services small{color:#8b9199;font-size:12px;line-height:1.25}
  body.wid-menu-open .wid-mobile-menu{opacity:1;visibility:visible;transform:none;transition-delay:.13s}
  .wid-hero{height:100svh;min-height:620px;
    padding:112px 14px max(96px,calc(env(safe-area-inset-bottom) + 62px))!important}
  .wid-hero h1{font-size:clamp(38px,11.3vw,47px)!important;max-width:13ch!important}
  .wid-hero>[data-anim="2"]{max-width:36ch!important;font-size:16px!important;line-height:1.42!important}
  .wid-hero>[data-anim="3"]{margin-top:17px!important}
  .wid-hero>[data-anim="3"] a{font-size:15px!important;padding:14px 20px!important}
  .wid-hero>div:first-child{top:34%!important;height:min(760px,92vw)!important}
  .wid-hero-art{place-items:end center;transform:none}
  .wid-hero-art__float{position:relative;place-items:end center;min-width:0;max-width:100%;justify-self:stretch}
  .wid-hero-art picture{display:block;width:100%;height:100%;min-height:0}
  .wid-hero-art img{position:static!important;width:100%!important;max-width:100%!important;height:100%!important;
    max-height:100%!important;transform:none!important;object-fit:contain;object-position:center bottom}

  .wid-stories{height:100svh;min-height:620px}
  .wid-stage{padding:112px 6px 100px;grid-template-rows:auto minmax(0,1fr);gap:0}
  .wid-story-head{padding:0 12px}
  .wid-story-head span{display:none}
  .wid-story-head h2{font-size:clamp(28px,8vw,34px);max-width:20ch}
  .wid-story-head p{font-size:14px;max-width:35ch;margin-top:9px;line-height:1.38}
  .wid-canvas,.wid-canvas.wid-canvas--original{width:min(100%,390px);height:auto;max-height:min(55svh,500px);aspect-ratio:4/5;align-self:center;transform:translateY(12px)!important}
  .wid-story-controls{bottom:max(44px,calc(env(safe-area-inset-bottom) + 26px))}

  /* Один и тот же контрол во всех принятых каруселях. Эталон — переключатель
     под блоком жилья: одинаковые размер, тень, точки и активная капсула. */
  .wid-story-dots{justify-content:center;width:238px;height:54px;gap:4px;padding:8px 14px;
    border:1px solid #1b263a0a;background:#fff;box-shadow:0 12px 36px #1f293f0c}
  .wid-story-dot{display:grid;place-items:center;min-width:32px;width:auto;height:36px;padding:8px;
    background:transparent!important;transition:none}
  .wid-story-dot:before{content:"";display:block;width:10px;height:10px;border-radius:20px;background:#9298a0;
    transition:width .4s var(--wid-ease),background .25s ease}
  .wid-story-dot.is-active:before{width:48px;
    background:linear-gradient(90deg,var(--wid-blue) calc(var(--control-progress)*100%),#9298a0 0)}
}

/* Compact phones: keep every primary control inside a short viewport without
   shrinking the typography into an unreadable miniature. */
@media(max-width:700px) and (max-height:700px){
  .wid-topbar{top:max(10px,env(safe-area-inset-top))!important;padding:0 12px!important}
  .wid-topnav,body.wid-nav-scrolled .wid-topnav{height:58px;grid-template-rows:40px 0;padding:8px 10px 8px 16px!important;border-radius:29px!important}
  body.wid-menu-open .wid-topnav,body.wid-menu-open.wid-nav-scrolled .wid-topnav{grid-template-rows:40px 1fr;height:min(356px,calc(100svh - 20px));border-radius:29px!important}
  body.wid-menu-open .wid-topnav:has(.wid-mobile-services[open]){height:min(505px,calc(100svh - 20px))}
  .wid-brand-link img{height:27px!important}.wid-brand-link span{font-size:16px!important}
  .wid-menu-toggle{width:40px;height:40px}.wid-menu-toggle i{width:25px}

  .wid-hero{height:100svh;min-height:100svh;padding:92px 12px 6px!important}
  .wid-hero h1{font-size:clamp(34px,10.4vw,39px)!important;max-width:12ch!important}
  .wid-hero>[data-anim="2"]{max-width:35ch!important;margin-top:9px!important;font-size:13px!important;line-height:1.36!important}
  .wid-hero>[data-anim="3"]{margin-top:11px!important}
  .wid-hero>[data-anim="3"] a{padding:12px 18px!important;font-size:13px!important}
  .wid-hero-art{place-items:end center;transform:none}
  .wid-hero-art__float{place-items:end center}
  .wid-hero-art img{position:static!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:35svh!important;transform:none!important;object-fit:contain;object-position:center bottom}

  .wid-stories,.wid-chapter{height:100svh;min-height:100svh}
  .wid-stage{padding:90px 6px 76px}
  .wid-story-head h2{font-size:clamp(25px,7.8vw,29px)}
  .wid-story-head p{margin-top:6px;font-size:12.5px;line-height:1.32}
  .wid-canvas,.wid-canvas.wid-canvas--original{width:min(100%,calc((100svh - 220px)*.8));max-height:calc(100svh - 220px);transform:none!important}
  .wid-story-controls{bottom:max(15px,env(safe-area-inset-bottom))}
}

@media(max-height:700px) and (min-width:701px){
  .wid-hero{padding-top:24px!important}.wid-hero-art img{max-height:40svh}
  .wid-stage{padding-bottom:68px}.wid-canvas,.wid-canvas.wid-canvas--original{width:min(760px,66vw,calc((100svh - 195px)*1.7778));max-height:calc(100svh - 195px)}
}

@media(prefers-reduced-motion:reduce){
  .wid-chapter,.wid-chapter.is-active,.wid-chapter.is-before,.wid-chapter.is-after{transition:none!important}
  .wid-topnav{transition:none!important}
}

/* Телефон: блок занимает ровно один экран — как задумано. Высоту берём
   «большую» (100lvh): при спрятанной строке браузера фон закрывает экран
   целиком и внизу не остаётся серой полосы. Содержимое при этом умещается в
   видимую часть (100svh), чтобы ничего не пряталось под панелью. */
@media(max-width:700px),(pointer:coarse){
  .wid-stories{height:100lvh;min-height:600px;overflow:hidden}
  .wid-chapter{position:absolute;inset:0;height:100%;min-height:inherit;will-change:opacity}
  .wid-chapter,.wid-chapter.is-before,.wid-chapter.is-after{transform:none;transition:opacity .45s ease,visibility 0s linear .45s}
  .wid-chapter.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .wid-chapter.is-before,.wid-chapter.is-after{opacity:0;visibility:hidden;pointer-events:none}
  .wid-stage{padding-bottom:max(14px,calc(100lvh - 100svh + 10px))}
  html.wid-playback-lock body{touch-action:auto}
  /* анимация играет сама — кнопки «играть» и «пропустить» не нужны */
  .wid-story-toggle,.wid-story-skip{display:none}
  /* переключатель стоит у нижнего края блока, а не посередине пустоты */
  .wid-story-controls{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%)}
  .wid-stage{padding-bottom:86px}
}

/* Hero на узком экране живёт в обычном потоке. Его иллюстрация сохраняет
   собственные пропорции: браузер больше не может отрезать низ из-за svh,
   длинного русского заголовка или изменившейся адресной строки. */
@media(max-width:700px){
  html body .wid-hero{
    height:auto;min-height:100svh;overflow:visible;
    padding:96px 14px 24px!important
  }
  html body .wid-hero-art,
  html body .wid-hero-art__float,
  html body .wid-hero-art picture{display:block;width:100%;height:auto;min-height:0;flex:none;transform:none}
  html body .wid-hero-art{margin-top:30px!important}
  html body .wid-hero-art img{
    display:block;width:min(100%,430px)!important;max-width:100%!important;
    height:auto!important;max-height:none!important;margin:0 auto!important;
    object-fit:contain;transform:none!important
  }
}