.accordion-gallery{gap:.75rem;width:100%;min-height:29rem;display:flex;overflow:hidden}.accordion-gallery__panel{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--foreground);text-align:left;cursor:pointer;isolation:isolate;background-color:var(--card);box-shadow:var(--shadow-card);background-position:50%;background-size:cover;flex:1 1 0;padding:1.5rem;transition:flex-grow .55s cubic-bezier(.22,1,.36,1),border-color .18s;display:flex;position:relative;overflow:hidden}.accordion-gallery__panel--active{flex-grow:4.5}.accordion-gallery__panel:hover,.accordion-gallery__panel:focus-visible,.accordion-gallery__panel--active{border-color:color-mix(in oklch, var(--primary) 65%, var(--border))}.accordion-gallery__panel:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.accordion-gallery__shade{z-index:-1;background:linear-gradient(oklch(10% .01 260/.12) 0%,oklch(10% .01 260/.58) 43%,oklch(10% .01 260/.96) 100%),linear-gradient(90deg,oklch(10% .01 260/.65),#0000 75%);transition:background .25s;position:absolute;inset:0}.accordion-gallery__panel--active .accordion-gallery__shade{background:linear-gradient(oklch(10% .01 260/.05) 0%,oklch(10% .01 260/.45) 43%,oklch(10% .01 260/.94) 100%),linear-gradient(90deg,oklch(10% .01 260/.78),#0000 78%)}.accordion-gallery__step,.accordion-gallery__eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.75rem;position:absolute}.accordion-gallery__step{top:1.5rem;left:1.5rem}.accordion-gallery__title{font-family:var(--font-display);writing-mode:vertical-rl;white-space:nowrap;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:700;transition:opacity .18s;position:absolute;bottom:1.35rem;right:1.4rem;transform:rotate(180deg)}.accordion-gallery__panel--active .accordion-gallery__title,.accordion-gallery__panel--active .accordion-gallery__summary{opacity:0}.accordion-gallery__content{opacity:0;visibility:hidden;flex-direction:column;align-self:flex-end;gap:.75rem;max-width:30rem;padding-right:2.5rem;transition:opacity .28s,transform .28s,visibility .28s;display:flex;transform:translateY(.75rem)}.accordion-gallery__content .accordion-gallery__eyebrow{margin-bottom:.25rem;display:block;position:static}.accordion-gallery__panel--active .accordion-gallery__content{opacity:1;visibility:visible;transform:translateY(0)}.accordion-gallery__content strong{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.accordion-gallery__content>span:last-child{max-width:34rem;color:var(--muted-foreground);font-size:1rem;line-height:1.55}.accordion-gallery__summary{opacity:0;width:1px;min-width:12rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.45;position:absolute;bottom:1.5rem;left:1.5rem}@media (width<=720px){.accordion-gallery{flex-direction:column;min-height:34rem}.accordion-gallery__panel{min-height:5.5rem;padding:1.1rem}.accordion-gallery__step{top:1.1rem;left:1.1rem}.accordion-gallery__title{writing-mode:initial;bottom:1rem;left:3.6rem;right:auto;transform:none}.accordion-gallery__content{padding:4rem 0 0}}@media (prefers-reduced-motion:reduce){.accordion-gallery__panel,.accordion-gallery__shade,.accordion-gallery__title,.accordion-gallery__content{transition:none}}