.phero{color:var(--color-ink);background:#e6d4b8;container-type:inline-size}.phero-frame{aspect-ratio:4/5}.phero-slides{position:absolute;inset:0}.phero-slide{visibility:hidden;background:var(--paint);position:absolute;inset:0}.phero-slide[data-role=active]{visibility:visible;z-index:2}.phero-slide[data-role=prev]{visibility:visible;z-index:1}.phero-photo{position:absolute;inset:0;overflow:hidden}.phero-photo img{object-fit:cover;transform-origin:70% 60%;will-change:transform;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translate(0,0)}.phero-copy{width:70cqw;padding:7cqw 0 0 6.5cqw;position:absolute;top:0;left:0}.phero .hero-coupon-code{border-color:currentColor}.phero .hero-coupon-code:hover{background:var(--color-ink);color:#f7f4ee}.phero-slide[data-entering=sweep]{animation:.9s cubic-bezier(.65,0,.35,1) both phero-sweep}.phero-slide[data-entering=rise]{animation:.9s cubic-bezier(.65,0,.35,1) both phero-rise}@keyframes phero-sweep{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes phero-rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.phero-ink{z-index:3;pointer-events:none;opacity:0;position:absolute;inset:0}.phero-ink:after{content:"";background:var(--color-ink);position:absolute}.phero-ink[data-mode=sweep]{animation:.9s cubic-bezier(.65,0,.35,1) both phero-ink-x}.phero-ink[data-mode=sweep]:after{inset-block:0;width:1.5px;left:0}.phero-ink[data-mode=rise]{animation:.9s cubic-bezier(.65,0,.35,1) both phero-ink-y}.phero-ink[data-mode=rise]:after{inset-inline:0;height:1.5px;top:0}@keyframes phero-ink-x{0%{opacity:1;transform:translate(100%)}90%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes phero-ink-y{0%{opacity:1;transform:translateY(100%)}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.phero-slide[data-role=active] img,.phero-slide[data-role=prev] img{animation:6s cubic-bezier(.33,0,.67,1) both phero-kb-in}.phero-slide[data-role=active] img[data-kb=out],.phero-slide[data-role=prev] img[data-kb=out]{animation-name:phero-kb-out}@keyframes phero-kb-in{0%{transform:translate(.8%,.4%)scale(1.06)}to{transform:translate(0,0)scale(1.01)}}@keyframes phero-kb-out{0%{transform:translate(0,0)scale(1.01)}to{transform:translate(-.8%,-.4%)scale(1.06)}}.phero-frame-line{z-index:1;pointer-events:none;width:calc(100% - 6.4cqw);height:calc(100% - 6.4cqw);position:absolute;inset:3.2cqw;overflow:visible}.phero-frame-line rect{fill:none;stroke:#fbf8f3;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.phero-slide[data-role=active] .phero-frame-line rect{animation:2.4s cubic-bezier(.65,0,.35,1) .3s both phero-frame}@keyframes phero-frame{0%{stroke-dashoffset:1px;opacity:.95}55%{stroke-dashoffset:0;opacity:.95}to{stroke-dashoffset:0;opacity:0}}.phero-pause{z-index:7;width:32px;height:32px;color:var(--color-ink);background:#fbf8f3d1;border-radius:999px;place-items:center;transition:background .2s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 1px 3px #0000001f}.phero-pause svg{fill:currentColor;width:14px;height:14px}.phero-pause:hover{background:#fbf8f3}.phero-pause:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (min-width:768px){.phero{max-width:2200px}.phero-frame{aspect-ratio:auto;height:clamp(40cqw,100svh - 176px,56.25cqw)}.phero-photo img{object-position:50% 28%}.phero-copy{flex-direction:column;justify-content:center;width:36cqw;padding:0 0 0 6cqw;display:flex;inset-block:0}.phero-frame-line{width:calc(100% - 4.4cqw);height:calc(100% - 4.4cqw);inset:2.2cqw}}@media (prefers-reduced-motion:reduce){.phero-slide img{animation:none!important}}