@font-face {
  font-family: "Schneidler Daphne";
  src: local("Schneidler Regular"), local("Schneidler-Regular"),
       url("./assets/fonts/Schneidler Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

:root {
  --daphne-green: #00a651;
  --ink: #1a1a1a;
  --ink-soft: #2a2a2a;
  --paper: #f7f3e9;
  --paper-warm: #f4efe3;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body {
  background: radial-gradient(circle at 50% 44%, var(--paper) 0%, var(--paper-warm) 100%);
  color: var(--ink);
}

body, a, button {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.landing {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 48px 24px;
  overflow: hidden;
}

.centerpiece {
  transform: translateY(-44px);
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: pageIn 1100ms var(--ease) both;
}

.logo-link { display: block; line-height: 0; }
.logo {
  width: clamp(178px, 14.8vw, 229px);
  height: auto;
  display: block;
  margin-bottom: clamp(96px, 10.9vh, 136px);
}

.nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(22px, 3vh, 32px);
}

.nav a,
.back-link,
.info-panel h1,
.info-panel h2,
.info-panel p,
.simple-panel h1,
.simple-panel p {
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
}

.nav a {
  font-size: clamp(22.95px, 2.2525vw, 27.2px);
  line-height: 0.98;
  letter-spacing: 0.006em;
  color: var(--ink);
  text-decoration: none;
  transition: color 180ms ease;
}

.nav a:hover,
.back-link:hover {
  color: var(--daphne-green);
  opacity: 1;
  letter-spacing: inherit;
}

.page {
  min-height: 100svh;
  padding: clamp(36px, 6vw, 72px) 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: softIn 900ms var(--ease) both;
}

.page-logo {
  display: block;
  line-height: 0;
  margin-bottom: clamp(80px, 13vh, 142px);
}

.page-logo img {
  width: clamp(112px, 10vw, 158px);
  height: auto;
  display: block;
}

.info-panel,
.simple-panel {
  width: min(760px, 100%);
  text-align: center;
}

.info-panel h1,
.simple-panel h1 {
  margin: 0 0 clamp(62px, 8vh, 86px);
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1;
  letter-spacing: 0.04em;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(32px, 5vw, 72px);
  margin-bottom: clamp(70px, 10vh, 108px);
}

.info-grid article { min-width: 0; }
.info-panel h2 {
  margin: 0 0 18px;
  font-size: clamp(18px, 1.85vw, 24px);
  line-height: 1;
  letter-spacing: 0.05em;
}

.info-panel p,
.simple-panel p {
  margin: 0;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.35;
  letter-spacing: 0.01em;
}

.simple-panel p { margin-bottom: clamp(70px, 10vh, 108px); }

.back-link {
  display: inline-block;
  color: var(--ink);
  text-decoration: none;
  font-size: clamp(20px, 1.9vw, 25px);
  line-height: 1;
  letter-spacing: 0.035em;
  transition: color 180ms ease;
}

@keyframes pageIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(-44px); }
}

@keyframes softIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
  .centerpiece { transform: translateY(-12px); }
  .logo { width: 176px; margin-bottom: 94px; }
  .nav { gap: 25px; }
  .nav a { font-size: 24.65px; letter-spacing: 0.004em; }
  .page-logo { margin-bottom: 76px; }
  .page-logo img { width: 124px; }
  .info-panel h1, .simple-panel h1 { margin-bottom: 56px; }
  .info-grid { grid-template-columns: 1fr; gap: 46px; margin-bottom: 66px; }
  @keyframes pageIn { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: translateY(-12px); } }
}

/* Menu page — editorial layout */
.menu-page {
  padding-top: clamp(32px, 4.5vw, 56px);
  padding-bottom: clamp(64px, 8vw, 112px);
}

.menu-logo {
  margin-bottom: clamp(58px, 9vh, 104px);
}

.menu-panel,
.menu-panel h1,
.menu-panel h2,
.menu-panel p,
.menu-panel a,
.menu-item {
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
}

.menu-panel {
  width: min(860px, 100%);
  color: var(--ink);
}

.menu-header {
  text-align: center;
  margin-bottom: clamp(76px, 10vh, 118px);
}

.restaurant-name {
  margin: 0 0 22px;
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1;
  letter-spacing: 0.055em;
}

