#promotions{color-scheme:dark;--bg:#171414;--panel:#24201b;--ink:#f4f0e8;--muted:#c1b8aa;--gold:#e9c983;--line:#51483a;scrollbar-color:#82715b var(--bg);font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}
#promotions *{box-sizing:border-box}
#promotions{margin:0}
#promotions a{color:inherit;text-decoration:none}
#promotions button,#promotions select{font:inherit}
#promotions button,#promotions summary,#promotions select{cursor:pointer}
#promotions button{color:inherit}
#promotions button:focus-visible,#promotions summary:focus-visible,#promotions a:focus-visible,#promotions select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#promotions ::selection{background:var(--gold);color:var(--bg)}
#promotions svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
#promotions header{min-height:100px;padding:24px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}
#promotions .brand{font:28px AtlasSerif,Georgia,serif;white-space:nowrap}
#promotions .brand small{font:10px Arial,sans-serif;letter-spacing:.12em;display:block;margin-top:6px}
#promotions nav{display:flex;gap:24px;font-size:14px;color:var(--muted)}
#promotions nav a{padding:10px 0;border-bottom:1px solid transparent}
#promotions nav a[aria-current]{color:var(--gold);border-color:var(--gold)}
#promotions .project{font-size:12px;letter-spacing:.14em;color:var(--muted)}
#promotions .promotions-inner{margin:auto;padding:56px 4.5vw 32px;max-width:1920px}
#promotions .section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
#promotions h2,#promotions h2{font-family:AtlasSerif,Georgia,serif;font-weight:400;margin:0;text-wrap:balance}
#promotions h2{font-size:clamp(40px,3.6vw,64px);line-height:1.04}
#promotions .section-heading p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
#promotions .demo-note{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#promotions .accordion{display:grid;gap:12px}
#promotions .accordion details{background:var(--panel);border:1px solid var(--line)}
#promotions summary{list-style:none;display:flex;align-items:center;gap:36px;padding:25px 30px;min-height:110px}
#promotions summary::-webkit-details-marker{display:none}
#promotions .offer-value{font-size:36px;font-weight:400;min-width:108px;color:var(--gold);font-variant-numeric:lining-nums}
#promotions .offer-title{font:30px/1.15 AtlasSerif,Georgia,serif}
#promotions .offer-title small{display:block;font:15px/1.4 Arial,sans-serif;color:var(--muted);margin-top:8px}
#promotions .toggle{margin-left:auto;border:1px solid #71634c;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}
#promotions .toggle svg{transition:transform .35s ease}
#promotions details[open] .toggle svg{transform:rotate(45deg)}
#promotions .details-body{padding:0 30px 28px 174px}
#promotions details[open] .details-body,#promotions .offer-panel .terms-copy{animation:deco-promotions-reveal .4s cubic-bezier(.16,1,.3,1)}
#promotions .description{font-size:17px;line-height:1.6;max-width:70ch;margin:0 0 22px}
#promotions dl{display:flex;gap:38px;margin:0 0 22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#promotions dt{font-size:13px;color:var(--muted);margin-bottom:8px}
#promotions dd{margin:0;font-size:21px;font-weight:400}
#promotions .archive{font-size:13px;line-height:1.55;color:var(--muted);max-width:75ch;margin:0 0 24px}
#promotions .gold{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:50px;padding:13px 22px;background:var(--gold);border:1px solid var(--gold);color:#171414;font-size:15px}
#promotions .gold:hover{background:#f3d99f}
#promotions .gold svg{width:21px}
#promotions .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px}
#promotions .cards details{border-top:1px solid var(--gold);background:var(--panel);min-width:0}
#promotions .cards summary{padding:28px 24px;display:grid;grid-template-columns:1fr 40px;gap:18px}
#promotions .cards .offer-value{font-size:54px;grid-column:1}
#promotions .cards .offer-title{font-size:28px;grid-column:1/-1;grid-row:2;min-height:100px}
#promotions .cards .toggle{grid-column:2;grid-row:1}
#promotions .cards .details-body{padding:0 24px 26px}
#promotions .cards .description{font-size:16px}
#promotions .cards dl{flex-wrap:wrap;gap:22px}
#promotions .cards dl div{min-width:70px}
#promotions .cards dd{font-size:19px}
#promotions .cards .gold{width:100%;gap:12px}
#promotions .split{display:grid;grid-template-columns:38% 1fr;gap:48px;align-items:start}
#promotions .offer-list{border-top:1px solid var(--line)}
#promotions .offer-choice{background:none;border:0;border-bottom:1px solid var(--line);width:100%;padding:28px 0;display:flex;text-align:left;align-items:center;gap:18px}
#promotions .offer-choice>span:first-child{font:28px/1.15 AtlasSerif,Georgia,serif;flex:1}
#promotions .offer-choice small{display:block;font:14px/1.5 Arial,sans-serif;color:var(--muted);margin-top:9px}
#promotions .choice-value{font-size:26px;color:var(--gold);white-space:nowrap}
#promotions .offer-choice svg{color:var(--muted)}
#promotions .offer-choice[aria-expanded=true]{color:var(--gold)}
#promotions .offer-choice[aria-expanded=true] svg{transform:rotate(90deg);color:var(--gold)}
#promotions .offer-panel{background:var(--panel);padding:32px 38px;min-height:440px;border-top:1px solid var(--gold)}
#promotions .panel-top{display:flex;align-items:center;gap:26px;margin-bottom:26px}
#promotions .panel-value{font-size:60px;color:var(--gold);white-space:nowrap}
#promotions .panel-top h2{font-size:36px}
#promotions .empty{font-size:18px;line-height:1.6;color:var(--muted)}
#promotions footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;color:var(--muted);font-size:13px}
#promotions footer p{margin:0}
#promotions .density{display:flex;align-items:center;gap:12px}
#promotions .density select{background:var(--panel);border:1px solid var(--line);padding:9px 28px 9px 12px;color:var(--ink)}
#promotions dialog{background:var(--bg);color:var(--ink);border:1px solid var(--gold);width:min(500px,calc(100% - 32px));padding:40px}
#promotions dialog::backdrop{background:#000b}
#promotions dialog h2{font-size:38px;padding-right:28px}
#promotions dialog p{font-size:16px;line-height:1.6;color:var(--muted)}
#promotions .close{position:absolute;right:12px;top:12px;background:none;border:0;padding:8px}
#promotions .close-demo{margin-top:12px}
@keyframes deco-promotions-reveal{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){#promotions .promotions-inner{padding-top:80px}
#promotions .cards summary{padding:34px}
#promotions .cards .details-body{padding:0 34px 34px}
#promotions .cards .offer-title{font-size:34px}
#promotions .cards .offer-value{font-size:64px}
}
@media(max-width:1100px){#promotions .project{display:none}
#promotions .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#promotions .split{gap:28px;grid-template-columns:42% 1fr}
#promotions .offer-panel{padding:25px}
#promotions .panel-top{display:block}
#promotions .panel-top h2{font-size:32px;margin-top:12px}
#promotions .split dl{flex-wrap:wrap;gap:24px}
}
@media(max-width:760px){#promotions header{padding:20px;align-items:start;flex-direction:column;gap:18px;min-height:0}
#promotions .brand{font-size:25px}
#promotions nav{gap:16px;width:100%;overflow-x:auto;font-size:12px}
#promotions nav a{white-space:nowrap}
#promotions .promotions-inner{padding:32px 20px}
#promotions .section-heading{display:block}
#promotions h2{font-size:42px}
#promotions .section-heading p{font-size:15px;margin-top:16px}
#promotions .section-heading br{display:none}
#promotions .demo-note{font-size:12px;margin-bottom:22px}
#promotions .accordion summary{padding:20px 18px;gap:16px;align-items:start}
#promotions .offer-value{min-width:65px;font-size:28px;line-height:1.2}
#promotions .offer-title{font-size:24px}
#promotions .offer-title small{font-size:13px}
#promotions .toggle{width:34px;height:34px}
#promotions .details-body{padding:0 18px 24px}
#promotions .description{font-size:16px}
#promotions dl{gap:20px;flex-wrap:wrap}
#promotions dd{font-size:19px}
#promotions .gold{width:100%}
#promotions .cards{grid-template-columns:1fr;gap:18px}
#promotions .cards summary{padding:24px}
#promotions .cards .offer-title{min-height:0}
#promotions .cards .offer-value{font-size:46px}
#promotions .split{display:block}
#promotions .offer-choice{padding:24px 0;gap:14px}
#promotions .offer-choice>span:first-child{font-size:26px}
#promotions .choice-value{font-size:23px}
#promotions .offer-panel{min-height:0;padding:24px 20px;margin:0 0 12px}
#promotions .panel-top{display:flex;gap:20px}
#promotions .panel-value{font-size:44px}
#promotions .panel-top h2{font-size:28px;margin:0}
#promotions .offer-choice small{font-size:13px}
#promotions footer{align-items:start;flex-direction:column;margin-top:25px;line-height:1.5}
#promotions .density{align-self:stretch;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){#promotions *,#promotions *::before,#promotions *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


#promotions .promotions-inner{max-width:none;padding:56px var(--deco-content-inset,4vw) 32px}
@media(max-width:760px){#promotions .promotions-inner{padding:32px 20px}}
body[data-project=level-paveletskaya-siti] #promotions.ba-promotions-study{display:block;width:100%;max-width:none;margin:0;padding:0}
#promotions #promotions-title{max-width:none}
@media(max-width:700px){#promotions .promotions-inner p{font-size:16px;line-height:1.55}}