.ctb-both-sites-photo-nav{width:100%;margin:0;padding:58px 28px 64px;border-top:4px solid #f5b928;border-bottom:4px solid #f5b928;background:linear-gradient(180deg,#e9f5fb 0%,#f7fbfd 100%);color:#062b55;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.ctb-both-sites-photo-nav *{box-sizing:border-box}
.ctb-both-sites-photo-nav>header{max-width:900px;margin:0 auto 31px;text-align:center}
.ctb-both-sites-photo-nav>header>span{display:block;color:#0579b3;font-size:13px;font-weight:950;letter-spacing:.15em;line-height:1.35;text-transform:uppercase}
.ctb-both-sites-photo-nav>header h2{margin:8px 0 11px;color:#062b55;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.8vw,60px);line-height:.98}
.ctb-both-sites-photo-nav>header p{margin:0;color:#173f5d;font-size:18px;font-weight:600;line-height:1.55}
.ctb-both-sites-photo-nav>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto}
.ctb-both-sites-photo-nav a{position:relative;display:flex;min-height:190px;align-items:flex-end;overflow:hidden;border:3px solid #fff;border-bottom:7px solid #0b9bd7;border-radius:17px;background:#062b55;color:#fff!important;text-decoration:none;box-shadow:0 13px 28px rgba(4,40,70,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ctb-both-sites-photo-nav a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,47,.96) 0%,rgba(2,24,47,.68) 48%,rgba(2,24,47,.07) 100%)}
.ctb-both-sites-photo-nav a:hover,.ctb-both-sites-photo-nav a:focus-visible{transform:translateY(-5px);border-bottom-color:#f5b928;box-shadow:0 19px 36px rgba(4,40,70,.3)}
.ctb-both-sites-photo-nav a:focus-visible{outline:4px solid #f5b928;outline-offset:3px}
.ctb-both-sites-photo-nav a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ctb-both-sites-photo-nav a>span{position:relative;z-index:1;display:block;width:100%;padding:24px}
.ctb-both-sites-photo-nav a b{display:block;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:29px;line-height:1.05;text-shadow:0 2px 8px #000}
.ctb-both-sites-photo-nav a small{display:block;margin-top:8px;color:#fff;font-size:15px;font-weight:850;line-height:1.35;text-shadow:0 2px 7px #000}

@media(max-width:900px){
  .ctb-both-sites-photo-nav{padding:48px 20px 54px}
  .ctb-both-sites-photo-nav>nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:590px){
  .ctb-both-sites-photo-nav{padding:42px 14px 48px}
  .ctb-both-sites-photo-nav>header h2{font-size:39px}
  .ctb-both-sites-photo-nav>header p{font-size:16px}
  .ctb-both-sites-photo-nav>nav{grid-template-columns:1fr;gap:13px}
  .ctb-both-sites-photo-nav a{min-height:180px}
  .ctb-both-sites-photo-nav a b{font-size:27px}
}