.guide-banner__panel{display:flex;flex-direction:column;align-items:center;gap:var(--goldenroo-space-md);padding:var(--goldenroo-space-md);border-radius:var(--goldenroo-radius-md);background:var(--goldenroo-sand);text-align:center}.guide-banner__media{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;max-width:22rem}.guide-banner__image{width:100%;height:100%;max-height:18rem;object-fit:contain}.guide-banner__placeholder{width:100%;aspect-ratio:4 / 3}.guide-banner__copy{flex:1;min-width:0}.guide-banner__heading{margin:0;color:var(--goldenroo-forest-ink)}.guide-banner__text{margin:var(--goldenroo-space-2xs) 0 0;color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:1.55}.guide-banner__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:center;gap:var(--goldenroo-space-2xs)}.guide-banner__actions--stack{flex-direction:column;align-items:stretch}.guide-banner__button.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.6rem;border-radius:var(--goldenroo-radius-sm);background:var(--goldenroo-forest);color:#fff;font-size:1.5rem;font-weight:600;white-space:nowrap;box-shadow:none;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.guide-banner__button.button:after,.guide-banner__button.button:not([disabled]):hover:after{box-shadow:none}.guide-banner__button.button:not(.guide-banner__button--outline):not([disabled]):hover{background:var(--goldenroo-forest-ink)}.guide-banner__button--outline.button--secondary{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);color:var(--goldenroo-forest-ink)}.guide-banner__button--outline.button--secondary:not([disabled]):hover{border-color:rgba(var(--color-foreground),.45)}.guide-banner__button-icon{display:inline-flex;align-items:center;width:1.8rem;height:1.8rem}.guide-banner__button-icon .svg-wrapper,.guide-banner__button-icon svg{width:100%;height:100%;fill:currentColor}.guide-banner__panel--end-bleed{position:relative;overflow:hidden}.guide-banner__panel--end-bleed .guide-banner__media--end{width:calc(100% + 2 * var(--goldenroo-space-md));max-width:none;margin:0 calc(-1 * var(--goldenroo-space-md)) calc(-1 * var(--goldenroo-space-md))}.guide-banner__panel--end-bleed .guide-banner__media--end .guide-banner__image{aspect-ratio:16 / 9;max-height:none;object-fit:cover}@media screen and (min-width:990px){.guide-banner__panel{flex-direction:row;gap:var(--goldenroo-space-lg);padding:var(--goldenroo-space-lg) var(--goldenroo-space-xl);text-align:left}.guide-banner__media{width:22%;max-width:none}.guide-banner__placeholder{aspect-ratio:3 / 2}.guide-banner__actions{justify-content:flex-end}.guide-banner__panel--end-bleed{flex-wrap:wrap;align-content:center;row-gap:var(--goldenroo-space-md);padding-right:40%}.guide-banner__panel--end-bleed .guide-banner__copy{flex-basis:100%}.guide-banner__panel--end-bleed .guide-banner__actions{justify-content:flex-start}.guide-banner__panel--end-bleed .guide-banner__media--end{position:absolute;top:0;right:0;bottom:0;width:38%;margin:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%);mask-image:linear-gradient(to right,transparent 0,#000 34%)}.guide-banner__panel--end-bleed .guide-banner__media--end .guide-banner__image{aspect-ratio:auto;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-guide-banner.css.map */