.menu-header h1 {
  margin: 0;
  font-size: clamp(32px, 3.2vw, 42px);
  line-height: 1;
  letter-spacing: 0.05em;
}

.menu-section {
  margin-bottom: clamp(58px, 7.5vh, 88px);
}

.menu-section h2 {
  margin: 0 0 clamp(24px, 3.5vh, 38px);
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.08;
  letter-spacing: 0.035em;
  text-align: left;
}

.menu-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 5vw, 72px);
  align-items: baseline;
  margin-bottom: 15px;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.28;
  letter-spacing: 0.006em;
}

.menu-price {
  white-space: nowrap;
  color: rgba(26, 26, 26, .74);
  letter-spacing: 0.02em;
}

.menu-note {
  margin: clamp(72px, 10vh, 118px) 0 44px;
  text-align: center;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.35;
  letter-spacing: 0.018em;
  color: rgba(26, 26, 26, .72);
}

.menu-back {
  display: table;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .menu-page {
    align-items: stretch;
    padding-left: 22px;
    padding-right: 22px;
  }

  .menu-logo {
    align-self: center;
    margin-bottom: 56px;
  }

  .menu-panel {
    width: 100%;
  }

  .menu-header {
    margin-bottom: 72px;
  }

  .menu-section {
    margin-bottom: 56px;
  }

  .menu-section h2 {
    text-align: center;
    margin-bottom: 28px;
  }

  .menu-item {
    display: block;
    margin-bottom: 22px;
    text-align: center;
    line-height: 1.34;
  }

  .menu-price {
    display: block;
    margin-top: 6px;
  }
}

/* PDF menu page */
.pdf-menu-page {
  padding-top: clamp(32px, 4.5vw, 56px);
  padding-bottom: clamp(80px, 8vw, 128px);
  background: radial-gradient(circle at 50% 28%, var(--paper) 0%, var(--paper-warm) 100%);
}

.pdf-menu-logo {
  margin-bottom: clamp(52px, 8vh, 94px);
}

.pdf-menu-panel,
.pdf-menu-panel h1,
.pdf-menu-panel a {
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
}

.pdf-menu-panel {
  width: min(1320px, 100%);
}

.pdf-menu-header {
  text-align: center;
  margin-bottom: clamp(42px, 6vh, 72px);
}

.pdf-menu-header h1 {
  margin: 0;
  font-size: clamp(28px, 2.8vw, 38px);
  line-height: 1;
  letter-spacing: 0.045em;
}

.pdf-spread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3.4vw, 48px);
  align-items: start;
  margin: 0 auto;
}

.pdf-spread img {
  width: 100%;
  height: auto;
  display: block;
  background: transparent;
}

.pdf-actions {
  display: flex;
  justify-content: center;
  gap: clamp(32px, 5vw, 70px);
  margin-top: clamp(52px, 7vh, 86px);
}

@media (max-width: 760px) {
  .pdf-menu-panel { width: min(520px, 100%); }
  .pdf-spread { grid-template-columns: 1fr; gap: 34px; }
  .pdf-actions { flex-direction: column; align-items: center; gap: 24px; }
}

/* Reservations page */
.reservation-panel p {
  margin-bottom: clamp(46px, 7vh, 72px);
}

.reservation-button {
  display: inline-block;
  margin-bottom: clamp(58px, 8vh, 88px);
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-size: clamp(22px, 2.1vw, 28px);
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--ink);
  text-decoration: none;
  transition: color 180ms ease;
}

.reservation-button:hover {
  color: var(--daphne-green);
  opacity: 1;
  letter-spacing: 0.04em;
}


/* v18: menu PDF pages are rendered with transparent paper so the site background shows through. */

/* v19: Wine page */
.wine-page {
  background: radial-gradient(circle at 50% 24%, var(--paper) 0%, var(--paper-warm) 100%);
}

.wine-panel {
  width: min(1180px, 100%);
}

.wine-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(34px, 5vw, 72px);
  margin: 0 auto;
}

.wine-stack img {
  width: min(860px, 100%);
  height: auto;
  display: block;
  background: transparent;
}

@media (min-width: 1180px) {
  .wine-stack {
    gap: clamp(42px, 5vw, 86px);
  }
}

