/* Artwork only decorates the gift story card; existing product photography stays intact. */
.gift-section .gift-story{position:relative;isolation:isolate;overflow:hidden;background:#fffaf5;backdrop-filter:none}
.gift-section .gift-story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/gift-card-watercolor.webp') right center / auto 100% no-repeat;opacity:.43}
.gift-section .gift-story::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5f7 43%,#fffaf58a 69%,transparent 100%)}
.gift-section .gift-story>*{position:relative;z-index:1}
@media(min-width:921px){
 .gift-section .gift-layout{grid-template-columns:55% 45%}
 .gift-section .gift-picture{grid-column:1/3;grid-row:1;width:55%;height:auto;aspect-ratio:1.48}
 .gift-section .gift-picture img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
 .gift-section .gift-story{grid-column:2;grid-row:1;box-sizing:border-box;width:calc(100% + 32px);margin-left:-32px;height:auto;min-height:clamp(370px,27vw,620px);padding:clamp(28px,2.5vw,52px) clamp(22px,2vw,40px);gap:clamp(8px,.7vw,15px);justify-content:center}
 .gift-section .gift-story .eyebrow,.gift-section .gift-story h2,.gift-section .gift-story p,.gift-section .gift-story .gift-facts,.gift-section .gift-story .btn{max-width:66%}
 .gift-section .gift-story h2{font-size:clamp(2.55rem,2.65vw,4.45rem);line-height:1.14}
 .gift-section .gift-story p:not(.gift-note){font-size:clamp(.82rem,.9vw,1rem);line-height:1.65}
 .gift-section .gift-facts{gap:6px;flex-wrap:wrap}
 .gift-section .gift-facts span{font-size:clamp(.6rem,.62vw,.78rem);white-space:nowrap}
 .gift-section .gift-story .gift-note{font-size:clamp(.59rem,.62vw,.74rem)}
 .gift-section .gift-story .btn{padding:clamp(11px,.95vw,16px) clamp(18px,1.4vw,26px);white-space:nowrap}
}
@media(min-width:921px) and (max-width:1450px){
 .gift-section .gift-story{padding-top:24px;padding-bottom:24px;gap:7px}
 .gift-section .gift-story .eyebrow,.gift-section .gift-story h2,.gift-section .gift-story p,.gift-section .gift-story .gift-facts,.gift-section .gift-story .btn{max-width:72%}
 .gift-section .gift-story h2{font-size:clamp(2.4rem,2.85vw,2.85rem)}
}
@media(max-width:920px){
 .gift-section .gift-picture{aspect-ratio:3/2}
 .gift-section .gift-picture img{aspect-ratio:3/2;object-fit:contain}
 .gift-section .gift-story{height:auto;min-height:0}
 .gift-section .gift-story::before{background-size:auto 95%;opacity:.26}
 .gift-section .gift-story::after{background:linear-gradient(90deg,#fffaf5 0%,#fffaf5f2 55%,#fffaf5b0 100%)}
}
@media(max-width:520px){
 .gift-section .gift-story::before{background-size:auto 72%;background-position:right bottom;opacity:.2}
 .gift-section .gift-story::after{background:linear-gradient(90deg,#fffaf5 0%,#fffaf5f7 65%,#fffaf5c9 100%)}
}

/* The navigation floats over the Hero without reserving a row on laptop screens. */
@media(min-width:801px) and (max-width:1599px){
 body>header.top{height:0;min-height:0;top:0}
 body>header.top>.shell{position:relative;top:18px}
 /* The centered 96% photo left an unpainted strip at the top. Keep its scale and anchor it to the top edge. */
 .hero::before{background-size:100% 100%,auto 96%;background-position:center top,right top;background-repeat:no-repeat,no-repeat}
}
@media(min-width:801px) and (max-width:1099px){.hero::before{background-size:100% 100%,auto 95%}}

/* The desktop annotation belongs to the Hero, not to the product's grid cell. */
.hero .seal-desktop{display:none}
@media(min-width:801px){.hero .seal-mobile{display:none}}
@media(min-width:1800px){
 .hero>.seal-desktop{display:flex;left:42%;right:auto;bottom:clamp(8px,1vw,18px);min-width:0;padding:10px 15px;font-size:.95rem;pointer-events:none}
}
@media(min-width:2200px){.hero>.seal-desktop{left:45%}}
@media(max-width:800px){.hero>.seal-desktop{display:none}}