*{margin:0;padding:0;box-sizing:border-box}
:root{--pap:#f3efe9;--ink:#141210;--cih:#e2502a;--sed:#777064}
::selection{background:var(--cih);color:#fff}
body{font-family:'Space Grotesk',system-ui,sans-serif;background:var(--pap);color:var(--ink)}
a{text-decoration:none;color:inherit}
.liste{position:sticky;top:0;z-index:80;background:var(--pap);border-bottom:2px solid var(--ink)}
.liste-in{max-width:1240px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-weight:700;font-size:20px;letter-spacing:.02em;text-transform:uppercase}
.logo i{font-style:normal;color:var(--cih)}
.liste nav{display:flex;gap:22px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.liste nav a{border-bottom:2px solid transparent;padding-bottom:2px}
.liste nav a.akt,.liste nav a:hover{border-color:var(--cih);color:var(--cih)}
@media(max-width:800px){.liste nav{display:none}}
.mega{max-width:1240px;margin:0 auto;padding:64px 22px 30px}
.mega h1{font-size:clamp(44px,8.5vw,124px);font-weight:700;line-height:.95;letter-spacing:-.04em;text-transform:uppercase}
.mega h1 .r2{display:block;color:transparent;-webkit-text-stroke:2px var(--ink)}
.mega h1 .r3{display:block;color:var(--cih)}
.mega .pod{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-top:26px;flex-wrap:wrap}
.mega .pod p{max-width:440px;font-size:16.5px;line-height:1.65;color:var(--sed)}
.sip{width:64px;height:64px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;animation:tocse 9s linear infinite}
@keyframes tocse{to{transform:rotate(360deg)}}
.bezpas{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;background:var(--ink);color:var(--pap);white-space:nowrap;padding:10px 0;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px}
.bezpas .vnitrek{display:inline-block;animation:jed 22s linear infinite}
@keyframes jed{to{transform:translateX(-50%)}}
.sekce{max-width:1240px;margin:0 auto;padding:64px 22px 20px}
.znadsek{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--cih);margin-bottom:10px}
h2.tit{font-size:clamp(28px,4vw,52px);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:28px}
.prace{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.pr{border:2px solid var(--ink);border-radius:4px;overflow:hidden;background:#fff;transition:.18s;position:relative}
.pr:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--cih)}
.pr img{width:100%;height:100%;object-fit:cover;display:block}
.pr .pop{position:absolute;left:0;right:0;bottom:0;background:var(--pap);border-top:2px solid var(--ink);padding:10px 14px;display:flex;justify-content:space-between;font-size:13px;font-weight:700;text-transform:uppercase}
.pr--a{grid-column:span 7;height:420px}
.pr--b{grid-column:span 5;height:420px}
.pr--c{grid-column:span 4;height:300px}
.pr--d{grid-column:span 8;height:300px}
@media(max-width:800px){.pr{grid-column:span 12 !important;height:260px !important}}
.srovnani{position:relative;border:2px solid var(--ink);border-radius:4px;overflow:hidden;height:440px;user-select:none}
.srovnani img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.srovnani .po{clip-path:inset(0 0 0 50%)}
.srovnani .delic{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--cih);cursor:ew-resize}
.srovnani .delic::after{content:'◂ ▸';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cih);color:#fff;font-size:13px;padding:9px 11px;border-radius:99px;white-space:nowrap}
.srovnani .stitek{position:absolute;top:14px;font-size:12px;font-weight:700;text-transform:uppercase;background:var(--ink);color:var(--pap);padding:5px 11px;letter-spacing:.08em}
.srovnani .stitek--pred{left:14px}
.srovnani .stitek--po{right:14px}
.sluz{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border:2px solid var(--ink);border-radius:4px;overflow:hidden}
.sl{padding:28px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;margin:-1px 0 0 -1px}
.sl h3{font-size:19px;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:10px}
.sl h3 span{color:var(--cih)}
.sl p{font-size:14px;color:var(--sed);line-height:1.65}
.sl .od{margin-top:14px;font-weight:700;font-size:14px}
.pata{background:var(--ink);color:#b5aca0;margin-top:70px;padding:44px 22px;font-size:14px}
.pata-in{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pata b{color:var(--pap)}
.kbtn{display:inline-block;background:var(--cih);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:14px 28px;border-radius:4px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:.15s}
.kbtn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
input,textarea{font:inherit}