html{scroll-padding-top:146px}
html.header-compact{scroll-padding-top:83px}
.home-page .brand{min-height:44px}
.home-page .brand .hsg-family-logo{display:block;flex:none;width:240px;height:102px;object-fit:contain;transition:width .2s ease,height .2s ease}
.home-page .site-header{height:126px;min-height:0;padding-block:12px;transition:height .2s ease,padding-block .2s ease}
/* Shared editorial hero layout with the Skiweekend page. */
.home-page .site-header{position:fixed;inset:0 0 auto;z-index:10;background:rgba(20,43,59,.65);color:var(--paper);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.home-page .site-header nav{color:var(--paper);transition:font-size .2s ease,gap .2s ease}
.home-page .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.home-page .site-header nav .home-nav-christmas{display:none}
@media(min-width:1000px){.home-page .site-header nav .home-nav-christmas{display:inline-flex}}
.home-page .site-header nav .home-nav-golf{display:none}
@media(min-width:1100px){.home-page .site-header nav .home-nav-golf{display:inline-flex}}
.home-page .site-header.is-compact{height:63px;padding-block:6px}
.home-page .site-header.is-compact .hsg-family-logo{width:120px;height:51px}
.home-page .site-header.is-compact nav{gap:20px;font-size:12px}
.home-hero{min-height:max(836px,100svh);padding-top:126px;background:var(--ink)}
.home-hero .hero-image{object-position:50% 65%}
.home-hero .home-hero-dinner{object-position:50% 35%}
.home-hero .home-hero-roller{object-position:50% 10%}
.home-hero .home-hero-party{object-position:50% 25%}
.home-hero .home-hero-slide{opacity:0;transition:opacity .9s ease}
.home-hero .home-hero-slide:first-of-type,.home-hero .home-hero-slide.is-active{opacity:1}
.home-hero .hero-shade{background:radial-gradient(ellipse 72% 80% at 13% 35%,rgba(9,30,46,.88),rgba(9,30,46,.66) 45%,rgba(9,30,46,.30) 75%,rgba(9,30,46,.14)),linear-gradient(0deg,rgba(9,30,46,.28),transparent 25%)}
.home-hero .hero-content{padding-top:clamp(70px,11vh,120px);padding-bottom:160px;text-shadow:0 1px 5px rgba(9,30,46,.8)}
.home-hero .button{text-shadow:none}
.home-hero h1{max-width:760px}
.home-hero .hero-copy{max-width:445px;font-size:16px;line-height:1.8;color:#fff}
.home-hero .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.home-hero .hero-bottom>span{grid-column:2;display:block}
.home-hero .hero-bottom>a{grid-column:3;justify-self:end}
.home-page .reunion-outlook .caption-sentence{display:block}
.home-page footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;font-size:11px;line-height:1.5}
.home-page footer .footer-copyright,.home-page footer .footer-homepage,.home-page footer .footer-top{display:flex;align-items:center;min-height:44px;min-width:0;margin:0;width:auto;font-size:inherit;order:initial}
.home-page .footer-copyright{justify-self:start}
.home-page .footer-homepage{justify-self:center;text-align:center}
.home-page .footer-top{justify-self:end}
.home-page .footer-homepage a{display:flex;align-items:center;min-height:44px}
.home-page footer a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.ski-outlook{background:#e4ebef;border-color:#c8d6df;--calendar-color:#31576c}
.ski-outlook .wine-copy .eyebrow,.ski-outlook .wine-weekdays,.ski-outlook h2 em{color:#31576c}
.ski-outlook .wine-button{background:#31576c;color:#fffefa}
.ski-outlook .wine-button:hover{background:#244455}
.ski-outlook .wine-photo .event-people{background:#edf2f4;color:#31576c}
.ski-outlook .wine-photo .people-avatar,.ski-outlook .wine-photo .people-count{border-color:#edf2f4}
.home-page .ski-outlook .event-calendar{background:transparent;color:#31576c}
.home-page .ski-outlook .event-calendar:hover{background:#fff8}
@media(min-width:741px){
  .home-page .wine-outlook .wine-grid,.home-page #ausblick .wine-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"copy photo"}
  .home-page .dinner-outlook .wine-grid,.home-page .ski-outlook .wine-grid,.home-page #ausblick .wine-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"photo copy"}
  .home-page .wine-outlook .wine-photo,.home-page #ausblick .wine-photo{justify-self:end}
  .home-page .dinner-outlook .wine-photo,.home-page .ski-outlook .wine-photo,.home-page #ausblick .wine-photo{justify-self:start}
}
@media(max-width:740px){
  html{scroll-padding-top:112px}
  html.header-compact{scroll-padding-top:66px}
  .home-page .site-header{padding-inline:20px;height:92px}
  .home-page .brand .hsg-family-logo{width:160px;height:68px}
  .home-page nav{gap:20px;font-size:12px}
  .home-page .site-header.is-compact{height:46px}
  .home-page .site-header.is-compact .hsg-family-logo{width:80px;height:34px}
  .home-page .site-header.is-compact nav{gap:14px;font-size:11px}
  .home-page .site-header nav .home-nav-detail{display:none}
  .home-page .ski-outlook .caption-sentence,.home-page .golf-outlook .caption-sentence{display:block}
  .home-hero{min-height:max(802px,100svh);padding-top:92px}
  .home-hero .hero-content{padding-top:60px;padding-bottom:150px}
  .home-hero .hero-copy{font-size:14px;max-width:390px}
  .home-hero .home-hero-apero{object-position:100% 65%}
  .home-hero .home-hero-dinner{object-position:100% 50%}
  .home-hero .home-hero-roller{object-position:60% 10%}
  .home-hero .home-hero-cafe{object-position:22% 65%}
  .home-hero .home-hero-party{object-position:68% 25%}
  .home-hero .hero-bottom{letter-spacing:1.2px}

}
@media print{.home-hero{min-height:600px;padding-top:0}.home-hero .hero-content{padding-block:60px 120px}.home-page footer{display:none}}
@media(prefers-reduced-motion:reduce){.home-hero .home-hero-slide,.home-page .site-header,.home-page .site-header nav,.home-page .brand .hsg-family-logo{transition:none}}

@media(max-width:380px){.home-page .site-header nav a[href="#hamburg"]{display:none}}
@media(max-width:740px){
  .home-page footer{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:24px;font-size:12px;text-align:center}
  .home-page footer .footer-copyright,.home-page footer .footer-homepage,.home-page footer .footer-top{justify-self:center;justify-content:center}
}
