/* Floating navigation: brand box / centered menu / independent booking action. */
.jagoda .site-header,
.jagoda .site-header.is-scrolled {
  inset: 28px 5% auto;
  width: auto;
  height: 114px;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: 24px;
  align-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
  transition: top .35s ease, height .35s ease;
}
.jagoda .site-header > * { pointer-events: auto; }
.jagoda .site-header.is-scrolled { top: 14px; height: 80px; }
.jagoda .site-header .wordmark,
.jagoda .site-header.is-scrolled .wordmark {
  justify-self: start;
  width: 114px;
  height: 114px;
  min-width: 0;
  padding: 0;
  background: #89435d;
  border-radius: 6px;
  box-shadow: 0 6px 28px #160c1521;
  overflow: hidden;
  transition: width .35s ease, height .35s ease;
}
.jagoda .site-header .wordmark img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.jagoda .site-header.is-scrolled .wordmark { width: 80px; height: 80px; }
.jagoda .desktop-nav {
  grid-column: 2;
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 6px 14px;
  border: 1px solid #fff9f642;
  border-radius: 999px;
  background: #422a357a;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 32px #160c1512;
  color: #fff9f6;
  font-size: 12px;
  transition: background .3s ease, border-color .3s ease;
}
.jagoda .desktop-nav a { padding: 9px 14px; white-space: nowrap; border-radius: 999px; transition: background .2s ease; }
.jagoda .desktop-nav a:after { display: none; }
.jagoda .desktop-nav a:hover,
.jagoda .desktop-nav a:focus-visible { background: #fff9f61f; }
.jagoda .site-header.is-scrolled .desktop-nav { background: #422a35f0; border-color: #a57a8d70; }
.jagoda .site-header .nav-book {
  grid-column: 3;
  justify-self: end;
  min-width: 156px;
  min-height: 52px;
  padding: 14px 24px;
  margin: 0;
  border-radius: 999px;
  background: var(--gold);
  color: #422a35;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 6px 24px #160c1518;
  transition: background .2s ease, transform .2s ease;
}
.jagoda .nav-book:hover { background: #f9e3bc; transform: translateY(-2px); }
.jagoda .nav-book:focus-visible,
.jagoda .wordmark:focus-visible { outline-color: var(--gold); }

/* A single slow pull-back preserves the supplied portrait and its proportions. */
.jagoda .hero {
  margin-top: 0;
  min-height: 790px;
  height: 100svh;
  max-height: 1150px;
  background: #211b20;
}
.hero-picture { display: contents; }
.jagoda .hero-image {
  inset: 0 0 0 auto;
  width: 76%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 16%;
  transform-origin: 52% 24%;
  animation: jagoda-hero-pull-back 16s cubic-bezier(.2, .55, .3, 1) both;
}
.jagoda .hero-shade {
  background: linear-gradient(90deg, #211b20 0%, #211b20f5 27%, #211b2099 44%, #211b201a 67%, #211b2000 86%),
    linear-gradient(0deg, #211b20c7, #211b2000 55%);
}
.jagoda .hero-content { padding-top: clamp(215px, 24vh, 290px); max-width: 940px; }
.jagoda .hero-content h1 { font-size: clamp(64px, 6.7vw, 106px); }
.jagoda .hero-bottom { bottom: 40px; }
.jagoda .agency-credit { display: inline-flex; align-items: center; gap: 5px; }
.jagoda .agency-credit strong { font-weight: 600; }
.jagoda .agency-credit:hover strong { text-decoration: underline; text-underline-offset: 4px; }
@keyframes jagoda-hero-pull-back { from { transform: scale(1.065); } to { transform: scale(1); } }

@media (max-width: 1100px) and (min-width: 901px) {
  .jagoda .site-header { left: 4%; right: 4%; column-gap: 16px; }
  .jagoda .desktop-nav { gap: 0; padding-left: 10px; padding-right: 10px; }
  .jagoda .desktop-nav a { padding-left: 11px; padding-right: 11px; font-size: 11px; }
  .jagoda .site-header .nav-book { min-width: 142px; padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 900px) {
  .jagoda .site-header,
  .jagoda .site-header.is-scrolled {
    top: 16px;
    left: 20px;
    right: 20px;
    height: 84px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    column-gap: 12px;
  }
  .jagoda .site-header.is-scrolled { top: 12px; height: 72px; }
  .jagoda .site-header .wordmark { width: 84px; height: 84px; border-radius: 5px; }
  .jagoda .site-header.is-scrolled .wordmark { width: 72px; height: 72px; }
  .jagoda .desktop-nav { display: none; }
  .jagoda .site-header .nav-book { grid-column: 2; min-width: 118px; min-height: 46px; padding: 12px 18px; gap: 16px; font-size: 11px; }
  .jagoda .menu-toggle {
    grid-column: 3;
    display: flex;
    width: 46px;
    height: 46px;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    border: 1px solid #fff9f640;
    border-radius: 50%;
    background: #422a35e8;
  }
  .jagoda .menu-toggle > span { width: 20px; height: 1px; background: var(--gold); transition: transform .25s ease; }
  .jagoda .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .jagoda .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .jagoda #mobile-menu {
    position: fixed;
    inset: 116px 20px 20px;
    height: auto;
    max-height: calc(100svh - 136px);
    padding: 24px;
    overflow-y: auto;
    border: 1px solid #d0a6b766;
    border-radius: 18px;
    box-shadow: 0 20px 60px #160c1545;
    background: #89435d;
    color: #fff9f6;
  }
  .jagoda #mobile-menu[hidden] { display: none; }
  .jagoda #mobile-menu:not([hidden]) { display: flex; flex-direction: column; }
  .jagoda #mobile-menu a { display: block; padding: 10px 0; border-bottom: 1px solid #bb8ca0; font: 400 32px/1.4 var(--display); }
  .jagoda #mobile-menu .mobile-book { display: flex; justify-content: space-between; margin-top: 24px; padding: 16px 18px; border: 0; border-radius: 999px; background: var(--gold); color: #422a35; font: 600 13px/1.5 var(--body); }
  .jagoda #mobile-menu > p { margin-top: 26px; font: italic 24px/1.4 var(--display); color: var(--gold); }
  .jagoda .hero { min-height: 780px; max-height: 1100px; height: 100svh; }
  .jagoda .hero-image { inset: 0; width: 100%; object-position: 54% 16%; transform-origin: 52% 23%; animation-name: jagoda-hero-pull-back-mobile; }
  .jagoda .hero-shade { background: linear-gradient(0deg, #211b20fa 0%, #211b20d9 27%, #211b202e 60%, #211b200a 85%); }
  .jagoda .hero-content { position: absolute; bottom: 125px; padding: 0 7%; width: 100%; max-width: 100%; }
  .jagoda .hero-content h1 { font-size: clamp(48px, 8.9vw, 78px); }
  .jagoda .hero-content .eyebrow { max-width: 280px; font-size: 8px; line-height: 1.8; }
  .jagoda .hero-content p { max-width: 440px; }
  .jagoda .hero-bottom > p { display: none; }
  .jagoda .hero-bottom { bottom: 30px; }
}
@media (max-width: 450px) {
  .jagoda .site-header,
  .jagoda .site-header.is-scrolled { left: 16px; right: 16px; column-gap: 10px; }
  .jagoda .site-header .wordmark { width: 80px; height: 80px; }
  .jagoda .site-header.is-scrolled .wordmark { width: 68px; height: 68px; }
  .jagoda .site-header .nav-book { min-width: 110px; padding-left: 15px; padding-right: 15px; }
  .jagoda #mobile-menu { left: 16px; right: 16px; bottom: 16px; padding: 22px; }
  .jagoda .hero { min-height: 750px; }
  .jagoda .hero-content h1 { font-size: clamp(44px, 10.6vw, 60px); }
  .jagoda .hero-content .eyebrow { max-width: 250px; font-size: 7px; }
}
@keyframes jagoda-hero-pull-back-mobile { from { transform: scale(1.045); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .jagoda .hero-image { animation: none; transform: none; }
  .jagoda .site-header,
  .jagoda .wordmark,
  .jagoda .nav-book { transition: none; }
}
/* One floating navigation surface, in the original logo color. */
.jagoda .site-header,.jagoda .site-header.is-scrolled{inset:21px 5% auto;height:89px;padding:0 21px;gap:21px;background:#89435d;color:#fff9f6;border:1px solid #ba81976b;border-radius:13px;box-shadow:0 8px 32px #160c1529;pointer-events:auto}
.jagoda .site-header.is-scrolled{top:13px;height:76px}
.jagoda .site-header .wordmark,.jagoda .site-header.is-scrolled .wordmark{width:89px;height:87px;min-width:0;border-radius:0;box-shadow:none;background:#89435d}
.jagoda .site-header.is-scrolled .wordmark{width:68px;height:68px}
.jagoda .site-header .desktop-nav,.jagoda .site-header.is-scrolled .desktop-nav{gap:8px;padding:0;min-height:55px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff9f6}
.jagoda .desktop-nav a{border-radius:8px}
.jagoda .site-header .nav-book{min-height:48px;min-width:144px;border:1px solid #f0d4a099;border-radius:13px;background:transparent;color:#fff9f6;box-shadow:none}
.jagoda .site-header .nav-book:hover{background:#ffffff14;transform:none}
.jagoda .about-image.about-portrait{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
@media(max-width:1100px) and (min-width:901px){.jagoda .site-header,.jagoda .site-header.is-scrolled{left:4%;right:4%;padding:0 13px;gap:13px}.jagoda .site-header .desktop-nav a{padding-left:8px;padding-right:8px}.jagoda .site-header .nav-book{min-width:132px}}
@media(max-width:900px){.jagoda .site-header,.jagoda .site-header.is-scrolled{inset:13px 13px auto;height:76px;padding:0 8px;gap:13px;grid-template-columns:minmax(0,1fr) auto auto}.jagoda .site-header .wordmark,.jagoda .site-header.is-scrolled .wordmark{width:68px;height:68px}.jagoda .site-header .nav-book{min-width:110px;min-height:44px;padding:10px 13px;gap:13px;font-size:11px}.jagoda .menu-toggle{width:44px;height:44px;border-radius:13px;background:transparent;border:1px solid #fff9f655}.jagoda #mobile-menu{inset:102px 13px 13px;max-height:calc(100svh - 115px);border-radius:13px;background:#89435d}.jagoda #mobile-menu .mobile-book{background:transparent;color:#fff9f6;border:1px solid #f0d4a099;border-radius:13px}}
@media(max-width:360px){.jagoda .site-header,.jagoda .site-header.is-scrolled{gap:8px}}

/* Give the tightly framed, light-gold original logo room to read. */
.jagoda .site-header .wordmark{width:110px;height:87px}
.jagoda .site-header.is-scrolled .wordmark{width:89px;height:68px}
@media(max-width:900px){.jagoda .site-header .wordmark,.jagoda .site-header.is-scrolled .wordmark{width:89px;height:68px}}