.gifting-page{--gift-dark:#1d3931;--gift-cream:#f6f0e6;color:#26342e}
.gifting-page>header{position:relative;background:var(--gift-cream);padding:19px 0}
.gifting-page main{overflow:hidden}
.gifting-page .eyebrow{letter-spacing:.17em}

.gift-hero{position:relative;display:flex;min-height:clamp(500px,52vw,600px);isolation:isolate;overflow:hidden;background:var(--gift-dark);color:#fffdf8}
.gifting-page>main>section.gift-hero:first-child{padding:0;background:var(--gift-dark)}
.gift-hero::after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#1d3931 0%,#1d3931 34%,#1d3931f5 45%,#1d3931c9 56%,#1d39313d 75%,transparent 100%)}
.gift-hero-copy{position:relative;display:flex;align-items:center;width:67%;padding:58px 7% 68px max(5vw,calc((100vw - 1180px)/2))}
.gift-hero-inner{max-width:630px}
.gift-hero .eyebrow{color:#d8e6d8;margin-bottom:22px}
.gift-hero h1{max-width:650px;margin:0 0 29px;font-size:clamp(53px,5.3vw,74px);line-height:.99;letter-spacing:-.055em;color:#fffdf8}
.gift-hero h1 em{display:inline;color:#e4b9a4;font-weight:400;font-style:italic}
.gift-hero p:not(.eyebrow){max-width:480px;margin:0 0 28px;font-size:19px;line-height:1.62;color:#f0eee7}
.gift-hero-photo{position:absolute;inset:0 0 0 auto;z-index:-2;width:57%;overflow:hidden;background:#121a17}
.gift-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:saturate(.87) contrast(.97)}

.gift-details{position:relative;z-index:1;margin-top:-30px;padding:58px 0 62px;border-radius:30px 30px 0 0;background:var(--gift-cream)}
.gift-details .eyebrow{margin:0 0 12px;color:#3d7269}
.gift-details h2{margin:0;font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-.04em}
.gift-offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;margin:29px 0 0;padding:0}
.gift-offerings>li{display:flex;align-items:center;min-height:126px;padding:24px 27px;border:1px solid #3d72692b;border-radius:20px;background:#f4efe3;color:#30584f;box-shadow:0 12px 28px #26332f13;font:400 clamp(22px,2.3vw,29px)/1.17 Georgia,serif}
.gift-offerings>li:nth-child(2){background:#e9efe7}
.gift-offerings>li:nth-child(3){background:#f2e9e6}
.gift-enquire{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px}
.gift-process{max-width:640px;margin:0;color:#4a5b50;font-size:16px;line-height:1.6}
.gift-enquire .btn{flex:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.gift-enquire .btn:hover,.gift-enquire .btn:focus-visible{transform:translateY(-3px);box-shadow:0 10px 23px #102d212e}

@media(max-width:1050px){.gift-hero-copy{padding-left:5vw}.gift-hero h1{font-size:clamp(51px,5.4vw,68px)}}
@media(max-width:800px){.gifting-page>header{padding:17px 0}.gift-hero{display:block;min-height:0;padding-bottom:340px}.gift-hero::after{background:linear-gradient(180deg,#1d3931 0%,#1d3931 54%,#1d3931df 66%,transparent 84%)}.gift-hero-copy{width:100%;padding:58px 5vw 48px}.gift-hero h1{max-width:640px;font-size:clamp(51px,7vw,64px)}.gift-hero-photo{inset:auto 0 0;width:100%;height:390px}.gift-hero-photo img{object-position:50% 30%}.gift-details{margin-top:-28px;padding:52px 0 58px;border-radius:28px 28px 0 0}.gift-offerings>li{min-height:115px;padding:20px}.gift-enquire{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:580px){.gift-hero{padding-bottom:240px}.gift-hero-copy{padding:48px 5vw 42px}.gift-desktop-break{display:none}.gift-hero h1{font-size:clamp(43px,11.5vw,52px);margin-bottom:22px}.gift-hero p:not(.eyebrow){font-size:17px;margin-bottom:24px}.gift-hero-photo{height:290px}.gift-details{margin-top:-24px;padding:42px 0 49px;border-radius:24px 24px 0 0}.gift-details h2{font-size:clamp(37px,9.5vw,48px)}.gift-offerings{grid-template-columns:1fr;gap:9px;margin-top:23px}.gift-offerings>li{min-height:75px;padding:17px 21px;border-radius:16px;font-size:23px}.gift-enquire{margin-top:22px}.gift-process{font-size:15px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.gift-enquire .btn{transition:none}.gift-enquire .btn:hover{transform:none}}
