:root{--site-header-height:76px;--site-status-height:0px}
.topbar.site-header{height:auto;min-height:76px;display:flex;flex-wrap:nowrap;gap:clamp(20px,3vw,42px);padding:12px clamp(22px,5vw,86px);position:sticky;top:0;z-index:1000;box-shadow:0 3px 14px rgba(22,60,65,.06)}
body [id]{scroll-margin-top:calc(var(--site-header-height) + var(--site-status-height) + 18px)}
.planning-page{--site-status-height:44px}.planning-page .planner-sync-banner{top:var(--site-header-height)}
.site-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #e5ebdf;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 4px 18px rgba(22,60,65,.22)}
.site-to-top:hover{background:var(--design-primary,#285c58)}.site-to-top-icon{display:block;width:12px;height:12px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(3px) rotate(45deg)}
.site-header .brand{flex-shrink:0}
.site-header .site-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:5px;flex:1 1 auto;order:0;margin:0;min-width:0}
.site-nav-group{position:relative;flex-shrink:0}
.site-header .site-nav-direct,.site-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:11px;min-height:44px;padding:10px 14px;font-size:calc(14px * var(--design-type-scale,1));line-height:1.5;font-weight:600;color:#425b5d;white-space:nowrap;border-radius:5px;text-decoration:none;cursor:pointer;list-style:none}
.site-nav-group>summary::-webkit-details-marker{display:none}.site-nav-group>summary::marker{content:''}
.site-header .site-nav-direct:hover,.site-nav-group>summary:hover,.site-nav-group[open]>summary{background:var(--cream);color:var(--ink)}
.site-nav-group>summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.site-nav-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.site-nav-group[open] .site-nav-chevron{transform:translateY(2px) rotate(225deg)}
.site-submenu{position:absolute;left:0;top:calc(100% + 8px);min-width:222px;padding:8px;background:var(--design-background,#fbfaf7);border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 35px rgba(22,60,65,.15)}
.site-nav-group:last-child .site-submenu{left:auto;right:0;min-width:250px}
.site-header .site-submenu a{display:flex;align-items:center;min-height:44px;padding:10px 13px;border-radius:5px;font-size:calc(14px * var(--design-type-scale,1));font-weight:500;line-height:1.5;text-decoration:none;color:var(--ink);white-space:nowrap}
.site-header .site-submenu a:hover,.site-header .site-submenu a:focus-visible{background:#eef1e8;color:var(--ink)}
.site-menu-toggle{display:none;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:9px 12px;border:1px solid #cdd8d5;border-radius:5px;background:transparent;color:var(--ink);font-size:calc(14px * var(--design-type-scale,1));font-weight:600}
.site-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:20px}.site-menu-icon i{height:1.5px;width:18px;display:block;background:currentColor;transition:transform .15s,opacity .15s}
.site-menu-toggle[aria-expanded=true] .site-menu-icon i:first-child{transform:translateY(5.5px) rotate(45deg)}.site-menu-toggle[aria-expanded=true] .site-menu-icon i:nth-child(2){opacity:0}.site-menu-toggle[aria-expanded=true] .site-menu-icon i:last-child{transform:translateY(-5.5px) rotate(-45deg)}
.hero-photo{position:relative;min-width:0;min-height:600px;margin:0;overflow:hidden;background:#52675e}
.hero-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:56% 50%}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,60,65,.16),transparent 26%),linear-gradient(0deg,rgba(12,39,41,.62),transparent 28%);pointer-events:none}
.hero-photo figcaption{position:absolute;bottom:29px;left:32px;right:28px;z-index:1;display:flex;align-items:center;gap:17px;color:#f6eee1;text-shadow:0 1px 8px rgba(12,39,41,.35)}
.hero-photo figcaption span:first-child{font-family:serif;font-size:calc(24px * var(--design-type-scale,1));letter-spacing:.16em;line-height:1.4}.hero-photo figcaption span:last-child{font-size:calc(12px * var(--design-type-scale,1));font-weight:500;letter-spacing:.09em}
@media(max-width:1120px){.site-header .private-label{display:none}.topbar.site-header{gap:22px}.site-header .site-nav{gap:2px}}
@media(max-width:1000px){.hero-photo{min-height:550px}}
@media(max-width:820px){
  :root{--site-header-height:68px}
  .topbar.site-header{min-height:68px;padding:10px 20px;flex-wrap:wrap;gap:8px 18px}
  .site-header .brand{margin-right:auto}.site-header .brand span{font-size:calc(14px * var(--design-type-scale,1))}
  .site-header.nav-ready .site-menu-toggle{display:inline-flex}
  .site-header .site-nav{position:static;order:3;flex:1 1 100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;margin:0;padding:12px 0}
  .site-header.nav-ready .site-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 20px;background:var(--design-background,#fbfaf7);border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgba(22,60,65,.1)}
  .site-header.nav-ready[data-menu-open=true] .site-nav{display:flex}
  .site-header .site-nav-direct,.site-nav-group>summary{min-height:48px;padding:12px 10px;font-size:calc(15px * var(--design-type-scale,1));border-radius:4px}
  .site-nav-group{border-bottom:1px solid #e2e5dc}
  .site-submenu,.site-nav-group:last-child .site-submenu{position:static;min-width:0;margin:2px 0 13px 12px;padding:0 0 0 10px;background:transparent;border:0;border-left:2px solid var(--gold);border-radius:0;box-shadow:none}
  .site-header .site-submenu a{white-space:normal;padding:10px 12px;min-height:44px;font-size:calc(14px * var(--design-type-scale,1))}
}
@media(max-width:720px){.hero-photo{height:320px;min-height:320px}.hero-photo img{object-position:56% 48%}.hero-photo figcaption{left:25px;bottom:22px;gap:13px}.hero-photo figcaption span:first-child{font-size:calc(22px * var(--design-type-scale,1))}.hero-photo figcaption span:last-child{font-size:calc(11px * var(--design-type-scale,1))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-nav-chevron,.site-menu-icon i{transition:none}}
@media print{.topbar.site-header,.hero-photo,.site-to-top{display:none!important}}