:root{--bg:#fff;--ink:#0f0f12;--ink-soft:#6b6b6b;--rule:#d8d8d8;--rule-soft:#eaeaea;--red:#b6362e;--serif:"Bodoni Moda", "Bodoni 72", serif;--sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;padding:20px 40px;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:320px 320px;position:fixed;inset:0}.top{border-top:1px solid var(--ink);font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;padding:10px 0 9px;font-size:10px;display:flex}.top .left{color:var(--ink)}.top .right{color:var(--red);font-weight:500}.masthead{text-align:center;margin:56px 0 8px}.masthead .frame{border:1px solid var(--ink);padding:14px 64px 22px;display:inline-block}.masthead h1{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);font-variation-settings:"opsz" 96, "wght" 900;font-size:clamp(56px,9.5vw,132px);font-weight:900;line-height:.88}.masthead .sub{font-family:var(--serif);color:var(--ink);margin-top:26px;font-size:clamp(15px,1.6vw,22px);font-style:italic;font-weight:500}.roster{max-width:1320px;margin:80px auto 0;padding-bottom:24px}.row{border-bottom:1px dotted var(--rule);opacity:0;grid-template-columns:1fr minmax(260px,360px);align-items:end;gap:48px;padding:44px 0 40px;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);display:grid;transform:translateY(28px)}.row.in{opacity:1;transform:translateY(0)}.row .meta{align-self:end;padding-bottom:8px}.row .index{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-size:10px;display:block}.row .name{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);font-variation-settings:"opsz" 96, "wght" 700;font-size:clamp(46px,8vw,116px);font-style:italic;font-weight:700;line-height:.95}.row .credit{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-top:20px;font-size:11px;font-weight:500}.row .credit .sep{color:var(--rule);margin:0 6px}.row .work{font-family:var(--serif);color:var(--ink-soft);margin-top:10px;font-size:15px;font-style:italic;font-weight:400}.portrait{aspect-ratio:4/5;cursor:zoom-in;width:100%;transition:transform .5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.portrait img{object-fit:cover;filter:grayscale()contrast(1.06);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),filter .6s;transform:scale(1.04)}.portrait .frame-label{background:var(--ink);color:var(--bg);font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;text-align:center;padding:9px 12px;font-size:9.5px;transition:transform .45s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.portrait:hover{transform:translateY(-4px)}.portrait:hover img{filter:grayscale(0)contrast()saturate(.92);transform:scale(1.09)}.portrait:hover .frame-label{transform:translateY(0)}.portrait:after{content:"";background:var(--bg);pointer-events:none;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translateY(0)}.row.in .portrait:after{transform:translateY(-101%)}.row.flip{grid-template-columns:minmax(260px,360px) 1fr}.row.flip .meta{text-align:right;order:2}.row.flip .portrait-wrap{order:1}.footer{border-top:1px solid var(--ink);max-width:1320px;font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);justify-content:space-between;align-items:center;gap:24px;margin:72px auto 0;padding:20px 0 4px;font-size:10.5px;display:flex}.footer .ticker{white-space:nowrap;color:var(--ink-soft);flex:1;margin:0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.ticker .reel{animation:40s linear infinite scroll;display:inline-block}.ticker .reel span{padding:0 28px;display:inline-block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.signup{border:1px solid var(--ink);display:flex}.signup input{font-family:var(--sans);color:var(--ink);background:0 0;border:none;outline:none;min-width:220px;padding:9px 14px;font-size:11px}.signup input::placeholder{color:var(--ink-soft);text-transform:none;letter-spacing:.04em}.signup button{background:var(--ink);color:var(--bg);font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;padding:9px 20px;font-size:10.5px;font-weight:600}.signup button:hover{background:var(--red);color:#fff}.no-js .row{opacity:1;transform:none}.no-js .portrait:after{transform:translateY(-101%)}@media (max-width:880px){body{padding:16px 18px}.masthead{margin-top:40px}.masthead .frame{padding:12px 28px 16px}.top{flex-wrap:wrap;gap:8px;font-size:9.5px}.row,.row.flip{grid-template-columns:1fr;gap:24px}.row .meta,.row.flip .meta{text-align:left;order:1;padding-bottom:0}.row .portrait-wrap,.row.flip .portrait-wrap{order:2;max-width:300px}.row .name{font-size:clamp(44px,13vw,80px)}.footer{flex-wrap:wrap}.footer .ticker{flex-basis:100%;order:3;margin:0}.signup input{flex:1;min-width:0}}
