:root{--navy:#07111d;--navy2:#10273d;--red:#e31d2b;--red2:#b90d18;--paper:#f5f7f9;--white:#fff;--ink:#101821;--muted:#627080;--line:#d5dde5;--shadow:0 25px 70px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(4,10,17,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo{display:flex;align-items:center;text-decoration:none;min-width:180px}.brand-logo img{display:block;width:190px;height:58px;object-fit:cover;object-position:center;border-radius:3px}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav>a{text-decoration:none;color:#dce5ed;text-transform:uppercase;font-size:.72rem;font-weight:850;letter-spacing:.04em;white-space:nowrap}.site-header nav>a:hover{color:#fff}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:15px 24px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff!important;text-decoration:none!important;font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(227,29,43,.22);transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-small{padding:11px 15px!important;font-size:.7rem!important}.text-link{color:#fff;text-decoration:none;font-size:.86rem;font-weight:800;text-transform:uppercase}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff;padding:120px 0 70px}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-color:var(--navy);background-size:auto 100%;background-repeat:no-repeat;background-position:right center;opacity:0;transform:scale(1.01);transform-origin:right center;transition:opacity 1s ease,transform 7s ease}.hero-slide.is-active{opacity:1;transform:scale(1.045)}.hero-overlay{background:linear-gradient(90deg,#07111d 0%,rgba(7,17,29,1) 31%,rgba(7,17,29,.96) 40%,rgba(7,17,29,.78) 50%,rgba(7,17,29,.42) 61%,rgba(7,17,29,.12) 72%,rgba(7,17,29,0) 84%),linear-gradient(0deg,rgba(7,17,29,.22),transparent 50%)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:690px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900;color:var(--red);margin:0 0 16px}.hero h1{margin:0;font-size:clamp(2.5rem,5.1vw,4.9rem);line-height:.98;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 3px 20px rgba(0,0,0,.25)}.hero h1 span{display:inline-block;color:#ef3541;font-size:.57em;line-height:1.09;margin-top:12px;letter-spacing:-.035em}.hero-lead{max-width:650px;font-size:1.02rem;color:#e3eaf0;margin:24px 0 26px}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}.hero-benefits div{border-left:2px solid var(--red);padding-left:13px}.hero-benefits b{display:block;text-transform:uppercase;font-size:.78rem}.hero-benefits span{display:block;font-size:.8rem;color:#b9c5cf;margin-top:4px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.legal-line{font-size:.77rem;color:#9dacb8;margin-top:19px}.slide-controls{position:absolute;right:22px;bottom:8px;display:flex;gap:8px}.slide-dot{width:34px;height:5px;border:0;background:rgba(255,255,255,.4);cursor:pointer}.slide-dot.is-active{background:var(--red)}.red-strip{background:linear-gradient(110deg,var(--red),#c80e1a);color:#fff;padding:25px 0}.strip-grid{display:grid;grid-template-columns:1.1fr 2fr .9fr 1.3fr;align-items:center;gap:30px}.strip-title{display:flex;align-items:center;gap:13px;text-transform:uppercase;font-size:1.2rem}.line-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.8);border-radius:50%;font-size:1.4rem}.strip-grid p{margin:0;font-size:.87rem}.strip-grid p:not(:last-child){border-right:1px solid rgba(255,255,255,.4);padding-right:25px}.dark-section{background:linear-gradient(145deg,#07111d,#0b1b2b);color:#fff;padding:78px 0}.section-head h2,.locations h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:7px 0 0;letter-spacing:-.04em}.centered{text-align:center}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}.reason-grid article{padding:0 28px;border-right:1px solid rgba(255,255,255,.18)}.reason-grid article:first-child{padding-left:0}.reason-grid article:last-child{border-right:0;padding-right:0}.reason-grid span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:var(--red);font-weight:900}.reason-grid h3{text-transform:uppercase;font-size:.91rem;margin:17px 0 8px}.reason-grid p{font-size:.87rem;color:#b9c6d1;margin:0}.locations{padding:72px 0;background:#eef2f5}.locations-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.locations p{color:var(--muted);max-width:650px}.location-tags{display:flex;flex-wrap:wrap;gap:12px}.location-tags span{background:#fff;border:1px solid #d7dfe7;border-radius:999px;padding:11px 17px;font-weight:800;box-shadow:0 8px 22px rgba(15,29,42,.06)}.form-section{background:linear-gradient(90deg,#f8fafc 0 60%,#153049 60%);padding:78px 0}.form-layout{display:grid;grid-template-columns:1.32fr .78fr;box-shadow:var(--shadow)}.form-card{background:#fff;padding:48px}.form-card h2,.info-panel h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.04em;margin:7px 0 12px}.form-intro{color:var(--muted);margin-bottom:28px}.report-form label{display:grid;gap:7px;font-size:.82rem;font-weight:800;margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-form input,.report-form textarea,.report-form select{width:100%;border:1px solid #cad3dc;background:#fff;border-radius:5px;padding:12px 13px;font:inherit;color:var(--ink)}.report-form input:focus,.report-form textarea:focus,.report-form select:focus{outline:3px solid rgba(227,29,43,.15);border-color:var(--red)}.file-field{border:1px dashed #aab6c1;padding:18px;border-radius:7px}.file-field span{font-weight:500;color:var(--muted)}.consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important}.consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px}.consent a{color:var(--red2)}.button-submit{width:100%;margin-top:8px}.form-footnote{text-align:center;font-size:.75rem;color:var(--muted)}.hp{position:absolute;left:-9999px}.info-panel{background:linear-gradient(145deg,#183650,#0d2235);color:#fff;padding:48px}.info-panel .section-kicker{color:#fff}.info-list{list-style:none;padding:0;margin:30px 0}.info-list li{position:relative;padding:0 0 24px 44px;color:#d5dfe7;font-size:.89rem}.info-list li:before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--red)}.info-panel blockquote{margin:28px 0 0;background:#eef3f7;color:#1e3950;border-radius:9px;padding:28px;font-size:1.15rem;font-weight:700}footer{background:#050b12;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.1fr;gap:42px}.footer-grid h3{text-transform:uppercase;font-size:.76rem;margin:0 0 14px}.footer-grid div{display:grid;align-content:start;gap:8px}.footer-grid a{color:#c8d2da;text-decoration:none;font-size:.83rem}.footer-grid p{color:#8f9ba6;font-size:.83rem;margin:0}.footer-brand img{width:180px;height:54px}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:38px;padding-top:18px;color:#788590;font-size:.77rem}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;max-width:950px;margin:auto;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:3px 0 0;color:var(--muted)}.cookie-actions{display:flex;gap:10px}.button-ghost{background:#e9edf1!important;color:#17202a!important;box-shadow:none}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.site-header nav{gap:14px}.site-header nav>a{font-size:.66rem}.brand-logo img{width:165px;height:52px}.hero-slide{background-position:112% center}}
@media(max-width:920px){.site-header nav{position:absolute;top:76px;left:0;right:0;background:#07111d;padding:22px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 20px 30px rgba(0,0,0,.35)}.site-header nav.open{display:flex}.menu-toggle{display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;padding:9px 11px;border-radius:4px}.menu-toggle span{display:block;width:18px;height:2px;background:#fff}.menu-toggle b{margin-left:6px;font-size:.72rem}.hero{min-height:760px}.hero-slide{background-size:auto 82%;background-position:125% 100%}.hero-overlay{background:linear-gradient(90deg,rgba(7,17,29,1) 0%,rgba(7,17,29,.96) 45%,rgba(7,17,29,.64) 72%,rgba(7,17,29,.25) 100%)}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid p:not(:last-child){border:0}.reason-grid{grid-template-columns:1fr 1fr;gap:32px}.reason-grid article,.reason-grid article:first-child,.reason-grid article:last-child{padding:0;border:0}.locations-layout{grid-template-columns:1fr;gap:30px}.form-section{background:#f8fafc}.form-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand-logo img{width:145px;height:45px}.site-header nav{top:68px}.hero{min-height:790px;padding:100px 0 42px;align-items:flex-start}.hero-slide{background-size:auto 55%;background-position:80% 100%;filter:saturate(.9)}.hero-overlay{background:linear-gradient(180deg,#07111d 0%,rgba(7,17,29,.98) 48%,rgba(7,17,29,.78) 67%,rgba(7,17,29,.18) 100%),linear-gradient(90deg,rgba(7,17,29,.95),rgba(7,17,29,.18))}.hero-copy{max-width:none}.hero h1{font-size:clamp(2.15rem,10vw,3.3rem)}.hero h1 span{font-size:.52em}.hero-lead{font-size:.93rem;max-width:95%}.hero-benefits{grid-template-columns:1fr;gap:11px}.hero-benefits div{padding-left:10px}.hero-benefits span{font-size:.76rem}.hero-actions{align-items:stretch;gap:14px}.hero-actions .button{width:100%}.text-link{text-align:center}.legal-line{font-size:.7rem}.slide-controls{right:14px;bottom:12px}.red-strip{padding:28px 0}.strip-grid{grid-template-columns:1fr;gap:18px}.strip-grid p{padding:0!important}.dark-section,.locations,.form-section{padding:58px 0}.reason-grid{grid-template-columns:1fr}.reason-grid article{display:grid;grid-template-columns:48px 1fr;column-gap:14px}.reason-grid h3{margin:4px 0}.reason-grid p{grid-column:2}.form-card,.info-panel{padding:27px 20px}.field-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;display:block}.cookie-actions{margin-top:15px;flex-direction:column}.cookie-actions .button{width:100%}.location-tags span{font-size:.87rem;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Final visual refinements: complete wordmark and a softer photographic blend. */
:root{--cosmi-green:#58c878}
.brand-logo{gap:11px;min-width:max-content;overflow:visible}
.brand-logo .brand-avatar{width:48px;height:48px;flex:0 0 48px;display:block;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.78);box-shadow:0 0 0 3px rgba(88,200,120,.12),0 8px 22px rgba(0,0,0,.32)}
.brand-name{display:flex;align-items:baseline;gap:.28em;color:#fff;font-size:1.18rem;font-weight:900;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.brand-cosmi{color:var(--cosmi-green)}
.brand-main{font-size:1.12em;letter-spacing:-.045em}
.hero-slides{left:auto;width:68%;overflow:hidden}
.hero-slide{background-size:cover;background-position:center center}
.hero-overlay{background:
  linear-gradient(90deg,
    #07111d 0%,
    #07111d 28%,
    rgba(7,17,29,.995) 34%,
    rgba(7,17,29,.97) 40%,
    rgba(7,17,29,.90) 46%,
    rgba(7,17,29,.76) 52%,
    rgba(7,17,29,.56) 58%,
    rgba(7,17,29,.34) 64%,
    rgba(7,17,29,.16) 71%,
    rgba(7,17,29,.05) 79%,
    rgba(7,17,29,0) 88%),
  linear-gradient(0deg,rgba(7,17,29,.22),transparent 52%)}
.footer-wordmark{display:inline-flex;margin-bottom:10px}
.footer-wordmark .brand-name{font-size:1rem}
.footer-wordmark .brand-avatar{width:42px;height:42px;flex-basis:42px}
@media(max-width:1080px){
  .brand-name{font-size:1rem}
  .brand-logo .brand-avatar{width:44px;height:44px;flex-basis:44px}
  .hero-slides{width:72%}
}
@media(max-width:920px){
  .hero-slides{width:74%}
  .hero-overlay{background:linear-gradient(90deg,#07111d 0%,rgba(7,17,29,1) 40%,rgba(7,17,29,.94) 51%,rgba(7,17,29,.72) 64%,rgba(7,17,29,.38) 78%,rgba(7,17,29,.10) 92%,transparent 100%)}
}
@media(max-width:640px){
  .brand-logo{gap:8px}
  .brand-logo .brand-avatar{width:38px;height:38px;flex-basis:38px}
  .brand-name{font-size:.92rem}
  .hero-slides{inset:auto 0 0 0;width:100%;height:52%}
  .hero-slide{background-size:cover;background-position:68% center}
  .hero-overlay{background:
    linear-gradient(180deg,#07111d 0%,rgba(7,17,29,1) 46%,rgba(7,17,29,.96) 55%,rgba(7,17,29,.80) 66%,rgba(7,17,29,.48) 78%,rgba(7,17,29,.15) 91%,rgba(7,17,29,.04) 100%),
    linear-gradient(90deg,rgba(7,17,29,.82) 0%,rgba(7,17,29,.42) 38%,rgba(7,17,29,.08) 82%)}
}

/* 2026-07: photograph shifted farther right and footer identity repaired. */
.hero-slides{width:64%;right:0;left:auto}
.hero-slide{background-position:32% center}
.footer-brand{display:inline-flex!important;align-items:center;gap:10px;width:max-content;min-width:0;overflow:visible}
footer .footer-brand .brand-avatar{display:block;width:42px!important;height:42px!important;min-width:42px;flex:0 0 42px;object-fit:cover;object-position:center;border-radius:50%;border:2px solid rgba(255,255,255,.78);box-shadow:0 0 0 3px rgba(88,200,120,.12);overflow:hidden}
footer .footer-brand .brand-name{display:flex;font-size:1rem;line-height:1;white-space:nowrap}
@media(max-width:1080px){.hero-slides{width:67%}.hero-slide{background-position:35% center}}
@media(max-width:920px){.hero-slides{width:70%}.hero-slide{background-position:38% center}}
@media(max-width:640px){.hero-slides{width:100%;height:52%}.hero-slide{background-position:42% center}footer .footer-brand .brand-avatar{width:40px!important;height:40px!important;min-width:40px;flex-basis:40px}}

/* FINAL DARK-RED PUBLIC-CALL THEME — 2026-07 */
:root{
  --navy:#08090c;
  --navy2:#151015;
  --red:#e51f2b;
  --red2:#9f0d18;
  --paper:#f5f5f6;
  --cosmi-green:#e51f2b;
}
body{background:#07080a}
.site-header{background:rgba(3,3,5,.94);border-bottom-color:rgba(229,31,43,.18)}
.brand-logo .brand-avatar{border-color:rgba(229,31,43,.9);box-shadow:0 0 0 3px rgba(229,31,43,.13),0 8px 22px rgba(0,0,0,.4)}
.brand-cosmi{color:var(--red)}
.site-header nav>a:hover,.site-header nav>a:focus{color:#ff3b45}
.hero{background:#07080a;min-height:730px}
.hero-slides{inset:0 0 0 auto;width:60%;height:100%}
.hero-slide{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:58% center;
  filter:saturate(.96) contrast(1.05);
}
.hero-overlay{
  background:
    linear-gradient(90deg,#07080a 0%,#07080a 33%,rgba(7,8,10,.995) 39%,rgba(7,8,10,.94) 46%,rgba(7,8,10,.73) 55%,rgba(7,8,10,.42) 65%,rgba(7,8,10,.15) 78%,rgba(7,8,10,.05) 100%),
    linear-gradient(180deg,rgba(7,8,10,.62) 0%,transparent 18%,transparent 78%,rgba(7,8,10,.78) 100%);
}
.hero-copy{max-width:650px}
.hero h1 span{color:#f02a36}
.red-strip{background:linear-gradient(110deg,#da1723,#8c0912)}
.dark-section{background:linear-gradient(145deg,#090b0f,#171015)}
.locations{background:#f1f1f3}
.form-section{background:linear-gradient(90deg,#f7f7f8 0 60%,#1b0e12 60%)}
.info-panel{background:linear-gradient(145deg,#2a1118,#10090c)}
.info-panel blockquote{color:#351117}
footer{background:#040405}
footer .footer-brand .brand-avatar{border-color:rgba(229,31,43,.9);box-shadow:0 0 0 3px rgba(229,31,43,.13)}
.location-tags span{border-color:#ded7d9}

@media(max-width:1080px){
  .hero-slides{width:62%}
  .hero-slide{background-position:62% center}
}
@media(max-width:920px){
  .hero{min-height:790px}
  .hero-slides{width:66%}
  .hero-slide{background-position:67% center}
  .hero-overlay{
    background:
      linear-gradient(90deg,#07080a 0%,#07080a 40%,rgba(7,8,10,.97) 49%,rgba(7,8,10,.76) 61%,rgba(7,8,10,.43) 75%,rgba(7,8,10,.13) 92%,rgba(7,8,10,.04) 100%),
      linear-gradient(180deg,rgba(7,8,10,.58),transparent 20%,transparent 78%,rgba(7,8,10,.75));
  }
  .site-header nav{background:#09090b}
}
@media(max-width:640px){
  .hero{min-height:900px;padding-top:94px;padding-bottom:38px}
  .hero-copy{max-width:none;position:relative;z-index:3}
  .hero-slides{inset:auto 0 0 0;width:100%;height:48%}
  .hero-slide{background-size:cover;background-position:72% center;filter:saturate(.92) contrast(1.04)}
  /* Rectangular edge fading: top, bottom, left and right — no circular vignette. */
  .hero-overlay{
    background:
      linear-gradient(180deg,#07080a 0%,#07080a 49%,rgba(7,8,10,.98) 55%,rgba(7,8,10,.74) 66%,rgba(7,8,10,.28) 82%,rgba(7,8,10,.62) 100%),
      linear-gradient(90deg,rgba(7,8,10,.78) 0%,rgba(7,8,10,.18) 18%,transparent 36%,transparent 78%,rgba(7,8,10,.38) 100%);
  }
  .hero h1{font-size:clamp(2rem,9.4vw,3rem)}
  .hero h1 span{font-size:.50em}
  .hero-benefits{max-width:94%}
  .slide-controls{bottom:18px}
  .form-section{background:#f7f7f8}
}

/* MOBILE HERO VISIBILITY FIX — final */
@media (max-width: 640px) {
  .hero {
    min-height: 1120px;
    padding: 94px 0 0;
    display: block;
  }
  .hero-content {
    position: relative;
    z-index: 4;
    padding-bottom: 410px;
  }
  .hero-copy {
    max-width: none;
  }
  .hero-slides {
    position: absolute;
    inset: auto 0 0 0;
    width: 100%;
    height: 405px;
    overflow: hidden;
    z-index: 1;
  }
  .hero-slide {
    inset: 0;
    background-size: cover;
    background-position: 66% center;
    filter: saturate(.93) contrast(1.06) brightness(.98);
    transform-origin: center center;
  }
  .hero-slide.is-active {
    transform: scale(1.025);
  }
  .hero-overlay {
    z-index: 2;
    pointer-events: none;
    background:
      linear-gradient(180deg,
        #07080a 0%,
        rgba(7,8,10,.98) 4%,
        rgba(7,8,10,.78) 12%,
        rgba(7,8,10,.28) 25%,
        rgba(7,8,10,0) 42%,
        rgba(7,8,10,0) 76%,
        rgba(7,8,10,.22) 90%,
        rgba(7,8,10,.62) 100%),
      linear-gradient(90deg,
        rgba(7,8,10,.62) 0%,
        rgba(7,8,10,.16) 10%,
        rgba(7,8,10,0) 25%,
        rgba(7,8,10,0) 80%,
        rgba(7,8,10,.25) 94%,
        rgba(7,8,10,.52) 100%);
  }
  .slide-controls {
    z-index: 5;
    right: 16px;
    bottom: 20px;
  }
  .legal-line {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .hero {
    min-height: 1160px;
  }
  .hero-content {
    padding-bottom: 390px;
  }
  .hero-slides {
    height: 385px;
  }
  .hero-slide {
    background-position: 64% center;
  }
}

/* KEY TERMS EMPHASIS — PODVEDENY / OKRADENY / FINANČNÍ ŠKODA */
.hero h1 .key-word{
  display:inline;
  color:#fff;
  font:inherit;
  font-weight:950;
  letter-spacing:inherit;
  white-space:nowrap;
  padding:.01em .14em .055em;
  margin:0 .025em;
  border-radius:.08em;
  background:linear-gradient(180deg,rgba(255,58,70,.24) 0%,rgba(213,10,24,.92) 100%);
  box-shadow:inset 0 -.075em 0 #ff3a46,0 .08em .28em rgba(180,0,16,.28);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  text-shadow:0 1px 10px rgba(0,0,0,.38);
}
.hero h1 .key-word-wide{padding-left:.18em;padding-right:.18em}
@media(max-width:640px){
  .hero h1 .key-word{
    padding:.015em .11em .05em;
    margin:0 .015em;
    box-shadow:inset 0 -.08em 0 #ff4550,0 .06em .18em rgba(180,0,16,.22);
  }
}

/* ZKUŠENOSTI PAGE */
.subpage-body{background:#eef2f5}.site-header nav>a.is-current{color:#fff;position:relative}.site-header nav>a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red)}
.experience-page{padding-top:76px}.experience-hero{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:90px 0;background:radial-gradient(circle at 85% 18%,rgba(227,29,43,.12),transparent 30%),linear-gradient(145deg,#f8fafc,#e8edf2)}
.experience-layout{display:grid;grid-template-columns:minmax(0,860px) 1fr}.experience-copy h1{font-size:clamp(3.1rem,8vw,6.6rem);line-height:.92;letter-spacing:-.065em;text-transform:uppercase;margin:0;color:#07111d}.experience-lead{font-size:clamp(1.08rem,2vw,1.35rem);color:#455766;max-width:760px;margin:24px 0 34px}
.preparation-card{display:grid;grid-template-columns:72px 1fr;gap:25px;background:#fff;border-left:5px solid var(--red);padding:34px 36px;box-shadow:var(--shadow);max-width:850px}.preparation-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#07111d;color:#fff;font-size:2rem;font-weight:900}.preparation-card h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05;margin:2px 0 14px;letter-spacing:-.035em}.preparation-card p{color:#526372;margin:0 0 12px}.preparation-card p:last-child{margin-bottom:0}.experience-note{max-width:820px;color:#637380;font-size:.9rem;margin:23px 0 0;padding-left:16px;border-left:2px solid #b8c3cc}.experience-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.dark-link{color:#172431!important}
@media(max-width:900px){.experience-layout{grid-template-columns:1fr}.experience-hero{padding:70px 0}.preparation-card{grid-template-columns:1fr}.preparation-mark{width:54px;height:54px}.site-header nav>a.is-current:after{display:none}}
@media(max-width:640px){.experience-page{padding-top:68px}.experience-hero{min-height:calc(100vh - 68px);padding:54px 0}.experience-copy h1{font-size:clamp(3rem,18vw,4.8rem)}.preparation-card{padding:27px 22px;gap:18px}.experience-actions{align-items:stretch;gap:15px}.experience-actions .button{width:100%}.experience-actions .text-link{text-align:center}}

/* LANGUAGE SWITCH */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.34);border-radius:4px;font-weight:900;letter-spacing:.08em;color:#fff!important}.lang-switch:hover,.lang-switch:focus{border-color:var(--red);background:rgba(229,31,43,.14)}

/* v3.0 visibility and minimal-data form fix */
.reveal{opacity:1!important;transform:none!important}
.hero-copy{max-width:760px;width:100%}
.hero-content,.shell{overflow:visible}
.hero h1{overflow-wrap:anywhere}
.privacy-warning{margin:0 0 24px;padding:20px 22px;border:2px solid var(--red);border-radius:8px;background:#fff4f4;color:#351117}
.privacy-warning strong{display:block;margin-bottom:8px;font-size:1.05rem}
.privacy-warning p{margin:0;line-height:1.6}
.report-form>label:not(.consent){display:block;margin-bottom:18px}
@media(max-width:920px){.hero-copy{max-width:100%}.hero-slides{opacity:.58}.hero-overlay{background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.98) 60%,rgba(7,8,10,.62) 100%)}}
@media(max-width:640px){.hero{min-height:auto!important;padding-bottom:48px!important}.hero-content{padding-bottom:0!important}.hero-slides{position:absolute!important;inset:0!important;height:100%!important;opacity:.28}.hero-overlay{background:rgba(7,8,10,.76)!important}.hero-copy{max-width:100%;width:100%}.hero h1 .key-word{white-space:normal}.privacy-warning{padding:17px}}

/* v3.0 language switch consistency */
.site-header .lang-switch{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:6px!important;background:rgba(255,255,255,.04)!important;line-height:1!important;font-size:1.28rem!important;text-decoration:none!important;overflow:hidden}
.site-header .lang-switch:hover,.site-header .lang-switch:focus{border-color:#ff3b45!important;background:rgba(229,31,43,.14)!important}
.site-header .lang-switch.is-active-language{border:2px solid #fff!important;background:rgba(229,31,43,.24)!important;box-shadow:0 0 0 2px rgba(229,31,43,.32)!important}
@media(max-width:920px){.site-header .lang-switch{width:44px!important;min-width:44px!important;height:38px!important;margin-right:5px!important}}

/* Language dropdown — version 3.0 */
.language-menu{position:relative;display:inline-flex;align-items:center;margin-left:2px;z-index:30}
.language-toggle{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.06);color:inherit;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s}
.language-toggle:hover,.language-toggle:focus-visible,.language-menu.open .language-toggle{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.13);outline:none}
.language-toggle>span:first-child{font-size:20px;line-height:1}
.language-current{font-size:13px}
.language-chevron{font-size:11px;transition:transform .2s}
.language-menu.open .language-chevron{transform:rotate(180deg)}
.language-options{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:178px;padding:7px;background:#11151d;border:1px solid rgba(255,255,255,.18);border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.language-menu.open .language-options{display:grid}
.language-options a{display:flex!important;align-items:center;gap:10px;min-height:40px;padding:8px 10px!important;border:0!important;border-radius:7px;color:#fff!important;text-decoration:none;white-space:nowrap}
.language-options a:hover,.language-options a:focus-visible{background:rgba(255,255,255,.1);outline:none}
.language-options a.is-active-language{background:rgba(239,53,65,.17);box-shadow:inset 3px 0 #ef3541}
.language-options a span:first-child{font-size:20px;line-height:1}
@media(max-width:980px){
 #main-nav .language-menu{width:100%;margin:6px 0}
 #main-nav .language-toggle{width:100%;justify-content:space-between}
 #main-nav .language-options{position:static;width:100%;margin-top:6px;box-shadow:none}
}

/* v3.0 final flag switch */
.language-flags{display:inline-flex;align-items:center;gap:6px;margin-left:2px}
.site-header .language-flags .lang-switch{color:#fff!important;background:#151922!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:none!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
.site-header .language-flags .lang-switch:hover,.site-header .language-flags .lang-switch:focus-visible{background:#252b37!important;border-color:#fff!important;outline:2px solid rgba(239,53,65,.65);outline-offset:2px}
.site-header .language-flags .lang-switch.is-active-language{border:2px solid #ef3541!important;background:#fff!important;box-shadow:0 0 0 2px rgba(239,53,65,.28)!important}
@media(max-width:980px){#main-nav .language-flags{width:100%;margin:8px 0 12px;justify-content:flex-start}.site-header .language-flags .lang-switch{width:46px!important;min-width:46px!important;height:40px!important}}

/* Mandatory loading notice */
body.notice-open{overflow:hidden}
.site-notice{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(2,5,9,.86);backdrop-filter:blur(7px)}
.site-notice[hidden]{display:none}
.site-notice-card{width:min(620px,100%);padding:38px 40px;border:1px solid rgba(255,255,255,.16);border-top:5px solid var(--red);border-radius:14px;background:#fff;color:#111820;box-shadow:0 28px 80px rgba(0,0,0,.46);text-align:center}
.site-notice-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:50%;background:#111820;color:#fff;font-size:1.6rem;font-weight:900;font-family:Georgia,serif}
.site-notice-card h2{margin:0 0 16px;font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}
.site-notice-card p{margin:0 auto 26px;max-width:520px;color:#45515e;font-size:1.04rem;line-height:1.7}
.site-notice-card strong{color:#111820}
.site-notice-close{width:100%;max-width:390px;border:0;cursor:pointer}
@media(max-width:560px){.site-notice{padding:14px}.site-notice-card{padding:28px 21px}.site-notice-card p{font-size:.98rem;line-height:1.58}.site-notice-close{font-size:.92rem;padding-left:14px;padding-right:14px}}


/* Neutral three-language entry page */
.language-entry-body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0,rgba(229,31,43,.18),transparent 38%),#08090c;color:#fff}
.language-entry{min-height:100vh;display:grid;place-items:center;padding:32px 20px}
.language-entry-card{width:min(1100px,100%);padding:34px;border:1px solid rgba(255,255,255,.15);border-top:5px solid var(--red);border-radius:16px;background:rgba(17,21,29,.96);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.entry-brand{width:max-content;margin:0 auto 30px;color:#fff;text-decoration:none}
.language-entry-card>h1{margin:0 0 30px;text-align:center;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em;line-height:1.05}
.language-entry-card>h1 span{display:block;margin-top:10px;color:#aeb7c2;font-size:clamp(.95rem,2vw,1.2rem);font-weight:600;letter-spacing:.01em}
.entry-notices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.entry-notices article{display:flex;flex-direction:column;padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#fff;color:#111820}
.entry-notices h2{margin:0 0 15px;font-size:1.35rem}
.entry-notices p{flex:1;margin:0 0 23px;color:#45515e;line-height:1.65}
.entry-notices strong{color:#111820}
.entry-language-button{width:100%;text-align:center;justify-content:center}
@media(max-width:880px){.entry-notices{grid-template-columns:1fr}.language-entry-card{padding:26px 20px}.entry-notices article{padding:22px}}
@media(max-width:520px){.language-entry{padding:14px}.language-entry-card{padding:22px 14px}.entry-brand .brand-name{font-size:.9rem}.entry-notices article{padding:19px}.entry-language-button{font-size:.88rem;padding-left:12px;padding-right:12px}}


/* MOBILE IMAGE RELIABILITY FIX — 2026-07 */
.hero-slide{background-image:none!important;overflow:hidden}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:1}
@media(max-width:1080px){.hero-slide img{object-position:62% center}}
@media(max-width:920px){.hero-slide img{object-position:67% center}}
@media(max-width:640px){
  .hero{min-height:auto;padding:94px 0 0;display:flex;flex-direction:column}
  .hero-content{padding-bottom:36px;width:100%}
  .hero-slides{position:relative;inset:auto;width:100%;height:clamp(300px,92vw,430px);order:2;z-index:1;background:#07080a}
  .hero-slide{position:absolute;inset:0}
  .hero-slide img{object-position:64% center;filter:saturate(.96) contrast(1.04)}
  .hero-overlay{position:absolute;inset:auto 0 0;height:clamp(300px,92vw,430px);z-index:2;background:linear-gradient(180deg,#07080a 0%,rgba(7,8,10,.65) 9%,rgba(7,8,10,.08) 28%,rgba(7,8,10,0) 70%,rgba(7,8,10,.35) 100%)}
  .slide-controls{bottom:18px;z-index:6}
}
@media(max-width:420px){
  .hero{min-height:auto}
  .hero-content{padding-bottom:30px}
  .hero-slides,.hero-overlay{height:340px}
  .hero-slide img{object-position:62% center}
}

/* v3.0 mobile hero overlap fix */
@media (max-width: 640px) {
  .hero {
    display: block !important;
    min-height: 0 !important;
    padding: 94px 0 0 !important;
    overflow: visible !important;
  }
  .hero-content {
    position: relative !important;
    z-index: 3 !important;
    width: min(100% - 28px, 1180px) !important;
    margin: 0 auto !important;
    padding: 0 0 34px !important;
  }
  .hero-copy {
    position: relative !important;
    z-index: 3 !important;
  }
  .hero-slides {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: clamp(300px, 92vw, 430px) !important;
    margin: 0 !important;
    opacity: 1 !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }
  .hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .hero-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 64% center !important;
  }
  .hero-overlay {
    display: none !important;
  }
  .slide-controls {
    position: absolute !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 5 !important;
  }
}
@media (max-width: 420px) {
  .hero-slides { height: 340px !important; }
  .hero-slide img { object-position: 62% center !important; }
}

/* v3.0 slider reliability fix */
.hero-slide { opacity: 0 !important; visibility: hidden; pointer-events: none; transition: opacity .8s ease, transform 6s ease !important; }
.hero-slide.is-active { opacity: 1 !important; visibility: visible; pointer-events: auto; }
.slide-dot { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  .hero-slide { transition: opacity .2s linear !important; transform: none !important; }
  .hero-slide.is-active { transform: none !important; }
}


/* v3.1 professional experience card */
.testimonials-section{max-width:850px;margin:42px 0 0}
.testimonial-card{overflow:hidden;background:#fff;border:1px solid #dfe5ea;border-radius:18px;box-shadow:0 20px 55px rgba(12,28,42,.12)}
.testimonial-header{display:flex;align-items:center;gap:15px;padding:24px 28px;border-bottom:1px solid #e8edf1;background:linear-gradient(135deg,#f8fafc,#fff)}
.testimonial-avatar{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#101a25;color:#fff;font-size:1.35rem;font-weight:900}
.testimonial-identity{min-width:0}
.testimonial-author{margin:0!important;color:#111b25!important;font-size:1.08rem;font-weight:900;line-height:1.25}
.testimonial-location{margin:3px 0 0!important;color:#667684!important;font-size:.91rem;line-height:1.3}
.testimonial-status{margin-left:auto;display:inline-flex;align-items:center;min-height:32px;padding:7px 12px;border-radius:999px;background:#fcebed;color:#a50f1d;font-size:.73rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.testimonial-body{padding:34px 36px 26px}
.testimonial-label{margin:0 0 8px!important;color:#d7192d!important;font-size:.73rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.testimonial-body h2{margin:0 0 22px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.08;letter-spacing:-.04em;color:#101a25}
.testimonial-body p{max-width:760px;margin:0 0 18px!important;color:#425565!important;font-size:1rem;line-height:1.78;overflow-wrap:normal;word-break:normal;hyphens:none}
.testimonial-body .testimonial-intro{color:#1b2a36!important;font-size:1.12rem;font-weight:700;line-height:1.65}
.testimonial-footer{padding:18px 36px 21px;border-top:1px solid #e8edf1;background:#f7f9fb}
.testimonial-footer p{margin:0;color:#697987;font-size:.83rem;line-height:1.6}
@media(max-width:640px){
 .testimonials-section{margin-top:32px}
 .testimonial-card{border-radius:14px}
 .testimonial-header{align-items:flex-start;flex-wrap:wrap;padding:20px}
 .testimonial-avatar{width:46px;height:46px;flex-basis:46px}
 .testimonial-status{width:100%;margin:4px 0 0;justify-content:center;white-space:normal;text-align:center}
 .testimonial-body{padding:26px 20px 20px}
 .testimonial-body h2{font-size:2rem}
 .testimonial-body p{font-size:.98rem;line-height:1.7}
 .testimonial-body .testimonial-intro{font-size:1.05rem}
 .testimonial-footer{padding:17px 20px 19px}
}

/* v3.1 definitive mobile hero: content first, slider below, never overlapping */
@media(max-width:640px){
 .hero{display:flex!important;flex-direction:column!important;padding:88px 0 0!important;overflow:hidden!important;background:#07080a!important}
 .hero-content{position:relative!important;order:1!important;z-index:3!important;width:min(100% - 28px,1180px)!important;margin:0 auto!important;padding:16px 0 34px!important}
 .hero-slides{position:relative!important;order:2!important;inset:auto!important;width:100%!important;height:clamp(320px,100vw,460px)!important;min-height:320px!important;margin:0!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:1!important;overflow:hidden!important;background:#0a0d11!important}
 .hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 .hero-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important}
 .hero-overlay{display:none!important}
 .slide-controls{position:absolute!important;right:16px!important;bottom:16px!important;z-index:8!important}
}


/* v3.3 desktop-safe experience layout — isolated from legacy grids */
.experience-page-v33,
.experience-page-v33 * { min-width: 0; }
.experience-page-v33 .experience-hero {
  min-height: auto !important;
  display: block !important;
  padding: 128px 0 88px !important;
  background: radial-gradient(circle at 90% 5%, rgba(227,29,43,.10), transparent 28%), linear-gradient(145deg,#f8fafc,#e9eef3) !important;
}
.experience-page-v33 .experience-shell {
  width: min(1040px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: block !important;
}
.experience-page-v33 .experience-intro {
  display: block !important;
  max-width: 820px !important;
  margin: 0 0 38px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.experience-page-v33 .experience-intro h1 {
  margin: 0 !important;
  color: #07111d !important;
  font-size: clamp(3rem, 7vw, 5.8rem) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
  text-transform: uppercase !important;
}
.experience-page-v33 .experience-lead {
  max-width: 760px !important;
  margin: 22px 0 0 !important;
  color: #455766 !important;
  font-size: clamp(1.05rem, 2vw, 1.28rem) !important;
  line-height: 1.65 !important;
}
.experience-page-v33 .testimonials-section {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.experience-page-v33 .testimonial-card {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #dbe3e9 !important;
  border-left: 5px solid #e31d2b !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 65px rgba(12,28,42,.13) !important;
}
.experience-page-v33 .testimonial-header {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 24px 30px !important;
}
.experience-page-v33 .testimonial-identity { display: block !important; flex: 1 1 auto !important; }
.experience-page-v33 .testimonial-author,
.experience-page-v33 .testimonial-location { display: block !important; width: auto !important; max-width: none !important; }
.experience-page-v33 .testimonial-body {
  display: block !important;
  width: 100% !important;
  padding: 38px 42px 30px !important;
  columns: auto !important;
  column-count: 1 !important;
}
.experience-page-v33 .testimonial-body h2,
.experience-page-v33 .testimonial-body p {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 780px !important;
  min-width: 0 !important;
  clear: both !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  columns: auto !important;
}
.experience-page-v33 .testimonial-body h2 { margin: 0 0 24px !important; }
.experience-page-v33 .testimonial-body p { margin: 0 0 19px !important; }
.experience-page-v33 .testimonial-footer {
  display: block !important;
  width: 100% !important;
  padding: 19px 42px 22px !important;
}
.experience-page-v33 .experience-actions { margin-top: 30px !important; }
@media (max-width: 700px) {
  .experience-page-v33 .experience-hero { padding: 104px 0 58px !important; }
  .experience-page-v33 .experience-shell { width: min(100% - 28px, 1040px) !important; }
  .experience-page-v33 .experience-intro { margin-bottom: 28px !important; }
  .experience-page-v33 .experience-intro h1 { font-size: clamp(2.7rem, 16vw, 4.3rem) !important; }
  .experience-page-v33 .testimonial-card { border-radius: 12px !important; }
  .experience-page-v33 .testimonial-header { flex-wrap: wrap !important; padding: 20px !important; }
  .experience-page-v33 .testimonial-status { flex: 1 0 100% !important; width: 100% !important; margin: 4px 0 0 !important; justify-content: center !important; }
  .experience-page-v33 .testimonial-body { padding: 28px 21px 22px !important; }
  .experience-page-v33 .testimonial-body h2 { font-size: 2rem !important; }
  .experience-page-v33 .testimonial-footer { padding: 18px 21px 20px !important; }
}


/* v3.4 – unified multilingual experience cards and timeline */
.experience-page-v34 { background: linear-gradient(180deg,#f7f8fa 0,#fff 22rem); color:#151922; }
.experience-page-v34 .experience-hero { padding: clamp(3rem,6vw,6rem) 0; }
.experience-page-v34 .experience-shell { max-width: 1120px; }
.experience-page-v34 .experience-intro { max-width: 820px; margin:0 auto 2rem; text-align:center; }
.experience-page-v34 .experience-intro h1 { margin:.25rem 0 .8rem; font-size:clamp(2.5rem,7vw,5rem); line-height:.95; letter-spacing:-.055em; }
.experience-page-v34 .experience-lead { margin:0 auto; max-width:760px; font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.7; color:#526071; }
.experience-disclaimer { display:flex; gap:1rem; align-items:flex-start; max-width:920px; margin:0 auto 2.25rem; padding:1.25rem 1.4rem; border:1px solid #d9dee7; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 12px 36px rgba(20,27,40,.06); }
.disclaimer-symbol { flex:0 0 2rem; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:#151922; color:#fff; font-weight:800; font-family:Georgia,serif; }
.experience-disclaimer h2 { margin:0 0 .25rem; font-size:1rem; }
.experience-disclaimer p { margin:0; color:#5b6675; line-height:1.6; }
.stories-grid { display:grid; gap:1.75rem; }
.story-card { overflow:hidden; border:1px solid #e0e4ea; border-radius:24px; background:#fff; box-shadow:0 18px 55px rgba(15,22,34,.09); }
.story-card-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1rem; align-items:center; padding:1.35rem 1.6rem; border-bottom:1px solid #eceff3; background:linear-gradient(135deg,#fff,#f7f8fa); }
.story-avatar { display:grid; place-items:center; width:3.4rem; height:3.4rem; border-radius:16px; background:#11151d; color:#fff; font-weight:900; font-size:1.35rem; box-shadow:inset 0 -3px 0 #e31d2b; }
.story-person h2 { margin:0; font-size:1.25rem; letter-spacing:-.02em; }
.story-person p { margin:.15rem 0 0; color:#667180; }
.story-statuses { justify-self:end; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; max-width:30rem; }
.story-status { display:inline-flex; align-items:center; gap:.42rem; max-width:18rem; padding:.55rem .8rem; border-radius:999px; background:#fcebed; color:#a71420; font-size:.78rem; font-weight:800; line-height:1.2; text-align:center; }
.story-status--green { background:#e8f7ed; color:#176a38; border:1px solid #bce5c9; }
.status-icon { display:inline-grid; place-items:center; flex:0 0 auto; width:1.15rem; height:1.15rem; border-radius:50%; background:#24934d; color:#fff; font-size:.72rem; font-weight:900; }
.story-content { max-width:900px; padding:clamp(1.5rem,4vw,2.6rem); }
.story-eyebrow { margin:0 0 .55rem!important; color:#c71926!important; font-size:.76rem!important; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.story-content h3 { margin:0 0 1.2rem; font-size:clamp(1.6rem,3vw,2.25rem); line-height:1.15; letter-spacing:-.035em; }
.story-content p { margin:0 0 1rem; max-width:82ch; font-size:1.04rem; line-height:1.78; color:#3f4b5a; overflow-wrap:anywhere; }
.case-timeline { margin:0 clamp(1.2rem,4vw,2.6rem) clamp(1.5rem,4vw,2.6rem); padding:clamp(1.2rem,3vw,2rem); border-radius:20px; background:#11151d; color:#fff; }
.timeline-heading { display:flex; align-items:center; gap:.7rem; margin-bottom:1.15rem; }
.timeline-heading h3 { margin:0; color:#fff; font-size:1.25rem; }
.timeline-icon { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:#e31d2b; font-weight:900; }
.timeline-columns { display:grid; grid-template-columns:minmax(8rem,.7fr) 2fr; gap:1.5rem; padding:0 0 .55rem 2.8rem; color:#9ba5b3; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.timeline-list { list-style:none; margin:0; padding:0; }
.timeline-item { position:relative; display:grid; grid-template-columns:1.25rem minmax(8rem,.7fr) 2fr; gap:1.5rem; padding:.9rem 0; border-top:1px solid rgba(255,255,255,.1); }
.timeline-item:before { content:""; position:absolute; left:.57rem; top:0; bottom:0; width:1px; background:rgba(227,29,43,.45); }
.timeline-marker { position:relative; z-index:1; width:.72rem; height:.72rem; margin:.34rem auto 0; border:2px solid #e31d2b; border-radius:50%; background:#11151d; }
.timeline-date { color:#fff; font-weight:850; }
.timeline-event { color:#cbd2dc; line-height:1.58; }
.story-footer { padding:1rem clamp(1.5rem,4vw,2.6rem); border-top:1px solid #eceff3; background:#fafbfc; color:#687382; font-size:.84rem; line-height:1.55; }
.experience-page-v34 .experience-actions { display:flex; justify-content:center; align-items:center; gap:1.2rem; flex-wrap:wrap; margin-top:2.4rem; }
@media (max-width:720px){
  .experience-page-v34 .experience-hero{padding:2.5rem 0 3.5rem}
  .story-card{border-radius:18px}
  .story-card-header{grid-template-columns:auto minmax(0,1fr);padding:1.15rem}
  .story-statuses{grid-column:1/-1;justify-self:start;justify-content:flex-start;margin-left:4.4rem;max-width:calc(100% - 4.4rem)}
  .story-status{max-width:100%}
  .story-content{padding:1.35rem 1.15rem}
  .case-timeline{margin:0 .8rem 1rem;padding:1.1rem}
  .timeline-columns{display:none}
  .timeline-item{grid-template-columns:1rem 1fr;gap:.8rem;padding:1rem 0}
  .timeline-item:before{left:.45rem}
  .timeline-marker{grid-row:1/3;margin-top:.25rem}
  .timeline-date{grid-column:2;font-size:.9rem}
  .timeline-event{grid-column:2}
  .story-footer{padding:1rem 1.15rem}
  .experience-disclaimer{padding:1rem;border-radius:15px}
}



/* v3.7 final – timestamp below the legal notice */
.last-updated {
  margin: .85rem 0 0;
  padding-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.18);
  font-size: .9rem;
  line-height: 1.5;
  opacity: .9;
}
.last-updated strong { font-weight: 800; }

/* v3.9 – evidence photo slider for Petr's experience */
.story-main--with-gallery {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);
  gap:1.25rem;
  align-items:start;
  padding:clamp(1.5rem,4vw,2.6rem);
}
.story-main--with-gallery .story-content { max-width:none; padding:0; }
.case-photo-gallery { position:sticky; top:6.5rem; min-width:0; }
.case-photo-stage { position:relative; overflow:hidden; aspect-ratio:4/5; border-radius:18px; background:#11151d; box-shadow:0 14px 34px rgba(15,22,34,.18); }
.case-photo-slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .35s ease,visibility .35s ease; }
.case-photo-slide.is-active { opacity:1; visibility:visible; }
.case-photo-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.case-photo-arrow { position:absolute; z-index:2; top:50%; display:grid; place-items:center; width:2.5rem; height:2.5rem; border:0; border-radius:50%; background:rgba(8,9,12,.72); color:#fff; font-size:1.7rem; line-height:1; cursor:pointer; transform:translateY(-50%); backdrop-filter:blur(7px); }
.case-photo-arrow:hover,.case-photo-arrow:focus-visible { background:#e31d2b; outline:none; }
.case-photo-arrow--prev { left:.7rem; }
.case-photo-arrow--next { right:.7rem; }
.case-photo-dots { display:flex; justify-content:center; gap:.45rem; padding:.8rem .25rem 0; }
.case-photo-dot { width:.58rem; height:.58rem; padding:0; border:0; border-radius:50%; background:#c7cdd5; cursor:pointer; }
.case-photo-dot.is-active { background:#e31d2b; transform:scale(1.22); }
@media (max-width:850px){
  .story-main--with-gallery { grid-template-columns:1fr; padding:1.35rem 1.15rem; }
  .case-photo-gallery { position:relative; top:auto; max-width:620px; width:100%; margin:.5rem auto 0; }
  .case-photo-stage { aspect-ratio:4/3; }
}
@media (max-width:520px){ .case-photo-stage { aspect-ratio:1/1; } }


/* v4.2 - redacted case documents */
.case-photo-slide--document img { object-fit:contain; background:#e8e8e8; padding:.35rem; }
.case-documents-download { margin:0 clamp(1.15rem,4vw,2.6rem) 1.5rem; padding:1.2rem 1.3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; border:1px solid rgba(15,22,34,.12); border-radius:16px; background:#f7f8fa; }
.case-documents-download h3 { margin:.15rem 0 .4rem; }
.case-documents-download p { margin:.2rem 0; }
.document-download-button { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.8rem 1.1rem; border-radius:12px; background:#e31d2b; color:#fff; font-weight:800; text-decoration:none; box-shadow:0 8px 20px rgba(227,29,43,.22); }
.document-download-button:hover,.document-download-button:focus-visible { background:#b91420; outline:3px solid rgba(227,29,43,.2); outline-offset:2px; }
@media (max-width:700px){ .case-documents-download { flex-direction:column; align-items:stretch; } .document-download-button { width:100%; } }

/* Downloadable documents table in Petr case */
.story-footer--documents {
  padding: 0;
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.025);
}
.documents-table-wrap { width: 100%; overflow: hidden; }
.documents-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: .94rem;
}
.documents-table th,
.documents-table td {
  padding: 15px 18px;
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid rgba(255,255,255,.09);
}
.documents-table th:last-child,
.documents-table td:last-child { border-right: 0; }
.documents-table thead th {
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: rgba(255,255,255,.58);
  background: rgba(255,255,255,.035);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.documents-table th:first-child,
.documents-table td:first-child { width: 56%; }
.documents-table th:nth-child(2),
.documents-table td:nth-child(2) { width: 29%; }
.documents-table th:last-child,
.documents-table td:last-child { width: 15%; white-space: nowrap; }
.documents-table a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.documents-table a:hover,
.documents-table a:focus-visible { text-decoration: underline; }
.documents-note {
  margin: 0;
  padding: 11px 18px 14px;
  color: rgba(255,255,255,.58);
  font-size: .78rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
@media (max-width: 700px) {
  .documents-table thead { display: none; }
  .documents-table,
  .documents-table tbody,
  .documents-table tr,
  .documents-table td { display: block; width: 100% !important; }
  .documents-table tr { padding: 12px 16px; }
  .documents-table td {
    padding: 6px 0;
    border: 0;
  }
  .documents-table td::before {
    display: block;
    margin-bottom: 2px;
    font-size: .67rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
  }
  html[lang="cs"] .documents-table td:nth-child(1)::before { content: "Název dokumentu"; }
  html[lang="cs"] .documents-table td:nth-child(2)::before { content: "Soubor"; }
  html[lang="cs"] .documents-table td:nth-child(3)::before { content: "Velikost"; }
  html[lang="en"] .documents-table td:nth-child(1)::before { content: "Document title"; }
  html[lang="en"] .documents-table td:nth-child(2)::before { content: "File"; }
  html[lang="en"] .documents-table td:nth-child(3)::before { content: "Size"; }
  .documents-note { padding-left: 16px; padding-right: 16px; }
}


/* v4.4 - document table alignment, disclaimer and right-of-reply panel */
.documents-table,
.documents-table th,
.documents-table td { text-align: left !important; }
.documents-disclaimer {
  margin: 0;
  padding: 16px 18px;
  color: rgba(255,255,255,.78);
  font-size: .88rem;
  line-height: 1.6;
  border-top: 1px solid rgba(255,255,255,.08);
}
.response-panel {
  margin: 0 18px 18px;
  padding: 18px;
  text-align: left;
  border: 1px solid rgba(255,255,255,.12);
  border-left: 4px solid #e31d2b;
  border-radius: 12px;
  background: rgba(255,255,255,.045);
}
.response-panel h3 { margin: 0 0 7px; color: #fff; font-size: 1rem; }
.response-panel p { margin: 0; color: rgba(255,255,255,.72); line-height: 1.6; }
@media (max-width:700px) {
  .documents-disclaimer { padding-left:16px; padding-right:16px; }
  .response-panel { margin-left:16px; margin-right:16px; }
}


/* v4.5 - expanded document table, response state and motorcycle case photos */
.documents-table-wrap {
  padding: 22px;
  overflow-x: auto;
}
.documents-table {
  min-width: 760px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: rgba(255,255,255,.025);
}
.documents-table th,
.documents-table td {
  text-align: left !important;
  padding: 18px 24px;
}
.documents-table thead th {
  font-size: .78rem;
  letter-spacing: .075em;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.82);
}
.documents-table th:first-child,
.documents-table td:first-child { width: 52%; }
.documents-table th:nth-child(2),
.documents-table td:nth-child(2) { width: 33%; }
.documents-table th:last-child,
.documents-table td:last-child { width: 15%; }
.documents-table tbody td { border-top: 0; }
.documents-table tbody tr:hover { background: rgba(255,255,255,.035); }
.documents-note,
.documents-disclaimer { margin-left: -22px; margin-right: -22px; padding-left: 40px; padding-right: 40px; }
.response-panel { margin-top: 20px; }
.response-panel-label {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(227,29,43,.16);
  color: #ff9da5;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.story-status--green {
  background: rgba(26, 164, 92, .15) !important;
  color: #8de4b3 !important;
  border-color: rgba(26, 164, 92, .35) !important;
}
.story-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 38%);
  gap: 26px;
  align-items: start;
}
.story-content-copy { min-width: 0; }
.story-case-photo {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 14px 34px rgba(0,0,0,.2);
}
.story-case-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
@media (max-width: 800px) {
  .story-content-layout { grid-template-columns: 1fr; }
  .story-case-photo { max-width: 620px; }
}
@media (max-width: 700px) {
  .documents-table-wrap { padding: 14px 16px 18px; overflow: visible; }
  .documents-table { min-width: 0; border-radius: 12px; }
  .documents-table tr { padding: 14px 16px; }
  .documents-note,
  .documents-disclaimer { margin-left: -16px; margin-right: -16px; padding-left: 32px; padding-right: 32px; }
}

.story-case,.story-card{border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.story-case-photo img{border-radius:12px}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{text-align:left;padding:14px;border-bottom:1px solid #e5e5e5}.doc-table th{background:#f5f5f5}


/* v4.7 – unified experience galleries and visual polish */
.story-card {
  overflow:hidden;
  border:1px solid rgba(15,22,34,.09);
  box-shadow:0 18px 50px rgba(15,22,34,.10);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.story-card:hover {
  transform:translateY(-2px);
  box-shadow:0 24px 64px rgba(15,22,34,.14);
  border-color:rgba(227,29,43,.18);
}
.story-card-header {
  background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%);
}
.story-main--compact-gallery {
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.78fr);
  align-items:center;
}
.story-main--compact-gallery .case-photo-gallery { position:relative; top:auto; }
.story-main--compact-gallery .case-photo-stage {
  aspect-ratio:4/3;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 42px rgba(15,22,34,.20);
}
.story-main--compact-gallery .case-photo-slide img { object-fit:cover; }
.case-photo-gallery--single .case-photo-stage::after {
  content:"";
  position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  border-radius:inherit;
}
.case-photo-caption {
  margin-top:.75rem;
  text-align:center;
  color:#6d7684;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.story-content h3 { line-height:1.18; text-wrap:balance; }
.story-content p { line-height:1.78; }
.story-status { box-shadow:0 6px 18px rgba(15,22,34,.08); }
@media (max-width:850px){
  .story-main--compact-gallery { grid-template-columns:1fr; align-items:start; }
  .story-main--compact-gallery .case-photo-gallery { max-width:680px; }
}
@media (max-width:520px){
  .story-card:hover { transform:none; }
  .story-main--compact-gallery .case-photo-stage { aspect-ratio:4/3; border-radius:15px; }
}


/* v4.8 – definitive document panel visibility and unified case galleries */
.story-footer--documents {
  display:block !important;
  padding:clamp(1.25rem,3vw,2rem) !important;
  background:linear-gradient(145deg,#111722 0%,#0d121b 100%) !important;
  color:#fff !important;
  border-top:0 !important;
}
.story-footer--documents .documents-table-wrap {
  display:block !important;
  width:100% !important;
  padding:0 !important;
  overflow-x:auto !important;
}
.story-footer--documents .documents-table {
  display:table !important;
  width:100% !important;
  min-width:720px !important;
  table-layout:fixed !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:16px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden !important;
  background:#171e2a !important;
  color:#fff !important;
  box-shadow:0 16px 40px rgba(0,0,0,.22) !important;
}
.story-footer--documents .documents-table thead { display:table-header-group !important; }
.story-footer--documents .documents-table tbody { display:table-row-group !important; }
.story-footer--documents .documents-table tr { display:table-row !important; }
.story-footer--documents .documents-table th,
.story-footer--documents .documents-table td {
  display:table-cell !important;
  height:auto !important;
  min-height:0 !important;
  padding:18px 22px !important;
  text-align:left !important;
  vertical-align:middle !important;
  color:#f7f9fc !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
}
.story-footer--documents .documents-table th:last-child,
.story-footer--documents .documents-table td:last-child { border-right:0 !important; }
.story-footer--documents .documents-table th {
  background:#222b39 !important;
  color:#cfd6e0 !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.story-footer--documents .documents-table tbody tr { background:#171e2a !important; }
.story-footer--documents .documents-table tbody tr:hover { background:#1c2532 !important; }
.story-footer--documents .documents-table a {
  color:#fff !important;
  font-weight:750 !important;
  text-decoration:none !important;
}
.story-footer--documents .documents-table a:hover,
.story-footer--documents .documents-table a:focus-visible { color:#ff9aa2 !important; text-decoration:underline !important; }
.story-footer--documents .documents-note,
.story-footer--documents .documents-disclaimer {
  margin:0 !important;
  padding:14px 2px 0 !important;
  color:#aeb8c6 !important;
  border:0 !important;
  font-size:.84rem !important;
  line-height:1.65 !important;
}
.story-footer--documents .documents-disclaimer {
  margin-top:12px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#d4dae3 !important;
}
.story-footer--documents .response-panel {
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  margin:20px 0 0 !important;
  padding:20px 22px !important;
  background:#171e2a !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-left:4px solid #e31d2b !important;
  border-radius:14px !important;
}
.story-footer--documents .response-panel h3 { color:#fff !important; margin:0 0 8px !important; }
.story-footer--documents .response-panel p { color:#c3ccd8 !important; margin:0 !important; }
.story-footer--documents .response-panel-label { margin-bottom:10px !important; }

/* Michal and Jiří use the same image layout as Petr */
#experience-2 .story-main--with-gallery,
#experience-3 .story-main--with-gallery {
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr) !important;
  align-items:start !important;
}
#experience-2 .case-photo-gallery,
#experience-3 .case-photo-gallery {
  position:sticky !important;
  top:6.5rem !important;
}
#experience-2 .case-photo-stage,
#experience-3 .case-photo-stage {
  aspect-ratio:4/5 !important;
  border-radius:18px !important;
  background:#11151d !important;
  box-shadow:0 14px 34px rgba(15,22,34,.18) !important;
}
#experience-2 .case-photo-slide img,
#experience-3 .case-photo-slide img { object-fit:cover !important; }
#experience-2 .case-photo-arrow,
#experience-3 .case-photo-arrow { display:none !important; }
#experience-2 .case-photo-dots,
#experience-3 .case-photo-dots { display:flex !important; justify-content:center !important; }
@media (max-width:860px) {
  #experience-2 .story-main--with-gallery,
  #experience-3 .story-main--with-gallery { grid-template-columns:1fr !important; }
  #experience-2 .case-photo-gallery,
  #experience-3 .case-photo-gallery { position:relative !important; top:auto !important; max-width:620px !important; width:100% !important; margin:.5rem auto 0 !important; }
  #experience-2 .case-photo-stage,
  #experience-3 .case-photo-stage { aspect-ratio:4/3 !important; }
}
@media (max-width:700px) {
  .story-footer--documents { padding:1rem !important; }
  .story-footer--documents .documents-table { min-width:0 !important; display:block !important; }
  .story-footer--documents .documents-table thead { display:none !important; }
  .story-footer--documents .documents-table tbody,
  .story-footer--documents .documents-table tr,
  .story-footer--documents .documents-table td { display:block !important; width:100% !important; }
  .story-footer--documents .documents-table tr { padding:10px 16px !important; }
  .story-footer--documents .documents-table td { padding:8px 0 !important; border-right:0 !important; }
  .story-footer--documents .documents-table td::before { color:#8f9bab !important; }
}


/* v4.9 – document sections for every experience */
.story-footer--documents-pending .documents-pending-row td {
  padding: 1.35rem 1.5rem !important;
  text-align: left !important;
  background: linear-gradient(135deg, #171e2a 0%, #111722 100%) !important;
}
.documents-pending-label {
  display: inline-flex;
  align-items: center;
  margin-right: .75rem;
  padding: .38rem .7rem;
  border-radius: 999px;
  background: rgba(227,29,43,.16);
  color: #ff9ca4;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.story-footer--documents-pending .documents-pending-row strong {
  color: #fff;
  font-size: 1rem;
}
@media (max-width:700px) {
  .story-footer--documents-pending .documents-pending-row td::before { display:none !important; content:none !important; }
  .story-footer--documents-pending .documents-pending-row td { padding:1rem !important; }
  .documents-pending-label { display:flex; width:max-content; margin:0 0 .65rem; }
}

/* v5.0 – polished unified case studies, timelines and subject identification */
.subject-identification {
  max-width: 760px;
  margin: 1rem 0 0;
  padding: .9rem 1rem;
  border-left: 4px solid #e31d2b;
  border-radius: 0 12px 12px 0;
  background: rgba(7,10,15,.72);
  color: #eef2f7;
  line-height: 1.55;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.subject-identification strong { color:#fff; }

.experience-page-v34 .stories-list { gap: clamp(2rem,5vw,4rem); }
.experience-page-v34 .story-card {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 22px 70px rgba(15,22,34,.13);
}
.experience-page-v34 .story-card-header {
  padding: 1.25rem clamp(1.2rem,3vw,2rem);
  border-bottom: 1px solid rgba(15,22,34,.08);
}
.experience-page-v34 .story-main--with-gallery {
  grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr) !important;
  gap: clamp(1.5rem,3vw,2.5rem) !important;
  padding: clamp(1.4rem,3vw,2.35rem) !important;
  align-items: start !important;
}
.experience-page-v34 .case-photo-gallery {
  position: sticky !important;
  top: 6.5rem !important;
  padding: .65rem;
  border: 1px solid rgba(15,22,34,.09);
  border-radius: 22px;
  background: linear-gradient(145deg,#f8fafc,#eef2f6);
  box-shadow: 0 18px 42px rgba(15,22,34,.14);
}
.experience-page-v34 .case-photo-stage {
  aspect-ratio: 4/5 !important;
  border-radius: 16px !important;
  overflow: hidden;
  background: #111722 !important;
  box-shadow: none !important;
}
.experience-page-v34 .case-photo-slide img { object-fit: cover !important; }
.experience-page-v34 .case-photo-dots { min-height: 28px; padding-top:.6rem; }

.case-timeline--secondary {
  margin: 0 clamp(1.4rem,3vw,2.35rem) clamp(1.4rem,3vw,2.35rem) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg,#111722,#0d121b) !important;
  box-shadow: 0 18px 42px rgba(15,22,34,.16);
}
.case-timeline--secondary .timeline-heading { margin-bottom: .7rem; }
.case-timeline--secondary .timeline-item:last-child { padding-bottom:.35rem; }

.story-footer--documents { padding: clamp(1.35rem,3vw,2.2rem) !important; }
.story-footer--documents .documents-table-wrap { overflow: visible !important; }
.story-footer--documents .documents-table { min-width: 0 !important; }
.story-footer--documents .documents-table th:first-child,
.story-footer--documents .documents-table td:first-child { width:52% !important; }
.story-footer--documents .documents-table th:nth-child(2),
.story-footer--documents .documents-table td:nth-child(2) { width:33% !important; }
.story-footer--documents .documents-table th:last-child,
.story-footer--documents .documents-table td:last-child { width:15% !important; }
.story-footer--documents-pending .documents-pending-row td {
  padding: 1.15rem 1.35rem !important;
  background: #171e2a !important;
}
.story-footer--documents-pending .documents-pending-row td:nth-child(2),
.story-footer--documents-pending .documents-pending-row td:nth-child(3) {
  color:#778395 !important;
  font-weight:800;
}
.documents-pending-label { display:flex; width:max-content; margin:0 0 .55rem; }
.story-footer--documents .response-panel {
  background: linear-gradient(145deg,#1a2230,#151c27) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

@media (max-width:860px) {
  .experience-page-v34 .story-main--with-gallery { grid-template-columns:1fr !important; }
  .experience-page-v34 .case-photo-gallery { position:relative !important; top:auto !important; width:100% !important; max-width:680px !important; margin:.5rem auto 0 !important; }
  .experience-page-v34 .case-photo-stage { aspect-ratio:4/3 !important; }
}
@media (max-width:700px) {
  .story-footer--documents .documents-table { display:table !important; min-width:640px !important; }
  .story-footer--documents .documents-table thead { display:table-header-group !important; }
  .story-footer--documents .documents-table tbody { display:table-row-group !important; }
  .story-footer--documents .documents-table tr { display:table-row !important; padding:0 !important; }
  .story-footer--documents .documents-table th,
  .story-footer--documents .documents-table td { display:table-cell !important; width:auto !important; padding:14px 16px !important; }
  .story-footer--documents .documents-table td::before { display:none !important; content:none !important; }
  .story-footer--documents .documents-table-wrap { overflow-x:auto !important; padding-bottom:.35rem !important; }
  .case-timeline--secondary { margin:0 1rem 1rem !important; }
}

/* v5.1 – stable document table layout on desktop and mobile */
.story-footer--documents .documents-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}
.story-footer--documents .documents-table {
  width: 100% !important;
  min-width: 680px !important;
  table-layout: auto !important;
  border-spacing: 0 !important;
}
.story-footer--documents .documents-table th,
.story-footer--documents .documents-table td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
.story-footer--documents .documents-table th:first-child,
.story-footer--documents .documents-table td:first-child {
  width: 48% !important;
  min-width: 240px !important;
}
.story-footer--documents .documents-table th:nth-child(2),
.story-footer--documents .documents-table td:nth-child(2) {
  width: 37% !important;
  min-width: 210px !important;
}
.story-footer--documents .documents-table th:last-child,
.story-footer--documents .documents-table td:last-child {
  width: 15% !important;
  min-width: 110px !important;
  white-space: nowrap !important;
}
.story-footer--documents .documents-table a {
  display: inline !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
@media (max-width: 700px) {
  .story-footer--documents .documents-table {
    min-width: 620px !important;
  }
}


/* v5.3 – supplied full brand logo */
.brand.brand-logo { min-width:0; }
.brand-full-logo {
  display:block;
  width:clamp(210px, 24vw, 300px);
  height:auto;
  max-height:82px;
  object-fit:contain;
}
.footer-brand .brand-full-logo,
.footer-wordmark .brand-full-logo {
  width:clamp(190px, 22vw, 263px);
  max-height:72px;
}
@media (max-width:760px) {
  .brand-full-logo { width:190px; max-height:60px; }
  .footer-brand .brand-full-logo,
  .footer-wordmark .brand-full-logo { width:210px; max-height:66px; }
}
@media (max-width:390px) {
  .brand-full-logo { width:168px; }
}


/* v1.05 tablet image layout fix */
@media (max-width: 1024px){
.hero, .hero-grid, .intro-grid{
display:flex !important;
flex-direction:column !important;
}
.hero-image,.hero-photo,.profile-image,img.hero{
order:-1;
max-width:420px;
width:100%;
height:auto;
margin:0 auto 1.5rem;
display:block;
}
}