@import "home.css";
.nav nav a.active{color:var(--blue)}
.nav nav a[href="contact.html"]::after{content:"Contact";position:fixed;right:0;top:58%;z-index:40;padding:15px 12px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;transform:translateY(-50%);border-radius:8px 0 0 8px;box-shadow:0 10px 28px rgba(7,30,53,.25);transition:padding .2s,background .2s}.nav nav a[href="contact.html"]:hover::after{padding-right:17px;background:var(--navy)}
.page-hero{padding:92px 0 84px;background:linear-gradient(112deg,#f8fcfd,#e9f7fb);border-bottom:1px solid var(--line)}.page-hero h1{max-width:820px;font-size:64px;line-height:1.02;letter-spacing:-.05em;color:var(--navy);margin:20px 0}.page-hero p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}
.gallery-grid{columns:3 290px;column-gap:22px}.gallery-item{break-inside:avoid;margin:0 0 22px;border:1px solid var(--line);overflow:hidden}.gallery-item img{display:block;width:100%;height:auto;transition:transform .4s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item figcaption{padding:12px 14px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.simple-card{padding:32px;border:1px solid var(--line)}.simple-card h3{color:var(--navy)}.simple-card p,.section-head>div>p{color:var(--muted);line-height:1.7}.section-head .text-link{display:inline-block;margin-top:20px}
@media(max-width:620px){.page-hero{padding:60px 0}.page-hero h1{font-size:43px}.gallery-grid{columns:2 140px;column-gap:12px}.gallery-item{margin-bottom:12px}.simple-grid{grid-template-columns:1fr}.nav nav a[href="contact.html"]::after{top:auto;right:14px;bottom:76px;writing-mode:horizontal-tb;transform:none;border-radius:30px;padding:13px 18px}}