@charset "utf-8";

@property --bde-fx1 { syntax:'<color>'; inherits:false; initial-value:transparent }
@property --bde-fxang { syntax:'<angle>'; inherits:false; initial-value:120deg }

:root{
  
  --bde-wrap:1247px;
  --bde-pad:clamp(16px,4vw,32px);
  --bde-gap:clamp(14px,2.4vw,28px);
  --bde-sec:clamp(22px,4vw,46px);      

  --bde-font-display:'Roboto Slab',"Iowan Old Style",Georgia,serif;
  --bde-font-text:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --bde-step--1:clamp(.82rem,.8rem+.12vw,.9rem);
  --bde-step-0:clamp(1rem,.97rem+.16vw,1.08rem);
  --bde-step-1:clamp(1.16rem,1.09rem+.34vw,1.35rem);
  --bde-step-2:clamp(1.42rem,1.28rem+.7vw,1.85rem);
  --bde-step-3:clamp(1.72rem,1.46rem+1.3vw,2.6rem);
  --bde-step-4:clamp(2.1rem,1.6rem+2.4vw,3.4rem);

  --bde-bg:#f3f1e9;
  --bde-surface:#ffffff;
  --bde-surface-2:#ece8dd;
  --bde-ink:#16141d;
  --bde-ink-2:#403d4a;
  --bde-ink-3:#56525f;
  --bde-hairline:color-mix(in srgb,var(--bde-ink) 18%,transparent);
  --bde-line:color-mix(in srgb,var(--bde-ink) 88%,transparent); 

  --bde-accent:#1f1d2e;          
  --bde-accent-2:#4c3138;        
  --bde-pop:#94b266;             
  --bde-pop-ink:#16141d;         
  --bde-frame:#94b266;           

  --bde-cta:#1c1e2c;
  --bde-cta-ink:#ffffff;
  --bde-dark:#16151f;
  --bde-dark-ink:#f3f1e9;

  --bde-tp-star:#00b67a;

  --bde-r:0px;
  --bde-r-sm:0px;
  --bde-bord:2px;
  --bde-dur:.2s;
  --bde-ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body.bde-body{
  margin:0;
  background:var(--bde-bg);
  color:var(--bde-ink);
  font-family:var(--bde-font-text);
  font-size:var(--bde-step-0);
  line-height:1.62;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
a{color:var(--bde-accent);text-underline-offset:2px}
strong,b{font-weight:700;color:var(--bde-ink)}
h1,h2,h3,h4{font-family:var(--bde-font-display);font-weight:800;line-height:1.08;letter-spacing:-.01em;color:var(--bde-ink);text-wrap:balance}
::selection{background:color-mix(in srgb,var(--bde-pop) 70%,transparent);color:var(--bde-ink)}
:focus-visible{outline:2px solid var(--bde-accent);outline-offset:2px}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:var(--bde-hairline)}
*{scrollbar-color:var(--bde-hairline) transparent}

.bde-skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--bde-dark);color:var(--bde-dark-ink);padding:12px 18px;font-weight:700}
.bde-skip:focus{left:8px;top:8px}

.bde-wrap{
  width:100%;
  max-width:var(--bde-wrap);
  margin-inline:auto;
  padding-inline:var(--bde-pad);
}

.bde-main{
  width:100%;
  max-width:var(--bde-wrap);
  margin-inline:auto;
  padding-inline:var(--bde-pad);
  padding-block:clamp(8px,2vw,20px) clamp(28px,5vw,56px);
}

.bde-main>.bde-wrap,.bde-main .bde-wrap{max-width:none;padding-inline:0}

.bde-main p{margin-top:1em}
.bde-main h2{margin-top:1.7em}
.bde-main h3{margin-top:1.3em}

