magemory-tb-hero.tb-hero{display:block;width:100%;grid-column:1/-1;position:relative;isolation:isolate;background:#f6e8dd;--tb-original-height:max(660px,min(74vw,1000px));--tb-top-trim:calc(var(--tb-original-height)*0.0925);min-height:0;height:calc(var(--tb-original-height) - var(--tb-top-trim));overflow:hidden;border-radius:0}
.tb-hero .tb-hero__title{position:absolute;left:4%;right:4%;top:var(--tb-top-trim);margin:0;height:auto;display:block;text-align:center;white-space:nowrap;font:700 clamp(46px,8.6vw,165px)/1.03 Poppins,Arial,sans-serif;letter-spacing:-.06em;color:#eb3300;z-index:0;pointer-events:none}
.tb-hero-stage{position:absolute;inset:calc(0px - var(--tb-top-trim)) 0 40px;z-index:1;touch-action:pan-y;cursor:ew-resize}
.tb-hero-stage canvas{display:block;width:100%;height:100%}
.tb-hero-fallback{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:3%;padding:18% 10% 9%;pointer-events:none}
.tb-hero-fallback img{width:26%;max-height:85%;object-fit:contain;mix-blend-mode:multiply}
.tb-hero-stage[data-render=ready] .tb-hero-fallback{display:none}
.tb-flower-cursor{position:absolute;top:0;left:0;width:44px;height:44px;object-fit:contain;pointer-events:none;z-index:5;opacity:0;will-change:transform;transition:opacity .1s}
.tb-flower-cursor[data-visible=true]{opacity:1}
.tb-hero-stage[data-keyboard=true]:focus-visible{outline:2px solid #eb3300;outline-offset:-4px}
@media(hover:hover) and (pointer:fine){.tb-hero-stage[data-render=ready]{cursor:none}}
@media(hover:none){.tb-flower-cursor{display:none}}
@media(max-width:600px){
 magemory-tb-hero.tb-hero{display:block;width:100%;--tb-original-height:500px;--tb-top-trim:27.5px;height:calc(var(--tb-original-height) - var(--tb-top-trim));min-height:0}
 .tb-hero .tb-hero__title{top:27.5px;left:5%;right:5%;font-size:9.2vw;letter-spacing:-.055em;white-space:normal}
 .tb-hero-stage{inset:27.5px 0 10px}
 .tb-hero-fallback{padding:15% 0}.tb-hero-fallback img{width:29%}
}

magemory-tb-hero .tb-hero__title{font-family:Poppins,var(--font-heading--family),sans-serif}
magemory-tb-hero img{border-radius:0}

/* Halve the existing 52px spacer only in this homepage banner section. */
.section-wrapper:has(magemory-tb-hero) .section-content-wrapper > .group-block:first-child .spacer-block{height:26px}
