.hero{min-height:92vh;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#fffaf5,#f3e6dc 80%)}
.hero .logo{width:min(860px,92%);margin:0 auto 34px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(90,40,25,.25)}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);margin-bottom:18px}
.hero h1 em{color:var(--ocean);font-style:italic}
.hero p{max-width:560px;margin:0 auto 38px;font-size:1.15rem;color:var(--text)}
.hero .btn{margin:6px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-top:44px}
.tile{border:1px solid var(--border);padding:34px 28px;background:var(--bg-mid);transition:.25s}
.tile:hover{border-color:var(--ocean);transform:translateY(-4px)}
.tile .ic{font-size:1.8rem;color:var(--ocean);margin-bottom:14px}
.tile h3{font-size:1.6rem;margin-bottom:10px}
.tile p{color:var(--muted);font-size:.95rem}
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about .photo{aspect-ratio:4/5;background:url(/assets/img/kosta.jpg) center/cover,linear-gradient(160deg,#f3e6dc,#e8d3c5);border:1px solid var(--border)}
.about h2,.sec-title{font-size:clamp(2rem,4.4vw,3rem);margin-bottom:20px}
.about p{margin-bottom:16px}
.alt{background:var(--bg-mid);border-block:1px solid var(--border)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:40px}
.gallery .g{aspect-ratio:1;background:linear-gradient(160deg,#f3e6dc,#e8d3c5) center/cover;border:1px solid var(--border)}
.g1{background-image:url(/assets/img/galerie-1.jpg)}.g2{background-image:url(/assets/img/galerie-2.jpg)}
.g3{background-image:url(/assets/img/galerie-3.jpg)}.g4{background-image:url(/assets/img/galerie-4.jpg)}
.g5{background-image:url(/assets/img/galerie-5.jpg)}.g6{background-image:url(/assets/img/galerie-6.jpg)}
.audio-box{margin-top:30px}
.audio-box audio{width:100%;margin-top:10px}
.quote{font-family:var(--font-head);font-size:1.5rem;font-style:italic;color:var(--ink);border-left:2px solid var(--ocean);padding-left:22px;margin-bottom:26px}
.quote small{display:block;font-family:var(--font-body);font-style:normal;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.cta{text-align:center}
.cta p{max-width:520px;margin:0 auto 30px;color:var(--muted)}
.cta .big{display:block;font-family:var(--font-head);font-size:1.5rem;margin-top:22px}
@media(max-width:800px){.about{grid-template-columns:1fr}}