:root{--font-display-stack:var(--font-display), system-ui, sans-serif;--font-body-stack:var(--font-display), var(--font-atkinson), system-ui, sans-serif;--body-size:16px;--body-line:1.65;--body-weight:300;--name-size:1.4rem;--name-weight:400;--name-tracking:1px;--name-transform:uppercase;--title-size:.8rem;--title-weight:400;--title-tracking:2px;--title-transform:none;--nav-size:.85rem;--nav-weight:900;--nav-tracking:.06em;--nav-transform:uppercase;--card-name-size:clamp(.95rem, 1.6vw, 1.15rem);--card-name-weight:500;--card-name-tracking:.12em;--card-name-transform:uppercase;--heading-size:1.6rem;--heading-weight:400;--heading-tracking:.06em;--heading-transform:uppercase;--label-size:.75rem;--label-tracking:.2em;--prose-size:.95rem;--prose-small-size:.85rem;--prose-line:1.8;--bg:#fff;--surface:#ece7dc;--surface-hover:#e2dccf;--border:#d3ccbd;--fg:#1b1917;--yellow-fg:#d6b42e;--fg-muted:#71695d;--fg-faint:#8d867b;--grid-width:1500px;--wide-width:1200px;--about-image-width:700px;--content-width:780px;--gutter:30px;--grid-gap:10px;--grid-columns:4;--tile-ratio:3 / 2;--header-height:200px;--radius:0}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color-scheme:light}body{font-family:var(--font-body-stack);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-line);background:var(--bg);color:var(--fg);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display-stack);margin:0;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.bleed{width:100%;max-width:var(--grid-width);padding-inline:var(--gutter);margin-inline:auto}.wide{width:100%;max-width:var(--wide-width);padding-inline:var(--gutter);margin-inline:auto}.wrap{width:100%;max-width:var(--content-width);padding-inline:var(--gutter);margin-inline:auto}.site-header{height:var(--header-height);text-align:center;padding-inline:var(--gutter);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.site-header__name{font-size:var(--name-size);font-weight:var(--name-weight);letter-spacing:var(--name-tracking);text-transform:var(--name-transform);margin-inline-start:var(--name-tracking)}.site-header__title{color:var(--fg-muted);font-size:var(--title-size);font-weight:var(--title-weight);letter-spacing:var(--title-tracking);text-transform:var(--title-transform);margin:0;margin-inline-start:var(--title-tracking)}.site-nav{flex-wrap:wrap;justify-content:center;gap:1.9rem;margin-top:1.1rem;display:flex}.site-nav a{color:var(--fg-muted);font-family:var(--font-display-stack);font-size:var(--nav-size);text-transform:var(--nav-transform);font-weight:500;transition:color .2s}.site-nav a[aria-current=page]{color:var(--fg)}.site-nav a:hover{color:var(--yellow-fg)}main{padding-bottom:5rem;display:block}.section-label{color:var(--fg-faint);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 1.25rem}.grid{column-count:var(--grid-columns);column-gap:var(--grid-gap);margin:0;padding:0;list-style:none}.grid>li{break-inside:avoid;margin-bottom:var(--grid-gap)}.masonry{align-items:flex-start;gap:var(--grid-gap);display:flex}.masonry[hidden]{display:none}.masonry__column{gap:var(--grid-gap);flex-direction:column;flex:1 1 0;min-width:0;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border-radius:var(--radius);line-height:0;display:block;position:relative;overflow:hidden}.card img{opacity:0;width:100%;height:auto;transition:opacity .5s,transform .6s}.card img:not(.is-loaded){aspect-ratio:var(--tile-ratio)}.card img.is-loaded{opacity:1}.card--empty{aspect-ratio:var(--tile-ratio);color:var(--fg-faint);letter-spacing:var(--label-tracking);text-transform:uppercase;place-items:center;font-size:.8rem;display:grid}.card__name{text-align:center;color:var(--fg);font-size:var(--card-name-size);font-weight:var(--card-name-weight);letter-spacing:var(--card-name-tracking);text-transform:var(--card-name-transform);opacity:0;background:#f7f4edc7;place-items:center;margin:0;padding:1rem;transition:opacity .3s;display:grid;position:absolute;inset:0}.card:hover .card__name,.card:focus-visible .card__name{opacity:1}.card:hover img.is-loaded{transform:scale(1.04)}.card:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}@media (hover:none){.card__name{opacity:1;background:linear-gradient(#0000 45%,#f7f4ede0);place-items:end center}}.back-link{color:var(--fg-muted);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;margin-bottom:2rem;display:inline-block}.back-link:hover{color:var(--fg)}.work-title{text-align:center;font-size:var(--heading-size);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);text-transform:var(--heading-transform);color:var(--yellow-fg)}.work-description{text-align:center;max-width:62ch;color:var(--fg-muted);margin:30px auto 0}.gallery{gap:3rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.shot figure{margin:0}.shot__frame{background:var(--surface);border-radius:var(--radius);overflow:hidden}.shot__frame img{opacity:0;width:100%;height:auto;transition:opacity .4s}.shot__frame img.is-loaded{opacity:1}.shot__frame img:not(.is-loaded){aspect-ratio:var(--tile-ratio)}.shot__frame video{background:var(--surface);width:100%;height:auto;display:block}.embed{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.embed img{display:block}.embed__play{background:#0009;border-radius:50%;width:72px;height:72px;transition:background .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embed__play:after{content:"";border:13px solid #0000;border-left:22px solid #fff;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.embed:hover .embed__play,.embed:focus-visible .embed__play{background:#000c;transform:translate(-50%,-50%)scale(1.08)}.embed:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.shot__frame--playing{aspect-ratio:16/9}.shot__frame iframe{border:0;width:100%;height:100%;display:block}.shot figcaption{color:var(--fg-muted);margin-top:.75rem;font-size:.9rem}.about{text-align:center;flex-direction:column;align-items:center;gap:2.5rem;display:flex}.about__image{width:100%;max-width:var(--about-image-width);border-radius:var(--radius);height:auto}.prose--center{text-align:center}.prose--center p{text-align:left;margin-inline:auto}.prose h2{font-size:var(--heading-size);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);text-transform:var(--heading-transform)}.prose p{color:var(--fg-muted);max-width:62ch;font-size:var(--prose-size);line-height:var(--prose-line)}.prose--small p{font-size:var(--prose-small-size)}.prose a{color:var(--fg);border-bottom:1px solid var(--border)}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 37%, var(--surface) 63%);border-radius:var(--radius);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton--tile{aspect-ratio:var(--tile-ratio)}.skeleton--tile:nth-child(3n+2){aspect-ratio:4/5}.skeleton--tile:nth-child(3n+3){aspect-ratio:1}.skeleton--line{border-radius:2px;height:.85rem;margin-top:.9rem}.skeleton--tall{aspect-ratio:var(--tile-ratio)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.card img,.card__name,.shot__frame img,.embed__play{transition:none}}.state{color:var(--fg-muted);text-align:center;padding:3rem 0}.state h2{color:var(--fg);letter-spacing:var(--card-name-tracking);text-transform:uppercase;margin-bottom:.5rem;font-size:1.1rem}.button{font:inherit;font-family:var(--font-display-stack);font-size:var(--nav-size);letter-spacing:var(--nav-tracking);text-transform:var(--nav-transform);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:1.25rem;padding:.6rem 1.4rem;display:inline-block}.button:hover{background:var(--surface-hover)}[hidden]{display:none!important}.site-footer{color:var(--fg-faint);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;text-align:center;padding-block:3rem}@media (width<=1300px){:root{--grid-columns:3}}@media (width<=900px){:root{--grid-columns:2}}@media (width<=700px){:root{--grid-columns:1}}
