#yo-offer{--yo-dark:#0b0d0b;--yo-ink:#181b17;--yo-paper:#f7f4ee;--yo-cream:#ede9e0;--yo-gold:#bca17c;--yo-muted:#65665f;--yo-line:rgba(27,30,24,.17);position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:none;isolation:isolate;overflow:clip;background:var(--yo-paper);color:var(--yo-ink);font:400 15px/1.8 ManropeY,Arial,sans-serif;text-align:left;-webkit-font-smoothing:antialiased}
#yo-offer *,#yo-offer *::before,#yo-offer *::after{box-sizing:border-box}
#yo-offer h1,#yo-offer h2,#yo-offer h3,#yo-offer p,#yo-offer ul,#yo-offer li{margin:0;padding:0}
#yo-offer ul{list-style:none}#yo-offer img{display:block;max-width:100%;height:auto}#yo-offer button{font:inherit;cursor:pointer}#yo-offer a{color:inherit;text-decoration:none}
#yo-offer [hidden]{display:none!important}#yo-offer a:focus-visible,#yo-offer button:focus-visible{outline:2px solid #b39a6d;outline-offset:4px}
#yo-offer .yo-wrap{width:min(1380px,calc(100% - 128px));margin-inline:auto}
#yo-offer .yo-serif{font-family:Prata,Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
#yo-offer .yo-overline{font-size:10px;letter-spacing:.21em;text-transform:uppercase;line-height:1.6;font-weight:700}
#yo-offer .yo-line{height:1px;background:var(--yo-line)}
/* Header: pixel-aligned with the shared YUSUBOV navigation used on other pages */
#yo-offer .yu-header{position:sticky;top:0;z-index:100;height:88px;margin-bottom:-88px;background:#090b0a;border-bottom:1px solid #353832;color:#f6f3ed;isolation:isolate}
#yo-offer .yu-header__inner{width:min(1520px,calc(100% - 128px));height:100%;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:32px}
#yo-offer .yu-header__logo{display:flex;align-items:center;width:112px;height:76px;flex:none}#yo-offer .yu-header__logo img{width:104px;height:72px;object-fit:contain;mix-blend-mode:screen}
#yo-offer .yu-header__nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.9vw,30px);white-space:nowrap}
#yo-offer .yu-header__nav a,#yo-offer .yu-header__cta{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
#yo-offer .yu-header__nav a{display:flex;align-items:center;min-height:44px}
#yo-offer .yu-header__nav a:hover,#yo-offer .yu-header__cta:hover{color:#d1b98f}
#yo-offer .yu-header__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid #bcb9ae;white-space:nowrap}
#yo-offer .yu-header__cta span{display:flex;align-items:center;justify-content:center}
#yo-offer .yu-header__cta svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.25;fill:none;stroke-linecap:round;stroke-linejoin:round}
#yo-offer .yu-header__toggle{display:none;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f6f3ed;border-radius:0}
#yo-offer .yu-header__toggle span{width:19px;height:1px;background:currentColor;transition:transform .25s}
#yo-offer .yu-header.is-open .yu-header__toggle span:first-child{transform:translateY(4px) rotate(45deg)}#yo-offer .yu-header.is-open .yu-header__toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* Hero */
#yo-offer .yo-hero{position:relative;min-height:690px;background:#090c0a;color:#f6f2e9;overflow:hidden;display:flex;align-items:end}
#yo-offer .yo-hero__art{position:absolute;inset:0 0 0 39%;opacity:.7;filter:saturate(.72)}#yo-offer .yo-hero__art img{width:100%;height:100%;object-fit:cover;object-position:center}
#yo-offer .yo-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090c0a 12%,rgba(9,12,10,.99) 34%,rgba(9,12,10,.52) 68%,rgba(9,12,10,.33)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 40%);pointer-events:none}
#yo-offer .yo-hero__content{position:relative;z-index:1;width:100%;padding:188px 0 104px}
#yo-offer .yo-hero__top{display:flex;align-items:center;gap:21px;color:#c5af8f;margin-bottom:38px}
#yo-offer .yo-hero__top:before{content:'';width:33px;height:1px;background:currentColor}
#yo-offer .yo-hero h1{font-size:clamp(69px,6.9vw,116px);line-height:1.23;max-width:900px}
#yo-offer .yo-hero h1 em{font-style:normal;color:#bfa47c}
#yo-offer .yo-hero__sub{font-size:15px;line-height:2;max-width:530px;color:#c2c1b9;margin-top:33px}
#yo-offer .yo-hero__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:76px;color:#b0a99c;gap:20px}
#yo-offer .yo-hero__bottom span:last-child{text-align:right}
/* Conditions summary */
#yo-offer .yo-summary{background:#ece8df;border-bottom:1px solid var(--yo-line);padding:65px 0 74px}
#yo-offer .yo-summary__head{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:40px}
#yo-offer .yo-summary__head h2{font-size:clamp(31px,3vw,52px);line-height:1.4}
#yo-offer .yo-summary__head p{color:var(--yo-muted);font-size:12px;max-width:355px;line-height:1.9}
#yo-offer .yo-summary__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--yo-line)}
#yo-offer .yo-summary__item{min-width:0;padding:25px 23px 0 0}
#yo-offer .yo-summary__item:not(:last-child){border-right:1px solid var(--yo-line);margin-right:23px}
#yo-offer .yo-summary__item .yo-overline{color:#8e7b5c;letter-spacing:.13em}
#yo-offer .yo-summary__item strong{display:block;font:400 clamp(23px,2.1vw,32px)/1.35 Prata,Georgia,serif;letter-spacing:-.04em;margin:18px 0 13px}
#yo-offer .yo-summary__item p{font-size:12px;line-height:1.85;color:#65665f;max-width:260px}
/* Body */
#yo-offer .yo-document{padding:118px 0 145px}
#yo-offer .yo-document__intro{display:grid;grid-template-columns:230px minmax(0,1fr);gap:95px;align-items:start;border-bottom:1px solid var(--yo-line);padding-bottom:78px;margin-bottom:72px}
#yo-offer .yo-document__intro h2{font-size:clamp(45px,4.8vw,76px);line-height:1.28;max-width:780px}
#yo-offer .yo-document__intro h2 em{color:#9a8060;font-style:normal}
#yo-offer .yo-document__intro p{color:#76776f;margin-top:24px;max-width:700px;font-size:14px;line-height:2}
#yo-offer .yo-document__layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:72px;align-items:start}
#yo-offer .yo-toc{position:sticky;top:110px;max-height:calc(100svh - 130px);overflow-y:auto;padding-right:12px;scrollbar-width:thin}
#yo-offer .yo-toc__title{margin-bottom:20px;color:#9a805a}
#yo-offer .yo-toc a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:baseline;padding:11px 4px 11px 0;border-bottom:1px solid rgba(27,30,24,.09);font-size:11px;line-height:1.6;color:#696a64;transition:color .2s}
#yo-offer .yo-toc a span{font-size:9px;color:#a38861;letter-spacing:.12em}
#yo-offer .yo-toc a:hover,#yo-offer .yo-toc a[aria-current='location']{color:#262a25}
#yo-offer .yo-sections{min-width:0}
#yo-offer .yo-section{display:grid;grid-template-columns:52px minmax(0,1fr);gap:24px;padding:0 0 52px;margin-bottom:54px;border-bottom:1px solid var(--yo-line);scroll-margin-top:112px}
#yo-offer .yo-section__marker{font-family:Prata,Georgia,serif;color:#a18a66;font-size:19px;white-space:nowrap;padding-top:7px}
#yo-offer .yo-section__marker span{font:500 10px/1 ManropeY,sans-serif;color:#aaaca3}
#yo-offer .yo-section h2{font:400 clamp(27px,2.75vw,41px)/1.45 Prata,Georgia,serif;letter-spacing:-.038em;margin-bottom:26px}
#yo-offer .yo-section p{font-size:13px;line-height:2.05;color:#555952;max-width:860px;margin-bottom:16px;overflow-wrap:anywhere}
#yo-offer .yo-section p:last-child{margin-bottom:0}
#yo-offer .yo-section strong{font-weight:700;color:#282b26}
#yo-offer .yo-inline-link{border-bottom:1px solid #b69c74;color:#735b3d!important;transition:color .2s}
#yo-offer .yo-inline-link:hover{color:#1e211c!important}
#yo-offer .yo-note{border-left:2px solid #bba078;background:#eae6dd;padding:27px 31px;margin:50px 0 64px;max-width:890px}
#yo-offer .yo-note strong{display:block;font-size:14px;color:#252822;margin-bottom:8px}
#yo-offer .yo-note p{font-size:12px;color:#5f625c;line-height:1.9}
/* Legal details, final */
#yo-offer .yo-details{background:#171b17;color:#edeae2;padding:105px 0 115px}
#yo-offer .yo-details__top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:68px}
#yo-offer .yo-details h2{font-size:clamp(51px,5vw,86px);line-height:1.25}
#yo-offer .yo-details__top p{color:#c2c0b8;max-width:400px;justify-self:end;font-size:13px;line-height:2}
#yo-offer .yo-data{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;border-top:1px solid #474b43;padding:21px 0}
#yo-offer .yo-data:last-child{border-bottom:1px solid #474b43}
#yo-offer .yo-data dt{color:#b39d7a;font-size:10px;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
#yo-offer .yo-data dd{margin:0;color:#f2eee6;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#yo-offer .yo-copy{background:none;color:#d0b48e;border:1px solid #74644c;font-size:10px;line-height:1.7;padding:8px 11px;margin-left:12px;letter-spacing:.045em}
#yo-offer .yo-details__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;margin-top:60px}
#yo-offer .yo-back{display:inline-flex;align-items:center;gap:23px;min-height:55px;border-bottom:1px solid #af9874;color:#eee9de;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
#yo-offer .yo-back:hover{color:#c6aa80}
/* Footer */
#yo-offer .yo-footer{background:#0b0d0b;color:#f1ede4;padding:75px 0 26px}
#yo-offer .yo-footer__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:105px}
#yo-offer .yo-footer__brand p{max-width:430px;margin-top:25px;color:#a8a9a0;font-size:13px;line-height:2}
#yo-offer .yo-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:42px}
#yo-offer .yo-footer__links .yo-overline{color:#b69a72;margin-bottom:23px}
#yo-offer .yo-footer__links a{display:block;width:fit-content;font-size:12px;color:#c9c8c0;padding:7px 0;line-height:1.5;transition:color .2s}
#yo-offer .yo-footer__links a:hover{color:#c8aa7e}
#yo-offer .yo-footer__bottom{border-top:1px solid #353831;margin-top:80px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;color:#a5a99d}
#yo-offer .yo-footer__wordmark{margin-top:42px;text-align:center;font-size:clamp(78px,17.35vw,290px);line-height:1;letter-spacing:-.095em;color:#383c36;white-space:nowrap;user-select:none}
@media(max-width:1180px){#yo-offer .yo-wrap{width:calc(100% - 80px)}#yo-offer .yu-header__inner{width:calc(100% - 80px);gap:24px;grid-template-columns:144px minmax(0,1fr) 144px}#yo-offer .yu-header__nav a,#yo-offer .yu-header__cta{font-size:9px;letter-spacing:.09em}#yo-offer .yu-header__nav{gap:18px}#yo-offer .yo-document__layout{grid-template-columns:235px 1fr;gap:40px}}
@media(max-width:1080px){#yo-offer .yu-header{height:76px;margin-bottom:-76px}#yo-offer .yu-header__inner{width:calc(100% - 48px);grid-template-columns:1fr 44px;gap:16px}#yo-offer .yu-header__logo{height:72px}#yo-offer .yu-header__cta{display:none}#yo-offer .yu-header__toggle{display:flex;grid-column:2}#yo-offer .yu-header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-height:calc(100svh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px max(20px,env(safe-area-inset-bottom));background:#090b0a;border-top:1px solid #353832;border-bottom:1px solid #53564d}#yo-offer .yu-header__nav a{min-height:52px;padding:14px 0;border-bottom:1px solid #30342d;font-size:12px;letter-spacing:.12em}}
@media(max-width:860px){#yo-offer .yo-wrap{width:calc(100% - 48px)}#yo-offer .yo-hero{min-height:710px}#yo-offer .yo-hero__art{inset:0 0 25% 0;opacity:.5}#yo-offer .yo-hero::after{background:linear-gradient(0deg,#090c0a 4%,rgba(9,12,10,.88) 37%,rgba(9,12,10,.42) 84%)}#yo-offer .yo-hero__content{padding:300px 0 70px}#yo-offer .yo-hero h1{font-size:clamp(58px,9.1vw,83px)}#yo-offer .yo-hero__bottom{margin-top:55px}#yo-offer .yo-summary__grid{grid-template-columns:1fr 1fr;row-gap:35px}#yo-offer .yo-summary__item:nth-child(2){border-right:0;margin-right:0}#yo-offer .yo-document{padding:83px 0 105px}#yo-offer .yo-document__intro{grid-template-columns:1fr;gap:25px}#yo-offer .yo-document__layout{grid-template-columns:1fr;gap:30px}#yo-offer .yo-toc{position:relative;top:auto;max-height:none;padding:0 0 30px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}#yo-offer .yo-toc__title{grid-column:1/-1}#yo-offer .yo-section{scroll-margin-top:86px}#yo-offer .yo-details__top{grid-template-columns:1fr}#yo-offer .yo-details__top p{justify-self:start}#yo-offer .yo-footer__main{grid-template-columns:1fr;gap:50px}}
@media(max-width:560px){#yo-offer .yo-wrap{width:calc(100% - 40px)}#yo-offer .yu-header__inner{width:calc(100% - 40px)}#yo-offer .yo-hero{min-height:730px}#yo-offer .yo-hero__art{inset:0 0 46% 0}#yo-offer .yo-hero__content{padding:365px 0 62px}#yo-offer .yo-hero__top{margin-bottom:18px}#yo-offer .yo-hero h1{font-size:clamp(47px,10vw,66px);line-height:1.28}#yo-offer .yo-hero__sub{font-size:12px;line-height:1.9;margin-top:24px}#yo-offer .yo-hero__bottom{margin-top:60px}#yo-offer .yo-hero__bottom span:last-child{max-width:115px}#yo-offer .yo-summary{padding:53px 0 60px}#yo-offer .yo-summary__head{display:block;margin-bottom:30px}#yo-offer .yo-summary__head h2{font-size:38px}#yo-offer .yo-summary__head p{margin-top:12px}#yo-offer .yo-summary__grid{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:20px}#yo-offer .yo-summary__item{padding-top:18px}#yo-offer .yo-summary__item:nth-child(1),#yo-offer .yo-summary__item:nth-child(3){border-right:1px solid var(--yo-line);margin-right:0;padding-right:15px}#yo-offer .yo-summary__item strong{font-size:22px}#yo-offer .yo-summary__item p{font-size:11px}#yo-offer .yo-document__intro h2{font-size:clamp(40px,9vw,56px)}#yo-offer .yo-toc{grid-template-columns:1fr;column-gap:0}#yo-offer .yo-toc a{font-size:12px}#yo-offer .yo-section{grid-template-columns:1fr;gap:9px;padding-bottom:39px;margin-bottom:42px}#yo-offer .yo-section__marker{padding-top:0;font-size:17px}#yo-offer .yo-section h2{font-size:clamp(27px,7vw,35px);margin-bottom:19px}#yo-offer .yo-section p{font-size:12.5px;line-height:2}#yo-offer .yo-note{padding:24px 23px}#yo-offer .yo-details{padding:75px 0 85px}#yo-offer .yo-details h2{font-size:clamp(46px,10vw,65px)}#yo-offer .yo-details__top{gap:25px;margin-bottom:43px}#yo-offer .yo-data{grid-template-columns:1fr;gap:9px;padding:17px 0}#yo-offer .yo-data dd{font-size:12.5px}#yo-offer .yo-copy{margin-left:0;margin-top:8px;display:block}#yo-offer .yo-footer{padding:65px 0 26px}#yo-offer .yo-footer__links{gap:16px}#yo-offer .yo-footer__wordmark{font-size:clamp(60px,17vw,88px)}#yo-offer .yo-footer__bottom{margin-top:65px;flex-direction:column}#yo-offer .yo-back{max-width:100%}}
@media(max-width:360px){#yo-offer .yo-wrap{width:calc(100% - 30px)}#yo-offer .yu-header__inner{width:calc(100% - 30px)}#yo-offer .yo-hero h1{font-size:43px}#yo-offer .yo-summary__grid{grid-template-columns:1fr}#yo-offer .yo-summary__item{border-right:0!important;margin-right:0!important;padding-bottom:12px;border-bottom:1px solid var(--yo-line)}}
@media(prefers-reduced-motion:reduce){#yo-offer *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* YUSUBOV OFFER / STAGE 13 / RESPONSIVE ARCHITECTURE — 19.10.2026
   Only local CSS overrides. Existing HTML, scripts, copy, photo URLs and
   navigation behaviour are unchanged. Content-driven composition first. */
#yo-offer .yo-wrap,#yo-offer .yo-hero__content,#yo-offer .yo-document__layout,
#yo-offer .yo-document__intro,#yo-offer .yo-document__intro > *,
#yo-offer .yo-sections,#yo-offer .yo-summary__item,
#yo-offer .yo-details__top > *,#yo-offer .yo-footer__main > *{min-width:0}
#yo-offer .yo-hero h1,#yo-offer .yo-document__intro h2,
#yo-offer .yo-details h2{overflow-wrap:normal;word-break:normal;hyphens:manual}
/* Readable legal copy without changing any wording or section hierarchy. */
#yo-offer .yo-section p{font-size:14px;line-height:1.95}
#yo-offer .yo-toc a{font-size:12px}

/* The four executive-summary cards need readable lines at narrower widths,
   rather than four compressed columns until the mobile breakpoint. */
@media (min-width:861px) and (max-width:1180px){
  #yo-offer .yo-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  #yo-offer .yo-summary__item{padding:23px 18px 20px 0}
  #yo-offer .yo-summary__item:not(:last-child){border-right:0;margin-right:0}
  #yo-offer .yo-summary__item:nth-child(odd){border-right:1px solid var(--yo-line);margin-right:26px}
  #yo-offer .yo-summary__item:nth-child(-n+2){border-bottom:1px solid var(--yo-line)}
}

/* On intermediate laptops the legal text and table of contents work better
   sequentially; avoid making a 13-section agreement a narrow right rail. */
@media (min-width:861px) and (max-width:1120px){
  #yo-offer .yo-document__intro{grid-template-columns:minmax(0,1fr);gap:19px;padding-bottom:58px;margin-bottom:55px}
  #yo-offer .yo-document__intro h2{font-size:clamp(44px,5.7vw,65px)}
  #yo-offer .yo-document__layout{grid-template-columns:minmax(0,1fr);gap:43px}
  #yo-offer .yo-toc{position:static;top:auto;max-height:none;overflow:visible;padding-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
  #yo-offer .yo-toc__title{grid-column:1/-1}
  #yo-offer .yo-section{scroll-margin-top:96px}
  #yo-offer .yo-details__top{grid-template-columns:minmax(0,1fr);gap:28px}
  #yo-offer .yo-details__top p{justify-self:start;max-width:650px}
}

/* On small portrait phones a one-column summary preserves the editorial
   rhythm of the purchase terms, including all four original statements. */
@media (max-width:440px){
  #yo-offer .yo-summary__grid{grid-template-columns:minmax(0,1fr);row-gap:0}
  #yo-offer .yo-summary__item,#yo-offer .yo-summary__item:not(:last-child),
  #yo-offer .yo-summary__item:nth-child(1),#yo-offer .yo-summary__item:nth-child(3){border-right:0;margin-right:0;padding:22px 0 23px;border-bottom:1px solid var(--yo-line)}
  #yo-offer .yo-summary__item strong{font-size:clamp(24px,6.5vw,28px);margin:11px 0 8px}
  #yo-offer .yo-summary__item p{font-size:12.5px;max-width:340px}
  #yo-offer .yo-summary__head h2{font-size:clamp(31px,8vw,38px)}
  #yo-offer .yo-document__intro h2{font-size:clamp(32px,9vw,40px)}
  #yo-offer .yo-hero__bottom{gap:12px}
  #yo-offer .yo-hero__bottom span{min-width:0}
}

/* True short-screen treatment for landscape phones, previously dominated
   by 300px/365px fixed top padding regardless of available height. */
@media (min-width:561px) and (max-width:860px) and (max-height:520px){
  #yo-offer .yo-hero{min-height:0;align-items:stretch}
  #yo-offer .yo-hero__content{padding:111px 0 35px}
  #yo-offer .yo-hero__top{gap:14px;margin-bottom:18px;font-size:9px}
  #yo-offer .yo-hero h1{font-size:clamp(41px,7.2vw,60px);line-height:1.17}
  #yo-offer .yo-hero__sub{max-width:580px;margin-top:18px;font-size:12.5px;line-height:1.68}
  #yo-offer .yo-hero__bottom{margin-top:25px;font-size:9px;line-height:1.65;align-items:flex-start}
  #yo-offer .yo-hero__art{inset:0 0 0 35%;opacity:.55}
  #yo-offer .yo-hero::after{background:linear-gradient(90deg,#090c0a 2%,rgba(9,12,10,.95) 35%,rgba(9,12,10,.5) 100%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%)}
}
@media (min-width:561px) and (max-width:660px) and (max-height:400px){
  #yo-offer .yo-hero__content{padding-top:100px;padding-bottom:25px}
  #yo-offer .yo-hero__top{margin-bottom:14px}
  #yo-offer .yo-hero h1{font-size:clamp(39px,7.5vw,48px)}
  #yo-offer .yo-hero__sub{margin-top:14px;font-size:12px;line-height:1.6}
  #yo-offer .yo-hero__bottom{margin-top:18px}
}

/* Short laptops (including a wide/low landscape tablet). Long-form terms
   can scroll normally, while the H1 and opening explanation stay accessible. */
@media (min-width:861px) and (max-width:1280px) and (max-height:720px){
  #yo-offer .yo-hero{min-height:0}
  #yo-offer .yo-hero__content{padding:135px 0 52px}
  #yo-offer .yo-hero__top{margin-bottom:24px}
  #yo-offer .yo-hero h1{font-size:clamp(60px,6.6vw,82px);line-height:1.2}
  #yo-offer .yo-hero__sub{margin-top:23px;font-size:14px;line-height:1.8}
  #yo-offer .yo-hero__bottom{margin-top:36px}
}
@media (min-width:1281px) and (max-height:740px){
  #yo-offer .yo-hero{min-height:0}
  #yo-offer .yo-hero__content{padding:142px 0 54px}
  #yo-offer .yo-hero__top{margin-bottom:25px}
  #yo-offer .yo-hero h1{font-size:clamp(71px,6.1vw,95px);line-height:1.18}
  #yo-offer .yo-hero__sub{margin-top:27px;line-height:1.8}
  #yo-offer .yo-hero__bottom{margin-top:40px}
}

/* Readable contents navigation if the document is magnified or the monitor
   is unusually short. Retain browser focus, anchors and all legal text. */
@media (max-width:560px){
  #yo-offer .yo-toc{padding-bottom:18px}
  #yo-offer .yo-toc a{min-height:44px;align-items:center}
  #yo-offer .yo-section{scroll-margin-top:92px}
  #yo-offer .yo-section p{font-size:14px;line-height:1.9}
}
/* Progressive enhancement: old engines without small viewport units still
   constrain the mobile menu and the sticky table of contents. */
@supports not (height:100svh){
  #yo-offer .yo-toc{max-height:calc(100vh - 130px)}
  @media (max-width:1120px){#yo-offer .yo-toc{max-height:none}}
  @media (max-width:1080px){#yo-offer .yu-header__nav{max-height:calc(100vh - 76px)}}
}