:root{
  --paper:#f3eee4;--paper2:#e7dfd1;--ink:#1f2924;--green:#24372f;--green2:#334b40;
  --rust:#994833;--muted:#6b6a62;--line:#cfc5b6;--white:#fffdf8;
  --shadow:0 14px 40px rgba(24,31,27,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#594f41 .45px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;z-index:99}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:rgba(243,238,228,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}
.nav{min-height:82px;display:flex;align-items:center;gap:30px}.brand{font-weight:800;letter-spacing:.02em;line-height:1.05;font-size:25px}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:6px;font-weight:500}
.menu{margin-left:auto;display:flex;align-items:center;gap:26px;font-family:Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.menu a{padding:30px 0 25px;border-bottom:2px solid transparent}.menu a:hover,.menu a.active{color:var(--rust);border-color:var(--rust)}
.nav-phone{display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-weight:700;font-size:19px}.nav-phone small{font-weight:400;font-size:11px;display:block;color:var(--muted)}.burger{display:none;margin-left:auto;background:none;border:0;font-size:28px;color:var(--ink)}
.hero{min-height:560px;display:grid;grid-template-columns:.92fr 1.4fr;background:var(--green);color:var(--white);overflow:hidden}.hero-copy{padding:76px max(36px,calc((100vw - 1180px)/2)) 65px max(36px,calc((100vw - 1180px)/2));padding-right:45px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;opacity:.14;background:linear-gradient(135deg,transparent 0 20%,#d8d1c2 21% 22%,transparent 23% 30%,#d8d1c2 31% 32%,transparent 33%)}
.kicker{font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--rust);margin-bottom:15px}.hero .kicker{color:#e0b29e}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,78px);line-height:.94;margin:0 0 24px;letter-spacing:-.025em}.hero p{font-size:23px;margin:0 0 28px}.hero-meta{border-top:1px solid rgba(255,255,255,.45);padding-top:20px;text-transform:uppercase;letter-spacing:.16em;font-size:14px}.hero-photo{min-height:560px;background:url('../img/hero.jpg') center/cover no-repeat;filter:sepia(.14) saturate(.88) contrast(1.05);position:relative}.hero-photo:after,.page-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,38,31,.42),transparent 40%)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--rust);background:var(--rust);color:#fff;font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;border-radius:2px;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.outline{background:transparent;border-color:currentColor}
.hero .btn{align-self:flex-start;position:relative;z-index:2}
.services{padding:24px 0 70px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:rgba(255,253,248,.55);border:1px solid var(--line);box-shadow:0 5px 20px rgba(30,35,30,.05);transition:.2s;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{width:100%;height:180px;object-fit:cover;filter:sepia(.12) saturate(.85)}.card-body{padding:17px 18px 20px}.card h3{font-size:24px;margin:0 0 5px;text-transform:uppercase}.card p{margin:0;color:#4f514b;font-size:14px}.arrow{float:right;font:24px Arial,sans-serif}
.experience{padding:70px 0;background:#ebe4d8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center}.split h2,.section-title{font-size:clamp(34px,4vw,54px);line-height:1.02;margin:0 0 20px;text-transform:uppercase}.split p{font-size:18px}.experience img{height:390px;width:100%;object-fit:cover;filter:sepia(.14) saturate(.82)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.badge{border-top:1px solid #8d887f;padding-top:12px;font-weight:700}.badge small{display:block;font-weight:400;color:var(--muted)}
.info-strip{background:var(--green);color:#fff;padding:14px 0;font:14px Arial,sans-serif}.info-strip .wrap{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.info-strip strong{margin-right:6px}
.page-hero{display:grid;grid-template-columns:.9fr 1.35fr;min-height:430px;background:#e7dfd1}.page-copy{padding:70px max(35px,calc((100vw - 1180px)/2));padding-right:50px;display:flex;justify-content:center;flex-direction:column}.page-copy h1{color:var(--green);font-size:clamp(42px,5vw,68px)}.page-copy p{font-size:19px;max-width:560px}.page-photo{position:relative;background-position:center;background-size:cover;min-height:430px}.photo-ski{background-image:url('../img/ski.jpg')}.photo-cyklo{background-image:url('../img/cyklo.jpg')}.photo-pujcovna{background-image:url('../img/pujcovna.jpg')}.photo-prodej{background-image:url('../img/prodej.jpg')}
.content{padding:70px 0}.content-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:60px}.content h2{font-size:34px;margin-top:0}.content h3{font-size:23px}.simple-list{padding:0;margin:24px 0;list-style:none}.simple-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}.simple-list li:before{content:'—';color:var(--rust);margin-right:10px}.note{background:var(--green);color:#fff;padding:28px;box-shadow:var(--shadow)}.note h3{margin-top:0}.note a{text-decoration:underline;text-underline-offset:4px}
.contact{background:var(--green);color:white;padding:75px 0}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.contact h2{font-size:52px;margin:0 0 15px}.contact-details{font-size:18px}.contact-details div{margin:22px 0}.contact-details span{display:block;color:#c9d4ce;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.formbox{background:var(--paper);color:var(--ink);padding:30px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}label{display:block;font:700 13px Arial,sans-serif;margin-bottom:7px}input,textarea{width:100%;border:1px solid #c8c0b4;background:#fffdf9;padding:13px 14px;font:15px Arial,sans-serif;color:#222;border-radius:2px}textarea{min-height:150px;resize:vertical}.hp{position:absolute!important;left:-9999px!important}.form-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.status{padding:12px 15px;margin-bottom:18px;border:1px solid #b9c6bd;background:#e8f0ea}.status.error{border-color:#d4b0a7;background:#f5e6e1}
footer{padding:32px 0;border-top:1px solid var(--line);background:#e9e2d7}.footer-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.footer-links{font:12px Arial,sans-serif;display:flex;gap:18px;flex-wrap:wrap}.credits{font:11px Arial,sans-serif;color:var(--muted);margin-top:14px}.credits a{text-decoration:underline}
@media(max-width:900px){.menu{display:none;position:absolute;left:0;right:0;top:82px;background:var(--paper);padding:12px 24px 22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{padding:12px 0}.burger{display:block}.nav-phone{display:none}.hero,.page-hero{grid-template-columns:1fr}.hero-photo{min-height:360px}.hero-copy{padding:58px 28px}.service-grid{grid-template-columns:1fr 1fr}.split,.content-grid,.contact-grid{grid-template-columns:1fr}.experience img{height:320px}.page-copy{padding:55px 28px}.page-photo{min-height:330px}.contact-grid{gap:30px}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1180px)}.brand{font-size:20px}.service-grid{grid-template-columns:1fr}.card img{height:220px}.hero h1{font-size:50px}.hero p{font-size:19px}.badges{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact{padding:55px 0}.contact h2{font-size:42px}.formbox{padding:20px}.footer-row{display:block}.footer-links{margin-top:20px}.info-strip .wrap{justify-content:flex-start;gap:10px 24px}.page-photo{min-height:260px}}