.hp-bt{padding:var(--hp-pad-y, 8px) 8px}.hp-bt__frame{position:relative;display:flex;align-items:flex-end;min-height:var(--hp-bt-h, 560px);border-radius:16px;overflow:hidden;background:#c9ad90;color:#fff}.hp-bt__frame.is-fade{background:linear-gradient(90deg,var(--hp-bt-from, #a58a70) 0%,var(--hp-bt-to, #c9ad92) 62%)}.hp-bt__media,.hp-bt__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hp-bt__media img{display:block;object-fit:cover;object-position:50% 50%;transform:scale(1.04);transition:transform 9s var(--hp-ease, ease)}.hp-bt__frame.is-visible .hp-bt__media img{transform:scale(1)}.hp-bt__frame.is-fade .hp-bt__media{left:auto;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}.hp-bt__frame.is-fade .hp-bt__media img{object-position:40% var(--hp-bt-pos, 62%)}.hp-bt__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(29,29,31,var(--hp-bt-shade, .3)),#1d1d1f00 62%),linear-gradient(0deg,rgba(29,29,31,calc(var(--hp-bt-shade, .3) * .5)),#1d1d1f00 45%)}.hp-bt__content{position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:min(820px,100%);padding:clamp(22px,3.6vw,56px)}.hp-bt__eyebrow{margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.95}.hp-bt__title{margin:0 0 28px;font-size:clamp(28px,4.2vw,62px);line-height:1.03;letter-spacing:-.035em;font-weight:600;color:#fff}.hp-bt__btn{display:inline-flex;align-items:center;height:50px;padding:0 28px;border-radius:999px;background:#fff;color:#1d1d1f;font-size:15px;text-decoration:none;transition:background-color .3s ease,transform .15s ease}.hp-bt__btn:hover{background:#f5f4f1}.hp-bt__btn:active{transform:scale(.97)}.hp-bt__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:749px){.hp-bt__frame{min-height:max(var(--hp-bt-h, 560px),480px)}.hp-bt__frame.is-fade .hp-bt__media{left:0;width:100%;-webkit-mask-image:none;mask-image:none}.hp-bt__frame.is-fade .hp-bt__media img{object-position:30% var(--hp-bt-pos, 62%)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hello-pommeau-banner.css.map */