/* section-11: yellow cross-promo block (WS <-> YOULO). SINGLE SOURCE: no second copy in main*.css or in a page <style>. Edit with remote_edit.py replace (never re-upload), then run workspace/scripts/s11_bump.py --apply: it sets ?v=<sha256[:8] of this file> on every page that links it. Variants = modifier class on the <section>: --tight (family pages, bottom padding 100px), --serif (model pages, Marcellus heading and button). RU pages family and plan-with-friends keep the old Cyrillic font stack through a page-level [lang|=ru] rule. */
.section-11{background-color:#DDC73F;padding:100px 20px 140px}
.section-11--tight{padding-bottom:100px}
.section-11__inner{max-width:1240px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px}
.section-11__video-col{flex:0 0 372px}
.video-wrapper{border-radius:3px;overflow:hidden;width:100%}
.video-wrapper iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;border:none;border-radius:3px}
.section-11__text-col{flex:1}
.section-11__text-inner{max-width:60%;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.section-11__heading{font-family:"Bernoru-BlackMedium",'Bernoru-fb','Bernoru-fb2',sans-serif;font-size:64px;font-weight:900;line-height:48px;color:#292929;text-align:start}
.section-11__body{font-family:"soleilLight",sans-serif;font-size:16px;font-weight:400;line-height:25.6px;color:#292929}
.section-11__body p+p{margin-top:16px}
.section-11__btn{display:inline-block;background-color:#292929;font-family:"Bernoru-BlackMedium",'Bernoru-fb','Bernoru-fb2',sans-serif;font-size:24px;font-weight:500;letter-spacing:1px;color:#FFFFFF;padding:16px 30px;border-radius:3px;text-decoration:none;align-self:flex-start;line-height:25.6px}
@media(max-width:1366px){.section-11__btn{font-size:20px}}
@media(max-width:1024px){.section-11{padding:80px 32px}.section-11__inner{gap:40px}.section-11__video-col{flex:0 0 36%}.section-11__text-inner{max-width:100%}.section-11__heading{font-size:clamp(34px,4.6vw,48px);line-height:1.1}.section-11__btn{font-size:20px}}
@media(min-width:1024.02px) and (max-width:1199.98px){.section-11__text-inner{max-width:100%}}
@media(max-width:767px){.section-11{padding:60px 16px}.section-11__inner{flex-direction:column-reverse;gap:32px}.section-11__video-col{flex:none;width:100%}.section-11__text-inner{max-width:100%}.section-11__heading{font-size:44px;line-height:32px}.section-11__body{font-size:14px;line-height:22.4px}.section-11__body p+p{margin-top:14.4px}.section-11__btn{font-size:20px;line-height:22.4px;display:block;text-align:center;align-self:stretch}}
/* --serif: model pages */
.section-11--serif .section-11__heading{font-family:'Marcellus',sans-serif;font-size:44px;font-weight:400;line-height:50px}
.section-11--serif .section-11__btn{font-family:'Marcellus',sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:1.2em}
@media(max-width:767px){.section-11--serif .section-11__heading{font-size:32px;line-height:36px}}