:root{--open-ms:.6s;--open-curve:cubic-bezier(.22, .7, .25, 1);--open-ease:var(--open-ms) var(--open-curve);--swap-out:.12s;--swap-in:.22s;--row-h:80vh;--row-min-h:360px;--row-min:1100px;--row-w:max(100vw - var(--pad) * 2, var(--row-min));--num-line:50%;--share-n:.5;--expanded-share:calc(var(--share-n) * 100%);--closed-min:28px;--name-size:13px;--num-weight:600;--num-track:.26em;--num-opacity:var(--quiet);--num-leading:1.2;--name-weight:700;--name-track:.05em;--name-leading:1.3;--open-name-size:16px;--open-desc-opacity:1;--desc-weight:300;--desc-track:-.006em;--desc-leading:1.45;--desc-case:none;--desc-color:#fff;--desc-opacity:var(--lifted);--desc-width:34ch;--site-desc-size:19px;--site-desc-weight:300;--site-desc-leading:1.5;--closed-filter:grayscale(1) brightness(.88);--reveal:.65;--open-w:calc(var(--row-w) * var(--share-n));--scrim:.4;--label-shadow:0px 0px 20px #0009}body{height:100dvh;padding:0 0 var(--pad);flex-direction:column;display:flex}.masthead{padding-bottom:var(--mast-top);flex:1 0 auto}.site-desc em{font-style:italic;font-weight:inherit}.site-desc{font-size:var(--site-desc-size);font-weight:var(--site-desc-weight);line-height:var(--site-desc-leading);letter-spacing:normal;text-box:trim-both cap alphabetic;text-wrap:pretty;max-width:54ch;margin:0}.row-scroll{margin:auto var(--pad) 0;flex:0 1 var(--row-h);min-height:var(--row-min-h);overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden;container:row/inline-size}theme-row{display:block}.row-scroll::-webkit-scrollbar{display:none}.row{height:100%;min-width:var(--row-min);gap:var(--gutter);display:flex}.col{min-width:var(--closed-min);cursor:pointer;transition:flex-grow var(--open-ease), flex-basis var(--open-ease), max-width var(--open-ease);flex:1;display:flex}@container row (width>=1548px){.col:not(.is-open) .label{--name-size:15px}}.col.is-open{flex:0 1 var(--expanded-share);min-width:0}.col:focus-visible{outline-offset:-1px;outline:1px solid #fafafa}.media{background-color:#141414;flex:auto;min-width:0;position:relative;overflow:hidden;container-type:size}.shot{width:calc(100% * (1 - var(--reveal)) + var(--open-w) * var(--reveal));background-image:var(--img);background-size:cover;background-position:var(--focus-x) var(--focus-y);object-fit:cover;filter:none;--focus-x:clamp(100%, calc(50% + (.5 - var(--fx)) * 100cqh * var(--ar)), 0%);--focus-y:clamp(100%, calc(50% + (.5 - var(--fy)) * (100cqw * (1 - var(--reveal)) + var(--open-w) * var(--reveal)) / var(--ar)), 0%);height:100%;transition:opacity .6s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.row.has-open .col:not(.is-open) .shot{filter:var(--closed-filter)}.col[data-img]:not(.is-loaded) .shot:not(.clip){opacity:0}.clip{z-index:1;opacity:0;background:0 0;transition:opacity .4s}.col.is-playing .clip{opacity:1}.media:before{content:"";z-index:2;background:rgb(0 0 0/var(--scrim));pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.col[data-img]:not(.is-loaded) .media:before{opacity:0}.label{z-index:4;top:var(--num-line);left:var(--tile-inset);right:var(--tile-inset);text-align:left;text-shadow:var(--label-shadow);--num-size:calc(var(--name-size) * 3 / 4);--name-gap:calc(var(--name-size) / 2);--desc-size:calc(var(--name-size) * .85);--desc-gap:calc(var(--desc-size) * .85);transform:translateY(calc(var(--name-size) * var(--name-leading) / -2));flex-direction:column;align-items:flex-start;margin:0;display:flex;position:absolute}.num{bottom:calc(97% + var(--name-gap));font-size:var(--num-size);font-weight:var(--num-weight);line-height:var(--num-leading);letter-spacing:var(--num-track);font-variant-numeric:tabular-nums;color:var(--fg);opacity:var(--num-opacity);position:absolute;left:0}.name-container{align-items:center;gap:10px;display:flex}.name{font-size:var(--name-size);font-weight:var(--name-weight);letter-spacing:var(--name-track);line-height:var(--name-leading);text-transform:uppercase;color:var(--fg)}.name-container svg{display:none}.col.is-open .name-container svg{display:block}.label{transition:opacity var(--swap-in) linear, transform var(--open-ease)}.row.is-swapping .label,.row:not(.is-swapping).has-open .col:not(.is-open) .label{opacity:0;transition:opacity var(--swap-out) linear}.row:not(.is-swapping).has-open .col.is-open .label{opacity:1;transition:opacity var(--swap-in) linear calc(var(--open-ms) * .55)}.row:not(.is-swapping):not(.has-open) .label{opacity:1;transition:opacity var(--swap-in) linear calc(var(--open-ms) * .3)}.col:not(.is-open) .desc,.col:not(.is-open) .cta{display:none}.tile-link{min-width:0;color:inherit;flex:auto;text-decoration:none;display:flex}.tile-link:focus-visible{outline-offset:-1px;outline:1px solid #fafafa}@media (prefers-reduced-motion:reduce){:root{--open-ms:10ms;--swap-out:1ms;--swap-in:1ms}}.desc{margin-top:var(--desc-gap);max-width:var(--desc-width);font-size:var(--desc-size);font-weight:var(--desc-weight);letter-spacing:var(--desc-track);line-height:var(--desc-leading);text-transform:var(--desc-case);color:var(--desc-color);opacity:var(--desc-opacity)}.col.is-open .label{--name-size:var(--open-name-size);--num-size:calc(var(--name-size) * .7);--desc-size:var(--name-size);--desc-opacity:var(--open-desc-opacity);top:50%;transform:translateY(-50%)}.action{background:0 0;border:none;align-items:center;gap:10px;text-decoration:none;display:flex}.action svg{stroke:var(--fg);stroke-width:2px;transition:transform .25s}.action:hover svg{transform:translate(2px)}.cta-arrow{width:calc(var(--name-size) * 1.15);height:auto}.col[data-soon] .media:before{content:none}.col[data-soon] .shot{opacity:.08}.soon{font-style:normal}.soon:before{content:" — "}.col[data-soon]{cursor:default}@media (width<=1123px){:root{--site-desc-size:17px}body{height:auto;padding:0;display:block}.masthead{flex:none;padding-bottom:0}.site-desc{max-width:48ch}.row-scroll{flex:none;height:auto;margin:0;overflow:visible}.row{gap:var(--gutter);min-width:0;height:auto;padding:0 var(--pad) var(--pad);flex-direction:column;margin-top:28px;display:flex}.shot{width:100%}:root{--bh:263px}.col{height:var(--bh);cursor:default;flex:none;max-width:none}.col.is-open{flex:none;max-width:none}.col .desc,.name-container svg,.clip{display:none}.label{top:auto;bottom:20px;left:var(--tile-inset);right:var(--tile-inset);transform:none}.row.is-swapping .label,.row:not(.is-swapping).has-open .col:not(.is-open) .label{opacity:1}.scroll-cue{z-index:4;pointer-events:none;color:#0a0a0a;background:#fafafa;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .35s;display:flex;position:absolute;top:calc(100vh - 68px);left:50%;transform:translate(-50%);box-shadow:0 2px 18px #00000073}.scroll-cue svg{flex:none;width:15px;height:15px;display:block}.scroll-cue.is-gone{opacity:0}@media (prefers-reduced-motion:no-preference){.scroll-cue svg{animation:2.4s cubic-bezier(.4,0,.5,1) infinite cue-nudge}@keyframes cue-nudge{0%,62%,to{transform:translateY(0)}76%{transform:translateY(3px)}88%{transform:translateY(0)}}}}.scroll-cue{display:none}@media (width<=767px){:root{--site-desc-size:15px}.row{margin-top:20px}:root{--bh:221px}.label{bottom:16px}.shot{background-image:var(--img-sm)}}@media (width<=400px){:root{--bh:196px}}@view-transition{navigation:auto}
