.sec{padding:92px 0}
.sec h2{font-size:clamp(30px,3.8vw,48px);line-height:1.06}
.t-hero{position:relative;min-height:76vh;display:flex;align-items:center;padding:150px 0 84px;overflow:hidden;background:#14100b;color:#fff}
.t-hero>.bg{position:absolute;inset:0;background:url('/assets/web/turizam/ostrozac-castle.webp') center/cover no-repeat}
.t-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(16,12,9,.92) 0%,rgba(16,12,9,.66) 48%,rgba(16,12,9,.24) 100%)}
.t-hero .wrap{position:relative;z-index:2;width:100%}
.t-hero :is(h1,h2){font-size:clamp(38px,5.2vw,68px);line-height:1.02;margin-top:16px;max-width:760px}
.t-hero p:not(.eyebrow){color:rgba(255,255,255,.85);font-size:20px;line-height:1.7;margin:20px 0 0;max-width:600px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:750;padding:16px 30px;font-size:17px;transition:transform .16s cubic-bezier(.23,1,.32,1),background .18s ease}
.btn.g{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.36)}.btn.g:hover{color:#fff;transform:translateY(-2px)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px}
.step{padding-top:20px;border-top:3px solid var(--orange)}
.step .n{font-size:14px;font-weight:800;color:var(--orange)}
.step h3{font-size:20px;margin-top:8px}
.step p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.wcard{border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--soft)}
.wcard h3{font-size:21px;margin-bottom:8px}
.wcard p{margin:0;color:var(--muted);font-size:16px;line-height:1.62}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}
.split .art{border-radius:24px;min-height:460px;background:var(--soft) center/cover no-repeat;border:1px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 0}
.facts strong{display:block;font-size:34px;color:var(--orange);letter-spacing:-.03em;line-height:1}
.facts span{font-size:14.5px;color:var(--muted);line-height:1.45;display:block;margin-top:6px}
.places{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.place{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s ease}
.place .ph{aspect-ratio:16/10;background:var(--soft) center/cover no-repeat}
.place .pb{padding:20px 22px 24px}
.place h3{font-size:19px;margin-bottom:8px}
.place p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.place .dist{display:inline-block;margin-top:14px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--orange-d)}
@media(hover:hover) and (pointer:fine){.place:hover{transform:translateY(-5px);box-shadow:0 22px 50px -28px rgba(20,22,24,.4)}}
.stay{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.scard{border:1px solid var(--line);border-radius:20px;padding:28px 30px;background:#fff}
.scard h3{font-size:20px;margin-bottom:6px}
.scard p{margin:0 0 14px;color:var(--muted);font-size:15.5px;line-height:1.6}
.cta-band{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#f4933c,#e07414 55%,#c85f0d);color:#fff;border-radius:28px;padding:56px;text-align:center}
@media(max-width:1080px){.steps{grid-template-columns:repeat(2,1fr)}.why,.places{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:34px}.split .art{min-height:320px}}
@media(max-width:720px){.steps,.why,.places,.stay,.facts{grid-template-columns:1fr}.sec{padding:60px 0}.cta-band{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 22px}}