:root { --ink:#111318; --blue:#2563eb; --mist:#f4f5f7; --muted:#626b78; }
* { box-sizing:border-box; margin:0; }
body { background:var(--mist); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:22px 6%; background:#fff; }
.brand,.back { color:var(--ink); font-size:.92rem; font-weight:700; letter-spacing:.05em; text-decoration:none; }
.back { letter-spacing:0; }
.back:hover { color:var(--blue); }
.hero { min-height:520px; display:flex; align-items:end; padding:72px 6%; position:relative; isolation:isolate; color:#fff; background:var(--hero-image) center/cover; }
.hero:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,12,20,.9),rgba(8,12,20,.2)); }
.eyebrow { color:#bfdbfe; font-size:.74rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
h1,h2 { font-family:Georgia, 'Times New Roman', serif; }
h1 { max-width:800px; margin-top:15px; font-size:clamp(3rem,6vw,5.6rem); line-height:.98; }
.hero p { max-width:610px; margin-top:22px; color:#e4e7eb; font-size:1.1rem; line-height:1.7; }
main { max-width:1320px; margin:auto; padding:100px 6%; }
.intro { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.intro-image { width:100%; min-height:390px; border-radius:24px; object-fit:cover; }
h2 { font-size:clamp(2.2rem,4vw,4.1rem); line-height:1.04; }
.intro-copy p { margin-top:20px; color:var(--muted); font-size:1.05rem; line-height:1.8; }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:80px; }
.fact { padding:26px; border-radius:18px; background:#fff; border:1px solid #e2e5e9; }
.fact span { display:block; color:var(--blue); font-size:.75rem; font-weight:700; letter-spacing:.11em; }
.fact strong { display:block; margin-top:13px; font-size:1.1rem; }
.visit { margin-top:100px; padding:62px; border-radius:28px; background:var(--ink); color:#fff; }
.visit-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:32px; }
.visit-head h2 { max-width:670px; }
.visit-head p { max-width:360px; color:#c3c9d2; line-height:1.65; }
.map-card { display:block; min-height:370px; overflow:hidden; position:relative; border-radius:18px; background:#fff; text-decoration:none; }
.map-card iframe { width:100%; height:370px; border:0; pointer-events:none; filter:grayscale(.18) contrast(1.05); }
.map-cta { position:absolute; left:22px; bottom:22px; padding:14px 19px; border-radius:999px; background:#fff; color:#111; font-size:.9rem; font-weight:700; box-shadow:0 8px 28px rgba(0,0,0,.22); }
.map-card:hover .map-cta { color:#fff; background:var(--blue); }
.gallery { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; margin-top:80px; }
.gallery img { width:100%; height:300px; object-fit:cover; border-radius:20px; }
footer { padding:35px 6%; text-align:center; color:#747c87; font-size:.86rem; }
@media(max-width:800px) { .nav,main { padding-left:5%; padding-right:5%; } .hero { min-height:440px; padding:60px 5%; } .intro,.facts,.gallery { grid-template-columns:1fr; gap:24px; } .intro-image { min-height:300px; } .visit { margin-top:70px; padding:42px 22px; } .visit-head { display:block; } .visit-head p { margin-top:18px; } }