.home-page .home-hero { position: relative; isolation: isolate; min-height: 360px; height: min(560px, calc(100svh - 220px)); overflow: hidden; background: var(--blush); }
.home-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; z-index: -2; }
.home-hero::before { content: ''; position: absolute; inset: 0; background: #28121f66; z-index: -1; }
.home-hero-content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 40px; color: #fff; }
.home-location { font-size: 11px; font-weight: 600; letter-spacing: 0; margin-bottom: 18px; }
.home-page .home-hero h1 { font-size: 64px; line-height: 1.03; letter-spacing: 0; margin: 0 0 20px; max-width: 600px; }
.home-hero-content > p:not(.home-location) { font-size: 16px; line-height: 1.65; margin-bottom: 26px; }
.home-hero .button { background: var(--paper); color: var(--berry); border: 1px solid var(--paper); }
.home-hero .button:hover { background: var(--blush); }
.home-creations { padding-block: 54px; }
.home-section-heading { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 26px; }
.home-section-heading .eyebrow { letter-spacing: 0; margin-bottom: 8px; }
.home-section-heading .text-link { font-size: 12px; }
.home-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.home-photo-grid a { min-width: 0; }
.home-photo-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.home-photo-grid h3 { font-size: 26px; line-height: 1.2; letter-spacing: 0; margin-top: 14px; }
.home-order-band { background: var(--blush); border-block: 1px solid var(--line); }
.home-order-inner { padding-block: 36px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.home-order-inner p { font-size: 13px; line-height: 1.8; margin: 12px 0 0; }
.home-order-inner .button { flex-shrink: 0; }
@media (max-width: 800px) {
  .home-page .home-hero h1 { font-size: 52px; }
  .home-photo-grid { gap: 18px; }
  .home-photo-grid h3 { font-size: 23px; }
}
@media (max-width: 580px) {
  .home-page .home-hero { height: min(490px, calc(100svh - 190px)); min-height: 350px; }
  .home-hero-photo { object-position: 57% center; }
  .home-page .home-hero h1 { font-size: 42px; max-width: 100%; }
  .home-hero-content > p:not(.home-location) { font-size: 14px; }
  .home-creations { padding-block: 32px; }
  .home-photo-grid { grid-template-columns: 1fr; gap: 26px; }
  .home-photo-grid img { aspect-ratio: 4 / 3; }
  .home-order-inner { flex-direction: column; align-items: flex-start; padding-block: 28px; }
}