.bde-head{
  background:var(--bde-dark);
  color:var(--bde-dark-ink);
  border-bottom:4px solid var(--bde-frame);
}
.bde-head .bde-head__bar{min-height:66px}
.bde-nav__list a{color:var(--bde-dark-ink)}
.bde-nav__list a:hover{color:var(--bde-pop)}
.bde-nav__list a[aria-current="page"]{color:var(--bde-pop);box-shadow:inset 0 -3px 0 var(--bde-pop)}
.bde-burger{color:var(--bde-dark-ink);border:2px solid color-mix(in srgb,#fff 40%,transparent)}
.bde-burger:hover{border-color:var(--bde-pop);color:var(--bde-pop)}

.bde-nav.is-open .bde-nav__list{background:var(--bde-dark)}
.bde-nav.is-open .bde-nav__list a{color:var(--bde-dark-ink);border-bottom:2px solid var(--bde-hairline)}

.bde-cta,a.bde-cta,button.bde-cta{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--bde-font-text);
  font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  font-size:var(--bde-step--1);
  line-height:1.1;
  padding:14px 26px;
  min-height:48px;
  color:var(--bde-cta-ink);
  border:var(--bde-bord) solid var(--bde-cta);
  border-radius:0;
  text-decoration:none;
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(var(--bde-fxang),var(--bde-cta),var(--bde-fx1,var(--bde-cta)));
  transition:transform var(--bde-dur) var(--bde-ease), border-color var(--bde-dur) var(--bde-ease), color var(--bde-dur) var(--bde-ease), --bde-fx1 .5s, --bde-fxang .5s;
}

.bde-cta::before{
  content:"";position:absolute;inset:5px;z-index:1;pointer-events:none;
  background:
    linear-gradient(var(--bde-pop),var(--bde-pop)) left top/13px 2px no-repeat,
    linear-gradient(var(--bde-pop),var(--bde-pop)) left top/2px 13px no-repeat,
    linear-gradient(var(--bde-pop),var(--bde-pop)) right bottom/13px 2px no-repeat,
    linear-gradient(var(--bde-pop),var(--bde-pop)) right bottom/2px 13px no-repeat;
  opacity:0;transition:opacity var(--bde-dur) var(--bde-ease);
}

.bde-cta::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,#fff 30%,transparent) 50%,transparent 68%);
  transform:translateX(-130%);
  transition:transform .6s var(--bde-ease);
}
.bde-cta:hover{transform:translateY(-2px);--bde-fx1:color-mix(in srgb,var(--bde-pop) 38%,var(--bde-cta));--bde-fxang:150deg}
.bde-cta:hover::before{opacity:1}
.bde-cta:hover::after{transform:translateX(130%)}
.bde-cta:active{transform:translateY(1px)}

.bde-ctarow{display:flex;justify-content:center;margin:1.4em 0}
.bde-main>.bde-cta,
.bde-main :not(.bde-hero__cta):not(.bde-nav__cta)>.bde-cta{display:flex;width:fit-content;margin:1.4em auto}

.bde-hero{
  position:relative;isolation:isolate;
  overflow-x:clip;
  padding-block:clamp(20px,4vw,46px);
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bde-pop) 8%,var(--bde-bg)),
      var(--bde-bg) 70%);
  border-bottom:2px solid var(--bde-line);
}

