.oc-gifts { overflow: clip; background: #f4eee5; }
.oc-gifts-hero { min-height: min(760px, calc(100svh - 118px)); display: grid; align-items: center; background: #071722; color: var(--pg-bone); }
.oc-gifts-hero__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr); gap: clamp(42px, 6vw, 96px); align-items: center; padding-block: clamp(58px, 7vh, 86px); }
.oc-gifts-hero h1 { margin: 12px 0 24px; color: var(--pg-bone); font-size: clamp(4rem, 7vw, 7rem); font-weight: 390; line-height: .88; letter-spacing: -.065em; }
.oc-gifts-hero h1 em { color: var(--pg-brass-glow); font-weight: inherit; }
.oc-gifts-hero__copy > p:not(.pg-eyebrow) { max-width: 520px; color: #b7c0c2; line-height: 1.75; }
.oc-gifts-hero__visual { position: relative; justify-self: stretch; width: 100%; padding: 18px; border: 1px solid rgba(210,163,95,.35); }
.oc-gifts-hero__visual::before { content: ""; position: absolute; inset: 8% -18%; border: 1px solid rgba(210,163,95,.13); border-radius: 50%; }
.oc-gifts-hero__visual img { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; box-shadow: 0 34px 80px rgba(0,0,0,.42); }
.oc-gifts-hero__visual span { position: relative; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 22px; color: #adb7b9; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.oc-gifts-hero__visual i { width: 3px; height: 3px; border-radius: 50%; background: var(--pg-brass-glow); }
.oc-gifts-moments { padding: 110px 0; }
.oc-gifts-moments__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.oc-gift-card { min-height: 460px; display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid rgba(114,79,38,.2); background: #f9f5ef; transition: transform .3s, box-shadow .3s; }
.oc-gift-card:hover { transform: translateY(-4px); box-shadow: 0 24px 55px rgba(58,42,25,.11); }
.oc-gift-card img { width: 100%; height: 100%; object-fit: cover; }
.oc-gift-card > span { align-self: center; padding: 36px; }
.oc-gift-card small, .oc-gift-card strong, .oc-gift-card b { display: block; }
.oc-gift-card small { color: var(--pg-brass-text); font-size: .62rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.oc-gift-card strong { margin-top: 12px; font: 430 2.3rem/1 var(--font-display); }
.oc-gift-card p { margin: 16px 0 25px; color: #64635e; font-size: .82rem; line-height: 1.65; }
.oc-gift-card b { font-size: .72rem; }
.oc-gifts-quote { padding: 120px 0; background: #d9a45c; color: #071722; text-align: center; }
.oc-gifts-quote span { display: block; height: 58px; font: 400 7rem/.7 var(--font-display); opacity: .35; }
.oc-gifts-quote blockquote { max-width: 980px; margin: 0 auto; font: 390 clamp(2.5rem, 5vw, 4.6rem)/1 var(--font-display); letter-spacing: -.045em; }
@media (max-width: 900px) { .oc-gifts-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: 34px; } .oc-gift-card { grid-template-columns: 1fr; } .oc-gift-card img { height: 280px; } }
@media (max-width: 650px) { .oc-gifts-hero__grid, .oc-gifts-moments__grid { grid-template-columns: 1fr; } .oc-gifts-hero__visual { width: 82%; } .oc-gifts-hero h1 { font-size: 4rem; } .oc-gift-card { min-height: 0; } .oc-gifts-quote { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .oc-gift-card { transition: none; } .oc-gift-card:hover { transform: none; } }