/* Gift cards page (root-level). Design: Figma 1:4928 "1920w gift cards". */
.gift-hero { display: grid; grid-template-columns: 1020fr 900fr; background: var(--sand); min-height: clamp(520px, 44.95vw, 863px); }
.gift-hero .text { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 4vw, 80px) var(--gutter); }
.gift-hero .inner { max-width: 760px; }
.gift-hero h1 { margin-top: clamp(10px, 0.83vw, 16px); font-size: var(--fs-h2); line-height: 1; letter-spacing: -0.01em; }
.gift-hero h1 .serif { letter-spacing: -0.02em; }
.gift-hero .intro { margin-top: clamp(16px, 1.67vw, 32px); max-width: 37em; font-size: clamp(16px, 1.04vw, 20px); line-height: 1.2; }
.gift-hero .btn { margin-top: clamp(24px, 2.1vw, 40px); min-height: clamp(48px, 3.33vw, 64px); min-width: clamp(220px, 15.6vw, 300px); font-size: clamp(16px, 1.17vw, 22.5px); }
.gift-hero .note { margin-top: 16px; font-size: clamp(13px, 0.83vw, 16px); line-height: 1.2; }
.gift-hero .photo { position: relative; overflow: hidden; background: var(--brown); }
.gift-hero .photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
  .gift-hero { grid-template-columns: 1fr; min-height: 0; }
  .gift-hero .photo { order: -1; aspect-ratio: 390 / 374; }
  .gift-hero .text { padding-top: 32px; padding-bottom: 48px; }
  .gift-hero .btn { width: 100%; }
}