:root{
  --bg:#06151a; --panel:#0b242b; --panel2:#0f3038; --text:#eaf8f7;
  --muted:#a7c8c9; --accent:#59d6c6; --accent2:#8ce9df; --line:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#041116,#071d23 45%,#051319);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(4,17,22,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-weight:900;letter-spacing:.04em;font-size:1.15rem}
.logo span{color:var(--accent)}
.navlinks{display:flex;gap:18px;flex-wrap:wrap}
.navlinks a{color:#c6dddd;font-size:.94rem;padding:8px 10px;border-radius:10px}
.navlinks a:hover,.navlinks a.active{background:rgba(89,214,198,.12);color:var(--accent2)}
.hero{position:relative;min-height:620px;overflow:hidden;display:grid;align-items:end}
.hero-bg{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(3,14,19,.15),rgba(3,14,19,.78)),
url('https://static.wixstatic.com/media/2bfb89_f7963abd05ff4cbd872dd7435e0eccaa~mv2.jpg/v1/fill/w_1600,h_1000,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/quality_auto.jpg') center/cover}
.hero-content{position:relative;z-index:2;padding:110px 0 130px}
.eyebrow{display:inline-flex;padding:7px 11px;border:1px solid rgba(140,233,223,.35);background:rgba(4,17,22,.55);border-radius:999px;color:var(--accent2);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.95;margin:20px 0;max-width:900px}
h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 16px}
h3{margin:0 0 10px}
.lead{font-size:1.15rem;line-height:1.7;color:#d1e5e5;max-width:720px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:12px;background:var(--accent);color:#05201f;font-weight:800;margin:10px 8px 0 0}
.btn.alt{background:transparent;color:var(--text);border:1px solid var(--line)}
section{padding:86px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.section-head p{max-width:600px;color:var(--muted);line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(145deg,rgba(15,48,56,.92),rgba(7,27,33,.95));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.card-body{padding:22px}
.card p{color:var(--muted);line-height:1.65}
.card img{height:250px;width:100%;object-fit:cover}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.stat b{font-size:2rem;display:block;color:var(--accent)}
.page-hero{padding:110px 0 80px;background:radial-gradient(circle at 20% 10%,rgba(89,214,198,.16),transparent 35%)}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.photo{border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.photo img{width:100%;height:100%;object-fit:cover}
.list{display:grid;gap:12px;padding:0;list-style:none}
.list li{padding:14px 16px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;color:#cde0e0}
.water{height:330px;position:relative;overflow:hidden;background:linear-gradient(#0a3a47,#06232c)}
.water:before,.water:after{content:"";position:absolute;inset:-40px -10%;background:repeating-radial-gradient(ellipse at 20% 50%,rgba(140,233,223,.18) 0 2px,transparent 3px 30px);opacity:.55;animation:water 9s linear infinite}
.water:after{transform:translateX(-20%);opacity:.28;animation-duration:13s}
@keyframes water{from{transform:translateX(0)}to{transform:translateX(22%)}}
.fish{position:absolute;width:90px;height:34px;fill:#b8e8e1;opacity:.75;animation:swim 13s linear infinite}
.fish:nth-child(2){top:30%;animation-duration:17s;animation-delay:-5s;transform:scale(.7)}
.fish:nth-child(3){top:55%;animation-duration:11s;animation-delay:-8s;transform:scale(1.1)}
.fish:nth-child(4){top:72%;animation-duration:20s;animation-delay:-12s;transform:scale(.55)}
.fish:nth-child(5){top:18%;animation-duration:15s;animation-delay:-3s;transform:scale(.8)}
@keyframes swim{
  0%{left:-120px;transform:translateY(0) scaleX(1)}
  45%{transform:translateY(-14px) scaleX(1)}
  50%{transform:translateY(-14px) scaleX(-1)}
  95%{transform:translateY(8px) scaleX(-1)}
  100%{left:110%;transform:translateY(0) scaleX(-1)}
}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.gallery img{height:260px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.gallery img:first-child{height:534px;grid-row:span 2}
.footer{padding:40px 0;border-top:1px solid var(--line);color:#91b0b1}
.footer small{display:block;margin-top:10px;line-height:1.6}
@media(max-width:850px){
 .nav-in{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}
 .navlinks{gap:4px}
 .grid,.statrow,.two,.gallery{grid-template-columns:1fr}
 .gallery img:first-child{height:300px;grid-row:auto}
 .hero{min-height:570px}
 .hero-content{padding-bottom:80px}
}

/* Реалистичная вода */
.real-water{height:390px;position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.1);
background:
radial-gradient(ellipse at 50% -20%,rgba(120,220,220,.25),transparent 42%),
linear-gradient(180deg,#0d5361 0%,#083a47 42%,#041f29 100%);
box-shadow:inset 0 18px 70px rgba(100,220,220,.12),inset 0 -45px 90px rgba(0,0,0,.38)}
.real-water:before,.real-water:after{content:"";position:absolute;inset:-30% -20%;
background:
repeating-radial-gradient(ellipse at 20% 45%,transparent 0 18px,rgba(170,239,235,.14) 19px 21px,transparent 22px 48px);
transform:scale(1.15);animation:ripples 12s linear infinite;opacity:.55}
.real-water:after{background:
repeating-radial-gradient(ellipse at 72% 65%,transparent 0 13px,rgba(120,225,225,.12) 14px 16px,transparent 17px 42px);
animation:ripples2 17s linear infinite;opacity:.42}
.water-light{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 35%,rgba(180,250,245,.12) 45%,transparent 56%);
animation:glint 8s ease-in-out infinite;filter:blur(4px)}
.bubble{position:absolute;border:1px solid rgba(210,255,250,.35);border-radius:50%;width:6px;height:6px;bottom:-20px;animation:bubble 7s linear infinite}
.bubble:nth-of-type(2){left:22%;animation-delay:-2s;width:4px;height:4px}.bubble:nth-of-type(3){left:47%;animation-delay:-4s}.bubble:nth-of-type(4){left:73%;animation-delay:-1s;width:5px;height:5px}.bubble:nth-of-type(5){left:88%;animation-delay:-5s}
@keyframes ripples{from{transform:translate3d(-4%,0,0) scale(1.15)}to{transform:translate3d(12%,4%,0) scale(1.15)}}
@keyframes ripples2{from{transform:translate3d(10%,3%,0) scale(1.2) rotate(2deg)}to{transform:translate3d(-12%,-2%,0) scale(1.2) rotate(-2deg)}}
@keyframes glint{0%,100%{transform:translateX(-35%);opacity:.2}50%{transform:translateX(35%);opacity:.55}}
@keyframes bubble{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.55}100%{transform:translateY(-430px) scale(1.2);opacity:0}}
.real-fish{position:absolute;width:105px;height:45px;fill:#b8e9e3;opacity:.62;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25));animation:fishreal 16s linear infinite}
.real-fish.f2{top:28%;animation-duration:21s;animation-delay:-7s;transform:scale(.65)}
.real-fish.f3{top:55%;animation-duration:14s;animation-delay:-11s;transform:scale(1.15)}
.real-fish.f4{top:70%;animation-duration:25s;animation-delay:-16s;transform:scale(.48)}
@keyframes fishreal{0%{left:-130px;transform:translateY(0) scaleX(1)}20%{transform:translateY(-12px) scaleX(1)}48%{transform:translateY(10px) scaleX(1)}50%{transform:translateY(10px) scaleX(-1)}78%{transform:translateY(-8px) scaleX(-1)}100%{left:110%;transform:translateY(0) scaleX(-1)}}

.species-grid .card img{height:245px}
.species-latin{margin:-4px 0 10px!important;color:var(--accent)!important;font-style:italic;font-size:.9rem}

.fishing-hero{min-height:520px;background:
linear-gradient(180deg,rgba(3,14,19,.18),rgba(3,14,19,.8)),
url('https://images.unsplash.com/photo-1544550285-f813152fb2fd?auto=format&fit=crop&w=1800&q=85') center/cover}
.fishing-tip{border-left:3px solid var(--accent);padding:18px 20px;background:rgba(89,214,198,.06);border-radius:0 16px 16px 0;color:#d7e9e8;line-height:1.7}
.steps{counter-reset:step;display:grid;gap:14px}
.step{position:relative;padding:22px 22px 22px 68px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06201f;font-weight:900}
.spec-table{width:100%;border-collapse:collapse;margin-top:18px}
.spec-table th,.spec-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}
.spec-table th{color:var(--accent2)}

/* Главная: рыбы целиком в кадре */
.homepage-gallery{
  align-items:center;
}
.homepage-gallery img{
  width:100%;
  height:320px;
  object-fit:contain;
  object-position:center;
  background:linear-gradient(180deg,rgba(7,32,40,.92),rgba(4,21,27,.98));
  border-radius:20px;
  padding:18px;
  box-sizing:border-box;
}
@media (max-width:760px){
  }

/* Все фотографии рыб: изображение целиком, без crop */
.gallery img,
.species-grid .card > img,
.card img[src*="Salmo"],
.card img[src*="Oncorhynchus"],
.card img[src*="Salvelinus"]{
  object-fit:contain !important;
  object-position:center !important;
  background:linear-gradient(180deg,rgba(7,32,40,.92),rgba(4,21,27,.98));
  padding:14px;
  box-sizing:border-box;
}

@media(max-width:900px){}
@media(max-width:560px){}

.sturgeon-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:34px;align-items:center;
background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(89,214,198,.035));border:1px solid var(--line);border-radius:26px;padding:22px;overflow:hidden}
.sturgeon-photo{min-height:520px;border-radius:20px;overflow:hidden;background:#06151a;display:flex;align-items:center;justify-content:center}
.sturgeon-photo img{width:100%;height:520px;object-fit:contain;object-position:center;display:block}
.sturgeon-copy{padding:20px 24px}.sturgeon-copy h3{font-size:clamp(30px,4vw,48px);margin:10px 0 16px}.sturgeon-copy p{color:var(--muted);line-height:1.75}
@media(max-width:850px){.sturgeon-feature{grid-template-columns:1fr}.sturgeon-photo,.sturgeon-photo img{height:360px;min-height:360px}}

.salmon-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.salmon-gallery article{background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(89,214,198,.025));border:1px solid var(--line);border-radius:20px;overflow:hidden;padding-bottom:18px}
.salmon-gallery img{display:block;width:100%;height:260px;object-fit:contain;object-position:center;background:linear-gradient(180deg,rgba(7,32,40,.92),rgba(4,21,27,.98));padding:14px;box-sizing:border-box}
.salmon-gallery h3,.salmon-gallery p{margin-left:18px;margin-right:18px}
.salmon-gallery h3{margin-top:16px;margin-bottom:5px}
.salmon-gallery p{color:var(--muted);margin-top:0}
@media(max-width:900px){.salmon-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.salmon-gallery{grid-template-columns:1fr}.salmon-gallery img{height:240px}}