.acc-row{display:flex;justify-content:center;gap:var(--acc-gap,8px);width:100%}.acc-strip{flex:0 0 calc(var(--acc-h, 320px) * var(--acc-shut-ratio, 0.2));min-width:0;height:var(--acc-h,320px);padding:0;border:0;--acc-strip-radius:var(--acc-shut-radius,10px);border-radius:var(--acc-strip-radius);overflow:hidden;background:var(--color-light-grey,#f3f0f7);cursor:pointer;transition:flex-basis .5s cubic-bezier(.22,1,.36,1),flex-grow .5s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1)}.acc-strip[data-open]{--acc-strip-radius:var(--acc-radius,20px);flex:0 0 calc(var(--acc-h, 320px) * var(--acc-open-ratio, 0.75))}.acc-strip img{display:block;width:100%;height:100%;object-fit:cover}.acc-strip{position:relative}.acc-strip__tint{position:absolute;inset:0;opacity:0;pointer-events:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.acc-strip:hover .acc-strip__tint{animation:acc-tint-flash .9s ease-out}}@keyframes acc-tint-flash{0%{opacity:0}30%{opacity:.1}to{opacity:0}}.acc-strip:focus-visible{outline:3px solid var(--color-deep-lilac,#6b5ac9);outline-offset:3px}.acc-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.acc-modal{position:relative;width:min(400px,86vw,60svh);aspect-ratio:3/4;border-radius:var(--acc-radius,20px);overflow:hidden;cursor:default;box-shadow:0 24px 60px rgba(32,21,57,.18)}.acc-modal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.acc-modal__body{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.1rem 1.1rem;border-radius:calc(var(--acc-radius, 20px) - 6px);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#201539;text-align:left}.acc-modal__tag{padding:.35rem .65rem;border:1px solid rgba(32,21,57,.18);border-radius:999px;font-size:.62rem;font-weight:500;letter-spacing:.08em;line-height:1;text-transform:uppercase}.acc-modal__title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.acc-modal__desc{margin:0;font-size:.875rem;line-height:1.45;color:#49416d}.acc-modal__link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.15rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#201539;text-decoration:none}.acc-modal__link:hover{color:var(--color-deep-lilac,#6b5ac9)}.acc-row[data-variant=folder] .acc-strip[data-open]{--acc-strip-radius:var(--acc-shut-radius,10px);flex:0 0 calc(var(--acc-h, 320px) * var(--acc-shut-ratio, 0.2))}.acc-row[data-variant=folder] .acc-folder{margin-right:calc(var(--acc-gap, 8px) * 2)}.acc-folder{--acc-folder:var(--color-deep-lilac,#6b5ac9);position:relative;flex:0 0 calc(var(--acc-h, 320px) * var(--acc-open-ratio, 0.75));height:var(--acc-h,320px);padding:0;border:0;background:none;cursor:pointer;perspective:1800px}.acc-folder__tab{top:2%;left:0;width:38%;height:10%;border-radius:var(--acc-radius,20px) var(--acc-radius,20px) 0 0}.acc-folder__back,.acc-folder__tab{position:absolute;background:color-mix(in srgb,var(--acc-folder) 80%,#000)}.acc-folder__back{inset:12% 0 0;border-radius:0 var(--acc-radius,20px) var(--acc-radius,20px) var(--acc-radius,20px)}.acc-folder__sheet{position:absolute;top:7%;left:9%;right:9%;bottom:6%;transition:transform .4s cubic-bezier(.22,1,.36,1)}.acc-folder__sheet img{display:block;width:100%;height:100%;object-fit:cover;box-shadow:0 6px 18px -6px rgb(0 0 0/.35)}.acc-folder__front{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;height:46%;padding:0 7% 7%;border-radius:var(--acc-radius,20px);background:var(--acc-folder);box-shadow:0 -10px 24px -14px rgb(0 0 0/.45);transform:rotateX(-7deg);transform-origin:bottom center;transition:transform .45s cubic-bezier(.22,1,.36,1)}.acc-folder__label{font-family:var(--font-google-sans),system-ui,sans-serif;font-size:max(.9rem,calc(var(--acc-h, 320px) * .032));font-weight:400;letter-spacing:.02em;color:#fff}@media (hover:hover){.acc-folder:hover .acc-folder__front{transform:rotateX(-13deg)}}.acc-folder:focus-visible{outline:3px solid var(--color-deep-lilac,#6b5ac9);outline-offset:3px}@media (prefers-reduced-motion:reduce){.acc-folder__front{transition:none}}