.portfolio-jump{display:flex;gap:.7rem;flex-wrap:wrap;margin:-1rem 0 4rem}.portfolio-jump a{border:1px solid var(--line);padding:.75rem 1rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);transition:.25s ease}.portfolio-jump a:hover,.portfolio-jump a:focus-visible{border-color:var(--gold);color:var(--warm);background:rgba(244,185,66,.08)}
.work-chapter{padding:0 0 7rem;scroll-margin-top:95px}.chapter-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:2rem;align-items:end;border-top:1px solid var(--line);padding-top:2rem;margin-bottom:2rem}.chapter-head h2{font-size:clamp(2.25rem,5vw,5rem);line-height:.95;margin:.3rem 0 0}.chapter-head>p{color:var(--gray);line-height:1.75;margin:0}
.portfolio-grid--video{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem}.work-media{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#080910;border:1px solid var(--line);isolation:isolate}.work-media .work-image,.work-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.work-media video{opacity:0;z-index:1;background:#050506}.preview-card.is-previewing .work-media video{opacity:1}.preview-card.is-previewing .work-media .work-image{opacity:0}.preview-card:hover .work-media .work-image{transform:scale(1.025)}.preview-cue{position:absolute;z-index:2;left:14px;bottom:14px;padding:.48rem .7rem;border:1px solid rgba(255,255,255,.35);background:rgba(5,5,7,.76);backdrop-filter:blur(10px);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.preview-cue::before{content:'▶';font-size:.58rem;margin-right:.45rem}.is-previewing .preview-cue{opacity:0}
.event-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.event-showcase .work-card{grid-column:auto;min-height:0;display:flex;flex-direction:column;border:0;background:transparent;overflow:visible}.event-showcase .work-media{aspect-ratio:2/3}.event-showcase .work-media .work-image{object-fit:cover}.event-showcase .work-media video{inset:auto 0;top:50%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050506;transform:translateY(-50%)}.event-showcase .preview-card.is-previewing .work-media .work-image{opacity:.22;filter:brightness(.35)}.event-showcase .work-card:nth-child(2){margin-top:6rem}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:5rem 0 1.3rem}.photo-heading h3{font-size:1.5rem;margin:0}.photo-heading span{color:var(--gray);font-size:.8rem}.live-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.live-photo-grid figure{margin:0;min-width:0}.live-photo-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.live-photo-grid figcaption{font-size:.72rem;color:var(--gray);padding:.65rem 0}
.cover-showcase{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:1rem;align-items:start;max-width:980px;margin-inline:auto}.cover-feature{position:relative;display:block;min-width:0;background:#0b0c12;border:1px solid var(--line)}.cover-feature-media{position:relative;aspect-ratio:1;overflow:hidden;background:#08090e}.cover-feature-media img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .28s ease,transform .55s ease}.cover-feature.is-changing img{opacity:.15;transform:scale(.985)}.cover-feature-copy{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.25rem}.cover-feature-copy h3{font-size:1.55rem;margin:.25rem 0 0}.cover-feature-copy p{color:var(--gray);font-size:.85rem;margin:0;text-align:right}.cover-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cover-thumb{appearance:none;border:1px solid var(--line);background:#0b0c12;color:var(--warm);padding:.55rem;cursor:pointer;text-align:left;transition:.25s ease}.cover-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#07080c}.cover-thumb span{display:block;font-size:.7rem;margin-top:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-thumb:hover,.cover-thumb:focus-visible,.cover-thumb.active{border-color:var(--gold);background:rgba(244,185,66,.07)}.cover-thumb.active span{color:var(--gold)}
.visual-stage{position:relative;min-height:clamp(440px,62vw,760px);overflow:hidden;background:#050506;border:1px solid var(--line)}.visual-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,8,.82) 0%,rgba(5,5,8,.23) 54%,rgba(5,5,8,.45) 100%),linear-gradient(0deg,rgba(5,5,8,.8),transparent 55%)}.visual-stage-copy{position:absolute;z-index:2;left:clamp(1.5rem,5vw,4.5rem);bottom:clamp(1.5rem,5vw,4rem);max-width:560px}.visual-stage-copy h3{font-size:clamp(2.6rem,6vw,6rem);line-height:.92;margin:.4rem 0 1rem}.visual-stage-copy p{font-size:1rem;line-height:1.7;color:#e8e4db}.visual-reel-toggle{position:absolute;z-index:3;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.45);background:rgba(5,5,7,.72);color:#fff;padding:.7rem .85rem;cursor:pointer}.visual-project-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-top:0}.visual-project-links a{padding:1.2rem;border-right:1px solid var(--line);min-width:0}.visual-project-links a:last-child{border-right:0}.visual-project-links span{display:block;color:var(--gold);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.visual-project-links strong{font-size:.92rem;line-height:1.25}.visual-project-links a:hover{background:rgba(244,185,66,.08)}
@media(max-width:900px){.chapter-head{grid-template-columns:1fr}.live-photo-grid{grid-template-columns:repeat(2,1fr)}.visual-project-links{grid-template-columns:repeat(2,1fr)}.visual-project-links a{border-bottom:1px solid var(--line)}.visual-project-links a:last-child{grid-column:1/-1}.cover-showcase{grid-template-columns:minmax(0,1fr) minmax(210px,.45fr)}}
@media(max-width:620px){.portfolio-jump{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem;margin-bottom:3rem;scrollbar-width:none}.portfolio-jump::-webkit-scrollbar{display:none}.portfolio-jump a{white-space:nowrap}.work-chapter{padding-bottom:5rem}.portfolio-grid--video,.event-showcase{grid-template-columns:1fr}.event-showcase .work-card:nth-child(2){margin-top:0}.work-media{aspect-ratio:16/11}.event-showcase .work-media{aspect-ratio:2/3}.live-photo-grid{grid-template-columns:1fr 1fr}.cover-showcase{grid-template-columns:1fr}.cover-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.cover-thumb{padding:.35rem}.cover-thumb span{font-size:.61rem}.cover-feature-copy{display:block}.cover-feature-copy p{text-align:left;margin-top:.45rem}.visual-stage{min-height:72vh}.visual-stage-copy{right:1.5rem}.visual-project-links{grid-template-columns:1fr}.visual-project-links a,.visual-project-links a:last-child{grid-column:auto;border-right:0}.chapter-head h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.work-media .work-image,.work-media video{transition:none}}
@media(min-width:901px){.visual-project-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Every portfolio area shares the navigation's shell and gallery proportions. */
.work-chapter{padding-bottom:4rem}.chapter-head{padding-top:1.5rem;margin-bottom:1.5rem;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr)}.chapter-head h2{font-size:clamp(2rem,4vw,3.75rem);line-height:1.1}.portfolio-jump{margin-bottom:2.5rem}.portfolio-jump a{font-size:.875rem}.area-showcase{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:1rem;align-items:start;width:100%}.area-primary{min-width:0}.area-feature{display:block;border:1px solid var(--line);background:#0b0c12;min-width:0}.area-media{position:relative;aspect-ratio:1;max-height:620px;overflow:hidden;background:#08090e}.area-media>img,.area-media>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.area-media>img{transition:opacity .25s ease}.area-media>video{opacity:0;pointer-events:none;background:#08090e}.area-feature.is-playing video{opacity:1}.area-feature.is-playing .area-media>img{opacity:0}.area-copy{padding:1.15rem 1.25rem;min-height:100px}.area-copy h3{font-size:1.4rem;line-height:1.3;margin:0 0 .4rem;overflow-wrap:anywhere}.area-copy p{color:var(--gray);font-size:1rem;line-height:1.5;margin:0}.area-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}.area-thumb{appearance:none;min-width:0;border:1px solid var(--line);background:#0b0c12;color:var(--warm);padding:.55rem;cursor:pointer;text-align:left;font:inherit}.area-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#07080c}.area-thumb span{display:block;font-size:.875rem;line-height:1.35;margin-top:.6rem;overflow-wrap:anywhere}.area-thumb:hover,.area-thumb.active{border-color:var(--gold);background:rgba(244,185,66,.07)}.area-thumb.active span{color:var(--gold)}.area-thumb:focus-visible,.area-feature:focus-visible,.area-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.area-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;min-height:48px;font-size:.875rem;color:var(--gray)}.area-controls button{font:inherit;font-size:.875rem;background:transparent;border:1px solid var(--line);color:var(--warm);padding:.6rem .8rem;cursor:pointer}.area-preview-cue{position:absolute;left:14px;bottom:14px;background:rgba(5,5,7,.85);border:1px solid var(--line);padding:.45rem .65rem;font-size:.875rem}.area-feature.is-playing .area-preview-cue{display:none}.area-showcase [hidden]{display:none!important}.photo-heading{margin-top:3rem}.photo-heading span{font-size:.875rem}
@media(max-width:900px){.area-showcase{grid-template-columns:minmax(0,1fr) minmax(210px,.45fr)}.chapter-head{grid-template-columns:1fr}.area-media{max-height:540px}}
@media(max-width:620px){.area-showcase{grid-template-columns:minmax(0,1fr);gap:.5rem}.area-media{max-height:none}.area-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.area-thumb{padding:.35rem}.area-thumb span{font-size:.875rem}.area-copy{padding:1rem;min-height:100px}.area-copy h3{font-size:1.25rem}.work-chapter{padding-bottom:3rem}.chapter-head h2{font-size:2.25rem}.photo-heading{align-items:start;flex-direction:column}.portfolio-jump a{padding:.7rem .8rem}}
@media(prefers-reduced-motion:reduce){.area-media>img{transition:none}}
/* Let each selected artwork define the stage, instead of letterboxing it. */
.area-showcase{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.area-media{aspect-ratio:var(--media-ratio,1);max-height:none}.area-thumbs{max-height:var(--thumb-panel-height,none);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold) #0b0c12;padding:3px;scroll-padding:4px}#covers .area-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.area-showcase{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr)}#covers .area-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.area-showcase{grid-template-columns:minmax(0,1fr)}.area-thumbs{max-height:none;overflow:visible}#covers .area-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
#videoclips .area-media{aspect-ratio:16/9}#videoclips .area-showcase{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}#videoclips .area-preview-cue{display:none}.film-showcase{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(180px,1fr);gap:1.5rem;max-width:1100px;margin-inline:auto;align-items:start}.film-stage{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}.film-stage video{display:block;width:100%;height:100%;object-fit:contain}.film-copy{padding:1rem 0}.film-copy h3{font-size:1.4rem;margin:0 0 .4rem}.film-copy p{font-size:1rem;color:var(--gray);margin:.25rem 0}.film-copy a{font-size:1rem;color:var(--gold)}.film-choices{display:grid;grid-template-columns:1fr;gap:.75rem}.film-choice,.artist-choice{appearance:none;cursor:pointer;text-align:left;background:#0b0c12;border:1px solid var(--line);padding:.6rem;color:var(--warm);font:inherit;min-width:0}.film-choice img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%}.film-choice span,.artist-choice span{display:block;font-size:1rem;margin-top:.6rem;line-height:1.35}.film-choice.active,.artist-choice.active,.album-photo.active{border-color:var(--gold)}.film-choice:focus-visible,.artist-choice:focus-visible,.album-photo:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.motion-gallery{max-width:1100px;margin-inline:auto}.motion-stage{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}.motion-stage video{width:100%;height:100%;display:block;object-fit:contain}.motion-links{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.motion-links a{font-size:1rem;color:var(--gold)}.artist-albums{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.5rem}.album-primary{min-width:0}.album-stage{height:clamp(350px,43vw,580px);margin:0;background:#08090e;border:1px solid var(--line)}.album-stage img{display:block;width:100%;height:100%;object-fit:contain}.album-copy{padding:1rem 0}.album-copy h3{font-size:1.4rem;margin:0}.album-copy p{color:var(--gray);margin:.4rem 0;font-size:1rem}.album-copy>span{font-size:.875rem;color:var(--gray)}.artist-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-content:start}.artist-choice img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.artist-choice small{display:block;font-size:.875rem;line-height:1.4;color:var(--gray);margin-top:.35rem}.album-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.album-photo{appearance:none;background:#0b0c12;border:1px solid var(--line);padding:.25rem;cursor:pointer;min-width:0}.album-photo img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.full-player-open{overflow:hidden}.full-video-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:1rem;border:1px solid var(--line);background:#0b0c12;color:var(--warm);overflow:auto}.full-video-dialog::backdrop{background:rgba(0,0,0,.85)}.full-video-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.full-video-head h2{font-size:1.25rem;margin:0}.full-video-head button{font:inherit;font-size:1rem;border:1px solid var(--line);background:transparent;color:var(--warm);cursor:pointer;padding:.6rem .9rem}.full-video-frame{aspect-ratio:16/9}.full-video-frame iframe{height:100%;width:100%;display:block;border:0}.full-video-dialog>a{display:inline-block;margin-top:1rem;font-size:.875rem;color:var(--gold)}
@media(max-width:900px){.film-showcase{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.artist-albums{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr)}.artist-choices{grid-template-columns:1fr}.artist-choice img{aspect-ratio:16/9}.full-video-dialog{max-height:calc(100dvh - 24px)}}
@media(max-width:620px){#videoclips .area-showcase,.film-showcase,.artist-albums{grid-template-columns:minmax(0,1fr)}.film-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.artist-choice{padding:.35rem}.artist-choice img{aspect-ratio:1}.artist-choice span{font-size:.875rem}.artist-choice small{font-size:.75rem}.album-stage{height:min(120vw,540px)}.album-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-links{flex-direction:column;gap:.65rem}.full-video-dialog{padding:.75rem}.full-video-head h2{font-size:1rem}}
.clip-stage{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}.clip-stage iframe{display:block;width:100%;height:100%;border:0}.clip-copy h3 a{color:var(--warm);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.3em}.clip-copy h3 a:hover{color:var(--gold)}.film-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.film-choice img{aspect-ratio:2/3;object-fit:contain;background:#08090e}.film-choice span{font-size:.875rem}.film-showcase{grid-template-columns:minmax(0,2.5fr) minmax(180px,1fr)}
@media(max-width:900px){.film-showcase{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}}
@media(max-width:620px){.film-showcase{grid-template-columns:minmax(0,1fr)}.film-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px}.clip-copy h3{font-size:1.25rem}}
.motion-sequence{position:relative;overflow:hidden}.motion-criminal{position:absolute;inset:0;background:#000}.motion-criminal[hidden]{display:none}.motion-criminal iframe{width:100%;height:100%;display:block;border:0}.motion-playback{display:flex;justify-content:flex-end;padding-top:.75rem}.motion-playback button{font:inherit;font-size:.875rem;color:var(--warm);background:transparent;border:1px solid var(--line);padding:.6rem .8rem;cursor:pointer}

/* Defer layout and paint for portfolio chapters until they approach the viewport. */
.work-chapter{content-visibility:auto;contain-intrinsic-size:auto 900px}
#videoclips{content-visibility:visible;contain-intrinsic-size:none}
.clip-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}