@media (max-width: 760px) {
  .wine-panel { width: min(520px, 100%); }
  .wine-stack { gap: 34px; }
}

/* v20: Wine PDF refinements */
.pdf-menu-page {
  animation: none;
}

.wine-page {
  padding-bottom: clamp(56px, 7vw, 96px);
}

.wine-panel {
  width: min(1360px, 100%);
}

.wine-page .pdf-menu-header {
  margin-bottom: clamp(28px, 4vh, 46px);
}

.wine-page .pdf-menu-header h1 {
  font-size: clamp(31px, 3.1vw, 43px);
}

.wine-stack {
  gap: clamp(14px, 2.2vw, 28px);
}

.wine-stack img {
  width: min(1080px, 100%);
}

@media (max-width: 760px) {
  .wine-panel { width: min(620px, 100%); }
  .wine-stack { gap: 16px; }
  .wine-page .pdf-menu-header { margin-bottom: 30px; }
}


/* v21: native PDF rendering for sharp menu and wine documents */
.pdf-viewer-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.pdf-viewer {
  width: 100%;
  height: min(82vh, 980px);
  min-height: 680px;
  display: block;
  border: 0;
  background: transparent;
}

.pdf-viewer-fallback {
  margin: 42px auto 0;
  text-align: center;
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.35;
  color: var(--ink);
}

.pdf-viewer-fallback a {
  color: var(--ink);
  text-decoration: none;
  letter-spacing: 0.03em;
}

.menu-pdf-viewer {
  height: min(78vh, 920px);
  min-height: 620px;
}

.wine-pdf-viewer {
  height: min(84vh, 1040px);
  min-height: 720px;
}

.pdf-menu-page,
.wine-page {
  animation: none !important;
}

.pdf-menu-header {
  margin-bottom: clamp(26px, 4vh, 48px);
}

@media (max-width: 760px) {
  .pdf-viewer-wrap { width: 100%; }
  .pdf-viewer {
    height: 78vh;
    min-height: 560px;
  }
  .menu-pdf-viewer,
  .wine-pdf-viewer {
    height: 78vh;
    min-height: 560px;
  }
}

/* v22: static document pages — no embedded PDF box, no internal scrollbars */
.static-document-page {
  background: radial-gradient(circle at 50% 28%, var(--paper) 0%, var(--paper-warm) 100%);
  animation: none !important;
}

.static-document-panel {
  width: min(1380px, 100%);
}

.static-document-spread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.3vw, 34px);
  align-items: start;
  margin: 0 auto;
}

.static-document-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8px, 1.4vw, 18px);
  margin: 0 auto;
}

.static-document-spread img,
.static-document-stack img {
  display: block;
  height: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.menu-static-spread img {
  width: 100%;
}

.wine-static-stack img {
  width: min(1160px, 100%);
}

@media (max-width: 860px) {
  .static-document-panel { width: min(620px, 100%); }
  .static-document-spread { grid-template-columns: 1fr; gap: 16px; }
  .static-document-stack { gap: 10px; }
  .wine-static-stack img { width: 100%; }
}

/* v23: consistent static document layout for Menu and Wine */
.static-document-page {
  padding-top: clamp(32px, 4.5vw, 56px);
  padding-bottom: clamp(42px, 5vw, 72px);
}

.static-document-page .pdf-menu-logo {
  margin-bottom: clamp(44px, 6.5vh, 78px);
}

.static-document-page .pdf-menu-header {
  margin-bottom: clamp(20px, 3vh, 34px);
}

.static-document-page .pdf-menu-header h1 {
  font-size: clamp(31px, 3.1vw, 43px);
}

.static-document-panel,
.wine-panel {
  width: min(1280px, 100%);
}

.static-document-stack,
.menu-static-stack,
.wine-static-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(6px, 1vw, 12px);
  margin: 0 auto;
}

.menu-static-stack img,
.wine-static-stack img {
  width: min(1120px, 100%);
  display: block;
  height: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.static-document-page .pdf-actions {
  margin-top: clamp(26px, 4vh, 46px);
}

@media (max-width: 860px) {
  .static-document-panel,
  .wine-panel { width: min(620px, 100%); }
  .static-document-stack,
  .menu-static-stack,
  .wine-static-stack { gap: 8px; }
  .menu-static-stack img,
  .wine-static-stack img { width: 100%; }
  .static-document-page .pdf-menu-header { margin-bottom: 22px; }
}

/* Daphne 1.0 static preview — Visit page */
.visit-panel .visit-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(34px, 5vh, 54px);
  margin-bottom: clamp(70px, 10vh, 108px);
}

