/* =========================================================================
   B—R Group — online prezentace v2
   Barvy a typografie dle BRT-spolecnosti-manual.pdf (Kantors, 2025):
   Aqua Green #33B59C · Deep Black #232422 · Steel Grey #F5F4F5 / #EAECEB
   Písmo Swiza (Atipo) — do nasazení webové licence self-hosted Figtree.
   ========================================================================= */
@font-face{font-family:'Figtree';src:url('fonts/figtree-v9-latin_latin-ext-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/figtree-v9-latin_latin-ext-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/figtree-v9-latin_latin-ext-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/figtree-v9-latin_latin-ext-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --aqua:#33B59C; --aqua-d:#279681; --black:#232422; --ink:#232422;
  --grey:#F5F4F5; --page:#EAECEB; --white:#fff; --mute:#6E7370; --rail:#CFD2D0;
  --font:'Swiza','Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pad:clamp(20px,5vw,96px); --maxw:1500px;
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
html.js{scroll-behavior:auto}
body{
  background:var(--page);color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background-color .7s ease;
}
body.dark{background:var(--black)}
/* flat / bez JS: tmave sekce si nesou pozadi samy */
html.flat [data-bg="dark"],html:not(.js) [data-bg="dark"]{background:var(--black)}
h1,h2,h3{font-weight:600;letter-spacing:-.03em;line-height:1.02}
p{line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{padding:0}li{list-style:none}
::selection{background:var(--aqua);color:var(--black)}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);width:100%}
.eyebrow{font-size:clamp(13px,1vw,17px);font-weight:600;color:var(--aqua);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.h-sec{font-size:clamp(34px,5.2vw,78px);margin-bottom:.45em}
.lead{font-size:clamp(16px,1.35vw,21px);max-width:56ch}
.muted{color:var(--mute)}
section{position:relative}

/* ------------------------------------------------------------ loader --- */
.loader{position:fixed;inset:0;z-index:200;background:var(--black);display:flex;align-items:center;justify-content:center}
.loader-logo{width:min(46vw,420px);opacity:0}
.loader-count{position:absolute;right:var(--pad);bottom:26px;font-size:clamp(48px,8vw,120px);font-weight:400;letter-spacing:-.04em;color:var(--aqua);line-height:1}
.loader-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#3a3c3a}
.loader-bar i{display:block;height:100%;width:0;background:var(--aqua)}
html.flat .loader,html:not(.js) .loader{display:none}

/* ------------------------------------------------------------ cursor --- */
.cursor{position:fixed;left:0;top:0;z-index:190;pointer-events:none;mix-blend-mode:difference;display:none;opacity:0;transition:opacity .3s}
.cursor.on{opacity:1}
.cursor i{display:block;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.85,.3,1)}
.cursor.big i{transform:scale(3.4)}
@media(pointer:fine){html.js:not(.flat) .cursor{display:block}}

/* ------------------------------------------------------------- grain --- */
.grain{position:fixed;inset:-50%;z-index:180;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
  animation:grain 9s steps(10) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}
html.flat .grain{animation:none}

.progress{position:fixed;top:0;left:0;height:3px;background:var(--aqua);z-index:170;width:0}

/* ------------------------------------------------------------ topbar --- */
.topbar{position:fixed;inset:0 0 auto 0;z-index:160;display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);transition:padding .4s}
.brand img{height:24px;width:auto}
.logo-light{display:none}
body.dark .logo-dark{display:none}
body.dark .logo-light{display:block}
.cta{font-size:14px;font-weight:600;padding:10px 22px;border-radius:999px;background:var(--aqua);color:var(--black);display:inline-block}
.magnetic span{display:inline-block;will-change:transform}

