/* Archive2 hero is retained verbatim in styles.css. This file only supplies
   the Skiathos asset, restores inherited template typography, and overlays
   the header as in the reference. Its grid, dimensions, hover transitions,
   borders, Ken Burns animation and mobile rules come from the original CSS. */
@import url('fonts.css');
body[data-page="index"] main { padding-top: 0; }
.hero { font-family: "Jost", Arial, sans-serif; font-weight: 300; line-height: 1.55; }
.hero-copy { transform: translateX(-50%); }
.home-hero-background {
  background-image: linear-gradient(rgba(19, 28, 26, .32), rgba(14, 20, 19, .56)), url("images/icon-04.webp");
}
.hero .eyebrow { margin: 0 0 14px; font-size: 11px; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; line-height: inherit; }
body[data-page="index"] .site-header { height:96px; padding:12px clamp(28px,5vw,72px); color:#fff; background:transparent; border:0; box-shadow:none; }
body[data-page="index"] .site-header:not(.scrolled) .brand img { filter:brightness(0) invert(1); }
body[data-page="index"] .site-header.scrolled {height:82px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 8px 35px rgba(35,74,99,.08);backdrop-filter:blur(12px);}
body[data-page="index"] .header-location {display:none;}
body[data-page="index"] .site-header:not(.scrolled) .reserve-button {color:#fff;border:1px solid currentColor;background:transparent;}
@media(max-width:1050px){body[data-page="index"] .site-header{height:84px;}}
@media(max-width:760px){
  body[data-page="index"] .site-header{height:76px;padding:8px 16px;}
  body[data-page="index"] .site-header.scrolled{height:70px;}
  .hero .eyebrow{font-size:9px;}
}