.visit-panel .visit-content p {
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.35;
  letter-spacing: 0.012em;
}

/* Header consistency update — same logo size and top margin on all pages */
:root {
  --header-logo-width: clamp(178px, 14.8vw, 229px);
  --page-top-padding: clamp(48px, 6vw, 72px);
}

.page,
.static-document-page,
.pdf-menu-page {
  padding-top: var(--page-top-padding) !important;
}

.page-logo,
.pdf-menu-logo,
.menu-logo {
  margin-bottom: clamp(72px, 9vh, 112px) !important;
}

.page-logo img,
.pdf-menu-logo img,
.menu-logo img {
  width: var(--header-logo-width) !important;
  height: auto;
}

@media (max-width: 640px) {
  :root {
    --header-logo-width: 176px;
    --page-top-padding: 48px;
  }
  .page-logo,
  .pdf-menu-logo,
  .menu-logo {
    margin-bottom: 76px !important;
  }
}


/* Homepage social links */
.home-social {
  position: absolute;
  left: 50%;
  bottom: clamp(42px, 7vh, 82px);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--daphne-green);
  text-decoration: none;
}

.social-icon {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.maps-icon {
  width: 22px;
  height: 22px;
}

@media (max-width: 640px) {
  .home-social {
    bottom: 42px;
    gap: 20px;
  }

  .social-link {
    width: 30px;
    height: 30px;
  }

  .social-icon {
    width: 22px;
    height: 22px;
  }
}


/* About Us page */
.about-panel {
  width: min(760px, 100%);
}

.about-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(38px, 5.5vh, 62px);
  margin-bottom: clamp(70px, 10vh, 108px);
}

.about-section {
  text-align: center;
}

.about-section h2 {
  margin: 0 0 16px;
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1;
  letter-spacing: 0.035em;
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
}

.about-section p,
.about-section a,
.newsletter-form input,
.newsletter-form button {
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.35;
  letter-spacing: 0.012em;
  color: var(--ink);
}