/* -------------------------------------------------------------- rail --- */
.rail{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:150;display:flex;flex-direction:column;gap:12px}
.rail button{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--rail);transition:all .35s}
.rail button:hover{background:var(--mute);transform:scale(1.3)}
.rail button[aria-current="true"]{background:var(--aqua);height:26px;border-radius:6px}
body.dark .rail button{background:#4a4d4b}
body.dark .rail button[aria-current="true"]{background:var(--aqua)}
@media(max-width:960px){.rail{display:none}}

/* -------------------------------------------------------------- hero --- */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  padding-top:70px;padding-bottom:104px}
.hero-inner{position:relative;z-index:3}
.hero-kicker{font-size:clamp(13px,1vw,16px);font-weight:600;color:var(--aqua);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3vh}
.hero-title{font-size:min(clamp(52px,10.5vw,190px),20svh);line-height:.94;letter-spacing:-.045em}
.hero-title span{display:block}
.hero-foot{display:flex;gap:clamp(24px,4vw,70px);align-items:flex-end;flex-wrap:wrap;margin-top:4.5vh}
@media(min-width:901px){
  /* spodni radek hera nikdy nesmi pod video kartu */
  .hero-foot{padding-right:calc(min(38vw,700px,(100svh - 300px)*0.952) + 12px)}
}
.hero-sub{font-size:clamp(15px,1.3vw,20px);max-width:44ch}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px}
.tag{font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:999px;border:1.5px solid var(--black);color:var(--black);background:var(--page)}
.hero-art{position:absolute;z-index:1;right:max(-40px,-3vw);top:8vh;
  width:min(38vw,700px,calc((100svh - 300px)*0.952));min-width:280px;aspect-ratio:1/1.05;
  overflow:hidden;border-radius:4px;background:var(--black)}
.hm{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hm.is-on{opacity:1}
.hm video,.hm img{width:100%;height:108%;object-fit:cover;will-change:transform}
.hm-cap{position:absolute;left:16px;bottom:16px;z-index:3;font-size:13px;color:#fff;
  opacity:0;transition:opacity .25s ease;
  background:color-mix(in srgb,var(--black) 72%,transparent);backdrop-filter:blur(8px);
  padding:9px 15px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 32px);
  overflow:hidden;text-overflow:ellipsis}
.hm-cap b{color:var(--aqua);font-weight:600}

.hm.is-on .hm-cap{opacity:1;transition:opacity .35s ease .6s}
html.flat .hm.is-on .hm-cap{transition:none}
.hm-nav{position:absolute;right:16px;bottom:20px;z-index:3;display:flex;gap:7px}
.hm-nav i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.42);transition:all .4s}
.hm-nav i.on{background:var(--aqua);width:20px;border-radius:4px}
.marquee{position:absolute;left:0;right:0;bottom:0;z-index:2;overflow:hidden;border-top:1px solid var(--rail);
  padding-block:16px;background:color-mix(in srgb,var(--page) 70%,transparent);backdrop-filter:blur(6px)}
.marquee-track{display:flex;gap:0;width:max-content;will-change:transform}
.marquee-track span{white-space:nowrap;font-size:clamp(15px,1.35vw,21px);font-weight:500;color:var(--mute);padding-inline:1.6em}
.marquee-track b{color:var(--aqua);font-weight:600}
.scroll-cue{position:absolute;left:var(--pad);bottom:86px;z-index:3;display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.scroll-cue i{width:1px;height:40px;background:var(--rail);overflow:hidden;position:relative}
.scroll-cue i::after{content:'';position:absolute;inset:0;background:var(--aqua);animation:cue 1.8s infinite cubic-bezier(.22,.85,.3,1)}
@media(max-height:660px){.scroll-cue{display:none}}
@keyframes cue{0%{transform:translateY(-101%)}55%,100%{transform:translateY(101%)}}
@media(max-width:900px){
  .hero-art{position:relative;right:auto;top:auto;width:100%;aspect-ratio:16/10;order:3;margin-top:5vh}
  .hero{padding-bottom:90px}
}

/* -------------------------------------------------------------- vize --- */
.vision{padding-block:clamp(90px,16vh,220px)}
.vision-text{font-size:clamp(26px,3.6vw,58px);font-weight:500;letter-spacing:-.025em;line-height:1.22;max-width:24ch}
.vision-text .w{opacity:.14;display:inline-block}
html.flat .vision-text .w,html:not(.js) .vision-text .w{opacity:1}

/* ------------------------------------------------------------- čísla --- */
.stats-band{background:var(--aqua);color:var(--black)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:clamp(30px,4.5vw,70px) clamp(12px,1.8vw,30px);position:relative}
.stat+.stat::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:#fff}
.stat .n{font-size:clamp(40px,6.2vw,104px);font-weight:400;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.stat .l{margin-top:12px;font-size:clamp(12px,1vw,17px);font-weight:600}
@media(max-width:820px){.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(3)::before{display:none}}

/* ---------------------------------------------------- horizontal pin --- */
.divisions,.history{padding-top:clamp(80px,12vh,170px)}
.divisions-head,.history-head{margin-bottom:clamp(30px,5vh,60px)}
.hpin{position:relative;overflow:hidden}
.htrack{display:flex;flex-direction:column}
html.hz .htrack{flex-direction:row;height:100svh;width:max-content}
.hprogress{position:absolute;left:var(--pad);right:var(--pad);bottom:26px;height:2px;background:color-mix(in srgb,currentColor 18%,transparent);display:none}
html.hz .hprogress{display:block}
.hprogress i{display:block;height:100%;width:100%;background:var(--aqua);transform-origin:left;transform:scaleX(0)}
html.flat .hprogress i{transform:none}

/* panely divizí */
.dpanel{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,70px);align-items:center;
  padding:clamp(28px,5vh,60px) var(--pad)}
html.hz .dpanel{width:100vw;height:100%;flex:0 0 auto}
.dpanel .idx{font-size:clamp(15px,1.2vw,19px);font-weight:600;color:var(--aqua);letter-spacing:.08em;margin-bottom:14px}
.dpanel h3{font-size:clamp(38px,5.4vw,92px);letter-spacing:-.04em;margin-bottom:.35em}
.dpanel .desc{font-size:clamp(15px,1.25vw,19px);color:var(--mute);max-width:46ch;margin-bottom:26px}
.dpanel .chips{display:flex;flex-wrap:wrap;gap:10px}
.chips b{background:var(--aqua);color:var(--black);font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:999px;white-space:nowrap}
.dpanel figure{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;max-height:62vh}
.dpanel figure img,.dpanel figure video{width:100%;height:118%;object-fit:cover;will-change:transform}
.dpanel .big-idx{position:absolute;left:max(-14px,-1vw);top:1vh;font-size:clamp(140px,24vw,420px);font-weight:700;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 15%,transparent);line-height:1;pointer-events:none;z-index:0}
.dpanel>div{position:relative;z-index:1}
@media(max-width:900px){.dpanel{grid-template-columns:1fr}.dpanel .big-idx{display:none}}

