*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#f3f3ed;color:#1c211d}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 7%;color:#fff}.logo{font-size:22px;font-weight:800;letter-spacing:2px;color:#fff;text-decoration:none}.site-header nav{display:flex;gap:28px}.site-header nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700}.site-header nav a:hover{opacity:.7}.hero{min-height:680px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(rgba(10,20,12,.22),rgba(10,20,12,.68)),url('images/dolny-harmanec.jpg');background-size:cover;background-position:center}.hero-content{padding:30px}.hero h1{font-family:Georgia,serif;font-size:clamp(62px,11vw,135px);font-weight:400;line-height:.9;letter-spacing:-3px}.hero p{margin-top:28px;font-size:16px;letter-spacing:2px;text-transform:uppercase}.intro{max-width:820px;margin:auto;padding:100px 25px;text-align:center}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:3px;color:#667267!important;margin-bottom:20px}.intro h2{font-family:Georgia,serif;font-size:48px;font-weight:400;margin-bottom:24px}.intro p{font-size:18px;line-height:1.8;color:#60645f}.cards{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9dbd4;margin-bottom:100px}.card{background:#fff;padding:36px 28px;min-height:270px;display:flex;flex-direction:column;text-decoration:none;color:#1c211d;transition:.2s}.card:hover{background:#e8ece5;transform:translateY(-4px)}.card span{font-size:11px;letter-spacing:2px;color:#858c85;margin-bottom:auto}.card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin-bottom:12px}.card p{font-size:14px;line-height:1.6;color:#696d68}footer{background:#172019;color:#d5dbd4;text-align:center;padding:65px 25px}footer strong{font-family:Georgia,serif;font-size:30px;font-weight:400}footer p{margin:12px 0 32px;color:#9da69e;font-size:13px}footer small{color:#737d74}@media(max-width:850px){.site-header{flex-direction:column;gap:18px}.site-header nav{gap:14px;flex-wrap:wrap;justify-content:center}.cards{grid-template-columns:1fr 1fr;margin-left:20px;margin-right:20px}.hero{min-height:600px}.hero p{font-size:12px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.site-header nav a{font-size:12px}.hero h1{letter-spacing:-1px}.intro h2{font-size:38px}}