/* gifting.html: pinned gift tags per occasion, two feature cards, declaration band with spinning seal */
.gtags{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);text-align:center}
.gtag{position:relative;padding:44px 20px 24px;border-radius:14px 14px 22px 22px;background:var(--tex),var(--cream);color:var(--ink);
  clip-path:polygon(18% 0,82% 0,100% 12%,100% 100%,0 100%,0 12%);filter:drop-shadow(0 6px 0 rgba(16,30,56,.18)) drop-shadow(0 18px 18px rgba(16,30,56,.3));
  transition:transform .45s var(--spring)}
.gtag::before{content:"";position:absolute;top:12px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--terra-d);box-shadow:inset 0 2px 0 rgba(0,0,0,.3)}
.gtag:nth-child(odd){background:var(--tex),var(--sun-l)}
.gtag:nth-child(4n+1){rotate:-2deg}.gtag:nth-child(4n+2){rotate:1.5deg}.gtag:nth-child(4n+3){rotate:-1deg}.gtag:nth-child(4n){rotate:2deg}
.gtag:hover{transform:translateY(-8px) rotate(-3deg)}
.gtag .ico{display:block;width:clamp(84px,7vw,104px);height:clamp(84px,7vw,104px);margin:0 auto 12px;filter:drop-shadow(0 4px 0 rgba(16,30,56,.18))}
.gtag .ico svg{width:100%;height:100%}
.gtag h3{font-size:1.55rem;color:var(--plum);margin-bottom:.3em}
.on-dark .gtag p{color:#24344F;margin:0;font-weight:500}

.feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.feat{display:flex;flex-direction:column}
.feat .frame{margin:10px 0 22px}
.feat .frame img{aspect-ratio:16/10;object-fit:cover}
.feat h3{font-size:2rem;color:var(--plum)}
.feat p{flex:1}
.feat .btn{align-self:flex-start}
.feat:nth-child(1){rotate:-1deg}.feat:nth-child(2){rotate:1deg}

.decl{overflow-x:clip}
.decl h2{font-size:clamp(3rem,9vw,7.4rem);line-height:.92}
.decl h2 span{display:block}
.decl .a{color:var(--cream);text-shadow:0 .035em 0 var(--terra),0 .07em 0 var(--plum-d),0 .12em .1em rgba(0,0,0,.3)}
.decl .b{color:var(--sun-l);text-shadow:0 .035em 0 var(--terra-d),0 .07em 0 var(--plum-d),0 .12em .1em rgba(0,0,0,.35)}
.decl-seal{position:absolute;width:clamp(120px,16vw,230px);left:-40px;bottom:20px;opacity:.9;pointer-events:none}
.decl-seal svg{animation:spin 30s linear infinite}

@media (max-width:1099px){ .gtags{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:599px){ .decl-seal{width:92px;left:-38px;bottom:-6px} }
@media (max-width:759px){ .feats{grid-template-columns:1fr} .feat{rotate:0deg!important} }
@media (max-width:519px){ .gtags{grid-template-columns:1fr;max-width:380px;margin-inline:auto} }
@media (max-height:520px) and (orientation:landscape){ .feats{grid-template-columns:repeat(2,minmax(0,1fr))} }
.ph1.long{font-size:clamp(2.8rem,5.6vw,5.4rem)}
.nw{white-space:nowrap}