@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Inter:wght@300;400;500;600&display=swap');
:root{--ink:#10253a;--navy:#0c2740;--paper:#f5f2ec;--cream:#fbfaf7;--gold:#b9904f;--line:rgba(16,37,58,.14);--muted:#64717b;--white:#fff;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.display{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;letter-spacing:-.025em}.kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}.section{padding:120px 0}.section-sm{padding:76px 0}.rule{width:44px;height:1px;background:var(--gold);margin:18px 0 28px}.lead{font-size:1.08rem;color:#41515d;max-width:690px}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:20px;z-index:100;background:white;padding:10px}
.header{position:fixed;left:0;right:0;top:0;z-index:50;height:88px;transition:.35s}.header.scrolled{background:rgba(250,249,246,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.header.scrolled .brand,.header.scrolled .nav a,.header.scrolled .lang-btn,.header.scrolled .menu-btn{color:var(--ink)}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{color:white;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.55rem;letter-spacing:.07em;font-weight:300}.brand small{display:block;font-family:Inter,Arial,sans-serif;font-size:.58rem;letter-spacing:.18em;margin-top:-3px}.nav{display:flex;gap:30px;align-items:center}.nav a{color:white;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.9}.nav a:hover{opacity:1}.lang{position:relative}.lang-btn,.menu-btn{border:0;background:transparent;color:white;font:inherit;cursor:pointer}.lang-btn{font-size:.72rem;letter-spacing:.12em;padding:10px 0}.lang-menu{position:absolute;right:0;top:36px;width:180px;background:rgba(251,250,247,.98);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(13,38,61,.12);display:none}.lang-menu.open{display:grid;grid-template-columns:1fr 1fr}.lang-menu a{padding:9px 10px;font-size:.72rem;font-weight:500}.lang-menu a:hover{background:#f0ede6;border-radius:10px}.menu-btn{display:none;font-size:1.3rem}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;background:#0a263d url('../images/hero.jpg') center/cover no-repeat;color:white}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,38,.68) 0%,rgba(5,24,38,.34) 40%,rgba(5,24,38,.07) 70%),linear-gradient(0deg,rgba(5,24,38,.42),transparent 48%)}.hero-inner{position:relative;z-index:2;padding:190px 0 92px}.hero .kicker{color:#d7bb88}.hero h1{font-size:clamp(4.2rem,8.3vw,8.1rem);line-height:.82;max-width:930px;margin:20px 0 28px;white-space:pre-line}.hero p{max-width:560px;font-size:1.08rem;color:rgba(255,255,255,.9)}.hero-actions{margin-top:38px;display:flex;gap:18px;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.65);padding:14px 18px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.btn.gold{background:var(--gold);border-color:var(--gold);color:white}.hero-credit{position:absolute;right:28px;bottom:24px;z-index:3;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.intro-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:start}.intro h2,.story h2,.sea h2,.around h2,.plan h2{font-size:clamp(3.4rem,6vw,6.1rem);line-height:.92;margin:12px 0 26px}.pillars{margin-top:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.pillar{padding:34px 34px 0 0;border-right:1px solid var(--line);min-height:215px}.pillar+.pillar{padding-left:34px}.pillar:last-child{border-right:0}.pillar .num{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;color:var(--gold)}.pillar h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:1.75rem;margin:12px 0 6px}.pillar p{color:#60707a;font-size:.92rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px}.split-img{background:center/cover no-repeat}.story .split-img{background-image:url('../images/stone-terrace.jpg')}.sea .split-img{background-image:url('../images/sea-steps.jpg')}.split-copy{display:flex;align-items:center;background:var(--paper);padding:80px min(7vw,105px)}.split-copy .inner{max-width:560px}.story-note{margin-top:32px;padding-left:24px;border-left:1px solid var(--gold);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;line-height:1.35;color:#385064}
.sea .split-copy{background:var(--navy);color:white}.sea .lead{color:rgba(255,255,255,.75)}.moments{margin-top:38px}.moment{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}.moment b{font-weight:500;color:#d7bb88;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.moment span{color:rgba(255,255,255,.82);font-size:.92rem}
.around{background:var(--cream)}.around-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.around-head .lead{max-width:520px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.card{position:relative;min-height:540px;border-radius:var(--radius);overflow:hidden;background:#17344b}.card:nth-child(1){background-image:linear-gradient(0deg,rgba(4,21,34,.72),rgba(4,21,34,.06)),url('../images/stone-terrace.jpg');background-size:cover;background-position:center}.card:nth-child(2){background-image:linear-gradient(0deg,rgba(4,21,34,.72),rgba(4,21,34,.06)),url('../images/sea-steps.jpg');background-size:cover;background-position:center}.card:nth-child(3){background-image:linear-gradient(0deg,rgba(4,21,34,.72),rgba(4,21,34,.06)),url('../images/bridge-view.jpg');background-size:cover;background-position:center}.card-copy{position:absolute;left:28px;right:28px;bottom:28px;color:white}.card h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:2.2rem;margin:0 0 8px}.card p{font-size:.88rem;color:rgba(255,255,255,.78);margin:0}
.plan{background:#e8e3d9}.plan-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:start}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(16,37,58,.18)}.fact{padding:22px 0;border-bottom:1px solid rgba(16,37,58,.18)}.fact:nth-child(odd){padding-right:22px}.fact:nth-child(even){padding-left:22px;border-left:1px solid rgba(16,37,58,.18)}.fact small{display:block;color:#7a756b;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px}.fact strong{font-weight:400}.map-card{min-height:500px;border-radius:var(--radius);background:#102b43 url('../images/bridge-view.jpg') center/cover no-repeat;position:relative;overflow:hidden}.map-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,38,.75),rgba(5,24,38,.12))}.map-info{position:absolute;left:34px;bottom:34px;color:white;z-index:2}.map-info .coord{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.2rem;font-weight:300}.map-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.map-links a{padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.faq{background:white}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-weight:400;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;line-height:.7;color:var(--gold)}details[open] summary:after{content:'–'}details p{color:#60707a;max-width:700px;font-size:.94rem}
.footer{background:var(--navy);color:white;padding:70px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.5rem;font-weight:300}.footer p{color:rgba(255,255,255,.62);font-size:.82rem;max-width:520px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.footer-links a{position:relative;font-size:.7rem;letter-spacing:.08em;color:rgba(255,255,255,.72);transition:.25s}.footer-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:rgba(215,187,136,.7);transform:scaleX(0);transform-origin:left;transition:.25s}.footer-links a:hover{color:white}.footer-links a:hover:after{transform:scaleX(1)}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.42);font-size:.66rem}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.wrap{width:min(100% - 34px,1180px)}.header{height:72px}.nav{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;inset:72px 0 auto 0;background:rgba(251,250,247,.98);padding:22px 18px 30px;display:none;border-bottom:1px solid var(--line)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.header:not(.scrolled) .mobile-nav{background:rgba(9,34,52,.96)}.header:not(.scrolled) .mobile-nav a{color:white;border-color:rgba(255,255,255,.16)}.header:not(.scrolled) .lang-menu{background:rgba(9,34,52,.98)}.header:not(.scrolled) .lang-menu a{color:white}.hero-inner{padding-top:160px}.hero h1{font-size:clamp(4rem,15vw,6.3rem)}.intro-grid,.plan-grid,.faq-grid{grid-template-columns:1fr;gap:36px}.pillars{grid-template-columns:1fr}.pillar,.pillar+.pillar{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.split{grid-template-columns:1fr;min-height:0}.split-img{min-height:62vw}.split-copy{padding:72px 24px}.around-head{display:block}.cards{grid-template-columns:1fr}.card{min-height:74vw}.section{padding:88px 0}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:24px}.footer-bottom>*+*{margin-top:8px}}
@media(max-width:540px){.hero{min-height:92vh}.hero h1{font-size:3.8rem}.hero p{font-size:.96rem}.hero-actions{display:block}.hero-credit{display:none}.intro h2,.story h2,.sea h2,.around h2,.plan h2{font-size:3.2rem}.facts{grid-template-columns:1fr}.fact:nth-child(odd),.fact:nth-child(even){padding:18px 0;border-left:0}.map-card{min-height:420px}.card{min-height:110vw}.lang-menu{right:-8px;width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}