.playground-shell{margin-top:5rem}.playground-rail{display:flex;gap:1.25rem;overflow-x:auto;overflow-y:hidden;padding:0 max(1.25rem,calc((100vw - 80rem)/2)) 1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.playground-rail::-webkit-scrollbar{display:none}.playground-card{position:relative;flex:0 0 min(78vw,25rem);margin:0;padding:0;border:0;background:transparent;text-align:left;font:inherit;scroll-snap-align:center;color:#e7f2ef;cursor:pointer}.playground-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(231,242,239,.12);border-radius:1.75rem;background:#222831}.playground-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease}.playground-card__index{position:absolute;left:1rem;top:1rem;display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid rgba(231,242,239,.2);border-radius:999px;background:#0b0c0f94;font:700 .65rem/1 Inter,sans-serif;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playground-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.95rem .25rem 0}.playground-card__title{font-size:1.15rem;font-weight:650;letter-spacing:-.035em}.playground-card__tags{margin-top:.35rem;color:#e7f2ef94;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.playground-card__year{padding-top:.2rem;color:#e7f2ef73;font-size:.7rem;font-weight:700}.playground-card:hover .playground-card__media img{transform:scale(1.055);filter:saturate(1)}.playground-card:focus-visible{outline:2px solid #a1c2bd;outline-offset:6px;border-radius:1.75rem}.playground-scroll-cue{display:flex;align-items:center;gap:.7rem;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#e7f2ef7a}.playground-scroll-cue:before{content:"";width:2.5rem;height:1px;background:currentColor}.playground-all-link{display:inline-flex;align-items:center;gap:1.1rem;border:1px solid rgba(231,242,239,.2);border-radius:999px;padding:.65rem .7rem .65rem 1.25rem;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s ease,background .25s ease}.playground-all-link span{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;background:#a1c2bd;color:#222831;transition:transform .25s ease}.playground-all-link:hover{border-color:#e7f2efa6;background:#e7f2ef0a}.playground-all-link:hover span{transform:translate(3px)}.art-lightbox{position:fixed;inset:0;z-index:400;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,25rem);background:#06080bf0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.art-lightbox.is-open{opacity:1;visibility:visible}.art-lightbox__stage{position:relative;display:grid;place-items:center;min-height:0;padding:4.5rem 2rem 2rem}.art-lightbox__image{max-width:100%;max-height:calc(100dvh - 6.5rem);border-radius:1.2rem;object-fit:contain;box-shadow:0 30px 80px #0000006b}.art-lightbox__panel{display:flex;min-width:0;max-width:100%;flex-direction:column;justify-content:flex-end;border-left:1px solid rgba(231,242,239,.1);padding:5rem 2rem 2rem;container-type:inline-size}.art-lightbox__count,.art-lightbox__eyebrow{color:#e7f2ef73;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.art-lightbox__title{width:100%;max-width:100%;margin-top:1.1rem;font-size:clamp(2rem,13cqi,4rem);font-weight:650;line-height:.92;letter-spacing:-.055em;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.art-lightbox__description{margin-top:1.5rem;color:#e7f2ef8f;font-size:.85rem;line-height:1.7}.art-lightbox__nav{display:flex;gap:.6rem;margin-top:2rem}.art-lightbox button{cursor:pointer}.art-lightbox__nav button,.art-lightbox__close{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(231,242,239,.2);border-radius:50%;background:#e7f2ef08;color:#e7f2ef;transition:background .2s ease,border-color .2s ease}.art-lightbox__nav button:hover,.art-lightbox__close:hover{border-color:#e7f2ef99;background:#e7f2ef14}.art-lightbox__close{position:absolute;right:1.5rem;top:1.5rem;z-index:2}.art-lightbox__close svg,.art-lightbox__nav svg{width:1rem;height:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4.5rem 1.25rem}.gallery-grid .playground-card{grid-column:span 4;min-width:0}.gallery-grid .playground-card:nth-child(3n+2){transform:none}@media(min-width:768px){.playground-card{flex-basis:min(34vw,27rem)}.playground-rail{scroll-snap-type:x proximity}}@media(max-width:767px){.playground-shell{margin-top:3rem}.playground-rail{padding-inline:1.25rem}.art-lightbox{display:flex;flex-direction:column;overflow-y:auto}.art-lightbox__stage{min-height:65dvh;padding:4.5rem 1rem 1rem}.art-lightbox__image{max-height:58dvh}.art-lightbox__panel{border-left:0;border-top:1px solid rgba(231,242,239,.1);padding:1.5rem 1.25rem 2rem}.gallery-grid{display:block}.gallery-grid .playground-card{margin-bottom:3rem;transform:none!important}}@media(prefers-reduced-motion:reduce){.playground-card__media img,.playground-all-link span,.art-lightbox{transition:none}.playground-card:hover .playground-card__media img,.playground-all-link:hover span{transform:none}}.playground-rail.is-compact{display:block;overflow:visible;padding-inline:max(1.25rem,calc((100vw - 80rem)/2))}.playground-rail.is-compact .playground-track{display:grid;width:100%;max-width:80rem;margin-inline:auto;grid-template-columns:repeat(var(--compact-count, 1),minmax(0,25rem));justify-content:center;gap:clamp(1.25rem,3vw,2.5rem);transform:none!important}.playground-rail[data-item-count="1"]{--compact-count: 1}.playground-rail[data-item-count="2"]{--compact-count: 2}.playground-rail[data-item-count="3"]{--compact-count: 3}.playground-rail.is-compact .playground-card{width:100%;min-width:0}@media(max-width:767px){.playground-rail.is-compact{overflow-x:auto;padding-inline:1.25rem}.playground-rail.is-compact .playground-track{display:flex;justify-content:flex-start;gap:1rem}.playground-rail.is-compact .playground-card{flex:0 0 min(82vw,23rem)}}