.about-section a {
  text-decoration: none;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.newsletter-form input {
  width: min(360px, 78vw);
  padding: 0 0 8px;
  border: 0;
  border-bottom: 1px solid rgba(26, 26, 26, .42);
  border-radius: 0;
  background: transparent;
  text-align: center;
  outline: none;
}

.newsletter-form input::placeholder {
  color: rgba(26, 26, 26, .48);
}

.newsletter-form button {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Daphne 1.0.3 — consistent subpage typography + primary booking button */
:root {
  --subpage-type-size: clamp(18px, 1.7vw, 23px);
  --subpage-heading-size: clamp(18px, 1.7vw, 23px);
  --cta-type-size: clamp(15px, 1.35vw, 19px);
}

/* Same typographic scale across subpages */
.about-section h2,
.about-section p,
.about-section a,
.newsletter-form input,
.newsletter-form button,
.static-document-page .pdf-menu-header h1,
.pdf-actions a,
.cta-button {
  font-size: var(--subpage-type-size) !important;
  line-height: 1.2;
  letter-spacing: 0.035em;
}

.about-section p,
.about-section a,
.newsletter-form input,
.newsletter-form button {
  line-height: 1.35;
}

/* Green Book a Table button */
.cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 152px;
  padding: 9px 16px 8px;
  border: 1px solid var(--daphne-green);
  background: var(--daphne-green);
  color: var(--paper) !important;
  text-decoration: none;
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-weight: 400;
  line-height: 1;
  font-size: var(--cta-type-size) !important;
  letter-spacing: 0.04em;
  transition: opacity 180ms ease;
}

.cta-button:hover {
  opacity: 1;
  color: var(--daphne-green) !important;
  background: rgba(0, 166, 81, .06) !important;
  letter-spacing: 0.04em;
}

.static-document-page .pdf-actions {
  margin-top: clamp(34px, 5vh, 58px);
}

@media (max-width: 640px) {
  :root {
    --subpage-type-size: 20px;
    --cta-type-size: 17px;
  }
  .cta-button {
    min-width: 148px;
    padding: 9px 15px 8px;
  }
}


/* Daphne 1.0.4 — language switch */
.lang-switch {
  position: fixed;
  top: clamp(24px, 4vw, 46px);
  right: clamp(22px, 4vw, 48px);
  z-index: 20;
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1;
  letter-spacing: 0.045em;
  color: var(--daphne-green);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.lang-switch a,
.lang-switch span {
  color: var(--daphne-green);
  text-decoration: none;
}
.lang-switch .is-active { opacity: 1; }
.lang-switch a { opacity: .62; transition: color 180ms ease, opacity 180ms ease; }
.lang-switch a:hover { opacity: 1; color: var(--ink); }
@media (max-width: 640px) {
  .lang-switch {
    top: 22px;
    right: 22px;
    font-size: 13px;
  }
}


/* Daphne 1.0.5 — bolder language switch + outline booking buttons */
.lang-switch {
  font-size: clamp(15.4px, 1.155vw, 18.7px);
  font-weight: 700;
}

.cta-button {
  border: 1px solid var(--daphne-green) !important;
  background: transparent !important;
  color: var(--daphne-green) !important;
  min-width: 142px;
  padding: 8px 15px 7px;
}

.cta-button:hover {
  opacity: 1;
  color: var(--daphne-green) !important;
  background: rgba(0, 166, 81, .06) !important;
}

@media (max-width: 640px) {
  .lang-switch {
    font-size: 14.3px;
    font-weight: 700;
  }
  .cta-button {
    min-width: 138px;
    padding: 8px 14px 7px;
  }
}


/* Daphne opening note */
.centerpiece .logo {
  margin-bottom: clamp(18px, 2.4vh, 28px);
}

.opening-note {
  margin: 0 0 clamp(70px, 8.2vh, 106px);
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1;
  letter-spacing: 0.045em;
  color: var(--daphne-green);
  text-transform: uppercase;
  animation: none;
}


@media (prefers-reduced-motion: reduce) {
  .opening-note { animation: none; }
}

@media (max-width: 640px) {
  .centerpiece .logo {
    margin-bottom: 20px;
  }
  .opening-note {
    margin-bottom: 68px;
    font-size: 17px;
  }
}


/* Daphne footer — small permanent restaurant details */
.landing {
  position: relative;
}

.site-footer {
  width: min(920px, calc(100% - 44px));
  margin: clamp(52px, 7vh, 84px) auto clamp(22px, 3.6vh, 36px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
  font-family: "Schneidler Daphne", "Times New Roman", Georgia, serif;
  font-size: clamp(11px, .78vw, 13px);
  line-height: 1.35;
  letter-spacing: 0.045em;
  color: var(--daphne-green);
}

.site-footer a,
.site-footer span {
  color: var(--daphne-green);
  text-decoration: none;
}

.site-footer a { transition: color 180ms ease; }
.site-footer a:hover {
  opacity: 1;
  color: var(--ink);
}

.landing .site-footer {
  position: absolute;
  left: 50%;
  bottom: clamp(12px, 2vh, 22px);
  transform: translateX(-50%);
  margin: 0;
}

.landing .home-social {
  bottom: clamp(66px, 9vh, 108px);
}

@media (max-width: 640px) {
  .site-footer {
    width: min(310px, calc(100% - 36px));
    font-size: 11px;
    gap: 5px;
    margin-top: 48px;
    margin-bottom: 26px;
  }

  .landing .site-footer {
    bottom: 14px;
  }

  .landing .home-social {
    bottom: 78px;
  }
}



/* Release 1.0 — final polish */
.nav a,
.lang-switch,
.opening-note,
.info-panel h1,
.info-panel h2,
.simple-panel h1,
.pdf-menu-header h1,
.cta-button,
.back-link,
.newsletter-form button {
  text-transform: uppercase;
}

.about-section p,
.about-section a,
.newsletter-form input,
.site-footer {
  text-transform: none;
}

a, button {
  transform: none !important;
}

.social-link {
  transition: color 180ms ease;
}
.social-link:hover {
  color: var(--ink);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}