
:root{--navy:#102d3e;--blue:#176889;--pale:#edf5f7;--ink:#172b35;--muted:#61737b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}
a{color:inherit}header{background:#fff;border-bottom:1px solid #e4ecef}nav{max-width:1050px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.brand{text-decoration:none;font-weight:850;letter-spacing:.04em;color:var(--navy);line-height:1.15}.brand small{display:block;font-size:.68rem;letter-spacing:.16em;color:var(--blue);margin-top:5px}
.links{display:flex;gap:22px;align-items:center}.links a{text-decoration:none;font-weight:650}.links a:hover{color:var(--blue)}
.hero{background:var(--navy);color:#fff}.hero-inner{max-width:1050px;margin:auto;padding:72px 24px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}
.eyebrow{color:#a6d8e9;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:750}h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.1;letter-spacing:-.04em;margin:16px 0 22px}
.hero p{color:#d7e7ed;font-size:1.09rem;max-width:550px}.hero img{width:100%;height:430px;object-fit:cover;object-position:center 36%;border-radius:16px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;text-decoration:none;border-radius:9px;padding:13px 22px;font-weight:750;background:#fff;color:var(--navy);text-align:center}.btn.alt{background:#20a779;color:#fff}.btn.dark{background:var(--navy);color:#fff}
section{max-width:1050px;margin:auto;padding:65px 24px}h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin:0 0 12px}.intro{color:var(--muted);max-width:690px;margin-bottom:28px}
.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.gallery img{width:100%;height:410px;object-fit:cover;border-radius:13px;background:#e9eff1}.gallery img:nth-child(2){object-fit:contain;background:#e8f0f3}
.band{background:var(--pale)}.band section{padding-top:45px;padding-bottom:45px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature strong{display:block;font-size:1.05rem}
.contact{max-width:700px;text-align:center}.contact p{color:var(--muted)}.contact .actions{justify-content:center}
footer{background:#0b2431;color:#d4e3e8;text-align:center;padding:24px;font-size:.9rem}
.page-head{background:var(--navy);color:white;text-align:center;padding:70px 20px}.page-head h1{margin:0 0 15px}.page-head p{color:#d8e9ef;margin:0}
@media(max-width:700px){nav{padding:17px}.links{gap:14px;font-size:.92rem}.hero-inner{grid-template-columns:1fr;gap:30px;padding:50px 20px}.hero img{height:340px}section{padding:45px 20px}.gallery{grid-template-columns:1fr}.gallery img{height:350px}.features{grid-template-columns:1fr}.btn{width:100%}}

.brand{display:flex;align-items:center;gap:12px}.brand img{height:52px;width:52px;object-fit:contain;border-radius:50%}.brand-name{display:block}.hero img{object-position:center 60%}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:330px;object-fit:cover}.gallery figure{margin:0}.gallery figcaption{font-size:.9rem;color:var(--muted);padding:8px 3px}.gallery .wide{grid-column:span 2}.gallery .wide img{height:auto;max-height:570px;object-fit:contain;background:var(--pale)}@media(max-width:700px){.brand img{height:42px;width:42px}.brand{gap:7px}.brand-name{font-size:.78rem}.brand small{font-size:.55rem}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery img{height:auto;max-height:480px;object-fit:contain}.hero img{height:420px}}
