/* Desktop-only photographic composition. Existing phone presentation stays intact. */
.desktop-photo-gallery,.desktop-photo-help{display:none}
@media(min-width:801px){
 main:has(>.desktop-photo-gallery)>.intro{padding-bottom:36px}
 main:has(>.desktop-photo-gallery) #flow-help,main:has(>.desktop-photo-gallery)>.coverflow,main:has(>.desktop-photo-gallery)>.wrap:has(>.photo-index){display:none}
 .desktop-photo-help{display:block;font-size:14px;line-height:1.7;max-width:38ch;color:#b9bbc1}
 .desktop-photo-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(22px,2.5vw,48px);row-gap:clamp(44px,4.5vw,80px);margin:12px clamp(24px,4vw,72px) 88px;align-items:start}
 .desktop-photo-item{margin:0;min-width:0}.photo-span-8{grid-column:span 8}.photo-span-4{grid-column:span 4}
 .desktop-photo-item:nth-last-child(2).photo-end-pair{grid-column:3/span 4}.desktop-photo-item:last-child.photo-end-pair{grid-column:7/span 4}
 .desktop-photo-tile{position:relative;display:block;width:100%;padding:9px;isolation:isolate;overflow:hidden;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(135deg,#8ea2af21,#242b300f 40%,#ffffff0a);box-shadow:0 3px 7px #0006,0 18px 36px #0004,inset 0 1px 0 #ffffff2e;transition:border-color .25s,box-shadow .3s,transform .3s}
 .desktop-photo-tile img{display:block;width:100%;height:auto;aspect-ratio:var(--panel-ratio,auto);object-fit:contain;border-radius:5px;filter:none;opacity:1;transform:none;box-shadow:0 1px 3px #0008}
 .desktop-photo-tile::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#d9eaf629,transparent 32%,transparent 70%,#ffffff0d);box-shadow:inset 0 1px 1px #ffffff68,inset 1px 0 1px #ffffff20;opacity:0;transition:opacity .25s}
 .photo-open-cue{position:absolute;right:21px;bottom:21px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff52;background:#1b242969;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:22px;opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s;pointer-events:none}
 .desktop-photo-item figcaption{display:flex;justify-content:space-between;gap:16px;margin:14px 2px 0;color:#b9bbc1;font-size:11px;line-height:1.5;letter-spacing:.04em}
 .desktop-photo-tile:focus-visible{outline:2px solid #f1d4ac;outline-offset:5px;border-color:#ffffff68;box-shadow:0 5px 10px #0007,0 22px 42px #0005,inset 0 1px 0 #ffffff50}
 .desktop-photo-tile:focus-visible::after,.desktop-photo-tile:focus-visible .photo-open-cue{opacity:1}
 .desktop-photo-tile:focus-visible .photo-open-cue{transform:none}
 /* Full-width opening composition, informed by the reference rather than a boxed card. */
 .home header{position:absolute;inset:0 0 auto;z-index:8;height:88px;background:linear-gradient(#080c10b8,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
 .home header .logo{color:#fff;text-shadow:0 2px 12px #0008}
 .home header nav a{background:#1a2025b5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff25}
 .cinema-hero{display:block;position:relative;width:100%;max-width:none;margin:0;overflow:hidden;border:0;border-radius:0;background:#0a0e11;box-shadow:none}
 .cinema-stage{width:100%;height:100svh;min-height:600px;max-height:1050px;aspect-ratio:auto;background:#0a0e11;border-radius:0}
 .cinema-layer>img,.cinema-layer>video{object-fit:contain}
 .cinema-stage::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#07101538,transparent 24%,transparent 51%,#080d1294 79%,#080d12f2)}
 .cinema-caption{position:absolute;inset:auto clamp(28px,4vw,72px) 42px;z-index:4;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:32px;padding:0;border:0;background:transparent;pointer-events:none}
 .cinema-project{width:auto;gap:12px;max-width:min(75%,1000px);color:#fff;pointer-events:auto}
 .cinema-project strong{font-size:clamp(46px,6.1vw,98px);font-weight:500;line-height:.99;letter-spacing:-.055em;max-width:18ch;text-wrap:balance;text-shadow:0 3px 25px #0005}
 .cinema-project small{font-size:14px;letter-spacing:.03em;color:#e0e2e5}
 .cinema-project::before{content:'Selected work';display:block;font-size:11px;letter-spacing:.15em;color:#e7ccb0;margin:0 0 2px}
 .cinema-project::after{font-size:12px;margin-top:3px;color:#eee3d5}
 .cinema-controls{flex:none;gap:12px;align-self:flex-end;padding:7px 10px;border:1px solid #ffffff1d;border-radius:30px;background:#141b214f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}
 .cinema-note{position:absolute;z-index:5;bottom:10px;left:clamp(28px,4vw,72px);padding:0;color:#e0e2e5;font-size:11px}
 .long-home{padding-top:52px}

}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
 .desktop-photo-tile:hover{border-color:#ffffff60;box-shadow:0 5px 10px #0007,0 22px 42px #0005,inset 0 1px 0 #ffffff50;transform:translateY(-2px)}
 .desktop-photo-tile:hover::after,.desktop-photo-tile:hover .photo-open-cue{opacity:1}.desktop-photo-tile:hover .photo-open-cue{transform:none}
}
@media(min-width:801px) and (prefers-reduced-motion:reduce){.desktop-photo-tile,.desktop-photo-tile::after,.photo-open-cue{transition:none!important;transform:none!important}}
@media(min-width:801px) and (prefers-reduced-transparency:reduce){.desktop-photo-tile{background:#1b2227}.desktop-photo-tile::after{background:none}.photo-open-cue{background:#1b2429;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(min-width:801px) and (forced-colors:active){.desktop-photo-tile{border:1px solid CanvasText;background:Canvas;box-shadow:none}.desktop-photo-tile::after{display:none}.photo-open-cue{background:ButtonFace;color:ButtonText;border-color:ButtonText}}