body{margin:0;font-family:'Inter',sans-serif;color:#2d2d2d;background:#f6f3ee;line-height:1.6;-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none;pointer-events:none}
.container{width:90%;max-width:1200px;margin:auto}
header{position:sticky;top:0;background:rgba(246,243,238,.96);backdrop-filter:blur(8px);z-index:1000;border-bottom:1px solid #ddd}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.logo-area img{height:58px}
nav a{text-decoration:none;color:#284b63;margin-left:24px;font-weight:500}
.menu-toggle{display:none;font-size:28px;cursor:pointer}
.hero,.section-light,.section-alt,.section-contact{padding:90px 0}
.section-alt{background:#eef1f2}
.hero-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hero-image img,.side-image img{width:100%;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
h1,h2{font-family:'Manrope',sans-serif;color:#284b63}
h1{font-size:3rem;line-height:1.15}
h2{font-size:2rem;margin-bottom:20px}
.statement-box{background:#284b63;color:#fff;padding:40px;border-radius:18px;font-size:2rem;font-weight:600}
ul li{margin-bottom:12px}
.masonry-gallery{column-count:4;column-gap:18px;margin-top:40px}
.gallery-item{break-inside:avoid;margin-bottom:18px}
.gallery-item img{width:100%;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08);transition:.3s}
.gallery-item img:hover{transform:scale(1.02)}
.section-contact{
    text-align:center;
    background:#284B63;
    color:#f6f3ee;
    padding:100px 0;
}

.grid-map-fade{
    min-height:350px;
    background-image:url('images/Canada-grid-map.jpg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    opacity:0.18;
    filter:grayscale(20%);
}

.section-about-dark{
    background:#284B63;
    color:#f6f3ee;
    padding:90px 0;
}

.section-about-dark h2{
    color:#f6f3ee;
}

.section-about-dark .side-image img{
    width:100%;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,.22);
}


.section-contact h2{
    color:#f6f3ee;
}

.section-contact a{
    color:#f6f3ee;
    text-decoration:none;
}

.section-contact strong{
    color:#f6f3ee;
}
@media(max-width:900px){
.hero-grid,.two-col{grid-template-columns:1fr}
.masonry-gallery{column-count:2}
nav{display:none;position:absolute;right:5%;top:80px;background:#f6f3ee;padding:20px;border-radius:12px}
nav a{display:block;margin:12px 0}
.menu-toggle{display:block}
nav.show{display:block}
h1{font-size:2.2rem}
}