:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#171e29;background:#f9f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1100px;padding:44px 48px 38px;margin:auto}.identity h1{font-size:clamp(38px,4.4vw,56px);letter-spacing:-.055em;font-weight:430;line-height:1;margin:0 0 5px}.job{font-size:13px;letter-spacing:.25em;color:#6c7280;margin:0 0 20px;text-transform:uppercase}.intro{font-size:15px;color:#8c929a;margin:0 0 25px;line-height:1.5}.section-title{margin:0 0 17px;padding-top:18px;border-top:1px solid #c5c6c7;text-transform:uppercase;letter-spacing:.24em;font-size:14px;color:#6b717c;font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 28px}.project{min-width:0}.art{width:100%;aspect-ratio: 2.06/1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#e8e8e6}.art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.trailer{display:block;width:100%;border:0;padding:0;cursor:pointer;text-align:inherit;background:none;color:inherit}.trailer:hover img{transform:scale(1.025)}.trailer:focus-visible{outline:3px solid #1c4e82;outline-offset:4px}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1.5px solid white;border-radius:50%;background:rgba(16,22,29,.44);display:grid;place-items:center;box-shadow:0 2px 16px #0002}.play::before{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid white;margin-left:4px}.empty{height:100%;width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d9dce0,#b9c0c7);color:#4f5661;font-size:clamp(18px,2vw,28px);font-weight:450;letter-spacing:-.025em;padding:30px;text-align:center}.meta{padding-top:11px}.title-line{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.title-line h2{font-size:clamp(18px,1.9vw,22px);font-weight:440;letter-spacing:-.035em;margin:0 0 4px;line-height:1.2}.year{color:#838a93;font-size:14px}.role,.company{font-size:15px;color:#7f858e;margin:0 0 4px;line-height:1.4}.company{color:#a0a4ab}.footer{border-top:1px solid #c5c6c7;padding-top:28px;margin-top:34px}.footer a{color:#353c46;text-decoration:none;font-size:15px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a:hover{text-decoration:underline}.overlay[hidden]{display:none}.overlay{position:fixed;z-index:50;inset:0;background:rgba(10,14,19,.88);display:flex;align-items:center;justify-content:center;padding:75px 30px}.viewer{width:min(1100px,100%);position:relative}.video-frame{aspect-ratio:16/9;background:black;box-shadow:0 20px 65px #0007}.video-frame iframe,.video-frame video{height:100%;width:100%;display:block;border:0}.close{position:absolute;right:0;top:-54px;min-height:44px;cursor:pointer;border:0;background:none;color:white;font-size:16px;display:flex;gap:8px;align-items:center}.close span{font-size:26px}.viewer-caption{color:#eee;margin:13px 0 0;font-size:14px}body.modal-open{overflow:hidden}@media(max-width:680px){.wrap{padding:30px 21px}.grid{grid-template-columns:1fr;gap:28px}.identity h1{font-size:42px}.intro{font-size:14px}.section-title{margin-bottom:15px}.play{width:48px;height:48px}.overlay{padding:70px 12px}.role,.company{font-size:14px}}
@media(prefers-reduced-motion:reduce){.art img{transition:none}}

/* Only show the play indicator when a video is linked. */
.trailer .play{pointer-events:none}