.rel{margin:clamp(3rem,8vh,6rem) calc(50% - 50vw) 0;width:100vw;max-width:100vw;overflow:hidden}.rel__head{margin:0 0 1.4rem;padding-inline:var(--page-inset, 2em);color:var(--grey-text);letter-spacing:0.1em;text-transform:uppercase;font-weight:700}.rel__window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab}.rel__window::-webkit-scrollbar{display:none}.rel__window.is-held{cursor:grabbing}.rel__window.is-held .rel__item{pointer-events:none}.rel__track{display:flex;width:max-content}.rel__run{display:flex;gap:clamp(1.6rem,2.6vw,2.6rem);padding-right:clamp(1.6rem,2.6vw,2.6rem);padding-block:0.9em;isolation:isolate}.rel__item{position:relative;flex:none;width:clamp(12rem,17vw,15rem);display:grid;gap:0.55rem;align-content:start;text-decoration:none;color:inherit;transition:transform 0.35s var(--ease)}.rel__item::before{content:"";position:absolute;z-index:-1;inset:-0.7em -0.75em;border-radius:0.8em;background:var(--paper-2);box-shadow:0 1em 2em -1.5em rgba(0,0,0,0.3);opacity:0;transform:scale(0.98);transition:opacity 0.35s var(--ease),transform 0.35s var(--ease)}.rel__item:hover,.rel__item:focus-visible{transform:translateY(-0.2em)}.rel__item:hover::before,.rel__item:focus-visible::before{opacity:1;transform:none}.rel__type{font-family:var(--font-sans);font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--grey-text);transition:color var(--dur) var(--ease)}.rel__img{display:block;position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:0.4rem;background-color:var(--paper-2);background-size:cover;background-position:center;transition:opacity var(--dur) var(--ease)}.rel__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.rel__title{font-family:var(--font-head);font-weight:400;font-size:1.02rem;line-height:1.18;letter-spacing:-0.008em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rel__item--words .rel__title{font-size:clamp(1.1rem,1.3vw,1.32rem);line-height:1.16;-webkit-line-clamp:6;padding:0.7rem 0.8rem 0.9rem;border-radius:0.4rem;background:var(--paper-2);min-height:calc(clamp(12rem,17vw,15rem) * 0.625);transition:background var(--dur) var(--ease)}.rel__item--words:hover .rel__title,.rel__item--words:focus-visible .rel__title{background:var(--paper)}.rel__item:hover .rel__type,.rel__item:focus-visible .rel__type{color:var(--ink)}.rel__item:focus-visible{outline:2px solid var(--ink);outline-offset:0.5em;border-radius:0.3em}@media(prefers-reduced-motion:reduce){.rel__window{scrollbar-width:thin}.rel__window::-webkit-scrollbar{display:block;height:6px}}@media(max-width:52rem){.rel{margin-top:clamp(2.2rem,6vh,3.5rem)}.rel__head{margin-bottom:1rem}.rel__run{gap:1.1rem;padding-right:1.1rem;padding-block:0.3em}.rel__item{width:min(40vw,11rem);gap:0.45rem}.rel__type{font-size:0.6rem;letter-spacing:0.1em}.rel__title{font-size:0.86rem;line-height:1.22;-webkit-line-clamp:3}.rel__item--words .rel__title{font-size:0.95rem;-webkit-line-clamp:5;padding:0.55rem 0.6rem 0.7rem;min-height:calc(min(40vw,11rem) * 0.625)}.rel__item::before{inset:-0.45em -0.5em}}.rel--still{margin-inline:0;width:auto;max-width:none}.rel--still .rel__window{overflow-x:hidden}.rel--still .rel__track{justify-content:flex-start;width:auto}.rel--still .rel__run{padding-right:0}
