:root{--navy:#06111e;--navy2:#0a1725;--gold:#c99b48;--text:#f6f3ed;--muted:#aeb8c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.top{height:82px;padding:0 5vw;display:flex;align-items:center;gap:30px;background:#06111ef2;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:50}
.logo{width:190px;max-height:68px;object-fit:contain}.nav{margin-left:auto;display:flex;gap:25px;font-size:12px;letter-spacing:1.2px}.nav a:hover,.gold{color:var(--gold)}
.master{position:relative;max-width:1920px;margin:auto}.master img{display:block;width:100%;height:auto}
.hot{position:absolute;z-index:10;cursor:pointer}
.hot:hover{outline:1px solid #c99b4866;background:#c99b4808}
.h-home{left:29.2%;top:1%;width:5.3%;height:4%}.h-docs{left:34.7%;top:1%;width:10%;height:4%}.h-gallery{left:44.8%;top:1%;width:7%;height:4%}.h-services{left:51.8%;top:1%;width:10.5%;height:4%}.h-about{left:62.2%;top:1%;width:5.7%;height:4%}.h-contact{left:68%;top:1%;width:7%;height:4%}
.h-watch{left:3%;top:46%;width:17.7%;height:5.5%}.h-learn{left:21%;top:46%;width:12%;height:5.5%}
.h-youtube{left:5%;top:94%;width:19%;height:5%}.h-gallery2{left:27%;top:94%;width:20%;height:5%}.h-services2{left:52%;top:94%;width:20%;height:5%}.h-contact2{left:77%;top:94%;width:20%;height:5%}
.wrap{width:min(1180px,90vw);margin:60px auto 100px}.title{font:400 54px Georgia,serif;margin:0 0 16px}.lead{color:var(--muted);line-height:1.7;max-width:780px}
.cards,.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:var(--navy2);border:1px solid #ffffff18;padding:24px;min-height:180px}.card h2{font:400 28px Georgia,serif;margin:0 0 12px}.card p{color:var(--muted);line-height:1.6}
.gallery .photo{position:relative;background:#0a1725;border:1px solid #ffffff18;min-height:240px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.caption{position:absolute;left:0;right:0;bottom:0;padding:12px;background:#06111ecc}
.btn{display:inline-block;background:var(--gold);color:#07111e;border:0;padding:13px 18px;font-weight:700;letter-spacing:.8px;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border:1px solid #ffffff44}
.input{display:block;width:100%;max-width:620px;margin:10px 0 16px;padding:13px;background:#0b1a2a;color:white;border:1px solid #ffffff2a}.status{margin-top:12px;color:var(--gold)}.row{display:flex;gap:12px;flex-wrap:wrap}.hidden{display:none}
.admin-item button{position:absolute;right:8px;top:8px;background:#07111edb;color:white;border:1px solid #ffffff55;padding:7px 10px;cursor:pointer}
footer{padding:30px;text-align:center;color:#8793a0;border-top:1px solid #ffffff14}
@media(max-width:850px){.nav{display:none}.top{height:72px}.logo{width:155px}.cards,.gallery{grid-template-columns:1fr 1fr}.master{overflow-x:auto}.master img{min-width:1000px}.hot{display:none}}
@media(max-width:560px){.cards,.gallery{grid-template-columns:1fr}.title{font-size:42px}}

.about-copy{max-width:900px}.about-copy p{font-size:17px;line-height:1.8;color:#c7d0da}.about-copy strong{color:#f6f3ed}

.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media(max-width:700px){.formgrid{grid-template-columns:1fr}}

/* Responsive device support */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video{max-width:100%;height:auto}
body{overflow-x:hidden}
.wrap{width:min(1120px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.top{flex-wrap:wrap}
.nav{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,28px)}
.input,button,.btn,select,textarea{font-size:16px;max-width:100%}
@media(max-width:820px){
 .top{padding:14px 18px}
 .logo{max-width:220px;height:auto}
 .nav{width:100%;justify-content:center;margin-top:12px}
 .nav a{padding:8px 5px}
 .wrap{width:min(100% - 24px,1120px);padding-top:24px}
 .title{font-size:clamp(34px,9vw,58px)}
 .lead{font-size:16px}
 .card{padding:20px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .top{justify-content:center}
 .logo{max-width:190px}
 .nav{gap:5px 12px}
 .nav a{font-size:12px}
 .gallery{grid-template-columns:1fr}
 .btn{width:100%;text-align:center;margin:5px 0}
}
@media(min-width:1600px){
 body{font-size:18px}
 .wrap{max-width:1320px}
}

/* Live Cloudflare gallery */
.gallery .photo{aspect-ratio:4/3;min-height:0}
.gallery .photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:520px){.gallery .photo{aspect-ratio:auto}.gallery .photo img{height:auto;max-height:70vh}}

/* Private admin shortcut */
.admin-shortcut{position:fixed;right:18px;bottom:18px;z-index:9999;background:#081727;color:#d9ad4a;border:1px solid #d9ad4a;border-radius:999px;padding:10px 16px;font:600 12px/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.35);opacity:.88}
.admin-shortcut:hover,.admin-shortcut:focus{opacity:1;background:#10243a;outline:none}
@media(max-width:600px){.admin-shortcut{right:10px;bottom:10px;padding:9px 12px;font-size:11px}}

/* Final mobile layout for all interior pages */
@media (max-width: 820px){
  .top{position:relative;height:auto;min-height:0;padding:22px 16px 14px;display:flex;flex-direction:column;gap:16px;align-items:center;overflow:visible}
  .top>a{display:block;width:100%;text-align:center}
  .top .logo{width:min(300px,72vw);max-width:none;max-height:none;height:auto}
  .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;gap:6px 8px;align-items:center}
  .nav a{font-size:11px;line-height:1.2;letter-spacing:.8px;text-align:center;padding:8px 3px;white-space:normal}
  .wrap{width:calc(100% - 32px);margin:28px auto 64px;padding:0}
  .title{font-size:clamp(36px,10vw,48px);line-height:1.04;margin:0 0 18px;overflow-wrap:anywhere}
  .lead{font-size:17px;line-height:1.65;max-width:100%}
  .card{width:100%;max-width:100%!important;margin-top:24px!important;padding:20px 16px}
  .formgrid{grid-template-columns:1fr;gap:0}
  label{display:block;font-size:16px;line-height:1.45}
  .input{width:100%;max-width:none;margin:8px 0 18px;padding:14px 12px;min-height:48px}
  textarea.input{min-height:150px}
  .admin-shortcut{position:static;display:block;width:max-content;margin:28px auto 18px;padding:12px 22px;font-size:12px}
  footer{padding:24px 16px}
}
@media (max-width: 430px){
  .top{padding-top:18px}
  .top .logo{width:min(280px,76vw)}
  .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
  .nav a{font-size:12px;padding:8px 4px}
  .wrap{width:calc(100% - 28px);margin-top:24px}
  .title{font-size:38px}
  .lead{font-size:16px}
  .card{padding:18px 14px}
}