:root{--navy:#001d38;--navy2:#002544;--gold:#efbd68;--white:#f7f7f7}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}.site-header{height:110px;background:linear-gradient(115deg,#00213e,#00182f);border-bottom:1px solid #a7793e;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;gap:25px}.brand{display:flex;align-items:center;gap:22px;white-space:nowrap}.emblem{color:var(--gold);font-size:54px;position:relative;line-height:1;width:88px;text-align:center}.emblem span{position:absolute;left:37px;top:18px;font-size:23px}.brand-name{font-size:clamp(23px,3vw,43px);font-variant:small-caps;color:var(--gold);line-height:1.05}.brand-sub{font-size:clamp(11px,1.4vw,20px);font-variant:small-caps;letter-spacing:2px;margin-top:5px}.header-right{align-self:stretch;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;min-width:0}.tagline{display:flex;align-items:center;gap:16px;font-size:17px}.tagline span{height:1px;width:40px;background:var(--gold)}nav{display:flex;align-items:center;gap:29px;font-size:18px;white-space:nowrap}nav>a,nav button{padding:9px 0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}nav .active{color:var(--gold);border-bottom:2px solid var(--gold)}.nav-group{position:relative}.dropdown{display:none;position:absolute;right:0;top:100%;background:#002441;border:1px solid #a7793e;min-width:215px;z-index:10;box-shadow:0 8px 20px #0007}.dropdown a{display:block;padding:12px 16px;font-size:16px;white-space:normal}.dropdown a:hover,.dropdown a:focus{background:#143f61}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{display:block}.menu-toggle{display:none}.hero{position:relative;min-height:650px;background:url('assets/lodge-building.jpg') center 46%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,25,48,.92) 0%,rgba(0,28,51,.77) 26%,rgba(0,27,49,.22) 45%,transparent 65%),linear-gradient(0deg,rgba(0,24,42,.15),transparent 55%)}.hero-content{position:relative;padding:95px 0 28px 4.5%;width:min(550px,44%);z-index:1}.eyebrow{color:var(--gold);font-size:20px;letter-spacing:10px;text-transform:uppercase;display:flex;align-items:center;gap:16px;white-space:nowrap}.eyebrow span{width:210px;height:1px;background:var(--gold);opacity:.75}.hero h1{font-size:clamp(48px,5.4vw,79px);font-variant:small-caps;font-weight:normal;line-height:.94;margin:20px 0 13px;letter-spacing:-2px}.hero-sub{color:var(--gold);font-size:24px;letter-spacing:8px;text-transform:uppercase;line-height:1.35}.small-rule{height:1px;background:var(--gold);width:62px;margin:18px 0}.motto{font-size:30px;font-style:italic;white-space:nowrap}.motto b{color:var(--gold);font-weight:normal;padding:0 7px}.hero-content p{font-size:21px;line-height:1.35;max-width:475px;margin:29px 0 23px}.cta{display:inline-flex;align-items:center;gap:25px;background:var(--gold);color:#001a32;padding:17px 23px;font-variant:small-caps;font-size:20px;font-weight:bold}.cta:hover,.cta:focus{background:#ffce81}.quote{position:absolute;right:3%;top:38px;width:315px;text-align:center;color:#051b34;text-shadow:0 1px 8px #fff8}.quote blockquote{font-size:21px;line-height:1.38;font-style:italic;margin:0}.quote-rule{height:1px;width:150px;background:#c38e47;margin:17px auto}.quote-by{font-size:16px;font-variant:small-caps;letter-spacing:2px}.quicklinks{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b98745;border-bottom:1px solid #b98745;background:linear-gradient(110deg,#002340,#001b34);padding:23px 1%}.quicklinks a{text-align:center;min-height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:5px;padding:0 10px}.quicklinks a:not(:last-child):after{content:"";position:absolute;right:0;top:10px;height:85%;width:1px;background:#ad824a}.quicklinks a:hover strong{text-decoration:underline}.quick-icon{font-size:37px;line-height:1;color:var(--gold);height:42px}.quicklinks strong{font-size:18px;font-variant:small-caps;font-weight:normal}.quicklinks span{font-size:16px;line-height:1.35}footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:12px 3%;font-size:15px;gap:15px}footer a:hover{text-decoration:underline}footer em{white-space:nowrap}@media(max-width:1100px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;padding:12px 3%}.header-right{flex:1}.tagline{display:none}nav{gap:17px;font-size:16px}.hero-content{width:51%}.quote{right:2%;width:280px}.quote blockquote{font-size:18px}}@media(max-width:740px){.site-header{min-height:82px;flex-wrap:nowrap}.brand{gap:9px}.emblem{font-size:35px;width:46px}.emblem span{font-size:15px;left:18px;top:12px}.brand-name{font-size:23px}.brand-sub{font-size:10px;letter-spacing:.6px}.menu-toggle{display:block;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:9px;font:inherit}.header-right{align-items:flex-end}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#001c35;z-index:20;padding:15px 5%;flex-direction:column;align-items:stretch;gap:0}nav.visible{display:flex}.nav-group{width:100%}nav button{width:100%;text-align:left}.dropdown{position:static;box-shadow:none;border:0;border-left:1px solid var(--gold);margin-left:15px}.hero{min-height:800px;background-position:52% center}.hero-shade{background:linear-gradient(90deg,#001b33e8,#001b3380 80%),linear-gradient(0deg,#001b33bb,transparent)}.hero-content{padding:185px 6% 40px;width:100%}.hero h1{font-size:clamp(44px,11vw,65px)}.hero-sub{font-size:16px;letter-spacing:4px}.eyebrow{font-size:14px;letter-spacing:5px}.eyebrow span{width:90px}.motto{font-size:23px}.hero-content p{font-size:18px;max-width:480px}.quote{top:23px;left:6%;right:6%;width:auto;color:white;text-shadow:0 1px 3px #000}.quote blockquote{font-size:17px}.quote-by{font-size:13px}.quicklinks{grid-template-columns:repeat(2,1fr)}.quicklinks a{min-height:125px}.quicklinks a:after{display:none}footer{flex-direction:column;text-align:center;font-size:13px}footer em{white-space:normal}}@media(max-width:390px){.brand-name{font-size:19px}.brand-sub{font-size:9px}.hero-content{padding-top:200px}.cta{font-size:16px}.motto{font-size:20px}}

/* Prototype v2: implementation fixes only; approved visual composition unchanged. */
html,body{min-height:100%;}
body{min-height:100vh;display:flex;flex-direction:column;}
main{flex:1;min-height:0;display:flex;flex-direction:column;}
.site-header{height:clamp(80px,10.7vh,110px);min-height:80px;flex-shrink:0;gap:10px}
.brand{gap:16px}.emblem{width:88px;height:94px;object-fit:contain;flex-shrink:0}
.brand-name{font-size:clamp(23px,2.8vw,43px)}.brand-sub{font-size:clamp(10px,1.25vw,19px)}
nav{gap:clamp(10px,1.8vw,29px);font-size:clamp(14px,1.16vw,18px)}
.hero{min-height:0;flex:1;position:relative;background-image:url('assets/hero-landscape.jpg');background-position:center center;background-size:100% 100%;}
.hero-shade{background:linear-gradient(90deg,rgba(0,24,46,.93),rgba(0,25,48,.72) 29%,rgba(0,25,48,.15) 46%,transparent 62%)}
.hero-content{padding:clamp(20px,8vh,95px) 0 20px 4.5%;width:min(560px,43%)}
.hero h1{font-size:clamp(44px,5vw,79px);margin:clamp(8px,2vh,20px) 0 12px}
.hero-sub{font-size:clamp(16px,1.55vw,24px);letter-spacing:clamp(3px,.5vw,8px)}
.eyebrow{font-size:clamp(13px,1.3vw,20px);letter-spacing:clamp(3px,.6vw,10px)}
.eyebrow span{width:clamp(70px,14vw,210px)}
.small-rule{margin:clamp(8px,1.5vh,18px) 0}.motto{font-size:clamp(19px,1.95vw,30px)}
.hero-content p{font-size:clamp(16px,1.36vw,21px);margin:clamp(12px,2.7vh,29px) 0 clamp(12px,2vh,23px)}
.cta{font-size:clamp(15px,1.3vw,20px);padding:clamp(10px,1.5vh,17px) 20px}
.quote{top:clamp(15px,3.8vh,38px);right:3%;width:315px}
.quote blockquote{font-size:clamp(16px,1.4vw,21px)}
.quicklinks{flex-shrink:0;padding:clamp(8px,1.4vh,23px) 1%;}
.quicklinks a{min-height:clamp(88px,12vh,115px);gap:3px}
.quick-icon{height:clamp(30px,4vh,42px);display:flex;align-items:center;justify-content:center}
.quick-icon svg{height:100%;width:45px;fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.quicklinks strong{font-size:clamp(15px,1.17vw,18px)}.quicklinks span{font-size:clamp(13px,1.05vw,16px)}
footer{flex-shrink:0;min-height:clamp(42px,5.5vh,58px)}
@media(min-width:741px) and (max-height:740px){.hero-content{padding-top:22px}.hero h1{font-size:clamp(43px,4.6vw,68px)}.hero-sub{font-size:18px}.motto{font-size:23px}.hero-content p{font-size:16px;line-height:1.28;max-width:440px;margin:13px 0}.cta{font-size:16px;padding:11px 17px}.quote{top:18px}.quote blockquote{font-size:17px}.quicklinks a{min-height:85px}}
@media(max-width:740px){.site-header{height:auto;min-height:82px}.emblem{width:46px;height:56px}.hero{min-height:780px;flex:none;background-size:cover;background-position:60% center}.hero-content{width:100%;padding:185px 6% 35px}.hero-shade{background:linear-gradient(90deg,#001b33ed,#001b3388 85%)}.quicklinks a{min-height:125px}.quote{top:23px;left:6%;right:6%;width:auto}.quote blockquote{font-size:17px}}

/* Version 3: visual corrections to the approved layout, not a redesign. */
@media (min-width:741px) {
  .site-header .emblem {width:65px;height:76px;max-height:calc(100% - 12px);object-fit:contain}
  .site-header .brand {gap:18px}
  .hero {
    background-image: url('assets/lodge-building.jpg');
    background-size: auto 160%;
    background-position: right 39%;
    background-repeat: no-repeat;
    background-color:#557d9e;
  }
  /* The left background continues the image's natural sky tones; the photograph itself stays sharp. */
  .hero::before {content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,#092945 0%,#214b6e 25%,rgba(35,75,108,.6) 40%,transparent 63%);}
  .hero-shade {background:linear-gradient(90deg,rgba(0,22,43,.84) 0%,rgba(0,24,47,.72) 25%,rgba(0,24,47,.32) 40%,rgba(0,24,47,0) 62%);}
  .hero-content p {font-weight:400;font-size:clamp(17px,1.3vw,21px);line-height:1.35}
  .hero-content {text-shadow:none}
  .hero-content h1,.hero-content .motto {text-shadow:0 1px 2px rgba(0,0,0,.1)}
  nav {gap:clamp(17px,1.9vw,31px)}
  nav button {letter-spacing:0}
}
@media (max-width:740px){.hero{background-image:url('assets/lodge-building.jpg');background-size:cover;background-position:55% 35%}.hero-shade{background:linear-gradient(90deg,rgba(0,25,48,.94),rgba(0,25,48,.62) 90%)}}

/* Version 4: landscape photographic canvas with natural proportions, no blur or seam. */
@media (min-width:741px) {
 .hero {background-image:url('assets/hero-landscape-v4.jpg');background-size:cover;background-position:center center;background-color:#173a58;}
 .hero::before{display:none;}
 .hero-shade{background:linear-gradient(90deg,rgba(0,24,46,.94) 0%,rgba(0,26,49,.86) 23%,rgba(0,26,49,.59) 40%,rgba(0,26,49,.16) 59%,transparent 77%);}
 .hero-content{padding-top:clamp(16px,3vh,30px);padding-bottom:10px;}
 .hero h1{font-size:clamp(46px,4.75vw,76px);margin:12px 0 10px;}
 .hero-sub{font-size:clamp(17px,1.42vw,23px);line-height:1.25;}
 .hero-content p{font-size:clamp(16px,1.22vw,20px);margin:clamp(12px,1.7vh,19px) 0;}
 .small-rule{margin:10px 0;}
 .motto{font-size:clamp(21px,1.8vw,29px);}
 .quote{right:3.2%;top:clamp(13px,2.5vh,28px);width:320px;}
 .quote blockquote{font-size:clamp(16px,1.27vw,20px);}
 .site-header .emblem{width:58px;height:69px;}
 .quicklinks{padding:clamp(6px,1vh,14px) 1%;}
 .quicklinks a{min-height:clamp(80px,10vh,106px);}
 footer{min-height:clamp(39px,4.7vh,50px);padding-top:7px;padding-bottom:7px;}
}
@media (max-width:740px){.hero{background-image:url('assets/lodge-building.jpg');background-size:cover;background-position:55% 35%;}}

/* Version 7: photographic correction only. Preserve the approved layout. */
@media(min-width:741px){
 .hero{background-image:url('assets/hero-landscape-v7.jpg');background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#183a56;}
 .hero-shade{background:linear-gradient(90deg,rgba(0,24,46,.94) 0%,rgba(0,26,49,.85) 22%,rgba(0,26,49,.56) 40%,rgba(0,26,49,.12) 59%,transparent 77%);}
}
@media(min-width:741px) and (max-aspect-ratio: 12/9){
 .hero{background-size:cover;background-position:center top;}
}

/* Version 8: small framing adjustment ONLY from the approved V7 baseline.
   Retain image proportions, all three flags, and all other layout rules. */
@media (min-width:741px) {
  .hero { background-position: center 12%; }
}

/* Version 9: actual photograph zoomed out, full building and three flags visible. */
@media (min-width:741px) {
 .hero {background-image:url('assets/hero-landscape-v9.jpg');background-size:100% 100%;background-position:center center;}
 .hero-shade {background:linear-gradient(90deg,rgba(0,24,46,.65) 0%,rgba(0,24,46,.25) 34%,transparent 61%);}
 .quote {background:rgba(231,240,249,.30);border-radius:3px;padding:5px 4px;}
}

/* Version 10: preserve v9 framing; remove baked-in haze and quotation box. */
@media(min-width:741px){
 .hero{background-image:url('assets/hero-landscape-v10.jpg');background-size:100% 100%;background-position:center center;}
 .hero-shade{background:linear-gradient(90deg,rgba(0,24,46,.15),transparent 58%);}
 .quote{background:transparent;border-radius:0;padding:0;}
}

/* Version 11: continuous photo backdrop; no hard sky/lawn seam or rectangular edge. */
@media(min-width:741px){
 .hero{background-image:url('assets/hero-landscape-v11.jpg');background-size:100% 100%;background-position:center center;}
 .hero-shade{background:linear-gradient(90deg,rgba(0,24,46,.35),rgba(0,24,46,.10) 35%,transparent 63%);}
 .quote{background:transparent;border:0;padding:0;}
}

/* Version 12: enlarge and lower the building image to match the approved mockup.
   Only photographic framing changes; all page content and controls are unchanged. */
@media (min-width:741px) {
 .hero { background-image:url('assets/hero-landscape-v11.jpg');
         background-size:112% 112%; background-position:54% 60%; }
 .hero-shade { background:linear-gradient(90deg,rgba(0,24,46,.36),rgba(0,24,46,.10) 35%,transparent 63%); }
}

/* Version 13: move the photographic background a small step DOWN without changing scale, text, or layout. */
@media (min-width:741px) { .hero { background-position:54% 38%; } }

/* Version 14: one final tiny downward adjustment of the hero photograph only. */
@media (min-width:741px) { .hero { background-position:54% 31%; } }

/* Version 16: small downward nudge of the approved Version 14 photograph. */
@media (min-width:741px) { .hero { background-position:54% 19%; } }

/* Site-wide active navigation: same gold underline for parent and current dropdown item. */
nav .nav-group > button.active {color:var(--gold);border-bottom:2px solid var(--gold)}
nav .dropdown a.active, nav .dropdown a[aria-current="page"] {color:var(--gold);background:#143650;border-bottom:0;box-shadow:inset 3px 0 0 var(--gold)}

/* Approved Phase 5 homepage shortcut alignment: four equal-width columns. */
.quicklinks{grid-template-columns:repeat(4,minmax(0,1fr));}