:root{
    --paper:#f7f6f1;
    --paper2:#eeece3;
    --white:#fff;
    --black:#101010;
    --graphite:#252525;
    --muted:#6d6961;
    --line:rgba(16,16,16,.14);
    --line2:rgba(16,16,16,.28);
    --yellow:#e4c21a;
    --yellow2:#c9a90f;
    --wood:#b47a3d;
    --max:1220px;
    --shadow:0 28px 80px rgba(16,16,16,.13);
    --card-shadow:0 18px 42px rgba(16,16,16,.10);
    --card-shadow-hover:0 24px 48px rgba(16,16,16,.14);
  }

  html{min-height:100%;}
  body{margin:0;min-height:100%;overflow-y:auto;}
.page{
    min-height:auto !important;
    height:auto !important;
    width:100%;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--black);
    background:
      linear-gradient(90deg,rgba(16,16,16,.035) 1px,transparent 1px) center/92px 92px,
      radial-gradient(circle at 9% 18%,rgba(228,194,26,.08),transparent 24%),
      radial-gradient(circle at 86% 8%,rgba(16,16,16,.045),transparent 30%),
      linear-gradient(180deg,#faf9f5 0%,var(--paper) 42%,#f3f1ea 100%);
    overflow:visible !important;
  }

  .page *,
  .page *::before,
  .page *::after{box-sizing:border-box;}

  .page a{color:inherit;text-decoration:none;}

  .page img{
    max-width:100%;
    display:block;
  }

  .page h1,
  .page h2,
  .page h3,
  .page h4,
  .page h5,
  .page h6{
    color:inherit !important;
    font-family:Sora,sans-serif !important;
  }

  .page p,
  .page span,
  .page a,
  .page div{font-family:inherit;}

  .page .reveal{
    opacity:1 !important;
    transform:none !important;
  }
