.scene-accordion{--sa-gap: .6rem;--sa-radius: .8rem;--sa-collapsed-mobile: 4.6rem;--sa-ease: cubic-bezier(.2, .8, .2, 1);--sa-media-bg: #111;--sa-expand-share: .524;--sa-fit-aspect: 1.6}.scene-accordion__inner{width:100%}.scene-accordion__header{margin-bottom:1.6rem}.scene-accordion__title{margin:0}.scene-accordion__text{margin:.6rem 0 0;max-width:40rem;opacity:.78}.scene-accordion__row{display:flex;gap:var(--sa-gap);width:100%;aspect-ratio:calc(var(--sa-fit-aspect) / var(--sa-expand-share));height:auto;align-items:stretch}.scene-accordion__panel{position:relative;flex:1 1 0;min-width:0;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:var(--sa-radius);overflow:hidden;cursor:pointer;color:#fff;background:var(--sa-media-bg);text-align:left;appearance:none;-webkit-appearance:none;transition:flex-grow .55s var(--sa-ease),filter .35s ease;filter:brightness(.72) saturate(.92);outline:none}.scene-accordion__panel:focus-visible{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgba(var(--color-foreground),.55)}.scene-accordion__panel.is-active,.scene-accordion__panel[aria-expanded=true]{flex-grow:5.5;flex-basis:0;height:100%;filter:brightness(1) saturate(1.05)}.scene-accordion__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--sa-media-bg)}.scene-accordion__media img,.scene-accordion__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.scene-accordion__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014 30%,#00000073 72%,#000000b8);pointer-events:none}.scene-accordion__panel.is-active .scene-accordion__scrim,.scene-accordion__panel[aria-expanded=true] .scene-accordion__scrim{background:linear-gradient(180deg,#0000000d 35%,#0006 75%,#000000ad)}.scene-accordion__label{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.1rem 1rem 1rem;min-height:30%;pointer-events:none}.scene-accordion__heading{margin:0;font-size:1.05rem;line-height:1.25;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}.scene-accordion__caption{margin:0;max-width:28rem;font-size:.92rem;line-height:1.35;opacity:0;transform:translateY(.6rem);transition:opacity .35s ease .08s,transform .35s var(--sa-ease) .08s}.scene-accordion__panel.is-active .scene-accordion__caption,.scene-accordion__panel[aria-expanded=true] .scene-accordion__caption{opacity:.95;transform:translateY(0)}.scene-accordion__index{position:absolute;top:.75rem;left:.75rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.7rem;padding:0 .4rem;border-radius:999px;background:#00000073;font-size:.75rem;font-weight:600;letter-spacing:.02em;pointer-events:none}@media screen and (max-width:989px){.scene-accordion__row{flex-direction:column;aspect-ratio:auto;height:auto}.scene-accordion__panel{flex:0 0 auto;width:100%;height:var(--sa-collapsed-mobile);filter:brightness(.78) saturate(.95);transition:filter .3s ease}.scene-accordion__panel.is-active,.scene-accordion__panel[aria-expanded=true]{flex-grow:0;width:100%;height:auto;aspect-ratio:var(--sa-fit-aspect);filter:brightness(1) saturate(1.05)}.scene-accordion__heading{font-size:.98rem}.scene-accordion__label{min-height:auto;padding:.85rem 1rem}.scene-accordion__panel:not(.is-active) .scene-accordion__caption,.scene-accordion__panel[aria-expanded=false] .scene-accordion__caption{display:none}}@media(prefers-reduced-motion:reduce){.scene-accordion__panel,.scene-accordion__caption{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/scene-accordion.css.map */