/* --------------------------------------------------------------- podíl - */
.share-sec{padding-block:clamp(90px,15vh,200px)}
.share{display:flex;height:clamp(200px,32vh,340px);margin-top:34px;overflow:hidden;border-radius:4px}
.share>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;overflow:hidden;
  transform-origin:left}
.share .pct{font-size:clamp(24px,4vw,72px);font-weight:400;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.share .lab{margin-top:10px;font-size:clamp(11px,1vw,16px);font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.share-legend{display:flex;flex-wrap:wrap;gap:26px;margin-top:22px;font-size:14.5px}
.share-legend span{display:flex;align-items:center;gap:10px}
.share-legend i{width:12px;height:12px;border-radius:3px}

/* ------------------------------------------------------------ historie - */
.history{color:#fff;padding-bottom:clamp(60px,8vh,110px)}
.history .eyebrow{color:var(--aqua)}
.histtrack{gap:0}
.hitem{position:relative;padding:clamp(26px,4vh,50px) var(--pad)}
html.hz .hitem{width:clamp(340px,30vw,520px);flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding-inline:clamp(24px,2.6vw,50px)}
.hitem .yr{font-size:clamp(54px,7vw,120px);font-weight:600;letter-spacing:-.045em;color:var(--aqua);line-height:1}
.hitem .tx{margin-top:18px;font-size:clamp(14px,1.15vw,18px);line-height:1.55;color:#C9CFCB;max-width:34ch}
.hitem::before{content:'';position:absolute;left:var(--pad);top:0;width:44px;height:2px;background:#3c3f3d}
html.hz .hitem::before{left:clamp(24px,2.6vw,50px);top:calc(50% - 15vh);width:12px;height:12px;border-radius:50%;background:var(--aqua)}
.hist-end{display:flex;align-items:center;padding-inline:clamp(40px,6vw,120px)}
.hist-end .tx{font-size:clamp(30px,3.6vw,64px);font-weight:600;color:#fff;letter-spacing:-.03em;white-space:nowrap}
.hist-end .tx b{color:var(--aqua)}

/* -------------------------------------------------------------- mapa --- */
.places{padding-block:clamp(90px,15vh,200px)}
.places .split{grid-template-columns:1.22fr .78fr;align-items:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,90px);align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.mapwrap{position:relative;border-radius:4px;overflow:hidden;background:#fff;padding:18px}
.mapwrap img{width:100%}
.pulses{position:absolute;inset:18px;pointer-events:none}
.pulse{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%}
.pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid currentColor;opacity:0;
  animation:pulse 2.6s infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:.9}70%{transform:scale(2.1);opacity:0}100%{opacity:0}}
html.flat .pulse::after{animation:none}
.loc-list{margin-top:30px;display:grid;gap:18px}
.loc-list li{display:flex;gap:14px;font-size:15.5px;line-height:1.5}
.loc-list i{flex:0 0 auto;width:9px;height:9px;background:var(--aqua);margin-top:7px}
.loc-list b{display:block}

/* ------------------------------------------------------------- vedení -- */
.leaders{padding-block:clamp(90px,15vh,200px)}
.leaders-quote{max-width:16ch}
.leaders-lead{margin-bottom:clamp(36px,6vh,70px)}
.leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,560px));gap:clamp(22px,3.5vw,60px)}
@media(max-width:760px){.leader-grid{grid-template-columns:1fr}}
.leader figure{overflow:hidden;border-radius:4px;aspect-ratio:563/620;background:var(--grey)}
.leader img{width:100%;height:114%;object-fit:cover;object-position:top;will-change:transform}
.leader h3{font-size:clamp(19px,1.6vw,26px);margin-top:18px}
.leader p{font-size:14.5px;margin-top:6px;line-height:1.5}

/* ---------------------------------------------------------------- esg -- */
.esg{padding-block:clamp(90px,15vh,200px)}
.esg-fig{overflow:hidden;border-radius:4px}
.esg-fig img{width:100%;height:100%;object-fit:cover}
.esg-list{margin-top:34px;display:grid;gap:22px}
.esg-list li{display:flex;gap:16px;font-size:15.5px;line-height:1.55;max-width:56ch}
.esg-list i{flex:0 0 auto;width:9px;height:9px;background:var(--aqua);margin-top:8px}

/* -------------------------------------------------------------- outro -- */
.outro{min-height:100svh;display:flex;align-items:center;color:#fff;padding-block:clamp(80px,10vh,140px)}
.outro-title{font-size:clamp(56px,12.5vw,230px);line-height:.9;letter-spacing:-.05em}
.outro-title span{display:block}
.outro-title span:nth-child(3){color:var(--aqua)}
.outro-meta{display:flex;flex-wrap:wrap;gap:clamp(26px,6vw,90px);align-items:center;margin-top:clamp(40px,8vh,90px);
  color:#C9CFCB;font-size:15px;line-height:1.7}
.outro-meta a{color:var(--aqua);font-weight:600}
.site{display:inline-block;font-size:clamp(17px,1.5vw,24px);border:1.5px solid var(--aqua);border-radius:999px;padding:14px 30px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(50px,9vh,110px);
  padding-top:26px;border-top:1px solid #3c3f3d;color:#8E948F;font-size:13px}
.foot img{height:20px;width:auto}

/* ------------------------------------------------------- anim výchozí -- */
html.js:not(.flat) [data-reveal]{opacity:0;transform:translateY(30px)}
html.js:not(.flat) .share>div{transform:scaleX(0)}
.char,.word,.line{will-change:transform}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* ===================================================== BR Automotive ==== */
/* stats band: 5 sloupcu */
.stats-grid5{display:grid;grid-template-columns:repeat(5,1fr)}
.stats-grid5 .stat .n{font-size:clamp(30px,4.6vw,84px)}
@media(max-width:820px){.stats-grid5{grid-template-columns:repeat(2,1fr)}}

/* vyvojove centrum */
.rnd{padding-block:clamp(90px,15vh,200px)}
.rnd-card{background:var(--aqua);border-radius:4px;padding:clamp(26px,3vw,48px);color:var(--black)}
.rnd-card h3{font-size:clamp(20px,1.8vw,30px);margin-bottom:18px}
.rnd-card .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.rnd-card .chips b{background:var(--black);color:#fff;font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:999px}
.rnd-card .proj{border-top:2px solid color-mix(in srgb,var(--black) 25%,transparent);padding-top:20px;
  font-size:14px;font-weight:600;letter-spacing:.05em}
.rnd-card .proj span{font-size:clamp(20px,1.9vw,30px);letter-spacing:.12em;margin-right:26px}
.rnd-list{margin-top:30px;display:grid;gap:18px}
.rnd-list li{display:flex;gap:14px;font-size:15.5px;line-height:1.55}
.rnd-list i{flex:0 0 auto;width:9px;height:9px;background:var(--aqua);margin-top:7px}
.rnd-list b{display:block}

/* produktova galerie */
.products{padding-top:clamp(80px,12vh,170px)}
.ppanel{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(18px,3vw,50px);
  align-items:center;padding:clamp(24px,4vh,50px) var(--pad);overflow:hidden}
html.hz .ppanel{width:100vw;height:100%;flex:0 0 auto}
.ppanel .brandname{position:absolute;left:50%;top:12%;transform:translateX(-50%);width:max-content;
  font-size:clamp(64px,13vw,230px);font-weight:700;letter-spacing:-.04em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 14%,transparent);
  pointer-events:none;white-space:nowrap;z-index:0}
.ppanel .stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:46vh}
.ppanel .stage img{max-width:min(46vw,760px);max-height:56vh;object-fit:contain;
  filter:drop-shadow(0 34px 44px rgba(35,36,34,.24));will-change:transform}
.ppanel aside{position:relative;z-index:1}
.ppanel .pidx{font-size:14px;font-weight:600;color:var(--aqua);letter-spacing:.1em;margin-bottom:10px}
.ppanel h3{font-size:clamp(24px,2.5vw,42px);letter-spacing:-.03em;margin-bottom:20px;max-width:14ch}
.ppanel .carstage{position:relative;width:min(320px,26vw,44vh);aspect-ratio:1/1;border-radius:4px;
  overflow:hidden;margin-bottom:22px;background:#fff}
.ppanel .carstage .car{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.carstage .dim{position:absolute;inset:0;pointer-events:none;background:rgba(35,36,34,.52);opacity:0;
  transition:opacity .55s ease;
  -webkit-mask:radial-gradient(circle at var(--hx) var(--hy), transparent 0 40px, #000 76px);
  mask:radial-gradient(circle at var(--hx) var(--hy), transparent 0 40px, #000 76px)}
.carstage .ring{position:absolute;left:var(--hx);top:var(--hy);width:58px;height:58px;margin:-29px 0 0 -29px;
  pointer-events:none;border:2.5px solid var(--aqua);border-radius:50%;opacity:0}
.carstage .ring::after{content:'';position:absolute;inset:-2.5px;border:2.5px solid var(--aqua);
  border-radius:50%;opacity:0}
.carstage.lit .dim{opacity:1}
.carstage.lit .ring{opacity:1;transition:opacity .4s}
.carstage.lit .ring::after{animation:ringpulse 1.9s ease-out infinite}
@keyframes ringpulse{0%{transform:scale(.7);opacity:.95}75%{transform:scale(1.7);opacity:0}100%{opacity:0}}
html.flat .carstage .car{transform:none!important}
html.flat .carstage .dim{opacity:1}
html.flat .carstage .ring{opacity:1}
html.flat .carstage .ring::after{animation:none}
.ppanel .meta{display:grid;gap:9px;font-size:14px;max-width:40ch}
.ppanel .meta div{display:flex;gap:8px}
.ppanel .meta b{flex:0 0 auto;color:var(--mute);font-weight:600;min-width:96px}
@media(max-width:900px){
  .ppanel{grid-template-columns:1fr}
  .ppanel .brandname{position:static;transform:none;font-size:clamp(44px,11vw,90px);margin-bottom:6px}
  .ppanel .stage{min-height:0}
  .ppanel .stage img{max-width:88vw;max-height:38vh}
  .ppanel .carcard{width:min(300px,70vw)}
}

/* certifikace */
.certs{padding-block:clamp(90px,15vh,200px)}
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:40px}
.cert{background:#fff;padding:clamp(20px,2.2vw,34px);min-height:150px;display:flex;flex-direction:column;
  justify-content:space-between;gap:14px;transition:background .35s,color .35s}
.cert:hover{background:var(--black);color:#fff}
.cert b{font-size:clamp(19px,1.7vw,27px);letter-spacing:-.02em;font-weight:600}
.cert span{font-size:13px;line-height:1.5;color:var(--mute);transition:color .35s}
.cert:hover span{color:#B9BFBB}
@media(max-width:900px){.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cert-grid{grid-template-columns:1fr}}

/* odkaz na holding */
.crossline{margin-top:clamp(30px,5vh,50px);font-size:15px;color:#C9CFCB}
.crossline a{color:var(--aqua);font-weight:600}

/* realny Swiza Medium (licencovany webfont) na titulcich */
@font-face{font-family:'SwizaM';src:url('fonts/swiza-medium-webfont.woff2') format('woff2');
  font-weight:100 900;font-display:swap}
h1,h2,h3,.hero-title,.outro-title,.brandname,.big-idx,.stat .n,.share .pct,
.hitem .yr,.loader-count{
  font-family:'SwizaM','Figtree',system-ui,sans-serif;font-weight:500;font-synthesis:none}