/* Full-width kitchen composition, isolated to the alternative homepage. */
.hero.hero-wide {
  width: 100%; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr; gap: 0;
  position: relative; isolation: isolate; align-items: center;
}
.hero-wide .kitchen { display: block; grid-area: 1 / 1; width: 100%; }
.hero-wide .kitchen img { width: 100%; height: auto; border-radius: 0; }
.hero-wide .hero-wash {
  grid-area: 1 / 1; align-self: stretch; pointer-events: none;
  background: linear-gradient(90deg,#f6f1e8 0%,#f6f1e8ed 27%,#f6f1e800 59%);
}
.hero-wide .hero-copy {
  grid-area: 1 / 1; z-index: 1;
  width: 43%; margin-left: 8%; padding: 36px 0;
}
.hero-wide h1 { font-size: clamp(54px,5.4vw,96px); }
.hero-wide .intro { max-width: 440px; }
.hero-wide .secondary { background: #f6f1e8bd; border-color: #a69887; }
.hero-wide .socials {
  grid-area: 1 / 1; z-index: 2; justify-self: start; align-self: end;
  margin: 0 0 22px 76%; transform: translateX(-50%);
  padding: 8px 16px; background: #f6f1e8f2; border-radius: 6px;
  white-space: nowrap; gap: 20px;
}
.hero-wide .socials a { display: inline-flex; align-items: center; min-height: 28px; }
.hero-wide + .personal { border-top: 0; }
@media (min-width: 1000px) {
  /* Full-width scene: trim only the lower table, not the host. */
  .hero.hero-wide { height: calc(100vw * 941 / 1672 * .84); grid-template-rows: minmax(0,1fr); }
  .hero-wide .kitchen { height: 100%; min-height: 0; }
  .hero-wide .kitchen img {
    width: 100%; height: 100%; object-fit: cover; object-position: center top;
  }
  .hero-wide .hero-wash { background: linear-gradient(90deg,#f6f1e8e8 0%,#f6f1e8d9 29%,#f6f1e899 43%,#f6f1e800 60%); }
  .hero-wide .hero-copy { width: 42%; margin-left: 10%; padding: 24px 0; }
  .hero-wide h1 { font-size: clamp(44px,5vw,76px); }
  .hero-wide .eyebrow { margin-bottom: 12px; }
  .hero-wide .intro { font-size: clamp(16px,1.25vw,18px); margin-top: 16px; }
  .hero-wide .actions { margin-top: 24px; gap: 12px; flex-direction: row; flex-wrap: wrap; }
  .hero-wide .socials { margin-left: 76%; margin-bottom: 12px; }
}
@media (max-width: 999px) {
  .hero.hero-wide { align-items: start; }
  .hero-wide .kitchen { grid-area: 1 / 1; }
  .hero-wide .hero-wash { display: none; }
  .hero-wide .hero-copy {
    grid-area: 2 / 1; width: 100%; margin: -24px 0 0;
    padding: 36px 6% 40px; background: #f6f1e8; position: relative;
  }
  .hero-wide .hero-copy::before {
    content: ''; position: absolute; left: 0; right: 0; top: -40px; height: 40px;
    background: linear-gradient(transparent,#f6f1e8); pointer-events: none;
  }
  .hero-wide h1 { font-size: clamp(46px,8.5vw,72px); }
  .hero-wide .intro { max-width: 600px; }
  .hero-wide .socials { margin: 0 0 78px 50%; font-size: 13px; }
  .hero-wide .socials a { min-height: 32px; }
}
@media (min-width: 600px) and (max-width: 999px) {
  .hero-wide .kitchen { background: #e9e3d9; }
  .hero-wide .kitchen img { max-width: 520px; margin: auto; }
}