.bde-hero::before{
  content:"";position:absolute;inset:-6% 0 -10% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(46% 56% at 76% 30%,
    color-mix(in srgb,var(--bde-pop) 30%,transparent),transparent 72%);
}
.bde-hero__kicker{
  display:block;
  font-family:var(--bde-font-text);
  text-transform:uppercase;letter-spacing:.18em;
  font-size:var(--bde-step--1);font-weight:700;
  color:var(--bde-accent);
}
.bde-hero__h1{font-family:var(--bde-font-display);color:var(--bde-ink)}
.bde-hero__lead{color:var(--bde-ink-2);font-size:var(--bde-step-1);line-height:1.55}
.bde-hero__tile-k{color:var(--bde-ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:var(--bde-step--1)}
.bde-hero__tile-v{font-family:var(--bde-font-display);color:var(--bde-ink);font-variant-numeric:tabular-nums lining-nums}

.bde-hero--split .bde-hero__media img{
  border-radius:0;
  border:var(--bde-bord) solid var(--bde-line);
}
.bde-hero__media{position:relative}
.bde-hero__media::after{
  content:"";position:absolute;top:0;right:0;width:46px;height:46px;z-index:2;pointer-events:none;
  background:var(--bde-pop);
  clip-path:polygon(100% 0,0 0,100% 100%);
}

body .bde-foot{border-top:4px solid var(--bde-frame)}
.bde-foot__h{font-family:var(--bde-font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--bde-ink)}
.bde-foot__list a:hover{color:var(--bde-accent)}
.bde-foot__age{background:var(--bde-pop);color:var(--bde-pop-ink);border-color:transparent;border-radius:0}

.bde-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:250;
  background:var(--bde-dark);color:var(--bde-dark-ink);
  border-top:3px solid var(--bde-frame);
  padding-block:14px;
}
.bde-cookie__inner{display:flex;align-items:center;gap:clamp(12px,2.5vw,28px);flex-wrap:wrap}
.bde-cookie__txt{flex:1 1 320px;min-width:0;margin:0;font-size:var(--bde-step--1);line-height:1.55;color:var(--bde-dark-ink)}
.bde-cookie__txt a{color:var(--bde-pop)}
.bde-cookie__btns{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap}
.bde-cookie__btn{
  font-family:var(--bde-font-text);font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  font-size:var(--bde-step--1);
  padding:11px 18px;min-height:44px;cursor:pointer;
  background:transparent;color:var(--bde-dark-ink);
  border:2px solid color-mix(in srgb,#fff 45%,transparent);border-radius:0;
  transition:background var(--bde-dur) var(--bde-ease), color var(--bde-dur) var(--bde-ease), border-color var(--bde-dur) var(--bde-ease);
}
.bde-cookie__btn:hover{border-color:var(--bde-pop);color:var(--bde-pop)}
.bde-cookie__btn--ok{background:var(--bde-pop);color:var(--bde-pop-ink);border-color:var(--bde-pop)}
.bde-cookie__btn--ok:hover{background:color-mix(in srgb,var(--bde-pop) 84%,#000);color:var(--bde-pop-ink)}

.bde-prose{color:var(--bde-ink);counter-reset:bdesec}
.bde-prose>:first-child{margin-top:0}
.bde-prose p{margin:0 0 1em;line-height:1.7;color:var(--bde-ink-2);max-width:none}
.bde-prose p+p{margin-top:0}
.bde-prose h2{
  font-size:var(--bde-step-3);margin:1.7em 0 .5em;line-height:1.06;
  text-transform:uppercase;letter-spacing:-.01em;
}
.bde-prose h3{font-size:var(--bde-step-2);margin:1.3em 0 .45em;line-height:1.12}
.bde-prose h4{font-size:var(--bde-step-1);margin:1.15em 0 .4em;text-transform:uppercase;letter-spacing:.02em}
.bde-prose a:not(.bde-cta){
  color:var(--bde-accent);text-decoration:none;font-weight:600;
  background:linear-gradient(var(--bde-accent),var(--bde-accent)) left bottom/0% 2px no-repeat;
  transition:background-size var(--bde-dur) var(--bde-ease);
}
.bde-prose a:not(.bde-cta):hover{background-size:100% 2px}
.bde-prose strong{color:var(--bde-ink)}
.bde-prose em{font-style:italic}
.bde-prose hr{border:0;border-top:2px solid var(--bde-line);margin:2em 0}
.bde-prose code{
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  font-size:.9em;background:var(--bde-surface-2);padding:.12em .4em;
  border:1px solid var(--bde-hairline);
}

.bde-prose:not(.bde-doc) h2{
  position:relative;counter-increment:bdesec;
  padding-top:.55em;border-top:2px solid var(--bde-line);
}
.bde-prose:not(.bde-doc) h2::before{
  content:counter(bdesec,decimal-leading-zero);
  display:block;
  font-family:var(--bde-font-display);font-weight:800;
  font-size:var(--bde-step-1);line-height:1;letter-spacing:.02em;
  color:var(--bde-pop);font-variant-numeric:tabular-nums;
  margin-bottom:.25em;
}

.bde-prose ul,.bde-prose ol{margin:1em 0;padding:0;list-style:none}
.bde-prose ul>li,.bde-prose ol>li{
  position:relative;
  padding:.55em 0 .55em 1.6em;
  line-height:1.6;color:var(--bde-ink-2);
  border-top:1px solid var(--bde-hairline);
}
.bde-prose ul>li:last-child,.bde-prose ol>li:last-child{border-bottom:1px solid var(--bde-hairline)}
.bde-prose ul>li::before{
  content:"";position:absolute;left:0;top:1.05em;
  width:12px;height:2px;background:var(--bde-pop);
}
.bde-prose ol{counter-reset:bdeol}
.bde-prose ol>li{counter-increment:bdeol}
.bde-prose ol>li::before{
  content:counter(bdeol);position:absolute;left:0;top:.5em;
  width:1.4em;
  font-family:var(--bde-font-display);font-weight:800;
  color:var(--bde-accent);font-variant-numeric:tabular-nums;
}
.bde-prose li>ul,.bde-prose li>ol{margin:.4em 0}

.bde-prose blockquote{
  margin:1.6em 0;padding:.4em 0 .4em 1.1em;
  border-left:4px solid var(--bde-pop);
  font-family:var(--bde-font-display);font-weight:600;
  font-size:var(--bde-step-1);line-height:1.4;color:var(--bde-ink);
}
.bde-prose blockquote p{color:inherit}

.bde-callout{
  margin:1.6em 0;padding:18px 20px;
  background:color-mix(in srgb,var(--bde-pop) 12%,var(--bde-surface));
  border:2px solid var(--bde-line);
  position:relative;
}
.bde-callout::after{ 
  content:"";position:absolute;top:0;right:0;width:34px;height:34px;
  background:var(--bde-pop);clip-path:polygon(100% 0,0 0,100% 100%);
}
.bde-callout>:first-child{margin-top:0}
.bde-callout>:last-child{margin-bottom:0}
.bde-callout p{color:var(--bde-ink-2)}
.bde-callout strong{color:var(--bde-ink)}

.bde-reg{
  display:inline-block;
  font-family:var(--bde-font-text);
  text-transform:uppercase;letter-spacing:.04em;
  font-size:11px;line-height:1.3;font-weight:700;
  padding:.15em .5em;
  border:1px solid var(--bde-ink-3);
  color:var(--bde-ink);
  white-space:nowrap;
}

.bde-figure,figure.bde-figure{
  width:min(70%,740px);margin:1.6em auto;
  border:var(--bde-bord) solid var(--bde-line);
  background:var(--bde-surface);padding:6px;
}
.bde-figure img,.bde-img{
  width:100%;height:auto;display:block; 
}
.bde-figure figcaption{
  margin-top:.5em;font-size:var(--bde-step--1);color:var(--bde-ink-3);
  text-align:center;line-height:1.45;
}
.bde-img{margin:1.6em auto;max-width:100%}

.bde-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;border:var(--bde-bord) solid var(--bde-line)}
.bde-tablewrap table{margin:0;border:0}
.bde-prose table,
.bde-main table,
table:not(.bde-hero__facts):not(.bde-toclist){
  width:100%;border-collapse:collapse;
  font-size:var(--bde-step-0);
  font-variant-numeric:tabular-nums lining-nums;
  background:var(--bde-surface);
  margin:1.6em 0;
  border:var(--bde-bord) solid var(--bde-line);
}
.bde-tablewrap table{width:100%}
.bde-prose caption,.bde-main caption{caption-side:top;text-align:left;font-weight:700;color:var(--bde-ink-3);padding:0 0 .5em;font-size:var(--bde-step--1);text-transform:uppercase;letter-spacing:.04em}
.bde-prose thead th,
.bde-main thead th,
table:not(.bde-hero__facts):not(.bde-toclist) thead th{
  background:var(--bde-dark);color:var(--bde-dark-ink);
  font-family:var(--bde-font-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;
  text-align:left;padding:13px 16px;
  border-bottom:2px solid var(--bde-line);
}
.bde-prose th,.bde-prose td,
.bde-main th,.bde-main td,
table:not(.bde-hero__facts):not(.bde-toclist) th,
table:not(.bde-hero__facts):not(.bde-toclist) td{
  padding:12px 16px;text-align:left;
  border-bottom:1px solid var(--bde-hairline);
  color:var(--bde-ink-2);vertical-align:top;
}
.bde-prose tbody tr:nth-child(even),
.bde-main tbody tr:nth-child(even){background:color-mix(in srgb,var(--bde-ink) 4%,var(--bde-surface))}
.bde-prose tbody tr:hover,
.bde-main tbody tr:hover{background:color-mix(in srgb,var(--bde-pop) 12%,var(--bde-surface))}
.bde-prose tbody th,.bde-main tbody th{font-weight:700;color:var(--bde-ink);font-family:var(--bde-font-display)}
.bde-prose td:not(:first-child),.bde-main td:not(:first-child){font-variant-numeric:tabular-nums}

.bde-slots{
  padding-block:var(--bde-sec);
  background:linear-gradient(180deg,var(--bde-surface-2),var(--bde-bg));
  border-block:2px solid var(--bde-line);
  margin-block:clamp(28px,5vw,56px);
}
.bde-slots__h{font-family:var(--bde-font-display);color:var(--bde-ink);margin:0 0 .8em}
.bde-slot{
  border:var(--bde-bord) solid var(--bde-line) !important;
  border-radius:0 !important;background:var(--bde-surface) !important;
  transition:transform var(--bde-dur) var(--bde-ease), border-color var(--bde-dur) var(--bde-ease) !important;
}
.bde-slots .bde-slot:hover{transform:translateY(-4px);border-color:var(--bde-pop) !important}
.bde-slot__name{color:var(--bde-ink) !important;font-family:var(--bde-font-text)}

/* ===================== «Lees ook» / related ===================== */
.bde-related a{color:var(--bde-accent)!important;font-weight:600}

@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    html:not(.bde-js) [data-bde-reveal]{
      animation:bde-rise linear both;
      animation-timeline:view();
      animation-range:entry 0% cover 26%;
    }
    @keyframes bde-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  }
}

@media(min-width:901px){
  .bde-prose h2{margin-top:1.9em}
}

@media(max-width:900px){
  .bde-prose h2{font-size:var(--bde-step-2)}
  .bde-figure,figure.bde-figure{width:min(86%,640px)}
}

@media(max-width:640px){
  body.bde-body{font-size:1rem}
  .bde-main{padding-block:6px clamp(24px,8vw,40px)}
  .bde-prose h2{font-size:var(--bde-step-2);margin-top:1.5em}
  .bde-prose h3{font-size:var(--bde-step-1)}
  .bde-figure,figure.bde-figure{width:100%;margin-inline:0}
  .bde-callout{padding:15px 16px}
  .bde-cta{width:100%;max-width:420px}
  .bde-cookie__inner{flex-direction:column;align-items:stretch}
  .bde-cookie__btns{width:100%}
  .bde-cookie__btn{flex:1 1 auto}
  
  .bde-hero--split .bde-hero__media img{max-height:42vh;width:auto;aspect-ratio:1/1;object-fit:contain;margin-inline:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .bde-cta::after{display:none}
}
html,body{overflow-x:hidden}

/* container-guarantee */
.bde-prose{max-width:var(--bde-wrap,1200px);margin-inline:auto;padding-inline:clamp(16px,4vw,32px);box-sizing:border-box}
.bde-main .bde-prose,.bde-main>.bde-wrap{max-width:none;padding-inline:0;margin-inline:0}

/* кап контентных картинок (голый <figure> в прозе): по центру, не во всю ширину */
.bde-prose figure,.bde-doc figure{width:min(70%,720px);margin:1.7em auto;max-width:100%}
.bde-prose figure img,.bde-doc figure img{width:100%;height:auto;display:block}
@media(max-width:640px){.bde-prose figure,.bde-doc figure{width:100%}}