:root{--text-col:680px;--section-gap:140px;--block-gap:56px}@media (width<=720px){:root{--section-gap:88px;--block-gap:36px}}.project .page{max-width:var(--content-max);padding:0 var(--gutter) 120px;margin:0 auto}.hero-video{background:#0a0a0a;height:min(78vh,820px);min-height:420px;margin:0}.hero-video video{object-fit:cover;width:100%;height:100%;display:block}.hero-image{background:#f2f2f2;height:min(78vh,820px);min-height:420px;margin:0}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.media.image img{object-fit:contain;object-position:left;width:100%;max-height:90vh}.media.image.drawing img{background:#fff}.media.image.narrow{width:66.666%}.media.image.narrow img{max-height:none}@media (width<=720px){.media.image.narrow{width:100%}}.media.image.sized img{height:auto;max-height:none}.pairstack:not(.three){grid-template-rows:auto auto auto;grid-template-columns:3fr 2fr}.pairstack:not(.three) .stack .media{contain:none;height:auto;overflow:visible}.pairstack:not(.three) .stack .media img{object-fit:fill;flex:none;height:auto}.pairstack:not(.three) .left{height:100%}.media-grid.bottom .media img{object-position:center bottom}.media-grid.portrait .media img{aspect-ratio:4/5}.media-grid.square .media img{aspect-ratio:1}.pairstack{margin-bottom:var(--block-gap);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr 1fr;gap:24px;display:grid}.pairstack .media{margin:0}.pairstack .left,.pairstack .first{flex-direction:column;grid-row:1/span 3;min-height:0;display:flex}.pairstack .left img{object-fit:contain;object-position:top left;flex:1;width:100%;height:100%;min-height:0}.pairstack .left figcaption,.pairstack .first figcaption{flex:none}.pairstack .first img{flex:none;width:100%;height:auto}.pairstack .left{grid-column:1}.pairstack.three{grid-template-columns:5fr 3fr 2fr}.pairstack.three .first{grid-column:1}.pairstack.three .left{grid-column:2}.pairstack.three .stack .media{grid-column:3}.pairstack .left img{width:100%;height:auto}.pairstack .stack{display:contents}.pairstack .stack .media{contain:size;flex-direction:column;grid-column:2;height:100%;min-height:0;display:flex;overflow:hidden}.pairstack .stack .media img{object-fit:contain;object-position:left top;flex:1;width:100%;height:100%;min-height:0}.pairstack .stack .media figcaption{flex:none}@media (width<=720px){.pairstack,.pairstack.three{grid-template-rows:none;grid-template-columns:1fr}.pairstack .left,.pairstack.three .left,.pairstack.three .first{grid-area:auto/1;display:block}.pairstack .left img,.pairstack .first img{height:auto}.pairstack .stack .media,.pairstack.three .stack .media{contain:none;grid-column:1;height:auto}.pairstack .stack .media img{aspect-ratio:4/3;height:auto}}.hero-image.contain img{object-fit:contain}.chapter-head,.title-block+.intro+.chapter-head,.intro+.chapter-head{margin-top:var(--section-gap)}.title-block{padding:56px 0 24px}.title-block h1{font-family:var(--font-sans);letter-spacing:-.01em;margin:6px 0 14px;font-size:clamp(40px,6vw,88px);font-weight:600;line-height:1}.label{font-family:var(--font-sans);font-size:var(--size-small);margin:0;font-weight:600}.title-block .meta{margin:0;font-weight:400}.title-block .meta strong{font-weight:700}.title-block .meta .instr{color:var(--muted)}.intro{grid-template-columns:minmax(0, var(--text-col)) 1fr;column-gap:var(--gap);padding:24px 0 var(--section-gap);border-bottom:1px solid var(--line);display:grid}@media (width<=900px){.intro{grid-template-columns:1fr;row-gap:40px}}.text{max-width:var(--text-col)}.text p{margin:0 0 1.2em}.text p:last-child{margin-bottom:0}.facts{font-family:var(--font-sans);font-size:var(--size-small);align-self:start;margin:0}.facts div{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:16px;padding:10px 0;display:grid}.facts div:last-child{border-bottom:1px solid var(--line)}.facts dt{color:var(--muted);margin:0}.facts dd{margin:0}.chapter{padding-top:var(--section-gap)}.chapter-head{margin-bottom:40px}.chapter-head h2{font-family:var(--font-sans);margin:6px 0 10px;font-size:clamp(30px,3.6vw,52px);font-weight:600;line-height:1.05}.chapter-head .tagline{color:var(--muted);margin:0;font-style:italic}.chapter .text,.page>.text{margin:var(--block-gap) 0}.media{margin:0 0 var(--block-gap)}.media video{background:#111;width:100%;height:auto;display:block}.media figcaption{font-family:var(--font-sans);font-size:var(--size-small);color:var(--muted);margin-top:10px}.media.wide video{aspect-ratio:16/9;object-fit:cover}.media-grid{margin-bottom:var(--block-gap);column-gap:24px;display:grid}.media-grid.three{grid-template-columns:repeat(3,1fr)}.media-grid.two{grid-template-columns:repeat(2,1fr)}.media-grid .media{margin:0}.media-grid .media video,.media-grid .media img{aspect-ratio:16/9;object-fit:cover}.media-grid .media.drawing img{object-fit:contain}@media (width<=720px){.media-grid.three,.media-grid.two{grid-template-columns:1fr;row-gap:28px}}.media.drawing img{background:#fff}.media img{width:100%;height:auto;display:block}.storyboard figcaption{color:var(--fg);font-weight:600}.pull{font-family:var(--font-sans);letter-spacing:-.01em;max-width:24em;margin:0 0 var(--block-gap);padding:0;font-size:clamp(22px,2.6vw,34px);font-weight:600;line-height:1.25}.pull:before{content:"“"}.pull:after{content:"”"}.media.film{padding-top:16px}.media.film figcaption{color:var(--fg)}.brief{margin-top:var(--section-gap);max-width:var(--text-col);color:var(--muted);font-size:var(--size-small);line-height:1.6}.brief .label{color:var(--fg);margin-bottom:8px}.brief p{margin:0}.credits{margin-top:var(--section-gap);border-top:1px solid var(--line);grid-template-columns:minmax(0, var(--text-col)) 1fr;column-gap:var(--gap);padding-top:40px;display:grid}@media (width<=900px){.credits{grid-template-columns:1fr;row-gap:40px}}.project-nav{font-family:var(--font-sans);font-size:var(--size-small);flex-direction:column;align-self:start;gap:10px;display:flex}.project-nav a{text-decoration:none}.project-nav a:hover{text-decoration:underline}.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.js .reveal.in{opacity:1;transform:none}}
