ort-brand-panels{display:block}.ort-brand-panels{padding-block:var(--ort-space-7);color:var(--ort-color-text)}.ort-brand-panels__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ort-space-3) var(--ort-space-5);margin-bottom:var(--ort-space-5)}.ort-brand-panels__head-text{display:flex;flex-direction:column;gap:var(--ort-space-2)}.ort-brand-panels__eyebrow{margin:0}.ort-brand-panels__all{display:inline-flex;align-items:center;gap:var(--ort-space-2);min-height:var(--ort-tap-target);border-bottom:.2rem solid var(--ort-color-accent);color:inherit;font-size:var(--ort-text-sm);font-weight:var(--ort-font-body-weight-bold);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.ort-brand-panels__all:after{content:"\2192";display:inline-block;transition:transform var(--ort-transition)}.ort-brand-panels__all:is(:hover,:focus-visible):after{transform:translate(.4rem)}.ort-brand-panels__all:focus-visible{outline:.2rem solid var(--ort-color-focus);outline-offset:.4rem}.ort-brand-panels__list{display:flex;flex-direction:column;gap:var(--ort-space-2);margin:0;padding:0;list-style:none}.ort-brand-panels__panel{position:relative;min-width:0;height:6.4rem;overflow:hidden;background-color:color-mix(in srgb,var(--ort-brand-navy) 85%,#fff);color:#fff;transition:height .56s var(--ort-ease),flex-grow .56s var(--ort-ease)}.ort-brand-panels__panel.is-open{height:34rem}.ort-brand-panels__media{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .56s var(--ort-ease),filter .56s var(--ort-ease)}.ort-brand-panels__media img,.ort-brand-panels__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ort-brand-panels__placeholder{fill:#ffffff4d}.ort-brand-panels__panel:not(.is-open) .ort-brand-panels__media{filter:brightness(.5) saturate(.6);transform:scale(1.05)}.ort-brand-panels__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#00263900 25%,#00263999 45%,#002639e6 70%,#002639f7)}.ort-brand-panels__strip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--ort-space-3);padding:0 var(--ort-space-4);color:#fff;text-decoration:none;transition:opacity .26s var(--ort-ease)}.ort-brand-panels__strip:focus-visible{outline:.3rem solid #fff;outline-offset:-.5rem}.ort-brand-panels__strip-name{font-family:var(--ort-font-heading);font-size:var(--ort-text-lg);font-weight:700;white-space:nowrap;text-shadow:0 .1rem .4rem rgba(0,38,57,.6)}.ort-brand-panels__panel.is-open .ort-brand-panels__strip{opacity:0;pointer-events:none}.ort-brand-panels__info{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ort-space-2);max-width:52rem;padding:var(--ort-space-5);opacity:0;transform:translateY(1.4rem);transition:opacity .28s var(--ort-ease),transform .38s var(--ort-ease)}.ort-brand-panels__panel.is-open .ort-brand-panels__info{opacity:1;transform:none;transition-delay:.18s}.ort-brand-panels__panel:not(.is-open) .ort-brand-panels__info{visibility:hidden}.ort-brand-panels__tag{margin:0;padding:.5rem var(--ort-space-2);background-color:var(--ort-brand-white);color:var(--ort-brand-navy);font-size:var(--ort-text-xs);font-weight:var(--ort-font-body-weight-bold);letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.ort-brand-panels__name{margin:0;font-family:var(--ort-font-heading);font-size:var(--ort-text-2xl);font-weight:var(--ort-font-heading-weight);line-height:1.05;color:#fff}.ort-brand-panels__text{margin:0;font-size:var(--ort-text-base);line-height:var(--ort-leading-body);color:#ffffffeb}.ort-brand-panels__button{margin-top:var(--ort-space-2)}.ort-brand-panels__button:after{content:"\2192";margin-left:var(--ort-space-2)}@media(prefers-reduced-motion:reduce){.ort-brand-panels__panel,.ort-brand-panels__media,.ort-brand-panels__strip,.ort-brand-panels__info{transition:none}}@media screen and (min-width:750px){.ort-brand-panels{padding-block:var(--ort-space-8)}.ort-brand-panels__head{margin-bottom:var(--ort-space-6)}.ort-brand-panels__list{flex-direction:row;gap:var(--ort-space-2);height:var(--ort-panels-height, 46rem)}.ort-brand-panels__panel,.ort-brand-panels__panel.is-open{height:auto;flex:1 1 0}.ort-brand-panels__panel.is-open{flex-grow:5}.ort-brand-panels__strip{flex-direction:column-reverse;justify-content:flex-start;align-items:center;padding:var(--ort-space-5) 0}.ort-brand-panels__strip-name{writing-mode:vertical-rl;transform:rotate(180deg)}.ort-brand-panels__info{padding:var(--ort-space-6)}.ort-brand-panels__name{font-size:var(--ort-text-3xl)}.ort-brand-panels__text{font-size:var(--ort-text-lg)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/ort-brand-panels.css.map */