.section{
    max-width:var(--max);
    margin:0 auto;
    padding:clamp(70px,8vw,116px) clamp(18px,4vw,34px);
  }

  .kicker{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    color:var(--graphite) !important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .kicker::before{
    content:"";
    width:46px;
    height:5px;
    background:var(--yellow);
    transform:skewX(-25deg);
  }

  .btn-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    align-items:center;
  }

  .btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border:1px solid var(--black);
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    position:relative;
    transition:.22s ease;
  }

  .btn-black{
    background:var(--black);
    color:#fff !important;
  }

  .btn-white{
    background:transparent;
    color:var(--black) !important;
  }

  .btn::after{
    content:"";
    position:absolute;
    right:10px;
    top:10px;
    width:20px;
    height:5px;
    background:var(--yellow);
    transform:skewX(-25deg);
    opacity:.95;
  }

  .btn:hover{
    transform:translateY(-2px);
    box-shadow:8px 8px 0 rgba(16,16,16,.14);
  }

  .hero{
    min-height:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);
    gap:clamp(34px,6vw,76px);
    align-items:center;
    padding-top:clamp(54px,6vw,86px);
    padding-bottom:clamp(62px,7vw,98px);
    position:relative;
  }

  .hero::before{
    content:"";
    position:absolute;
    left:34px;
    top:40px;
    bottom:48px;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(16,16,16,.16),transparent);
  }

  .hero-copy{
    position:relative;
    z-index:2;
  }

  .hero h1{
    font-family:Sora,sans-serif;
    margin:0 0 24px;
    font-size:clamp(48px,7vw,94px);
    line-height:.91;
    letter-spacing:-.07em;
    color:var(--black) !important;
  }

  .hero h1 span{display:block;}

  .hero h1 .outline{
    color:transparent !important;
    -webkit-text-stroke:1.7px var(--black);
    text-shadow:none;
  }

  .hero-sub{
    font-family:Sora,sans-serif;
    font-size:clamp(18px,2vw,25px);
    font-weight:800;
    margin:0 0 16px;
    position:relative;
    padding-left:20px;
    color:var(--black) !important;
  }

  .hero-sub::before{
    content:"";
    position:absolute;
    left:0;
    top:.45em;
    width:8px;
    height:22px;
    background:var(--yellow);
    transform:skewX(-20deg);
  }

  .hero-text{
    max-width:560px;
    margin:0 0 32px;
    color:var(--muted) !important;
    font-size:16px;
    line-height:1.75;
  }

  .hero-plate{
    background:#fff;
    border:1px solid var(--black);
    padding:18px;
    position:relative;
    box-shadow:var(--shadow);
  }

  .hero-plate::before{
    content:"";
    position:absolute;
    left:-16px;
    top:-16px;
    width:90px;
    height:90px;
    border-left:2px solid var(--black);
    border-top:2px solid var(--black);
  }

  .hero-plate::after{
    content:"";
    position:absolute;
    right:-1px;
    top:-1px;
    width:90px;
    height:13px;
    background:var(--yellow);
    clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
  }

  .plate-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
    color:var(--muted) !important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  .plate-image{
    margin-top:18px;
    height:430px;
    position:relative;
    border:1px solid var(--black);
    overflow:hidden;
    background:
      linear-gradient(120deg,rgba(16,16,16,.18),transparent 45%),
      url("../images/home/slider-1.jpg") center/cover;
  }

  .plate-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(255,255,255,.18),transparent 32%),
      linear-gradient(180deg,transparent 58%,rgba(16,16,16,.24));
    pointer-events:none;
  }



  /* HERO SLIDER - ostrý minimalistický automatický slider */
  .plate-slider{
    margin-top:18px;
    height:430px;
    position:relative;
    border:1px solid var(--black);
    overflow:hidden;
    background:#f7f6f1;
    isolation:isolate;
  }
  .plate-slide{
    position:absolute;
    inset:0;
    display:block !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:0;
    transform:none !important;
    transition:opacity .55s ease-in-out, visibility .55s ease-in-out !important;
    animation:none !important;
    background:#f7f6f1;
  }

  .plate-slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:1;
    transform:none !important;
  }

  .plate-slide:nth-child(1) img{object-position:center center;}
  .plate-slide:nth-child(2) img{object-position:center center;}
  .plate-slide:nth-child(3) img{object-position:center center;}
  .plate-slide:nth-child(4) img{object-position:center center;}
  .plate-slide:nth-child(5) img{object-position:center center;}
  .plate-slide:nth-child(6) img{object-position:center center;}

  .plate-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    image-rendering:auto;
    filter:none !important;
    transform:none !important;
    opacity:1 !important;
    backface-visibility:hidden;
  }



  .slider-btn,
  .slider-dots,
  .slider-dot{
    display:none !important;
  }

  .process-rail{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid var(--black);
    background:#fff;
  }

  .process-rail div{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:0 14px;
    border-right:1px solid var(--line2);
    font-size:11px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
    position:relative;
    color:var(--black) !important;
  }

  .process-rail div:last-child{border-right:0;}

  .process-rail div::before{
    content:"";
    width:16px;
    height:4px;
    background:var(--yellow);
    transform:skewX(-25deg);
    margin-right:10px;
    flex:0 0 auto;
  }

  .statement{
    background:var(--black);
    color:#fff !important;
    border-top:1px solid var(--black);
    border-bottom:1px solid var(--black);
  }

  .statement-inner{
    max-width:var(--max);
    margin:0 auto;
    padding:clamp(58px,7vw,88px) clamp(18px,4vw,34px);
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:clamp(30px,6vw,80px);
    align-items:center;
  }

  .statement .small{
    color:var(--yellow) !important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .statement h2{
    margin:0;
    font-size:clamp(30px,4.5vw,58px);
    line-height:1;
    letter-spacing:-.055em;
    color:#fff !important;
  }

  .statement p{
    margin:0;
    color:rgba(255,255,255,.72) !important;
    font-size:18px;
    line-height:1.75;
    max-width:620px;
  }

  .section-head{
    display:flex;
    justify-content:space-between;
    gap:34px;
    align-items:end;
    margin-bottom:34px;
    padding-bottom:22px;
    border-bottom:1px solid var(--line);
  }

  .section-head h2{
    margin:0;
    font-size:clamp(34px,4.5vw,64px);
    line-height:1.14;
    letter-spacing:-.06em;
    max-width:760px;
    color:var(--black) !important;
  }

  .section-head p{
    margin:0;
    color:var(--muted) !important;
    line-height:1.7;
    max-width:430px;
  }

  .two-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
  }

  .info-card{
    min-height:360px;
    padding:28px;
    border:1px solid var(--black);
    background:#fff;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-shadow:10px 10px 0 rgba(16,16,16,.06);
    overflow:hidden;
    color:var(--black) !important;
  }

  .info-card.dark{
    background:var(--black);
    color:#fff !important;
  }

  .info-card::before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:90px;
    height:12px;
    background:var(--yellow);
    clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
  }

  .card-label{
    width:max-content;
    border:1px solid currentColor;
    padding:8px 10px;
    color:inherit !important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    opacity:.72;
  }

  .info-card h3{
    margin:34px 0 16px;
    font-size:clamp(26px,3vw,42px);
    line-height:1.04;
    letter-spacing:-.052em;
    color:inherit !important;
  }

  .info-card p{
    margin:0;
    color:var(--muted) !important;
    line-height:1.75;
    max-width:500px;
  }

  .info-card.dark p{color:rgba(255,255,255,.68) !important;}

  .info-card .card-label,
  .info-card h3,
  .info-card p{
    position:relative;
    z-index:4;
  }

  .card-mark{
    position:absolute;
    right:14px;
    bottom:10px;
    width:min(62%,320px);
    height:200px;
    opacity:.28;
    pointer-events:none;
    z-index:1;
    background:none;
  }

  .info-card.dark .card-mark{opacity:.25;}

  .card-mark svg{
    width:100%;
    height:100%;
    display:block;
    overflow:visible;
  }

  .card-mark .line{
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .card-mark .thin{
    fill:none;
    stroke:currentColor;
    stroke-width:.95;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:.55;
    vector-effect:non-scaling-stroke;
  }

  .card-mark .accent{
    fill:none;
    stroke:var(--yellow);
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }

  .card-mark .accent-fill{
    fill:rgba(228,194,26,.16);
    stroke:var(--yellow);
    stroke-width:1.2;
    vector-effect:non-scaling-stroke;
  }

  .card-mark .ghost{
    fill:rgba(228,194,26,.12);
    stroke:currentColor;
    stroke-width:1.2;
    opacity:.72;
    vector-effect:non-scaling-stroke;
  }

  /* PREMIUM GALERIE */
  .gallery-shell{
    position:relative;
    padding:24px;
    border:1px solid rgba(16,16,16,.12);
    background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.40) 100%);
    box-shadow:var(--card-shadow);
  }

  .gallery-shell::before{
    content:"";
    position:absolute;
    left:24px;
    top:0;
    width:86px;
    height:5px;
    background:var(--yellow);
    transform:translateY(-50%) skewX(-25deg);
  }

  .gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }

  .gallery-item{
    position:relative;
    display:block;
    border:1px solid rgba(16,16,16,.16);
    background:#ece7dd;
    overflow:hidden;
    aspect-ratio:4 / 3;
    isolation:isolate;
    box-shadow:var(--card-shadow);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  }

  .gallery-item:hover{
    transform:translateY(-4px);
    box-shadow:var(--card-shadow-hover);
    border-color:rgba(16,16,16,.26);
  }

  .gallery-photo{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    display:block !important;
    z-index:0 !important;
    background:transparent !important;
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
    image-rendering:auto !important;
    backface-visibility:visible !important;
    transition:none !important;
    will-change:auto !important;
  }
  .gallery-item:hover .gallery-photo{
    transform:none !important;
  }

  .gallery-item:nth-child(1) .gallery-photo{object-position:center center !important;}
  .gallery-item:nth-child(2) .gallery-photo{object-position:center center !important;}
  .gallery-item:nth-child(3) .gallery-photo{object-position:center center !important;}
  .gallery-item:nth-child(4) .gallery-photo{object-position:center center !important;}
  .gallery-item:nth-child(5) .gallery-photo{object-position:center center !important;}
  .gallery-item:nth-child(6) .gallery-photo{object-position:52% 42% !important;}

  .gallery-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 28%),
      linear-gradient(180deg,rgba(0,0,0,0) 56%,rgba(0,0,0,.20) 100%);
    z-index:1;
    pointer-events:none;
  }

  .gallery-tag{
    position:absolute;
    left:16px;
    bottom:16px;
    z-index:2;
    background:rgba(247,246,241,.96);
    border:1px solid var(--black);
    padding:11px 14px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--black) !important;
    box-shadow:6px 6px 0 rgba(16,16,16,.10);
  }
