:root {
  --paper: #f5eddf;
  --plum: #44204f;
  --gold: #b88a42;
  --ink: #251a28;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: Helvetica, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.gifts-header {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 76px;
  padding: 0 3vw;
  background: rgba(255, 253, 248, .72);
  border-bottom: 1px solid rgba(38, 25, 34, .12);
  backdrop-filter: blur(16px) saturate(1.08);
}
.gifts-menu { display: grid; gap: 5px; width: 28px; padding: 6px; }
.gifts-menu i { display: block; height: 1px; background: var(--ink); }
.gifts-brand { color: var(--plum); font: 15px Didot, "Bodoni 72", Georgia, serif; letter-spacing: .2em; }
.gifts-return { justify-self: end; text-transform: uppercase; font-size: 7px; letter-spacing: .22em; }
.gifts-hero { position: relative; min-height: 100svh; overflow: hidden; padding-top: 76px; isolation: isolate; }
.gifts-hero > img { position: absolute; z-index: -3; inset: 76px 0 0; width: 100%; height: calc(100% - 76px); object-fit: cover; object-position: center; filter: saturate(.8) contrast(1.03); }
.gifts-veil { position: absolute; z-index: -2; inset: 76px 0 0; background: linear-gradient(90deg, rgba(246, 239, 226, .97) 0 34%, rgba(246, 239, 226, .72) 49%, rgba(246, 239, 226, .08) 72%), linear-gradient(0deg, rgba(45, 23, 52, .22), transparent 35%); }
.gifts-veil::before { content: ""; position: absolute; width: 43vw; aspect-ratio: 1; left: -17vw; top: 11vh; border: 1px solid rgba(184, 138, 66, .3); border-radius: 50%; box-shadow: 0 0 0 52px rgba(184, 138, 66, .035); }
.gifts-copy { width: min(47vw, 720px); padding: 17svh 0 12svh 8vw; }
.gifts-copy > p { margin: 0 0 4.5svh; color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .34em; }
.gifts-copy h1 { margin: 0; color: var(--plum); font: 400 clamp(86px, 9.4vw, 168px)/.74 Didot, "Bodoni 72", Georgia, serif; letter-spacing: -.06em; }
.gifts-copy h1 em { color: #915a87; font-weight: 400; }
.gifts-copy h2 { margin: 5svh 0 0; color: #51404f; font: italic 400 clamp(18px, 1.5vw, 27px)/1.35 Georgia, serif; }
.gifts-note { display: flex; flex-direction: column; align-items: flex-start; gap: 3.5svh; margin-top: 6svh; }
.gifts-note span { max-width: 500px; color: #66555f; font: 400 14px/1.7 Georgia, serif; }
.gifts-note button { min-width: 285px; padding: 19px 24px; color: var(--plum); background: rgba(255, 253, 248, .5); border: 1px solid rgba(184, 138, 66, .7); font-size: 8px; font-weight: 700; letter-spacing: .25em; }
.gifts-postmark { position: absolute; right: 3vw; bottom: 3vh; color: rgba(255, 248, 232, .84); font-size: 7px; font-weight: 700; letter-spacing: .27em; }
@media (max-width: 700px), (hover: none) and (pointer: coarse) {
  body > * { display: none !important; }
  body::before { content: "SEMPER EADEM\A\A MOBILE EDITION IN DEVELOPMENT"; position: fixed; inset: 0; display: grid; place-items: center; padding: 12vw; color: var(--plum); background: var(--paper); text-align: center; white-space: pre-line; font: 600 12px/1.9 Georgia, serif; letter-spacing: .22em; }
}