/* Camera-first direction: 2022 opening notes + original archive watermark cues. */
:root{--paper:#101010;--ink:#fafafa;--muted:#bcbcbc;--line:#454545;--brand-red:#ff1617;--red-readable:#ff292a;--red-strong:#cf1011;--red-hover:#990c0d;--accent:var(--brand-red);color-scheme:dark}
html{scroll-behavior:auto}body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,footer p{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-style:normal}em{font-style:normal;font-weight:800}h1,h2{letter-spacing:-.055em;line-height:.98}h3{letter-spacing:-.025em}a,button{transition:background-color .15s,color .15s}a:hover{text-decoration:none;color:var(--brand-red)}:focus-visible{outline:3px solid var(--brand-red);outline-offset:5px}.skip{background:#fff;color:#111}.demo-banner{background:#242424;color:#ccc;font-size:9px}header{padding:25px 5%;border-bottom:1px solid #444;background:#101010}.wordmark{font-size:22px;font-weight:900;letter-spacing:-1px}.wordmark span{font-size:8px;letter-spacing:3px;color:#bcbcbc}.nav-client{border-bottom:2px solid var(--brand-red)}nav{font-size:12px;gap:25px}.hero{padding:42px 5% 48px;grid-template-columns:.85fr 1.3fr;gap:4%;align-items:center}.hero h1{font-size:clamp(45px,4.7vw,80px);letter-spacing:-.06em;line-height:1;margin-bottom:25px}.hero h1 em{color:var(--brand-red)}.eyebrow{font:10px/1.5 Consolas,monospace;letter-spacing:2px;color:#c6c6c6;margin-bottom:22px}.hero .intro{color:#ddd;font-size:15px}.hero-note{font-size:10px;margin-top:25px}.hero-image{min-height:0;align-self:center;padding:16px;border:1px solid #555;background:linear-gradient(var(--brand-red),var(--brand-red)) top left/28px 3px no-repeat,linear-gradient(var(--brand-red),var(--brand-red)) top left/3px 28px no-repeat,linear-gradient(var(--brand-red),var(--brand-red)) bottom right/28px 3px no-repeat,linear-gradient(var(--brand-red),var(--brand-red)) bottom right/3px 28px no-repeat}.hero-image img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}.viewfinder-label{display:flex;gap:8px;align-items:center;font:9px/1 Consolas,monospace;letter-spacing:1px;padding:0 0 14px}.viewfinder-label>span:last-child{margin-left:auto;color:#aaa}.record-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--brand-red)}.hero-image figcaption{position:static;margin-top:13px;font:9px/1.4 Consolas,monospace;color:#bcbcbc;text-shadow:none;gap:12px;letter-spacing:.8px}.vertical{display:none}.text-link{font-weight:700;border-bottom:2px solid var(--brand-red)}.category-line{display:flex;justify-content:space-between;gap:20px;background:var(--brand-red);color:#080808;padding:20px 5%;font-size:11px;font-weight:800;letter-spacing:1px}.work{background:#f5f5f5;color:#111;padding:70px 5%}.work .eyebrow,.work .section-head p{color:#555}.work h2{font-size:clamp(36px,4vw,64px)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;align-items:start}.portfolio-story{display:block;border-top:3px solid #111;padding-top:10px}.portfolio-story:first-child{grid-column:span 2}.portfolio-story.portrait{grid-column:3;grid-row:span 2}.portfolio-story img{width:100%;height:auto;display:block;object-fit:contain}.portfolio-story>div{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.portfolio-story h3{font-size:20px}.portfolio-story span{font:9px/1.6 Consolas,monospace;white-space:nowrap}.film-section{padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #555;background:#101010}.film-section h2{font-size:clamp(44px,5vw,76px)}.film-section h2 em{color:var(--brand-red)}.film-section p{color:#bcbcbc}.film-intro{font-size:23px;font-weight:700;color:#fff!important}.approach{background:#1a1a1a;padding:65px 5%}.approach h2{font-size:clamp(40px,4.8vw,70px)}.steps{gap:5%}.steps>div{border-top:1px solid #555}.steps span{color:var(--red-readable);font:12px Consolas,monospace}.steps h3{font-size:24px}.steps p{color:#bcbcbc}.button{background:var(--red-strong);color:#fff;border:1px solid var(--red-strong);font-weight:700}.button:hover,button:hover{background:var(--red-hover);color:#fff}.gallery-heading{padding-top:35px}.gallery-heading h1{font-size:clamp(44px,6vw,80px)}.gallery-heading em{color:var(--brand-red)}.notice{background:#242424;color:#d0d0d0;border-left:3px solid var(--brand-red)}.gallery-toolbar button[aria-pressed=true]{border-color:var(--brand-red)}.photo-grid{gap:30px 22px}.photo-open,.photo-open:hover{background:#242424;padding:10px;border:1px solid #555}.photo-open img{height:330px;object-fit:contain;background:#242424}.photo-card .heart{background:#fff;color:#111}.photo-card .heart[aria-pressed=true]{background:var(--red-strong);color:#fff}.photo-caption{font-family:Consolas,monospace}.large-photo,.large-photo img{background:#080808}.sample-mark{position:static;display:block;background:#242424;padding:9px;font:9px Consolas,monospace}.large-photo{display:block}.large-photo img{display:block}.lightbox-content aside h2{font-size:30px}dialog{border:1px solid #777}dialog::backdrop{background:#000d}textarea{background:#242424;color:#fff;border:1px solid #888}#review-thumbnails img{object-fit:contain;background:#242424}#toast{background:#fff;color:#111}footer{border-top:1px solid #444}footer p{font-size:15px;font-weight:600}footer>span{color:#bcbcbc}
@media(max-width:760px){header{flex-wrap:wrap;gap:20px;padding:22px 6%}nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}nav a:first-child,nav a:nth-child(2),nav a:nth-child(3){display:block}.nav-client span{margin-left:3px}.wordmark{font-size:25px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 6%;gap:25px}.hero h1{font-size:clamp(40px,10.8vw,76px)}.hero-image{height:auto;align-self:auto;padding:12px}.hero-image img{height:auto;width:100%}.hero-note{margin-top:20px}.hero .eyebrow{font-size:8px}.category-line{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:14px;padding:20px 6%}.work{padding:45px 6%}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-story:first-child,.portfolio-story.portrait{grid-column:auto;grid-row:auto}.portfolio-story h3{font-size:19px}.portfolio-story span{font-size:8px}.film-section{grid-template-columns:1fr;padding:45px 6%;gap:15px}.approach{padding:45px 6%}.photo-grid{grid-template-columns:1fr}.photo-open img{height:auto;max-height:520px;object-fit:contain}.photo-caption{display:flex;gap:10px}.gallery-heading h1{font-size:48px;letter-spacing:-.05em}.large-photo img{height:38vh}.viewfinder-label{font-size:8px}.demo-banner{font-size:8px;gap:12px}.demo-banner span{text-align:right}.steps{margin:30px 0}.hero-copy .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.work a:hover{color:var(--red-strong)}.work a:focus-visible{outline-color:var(--red-strong)}

@media(max-width:760px){nav{flex-wrap:wrap;row-gap:14px}}