@media(max-width:1050px){
    .tool-nav{grid-template-columns:210px 1fr 130px;}
    .nav-link{min-width:auto;padding:0 12px;font-size:11px;}
    .tool-cta{width:128px;}
    .hero{grid-template-columns:1fr;}
    .hero-plate{max-width:720px;}
  }

  @media(max-width:820px){
    .statement-inner,
    .two-cards{grid-template-columns:1fr;}

    .gallery-shell{padding:18px;}
    .gallery{grid-template-columns:1fr 1fr;gap:18px;}
  }

  @media(max-width:600px){
    .page{background:var(--paper);}
    .section{padding-top:58px;padding-bottom:58px;}
    .hero h1{font-size:47px;}
    .hero h1 .outline{-webkit-text-stroke:1.1px var(--black);}
    .plate-head{flex-direction:column;}
    .plate-image{height:320px;}
    .plate-slider{height:320px;}
    .slider-btn{width:34px;height:34px;font-size:18px;}
    .slider-prev{left:10px;}
    .slider-next{right:10px;}
    .process-rail{grid-template-columns:1fr 1fr;}
    .process-rail div:nth-child(2){border-right:0;}
    .process-rail div:nth-child(1),
    .process-rail div:nth-child(2){border-bottom:1px solid var(--line2);}
    .section-head{display:block;}
    .section-head p{margin-top:18px;}
    .gallery-shell{padding:14px;}
    .gallery{grid-template-columns:1fr;gap:16px;}
  }

  /* 100LAR imgfix2 — stabilní načtení obrázků na domovce */
  .gallery-item,
  .plate-slider{
    background:
      linear-gradient(90deg,rgba(16,16,16,.035) 1px,transparent 1px) center/46px 46px,
      linear-gradient(180deg,#f7f6f1 0%,#eeeae0 100%) !important;
  }

  .gallery-photo,
  .plate-slide img{
    opacity:1 !important;
    background:#f7f6f1 !important;
  }

  .gallery-photo.is-loading,
  .plate-slide img.is-loading{
    opacity:0.001 !important;
  }

  .gallery-photo.is-error,
  .plate-slide img.is-error{
    opacity:0 !important;
  }


  /* 100LAR sharp fix — fotky v galerii bez desktop zoomu/rozmazání */
  .gallery-photo{
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    image-rendering:auto !important;
  }

  .gallery-item:hover .gallery-photo{
    transform:none !important;
  }

  .gallery-item:hover{
    transform:translateY(-3px);
    box-shadow:var(--card-shadow-hover);
    border-color:rgba(16,16,16,.26);
  }


  /* 100LAR wide/full-width fix — stabilní i při nastavení široké šířky v Elementoru */
  .page{
    max-width:100% !important;
    width:100% !important;
    overflow-x:clip !important;
  }

  .page > main{
    width:100% !important;
    max-width:100% !important;
  }

  .page .section,
  .page .statement-inner{
    width:100% !important;
    max-width:var(--max) !important;
  }

  .page .hero,
  .page .two-cards,
  .page .gallery,
  .page .statement-inner{
    min-width:0 !important;
  }

  .page .hero > *,
  .page .two-cards > *,
  .page .gallery > *,
  .page .statement-inner > *{
    min-width:0 !important;
  }

  .page .hero-plate,
  .page .plate-slider,
  .page .gallery-shell,
  .page .gallery-item,
  .page .info-card{
    max-width:100% !important;
  }

  .page .plate-slide,
  .page .plate-slide img,
  .page .gallery-photo{
    max-width:none !important;
  }

  @media(max-width:1050px){
    .page .hero{
      grid-template-columns:1fr !important;
    }

    .page .hero-plate{
      width:100% !important;
      max-width:720px !important;
    }
  }

  @media(max-width:820px){
    .page{
      overflow-x:hidden !important;
    }
  }

  /* ===== 100LAR — Figma 3D blok / návrh před výrobou ===== */
  .lar3d-section{
    width:100%;
    max-width:var(--max);
    margin:0 auto;
    padding:0;
    position:relative;
    overflow:visible;
  }

  .lar-3d-figma-block,
  .lar-3d-figma-block *{
    box-sizing:border-box;
  }

  .lar-3d-figma-block{
    width:100%;
    max-width:1220px;
    height:680px;
    margin:0 auto;
    background:#101010;
    position:relative;
    overflow:hidden;
    padding:92px 40px;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#fff;
  }

  .lar-3d-corner{
    position:absolute;
    width:28px;
    height:28px;
    pointer-events:none;
    z-index:4;
  }

  .lar-3d-corner.tl{
    left:0;
    top:0;
    border-top:1px solid rgba(255,255,255,.82);
    border-left:1px solid rgba(255,255,255,.82);
  }

  .lar-3d-corner.br{
    right:0;
    bottom:0;
    border-right:1px solid rgba(255,255,255,.82);
    border-bottom:1px solid rgba(255,255,255,.82);
  }

  .lar-3d-ruler{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:32px;
    padding:0 40px 8px 0;
    display:flex;
    align-items:flex-end;
    z-index:5;
  }

  .lar-3d-ticks{
    flex:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    min-width:0;
  }

  .lar-3d-ticks span{
    display:block;
    width:1px;
    height:6px;
    background:rgba(255,255,255,.42);
  }

  .lar-3d-ticks span:nth-child(4n+1){
    height:12px;
  }

  .lar-3d-scale{
    margin:0 0 0 12px;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:rgba(255,255,255,.45);
    white-space:nowrap;
  }

  .lar-3d-grid{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:flex;
    gap:76px;
    align-items:flex-start;
  }

  .lar-3d-content{
    width:447px;
    flex:0 0 447px;
    display:flex;
    flex-direction:column;
    gap:24px;
  }

  .lar-3d-kicker{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .lar-3d-diamond{
    position:relative;
    width:44px;
    height:5px;
  }

  .lar-3d-diamond::before,
  .lar-3d-diamond::after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    width:12px;
    height:12px;
    border:2px solid #e4c21a;
  }

  .lar-3d-diamond::before{
    left:0;
  }

  .lar-3d-diamond::after{
    right:0;
  }

  .lar-3d-kicker-text{
    margin:0;
    color:#e4c21a !important;
    font-size:11px;
    font-weight:900;
    line-height:normal;
    letter-spacing:1.98px;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .lar-3d-copy{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .lar-3d-title{
    margin:0;
    font-family:Sora,sans-serif !important;
    font-size:54px;
    font-weight:800;
    line-height:.98;
    letter-spacing:-3.2px;
    color:#fff !important;
  }

  .lar-3d-text{
    margin:0;
    max-width:447px;
    color:rgba(255,255,255,.65) !important;
    font-size:16px;
    font-weight:400;
    line-height:1.75;
  }

  .lar-3d-steps{
    width:100%;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.13);
  }

  .lar-3d-step{
    height:48px;
    border-bottom:1px solid rgba(255,255,255,.13);
    display:flex;
    align-items:center;
    gap:12px;
    white-space:nowrap;
  }

  .lar-3d-step-num{
    min-width:24px;
    color:#e4c21a !important;
    font-size:11px;
    font-weight:800;
    line-height:normal;
  }

  .lar-3d-step-title{
    color:rgba(255,255,255,.92) !important;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.43px;
    line-height:normal;
    text-transform:uppercase;
  }

  .lar-3d-visual{
    position:relative;
    flex:1;
    height:496px;
    min-width:0;
  }

  .lar-3d-mesh{
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);
    background-size:27px 27px;
    background-position:0 0;
    z-index:0;
  }

  .lar-3d-midline{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.26),rgba(255,255,255,0));
    z-index:1;
  }

  .lar-3d-card{
    position:absolute;
    background:#101010;
    z-index:2;
  }

  .lar-3d-render{
    top:40px;
    right:20px;
    width:380px;
    height:300px;
    border:1px solid rgba(255,255,255,.52);
    box-shadow:18px 18px 0 rgba(228,194,26,.12);
  }

  .lar-3d-wireframe{
    left:0;
    bottom:80px;
    width:320px;
    height:240px;
    border:1px solid rgba(255,255,255,.44);
    box-shadow:12px 12px 0 rgba(0,0,0,.28);
  }

  .lar-3d-card img,
  .lar-3d-card picture{
    width:100%;
    height:100%;
    display:block;
  }

  .lar-3d-card img{
    object-fit:cover;
  }

  .lar-3d-render::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(247,246,241,.05);
    pointer-events:none;
  }

  .lar-3d-label{
    position:absolute;
    left:-2px;
    top:-2px;
    z-index:3;
    padding:8px 10px;
    font-size:10px;
    font-weight:900;
    line-height:normal;
    letter-spacing:1.5px;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .lar-3d-render .lar-3d-label{
    background:#101010;
    border:1px solid rgba(255,255,255,.28);
    color:#fff !important;
  }

  .lar-3d-wireframe .lar-3d-label{
    background:#e4c21a;
    color:#101010 !important;
    font-size:9px;
    letter-spacing:1.26px;
  }

  .lar-3d-stripe{
    position:absolute;
    right:-1px;
    top:-1px;
    width:96px;
    height:12px;
    background:#e4c21a;
    transform:skewX(-26.57deg) scaleY(.89);
    transform-origin:right top;
    z-index:4;
  }

  .lar-3d-note{
    position:absolute;
    right:0;
    bottom:60px;
    width:220px;
    padding:14px 16px;
    background:#101010;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:8px 8px 0 rgba(228,194,26,.16);
    z-index:5;
  }

  .lar-3d-note-title{
    margin:0 0 8px 0;
    color:#e4c21a !important;
    font-size:10px;
    font-weight:900;
    line-height:normal;
    letter-spacing:1.4px;
    text-transform:uppercase;
  }

  .lar-3d-note-text{
    margin:0;
    color:rgba(255,255,255,.72) !important;
    font-size:12px;
    font-weight:400;
    line-height:1.55;
  }

  /* notebook */
  @media(min-width:981px) and (max-width:1366px){
    .lar-3d-figma-block{
      max-width:1120px;
      height:610px;
      padding:72px 34px 64px;
    }

    .lar-3d-grid{
      gap:46px;
    }

    .lar-3d-content{
      width:392px;
      flex-basis:392px;
      gap:20px;
    }

    .lar-3d-title{
      font-size:46px;
      letter-spacing:-2.7px;
    }

    .lar-3d-text{
      max-width:392px;
      font-size:15px;
      line-height:1.68;
    }

    .lar-3d-steps{
      padding-top:8px;
    }

    .lar-3d-step{
      height:44px;
    }

    .lar-3d-visual{
      height:474px;
    }

    .lar-3d-mesh{
      background-size:24px 24px;
    }

    .lar-3d-render{
      width:340px;
      height:268px;
      top:34px;
      right:10px;
    }

    .lar-3d-wireframe{
      width:290px;
      height:218px;
      bottom:74px;
    }

    .lar-3d-note{
      width:198px;
      right:0;
      bottom:50px;
      padding:12px 14px;
    }

    .lar-3d-note-title{
      font-size:9px;
      letter-spacing:1.25px;
    }

    .lar-3d-note-text{
      font-size:11px;
      line-height:1.5;
    }

    .lar-3d-ruler{
      padding-right:34px;
    }
  }

  @media(min-width:981px) and (max-width:1180px){
    .lar-3d-figma-block{
      max-width:1040px;
      height:590px;
      padding:64px 30px 58px;
    }

    .lar-3d-grid{
      gap:34px;
    }

    .lar-3d-content{
      width:360px;
      flex-basis:360px;
    }

    .lar-3d-title{
      font-size:40px;
      letter-spacing:-2.35px;
    }

    .lar-3d-text{
      max-width:360px;
      font-size:14px;
      line-height:1.65;
    }

    .lar-3d-step{
      height:42px;
    }

    .lar-3d-step-title{
      font-size:10px;
      letter-spacing:1.25px;
    }

    .lar-3d-visual{
      height:468px;
    }

    .lar-3d-render{
      width:318px;
      height:252px;
      top:30px;
      right:8px;
    }

    .lar-3d-wireframe{
      width:270px;
      height:205px;
      bottom:72px;
    }

    .lar-3d-note{
      width:190px;
      bottom:44px;
    }

    .lar-3d-label{
      padding:7px 9px;
      font-size:9px;
    }
  }

  @media(max-width:980px){
    .lar-3d-figma-block{
      height:auto;
      padding:72px 28px 64px;
    }

    .lar-3d-grid{
      flex-direction:column;
      gap:44px;
    }

    .lar-3d-content{
      width:100%;
      flex:none;
    }

    .lar-3d-title{
      max-width:650px;
      font-size:clamp(42px,7vw,54px);
    }

    .lar-3d-text{
      max-width:620px;
    }

    .lar-3d-visual{
      width:100%;
      height:520px;
    }
  }

  @media(max-width:600px){
    .lar3d-section{
      max-width:390px;
    }

    .lar-3d-figma-block{
      width:100%;
      max-width:390px;
      height:auto;
      margin:0 auto;
      padding:56px 20px;
      overflow:visible;
      background:#101010;
    }

    .lar-3d-corner,
    .lar-3d-ruler,
    .lar-3d-mesh,
    .lar-3d-midline,
    .lar-3d-stripe{
      display:none;
    }

    .lar-3d-grid{
      width:100%;
      height:auto;
      display:flex;
      flex-direction:column;
      gap:40px;
    }

    .lar-3d-content{
      width:100%;
      flex:none;
      display:flex;
      flex-direction:column;
      gap:24px;
    }

    .lar-3d-kicker-text{
      font-size:11px;
      letter-spacing:1.98px;
    }

    .lar-3d-copy{
      gap:16px;
    }

    .lar-3d-title{
      width:100%;
      max-width:none;
      font-size:36px;
      line-height:.98;
      letter-spacing:-3.2px;
    }

    .lar-3d-text{
      width:100%;
      max-width:none;
      font-size:15px;
      line-height:1.75;
      color:rgba(255,255,255,.65) !important;
    }

    .lar-3d-steps{
      padding-top:0;
      border-top:1px solid rgba(255,255,255,.13);
    }

    .lar-3d-step{
      height:48px;
      gap:12px;
    }

    .lar-3d-step-num{
      min-width:24px;
      font-size:11px;
    }

    .lar-3d-step-title{
      font-size:11px;
      letter-spacing:1.43px;
    }

    .lar-3d-visual{
      width:100%;
      height:auto;
      display:flex;
      flex-direction:column;
      gap:32px;
      position:relative;
    }

    .lar-3d-card{
      position:relative;
      left:auto;
      right:auto;
      top:auto;
      bottom:auto;
      width:100%;
      flex:none;
      box-shadow:none;
    }

    .lar-3d-render{
      height:250px;
      border:1px solid rgba(255,255,255,.52);
    }

    .lar-3d-wireframe{
      height:210px;
      border:1px solid rgba(255,255,255,.44);
    }

    .lar-3d-render::after{
      display:none;
    }

    .lar-3d-card img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .lar-3d-label{
      left:-2px;
      top:-2px;
      padding:6px 8px;
      letter-spacing:0;
    }

    .lar-3d-render .lar-3d-label{
      font-size:10px;
    }

    .lar-3d-wireframe .lar-3d-label{
      font-size:9px;
    }

    .lar-3d-note{
      position:relative;
      right:auto;
      bottom:auto;
      width:100%;
      padding:14px 16px;
      box-shadow:none;
      border:1px solid rgba(255,255,255,.22);
    }

    .lar-3d-note-title{
      font-size:10px;
      letter-spacing:1.4px;
    }

    .lar-3d-note-text{
      font-size:12px;
      line-height:1.55;
    }
  }



  /* ===== 100LAR — dodavatelé / statická loga ===== */
  .partners-strip{
    background:
      linear-gradient(90deg,rgba(16,16,16,.035) 1px,transparent 1px) center/92px 92px,
      linear-gradient(180deg,#f7f6f1 0%,#f1efe7 100%);
    border-bottom:1px solid rgba(16,16,16,.14);
    overflow:hidden;
  }

  .partners-strip__inner{
    max-width:var(--max);
    margin:0 auto;
    padding:clamp(52px,6vw,78px) clamp(18px,4vw,34px);
  }

  .partners-strip__head{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(320px,.58fr);
    gap:clamp(26px,5vw,64px);
    align-items:end;
    margin-bottom:28px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(16,16,16,.14);
    position:relative;
  }

  .partners-strip__head::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:112px;
    height:5px;
    background:var(--yellow);
    transform:skewX(-25deg);
  }

  .partners-strip__title{
    min-width:0;
  }

  .partners-strip__kicker{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin:0 0 16px;
    color:var(--graphite) !important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .partners-strip__kicker::before{
    content:"";
    width:42px;
    height:5px;
    background:var(--yellow);
    transform:skewX(-25deg);
  }

  .partners-strip h2{
    margin:0;
    font-family:Sora,sans-serif !important;
    font-size:clamp(30px,4vw,52px);
    line-height:1.02;
    letter-spacing:-.055em;
    color:var(--black) !important;
  }

  .partners-strip__text{
    margin:0;
    max-width:430px;
    color:var(--muted) !important;
    font-size:15px;
    line-height:1.75;
  }

  .partners-logo-board{
    position:relative;
    overflow:hidden;
    border:1px solid var(--black);
    background:
      linear-gradient(90deg,transparent 0 18px,rgba(16,16,16,.12) 18px 19px,transparent 19px 38px) center top/38px 8px repeat-x,
      linear-gradient(180deg,#fff 0%,#f7f6f1 100%);
    box-shadow:10px 10px 0 rgba(16,16,16,.06);
    padding:30px 24px 36px;
  }

  .partners-logo-board::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:8px;
    background:
      linear-gradient(90deg,var(--yellow) 0 120px,transparent 120px),
      repeating-linear-gradient(90deg,rgba(16,16,16,.22) 0 1px,transparent 1px 42px);
    pointer-events:none;
  }

  .partners-logo-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(14px,2vw,22px);
    align-items:center;
  }

  .partner-logo{
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 18px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(16,16,16,.12);
    color:inherit !important;
    text-decoration:none !important;
    cursor:pointer;
    transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
  }

  .partner-logo img{
    width:auto;
    max-width:min(176px,100%);
    max-height:42px;
    object-fit:contain;
    display:block;
    filter:grayscale(100%);
    opacity:.74;
    transition:filter .24s ease, opacity .24s ease, transform .24s ease;
  }

  .partner-logo:hover,
  .partner-logo:focus-visible{
    transform:translateY(-3px);
    border-color:rgba(16,16,16,.28);
    background:#fff;
    box-shadow:6px 6px 0 rgba(16,16,16,.08);
    outline:none;
  }

  .partner-logo:hover img,
  .partner-logo:focus-visible img{
    filter:grayscale(0%);
    opacity:1;
    transform:scale(1.03);
  }

  @media(max-width:820px){
    .partners-strip__head{
      grid-template-columns:1fr;
      align-items:start;
      gap:16px;
    }

    .partners-strip__text{
      max-width:none;
    }

    .partners-logo-board{
      padding:24px 18px 32px;
    }

    .partners-logo-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
    }

    .partner-logo{
      min-height:64px;
      padding:12px 14px;
    }

    .partner-logo img{
      max-width:min(145px,100%);
      max-height:36px;
    }
  }

  @media(max-width:600px){
    .partners-strip__inner{
      padding-top:46px;
      padding-bottom:54px;
    }

    .partners-strip h2{
      font-size:31px;
    }

    .partners-logo-board{
      padding:18px 14px 28px;
    }

    .partners-logo-grid{
      grid-template-columns:1fr 1fr;
      gap:12px;
    }

    .partner-logo{
      min-height:58px;
      padding:10px 12px;
    }

    .partner-logo img{
      max-width:min(126px,100%);
      max-height:32px;
    }
  }

/* Native theme integration */
.lar-home-page{padding-top:0;}
.lar-home-page .hero{padding-top:clamp(54px,6vw,86px);}
@media(max-width:820px){.lar-home-page .hero::before{display:none;}}