.interview-index-page{--bg:var(--terminal-bg);--fg:var(--terminal-ink);--line:var(--gallery-line);isolation:isolate;min-height:calc(100svh - var(--portfolio-header-height,90px));flex-direction:column;padding-top:32px;display:flex;position:relative}.interview-index-page:before{content:"";z-index:-2;background:var(--terminal-bg);pointer-events:none;position:absolute;inset:0 calc(50% - 50vw)}.interview-data-flow{z-index:-1;pointer-events:none;fill:none;width:100vw;height:100%;stroke:var(--gallery-line);stroke-width:1px;position:absolute;inset:0 calc(50% - 50vw)}.interview-flow-track{opacity:.16}.interview-flow-signal{opacity:.45;stroke-dasharray:4 28 2 160;animation:28s linear infinite interview-flow}@keyframes interview-flow{to{stroke-dashoffset:-776px}}.interview-index-page .interview-nav{border:0;align-items:center;padding-bottom:24px}.interview-index-label{font-family:var(--font-body);letter-spacing:.045em;color:var(--grey-300);margin:0;font-size:12px;font-weight:400;line-height:1.5}.interview-index-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:40px;width:100%;max-width:1200px;margin:auto;padding:48px 0;display:grid}.interview-index-card{flex-direction:column;min-width:0;display:flex;container-type:inline-size}.interview-index-artwork{aspect-ratio:1;border-radius:min(var(--gallery-radius),25cqw);width:100%;display:block}.interview-index-surface{border:1.5px solid var(--fg);border-radius:inherit;background:var(--gallery-plate);align-items:center;width:100%;height:100%;transition:border-color .18s;display:flex;overflow:hidden}@media (width>=761px){.interview-index-surface{border-width:3px}.interview-index-list{grid-template-columns:repeat(6,minmax(0,1fr))}.interview-index-card{grid-column:span 2}.interview-index-card:nth-child(4):nth-last-child(2){grid-column:2/span 2}.interview-index-card:nth-child(5):last-child{grid-column:4/span 2}}.interview-index-artwork .interview-figure{width:100%}.interview-index-artwork .interview-image-window{border-radius:0}.interview-index-copy{text-align:center;flex-direction:column;flex:1;align-items:center;padding:24px 8px 0;display:flex}.interview-index-copy h2 :is(.scramble-text,.scramble-source,.scramble-visual){white-space:normal}.interview-index-copy h2 a{transition:color .18s,transform .18s;display:block}.interview-index-copy h2 a:is(:hover,:focus-visible){color:var(--grey-300);transform:translateY(-2px)}.interview-index-card p{transition:color .18s}.interview-index-card:hover p{color:var(--fg)}.interview-index-copy>.eyebrow{min-height:3em}.interview-index-card h2{letter-spacing:-.04em;min-height:2.4em;margin:12px 0 16px;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.2}.interview-index-card p{color:var(--grey-300);margin:0 0 24px;font-size:12px;line-height:1.6}.interview-index-card .action-button{border-radius:18px;margin-top:auto;transition:background-color .18s,color .18s,border-color .18s}.interview-index-card .action-button:is(:hover,:focus-visible,:active){background:var(--fg);color:var(--bg);border-color:var(--fg)}@media (prefers-reduced-motion:no-preference){.interview-index-surface{transform:perspective(850px) rotateX(var(--tile-tilt-x,0deg)) rotateY(var(--tile-tilt-y,0deg));transition:transform .18s ease-out,border-color .18s}.interview-index-artwork:active .interview-index-surface{transform:perspective(850px) rotateX(var(--tile-tilt-x,0deg)) rotateY(var(--tile-tilt-y,0deg)) scale(.98)}}@media (prefers-reduced-motion:reduce){.interview-flow-signal{animation:none}.interview-index-copy h2 a,.interview-index-card p,.interview-index-card .action-button,.interview-index-surface{transition:none}.interview-index-copy h2 a:is(:hover,:focus-visible){transform:none}}@media (width<=1000px) and (width>=761px){.interview-index-list{gap:20px}.interview-index-copy{padding-inline:0}.interview-index-card h2{min-height:3.6em;font-size:24px}.interview-index-card .action-button{padding-inline:14px;font-size:12px}}@media (width<=760px){.interview-index-page{padding-top:16px}.interview-index-list{grid-template-columns:1fr;gap:48px;max-width:480px;margin-inline:auto}.interview-index-copy>.eyebrow,.interview-index-card h2{min-height:0}.interview-index-card h2{font-size:28px}}
