.custom-gift-hero{width:100%;padding-top:var(--custom-gift-padding-top);padding-bottom:var(--custom-gift-padding-bottom);background:var(--color-background);color:var(--color-foreground);overflow:hidden}.custom-gift-hero__page-frame{margin-inline:auto}.custom-gift-hero--width-full .custom-gift-hero__page-frame{width:100%}.custom-gift-hero--width-page .custom-gift-hero__page-frame,.custom-gift-hero--width-custom .custom-gift-hero__page-frame{width:min(calc(100% - 32px),var(--page-width, 1440px))}.custom-gift-hero__inner{width:100%}.custom-gift-hero--width-custom .custom-gift-hero__inner{width:var(--custom-gift-width)}.custom-gift-hero--width-custom.custom-gift-hero--align-left .custom-gift-hero__inner{margin-left:0;margin-right:auto}.custom-gift-hero--width-custom.custom-gift-hero--align-center .custom-gift-hero__inner{margin-inline:auto}.custom-gift-hero--width-custom.custom-gift-hero--align-right .custom-gift-hero__inner{margin-left:auto;margin-right:0}.custom-gift-hero--width-full .custom-gift-hero__inner{padding-inline:clamp(16px,3vw,48px)}.custom-gift-hero__frame{position:relative;display:grid;grid-template-columns:minmax(0,calc(100% - var(--custom-gift-image-width))) minmax(0,var(--custom-gift-image-width));align-items:center;min-height:clamp(360px,34vw,540px);border-radius:var(--custom-gift-frame-radius)}.custom-gift-hero--framed .custom-gift-hero__frame{border:1px solid color-mix(in srgb,var(--custom-gift-frame-color) 65%,transparent)}.custom-gift-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(16px,2vw,24px);min-width:0;padding:clamp(34px,5vw,72px) clamp(24px,5vw,68px)}.custom-gift-hero__eyebrow{display:flex;align-items:center;gap:10px;color:var(--custom-gift-highlight);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.custom-gift-hero__eyebrow-line{width:28px;height:1px;background:currentColor;opacity:.65}.custom-gift-hero__heading{max-width:680px;margin:0;color:var(--custom-gift-heading-color)}.custom-gift-hero__text{max-width:600px;color:var(--custom-gift-text-color);line-height:1.65;opacity:.82}.custom-gift-hero__text>*{margin:0}.custom-gift-hero__text>*+*{margin-top:12px}.custom-gift-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:46px;padding:11px 20px;border:1px solid var(--custom-gift-button-border);border-radius:var(--custom-gift-button-radius);background:var(--custom-gift-button-background);color:var(--custom-gift-button-color);text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.custom-gift-hero__button svg{width:17px;height:17px;flex:0 0 auto;transition:transform .18s ease}@media(hover:hover)and (pointer:fine){.custom-gift-hero__button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000001f}.custom-gift-hero__button:hover svg{transform:translate(3px)}}.custom-gift-hero__button:focus-visible{outline:2px solid var(--custom-gift-highlight);outline-offset:3px}.custom-gift-hero__media{position:relative;align-self:stretch;min-width:0}.custom-gift-hero__image-frame{position:absolute;top:calc(-1 * var(--custom-gift-image-overlap));bottom:calc(-1 * var(--custom-gift-image-overlap));left:0;right:0;display:flex;align-items:center;justify-content:center;padding:12px clamp(12px,3vw,34px);pointer-events:none}.custom-gift-hero__image-frame picture{display:block;width:100%;height:100%}.custom-gift-hero__image{display:block;width:100%;height:100%;object-fit:contain;border-radius:var(--custom-gift-image-radius);transition:transform .42s cubic-bezier(.22,.61,.36,1)}@media(hover:hover)and (pointer:fine){.custom-gift-hero__frame:hover .custom-gift-hero__image{transform:scale(1.018)}}@media screen and (max-width:989px){.custom-gift-hero__frame{grid-template-columns:1fr;min-height:0}.custom-gift-hero__media{order:1;width:100%;min-height:clamp(300px,55vw,520px)}.custom-gift-hero__content{order:2;align-items:center;width:100%;padding:36px clamp(22px,6vw,54px) 42px;text-align:center}.custom-gift-hero__text{margin-inline:auto}.custom-gift-hero__image-frame{top:-44px;bottom:0;left:5%;right:5%;padding:0}.custom-gift-hero__image{object-fit:contain}}@media screen and (max-width:749px){.custom-gift-hero{padding-top:var(--custom-gift-padding-top-mobile);padding-bottom:var(--custom-gift-padding-bottom-mobile)}.custom-gift-hero--width-page .custom-gift-hero__page-frame,.custom-gift-hero--width-custom .custom-gift-hero__page-frame{width:calc(100% - 24px)}.custom-gift-hero--width-custom .custom-gift-hero__inner{width:100%}.custom-gift-hero--width-full .custom-gift-hero__inner{padding-inline:12px}.custom-gift-hero__frame{border-radius:min(var(--custom-gift-frame-radius),16px)}.custom-gift-hero__media{width:92%;min-height:0;padding:0;margin:auto}.custom-gift-hero__image-frame{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:auto;padding:0;margin-top:-24px}.custom-gift-hero__image-frame picture{display:block;width:100%;height:auto}.custom-gift-hero__image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border-radius:var(--custom-gift-image-radius)}.custom-gift-hero__content{gap:16px;padding:30px 18px 34px}.custom-gift-hero__heading{max-width:520px}.custom-gift-hero__text{max-width:520px;line-height:1.58}.custom-gift-hero__eyebrow-line{width:22px}.custom-gift-hero__button{min-height:44px;padding:10px 17px}}@media screen and (max-width:390px){.custom-gift-hero__media{min-height:250px}.custom-gift-hero__content{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.custom-gift-hero__button,.custom-gift-hero__button svg,.custom-gift-hero__image{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-gift-hero.css.map */