*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0b0e10;color:#f5f5f2;font-family:Manrope,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.header{height:72px;background:rgba(8,10,11,.96);display:flex;align-items:center;padding:0 5%;gap:40px;position:sticky;top:0;z-index:20;border-bottom:1px solid #25282a}
.logo{font:32px Pacifico,cursive;color:#f3c34f;white-space:nowrap}
.logo span{font:24px Arial}
nav{display:flex;gap:34px;align-items:center;flex:1;justify-content:center}
nav a{font-size:14px;color:#ddd;transition:.2s;padding:27px 0}
nav a:hover,nav a.active{color:#f3c34f}
.login-btn{background:none;border:0;color:#eee;font-size:14px;cursor:pointer}
.hero{min-height:610px;position:relative;display:flex;align-items:center;padding:70px 8%;overflow:hidden;background:url("assets/senya.jpg") center 30%/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.97) 0%,rgba(5,7,8,.78) 38%,rgba(5,7,8,.12) 72%,rgba(5,7,8,.3))}
.hero-content,.quote{position:relative;z-index:1}.hero-content{max-width:520px}
.eyebrow,small{letter-spacing:3px;color:#f3c34f;font-size:12px}
h1{font:76px Pacifico,cursive;color:#f3c34f;margin:12px 0 0}
h1 span{font:44px Arial}
.hero h2{font-size:30px;font-weight:500;margin:8px 0 22px}.hero h2 b{color:#f3c34f}
.hero p{line-height:1.75;color:#ddd;font-size:16px;margin-bottom:32px}
.primary-btn{display:inline-flex;align-items:center;gap:25px;background:#f3c34f;color:#151515;padding:17px 25px;border-radius:40px;font-weight:700;border:0;cursor:pointer}.primary-btn span{font-size:24px}
.quote{margin-left:auto;align-self:center;font:28px Pacifico,cursive;line-height:1.45;text-align:center;color:#ddd}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:38px 5%;background:#0d1012}
.card{height:260px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #303437}.card img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.06)}
.card-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.9))}
.card-text{position:absolute;left:24px;right:20px;bottom:20px}.card-text span{font-size:27px}.card-text h3{margin:10px 0 5px;font-size:19px}.card-text p{margin:0;color:#bbb;font-size:13px;line-height:1.5}.card-text b{position:absolute;right:0;bottom:2px;font-size:23px;color:#f3c34f}
.section{padding:90px 7%;border-top:1px solid #202427}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-title h2,.about h2{font-size:38px;margin:8px 0}.section-title>span{color:#888;font-size:13px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo{border:0;padding:0;background:none;border-radius:12px;overflow:hidden;cursor:pointer}.photo img{width:100%;height:330px;object-fit:cover;display:block;transition:.4s}.photo:hover img{transform:scale(1.03)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#101315}.about-photo{height:450px;overflow:hidden;border-radius:14px}.about-photo img{width:100%;height:100%;object-fit:cover}.about p{color:#aaa;line-height:1.8}
.video-placeholder{min-height:300px;border:1px dashed #444;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#101315}.play{width:68px;height:68px;border:2px solid #f3c34f;border-radius:50%;display:grid;place-items:center;color:#f3c34f;font-size:22px;padding-left:4px}.video-placeholder h3{margin:20px 0 5px}.video-placeholder p{color:#888}
footer{text-align:center;padding:55px;background:#101315;border-top:1px solid #282b2d}.footer-logo{font:34px Pacifico,cursive;color:#f3c34f}.footer-logo:first-letter{font-family:Arial}.footer-logo span{margin:0 12px}.footer-logo+p{color:#ccc}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{position:relative;background:#171a1c;width:min(410px,100%);padding:38px;border-radius:16px;border:1px solid #383b3d;text-align:center}.modal-paw{font-size:38px;color:#f3c34f}.modal-box h2{margin:10px 0}.modal-box p{color:#999;font-size:14px}.modal-box input{display:block;width:100%;margin:12px 0;padding:14px;border-radius:8px;border:1px solid #3a3d3f;background:#0d0f10;color:white}.full{width:100%;justify-content:center;margin-top:8px}.modal-box small{display:block;margin-top:18px;letter-spacing:0;color:#777}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#aaa;font-size:30px;cursor:pointer}.image-box{position:relative;max-width:1100px;width:100%}.image-box img{display:block;width:100%;max-height:90vh;object-fit:contain;border-radius:10px}.image-box .close{color:white}
@media(max-width:900px){nav{display:none}.header{justify-content:space-between}.cards{grid-template-columns:1fr 1fr}.quote{display:none}.hero{min-height:600px}.about{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards,.gallery{grid-template-columns:1fr}.hero{padding:55px 7%}.hero h1{font-size:60px}.hero h2{font-size:24px}.section{padding:65px 6%}.section-title{display:block}.section-title>span{display:block;margin-top:12px}.header{padding:0 5%}}