/* All five journeys share Nocturne's palette and fonts. Only composition varies. */
[data-structure] .art-content .about-copy.variant{grid-template-columns:minmax(0,1fr)}
[data-structure] .art-content .bio-intro{margin-bottom:0}
[data-structure] .art-content .about{padding-bottom:80px}
[data-structure] .art-content .section-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px 28px}
[data-structure] .art-content .section-top .section-label{font-size:clamp(38px,5.4vw,80px);line-height:1.15;letter-spacing:-.04em}
[data-structure] .art-content .section-top .view-all{margin-left:auto}
[data-structure] .art-content .work-section{padding-block:84px}
[data-structure] .art-content .photo-gallery.variant{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;padding:0;scroll-snap-type:none}
[data-structure] .art-content .photo-gallery.variant figure{margin:0;padding:0;scroll-snap-align:none}
[data-structure] .art-content .photo-gallery.variant .image-open{aspect-ratio:4/5}
[data-structure] .art-content .image-open .image-cue{border:0;background:var(--art-bg)}
[data-structure] .art-content .others-gallery.variant{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
[data-structure] .art-content .others-gallery.variant .image-open{aspect-ratio:4/3;padding:22px;background:var(--art-wash);border:1px solid var(--art-rule)}
[data-structure] .record-block{min-width:0;padding:44px var(--art-pad);font:350 16px/1.9 var(--art-body);color:var(--art-ink)}
[data-structure] .record-block h2,[data-structure] .record-block h3{font:300 42px/1.15 var(--art-display);font-style:italic;letter-spacing:-.035em;margin:0 0 32px;padding:0;border:0}
[data-structure] .record-block p{margin:0;line-height:1.95}
[data-structure] .record-block strong{font-weight:400}
[data-structure] .record-block em{font-style:normal}
[data-structure] .record-block a{color:inherit;overflow-wrap:anywhere;text-underline-offset:4px}
[data-structure] .record-block ul{list-style:none;margin:0;padding:0}
[data-structure] .record-block li{margin:0 0 12px;padding:0;line-height:1.85}
[data-structure] .record-block .profile-grid{font:350 15px/2.15 var(--art-body);grid-template-columns:72px minmax(0,1fr);gap:16px}
[data-structure] .record-block .profile-grid p{line-height:2.15}
[data-structure] .record-block .current-grid{display:block}
[data-structure] .record-block .current-grid>div:first-child{font-size:12px;color:var(--art-muted);margin-bottom:18px}
[data-structure] .record-block .source-unit.variant{display:none}
[data-structure] .record-block .source-unit.variant.desktop{display:block}
[data-structure] .timeline{list-style:none;padding:0;margin:0}
[data-structure] .record-block .timeline li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;border-top:1px solid var(--art-rule);padding:20px 0;margin:0}
[data-structure] .entry-date{font:350 13px/1.8 var(--art-body);color:var(--art-muted);padding-top:2px}
[data-structure] .entry-text{min-width:0;overflow-wrap:anywhere;font:350 15px/1.9 var(--art-body)}
[data-structure] .art-content .film-notes{padding:32px 0 0}
[data-structure] .film-notes h3{font:350 16px/1.6 var(--art-body);letter-spacing:0;margin-bottom:24px}
[data-structure] .record-block .film-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
[data-structure] .record-block .film-list li{border-top:1px solid var(--art-rule);padding-top:16px;font-size:14px;line-height:1.9}
[data-structure] .film-list strong:first-child{font:350 12px/1.8 var(--art-body);color:var(--art-muted)}
[data-structure] .video-section .video-frame{aspect-ratio:16/9;width:100%}
[data-structure] .video-frame iframe{display:block;width:100%;height:100%;aspect-ratio:16/9}
[data-structure] .activity-spread{padding:72px var(--art-pad);display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:6vw;border-top:1px solid var(--art-rule)}
[data-structure] .activity-spread .record-block,[data-structure] .activity-spread .work-section{padding:0}
[data-structure] .activity-spread .section-top .section-label{font-size:clamp(36px,4.2vw,62px)}
[data-structure] .activity-spread .others-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-structure] .records-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6vw;margin:50px var(--art-pad) 90px;padding-top:48px;border-top:1px solid var(--art-rule)}
[data-structure] .records-spread>.record-block{padding:0}
[data-structure] .art-content .portfolio-gateway{margin:0 var(--art-pad) 90px;padding:32px 0;border-block:1px solid var(--art-rule)}
[data-structure] .art-content .portfolio-gateway .text-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:72px;border:0;font:300 clamp(30px,5.4vw,82px)/1.3 var(--art-display);font-style:italic;letter-spacing:-.035em}
[data-structure] .portfolio-gateway a::after{font:350 34px var(--art-body)}
[data-structure] .about-records{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;margin-top:72px;padding-top:36px;border-top:1px solid var(--art-rule)}
[data-structure] .about-records .record-block{padding:0}
[data-structure] .chapter-dock{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%,20px);padding:6px 16px;display:flex;gap:22px;border:1px solid var(--art-rule);border-radius:40px;background:var(--art-bg);box-shadow:0 6px 28px #0003;color:var(--art-ink);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 200ms,transform 200ms,visibility 200ms;font:350 11px/1.5 var(--art-body)}
[data-structure] .chapter-dock[data-visible=true]{opacity:1;visibility:visible;transform:translate(-50%,0)}
[data-structure] .chapter-dock p,[data-structure] .chapter-dock span{display:none}
[data-structure] .chapter-dock a{color:var(--art-muted);min-height:38px;display:inline-flex;align-items:center;text-decoration:none}
[data-structure] .chapter-dock a[aria-current=location]{color:var(--art-ink);text-decoration:underline;text-underline-offset:6px}
[data-structure] .chapter-dock a:focus-visible{outline:2px solid var(--art-ink);outline-offset:4px}

/* N1: a dense image wall followed by related disciplines. */
[data-structure=gallery] .art-content #home-pthoto{border-top:1px solid var(--art-rule);padding-top:56px}
[data-structure=gallery] .art-content #home-pthoto .photo-gallery{gap:10px}

/* N2: video and credits share the first work spread; photos follow the portfolio. */
[data-structure=screening] .art-content .video-section .section-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:30px 5vw}
[data-structure=screening] .video-section .section-top{grid-column:1/-1}
[data-structure=screening] .art-content .film-notes{padding:0;grid-column:2;grid-row:2}
[data-structure=screening] .film-notes .film-list{grid-template-columns:minmax(0,1fr);gap:10px}
[data-structure=screening] .video-frame{position:sticky;top:30px;align-self:start}
[data-structure=screening] .art-content .photo-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
[data-structure=screening] .activity-spread{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
[data-structure=screening] .portfolio-gateway{padding-block:24px}

/* N3: fixed table of contents and a single, flowing work column. */
[data-structure=index] .about>.record-block{padding:40px 0 0;margin-top:64px;border-top:1px solid var(--art-rule)}
[data-structure=index] .about .profile-unit{max-width:600px;margin-left:auto}
[data-structure] .index-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:5vw;padding:0 var(--art-pad) 90px;align-items:start}
[data-structure] .reading-nav{position:sticky;top:28px;border-top:1px solid var(--art-rule);padding-top:22px;font:350 14px/1.6 var(--art-body)}
[data-structure] .nav-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--art-muted);margin-bottom:30px}
[data-structure] .reading-nav>a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;padding:14px 0;color:var(--art-muted);border-bottom:1px solid var(--art-rule);min-height:48px}
[data-structure] .reading-nav>a[aria-current=location]{color:var(--art-ink);padding-left:12px}
[data-structure] .reading-nav>a span{font-size:10px}
[data-structure=index] .art-content .reading-nav .portfolio-gateway{margin:50px 0 0;padding:20px 0}
[data-structure=index] .reading-nav .portfolio-gateway .text-link{font-size:25px;display:block;overflow-wrap:anywhere}
[data-structure=index] .reading-nav .portfolio-gateway .text-link::after{display:block;margin-top:12px;font-size:25px}
[data-structure=index] .index-content{min-width:0}
[data-structure=index] .index-content>.work-section,[data-structure=index] .index-content>.record-block{padding:56px 0;border-top:1px solid var(--art-rule)}
[data-structure=index] .index-content>.work-section:first-child{padding-top:28px}
[data-structure=index] .index-content .video-section{padding-block:56px;background:var(--art-bg);border-top:1px solid var(--art-rule)}
[data-structure=index] .index-content .video-section>.section-shell{padding:0}
[data-structure=index] .art-content .photo-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
[data-structure=index] .art-content .section-top .section-label{font-size:clamp(40px,4.4vw,68px)}

/* N4: parallel columns, with media and the biography crossing the spread. */
[data-structure] .journal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5vw;padding:0 var(--art-pad) 90px;align-items:start}
[data-structure] .journal-layout .section-shell,[data-structure] .journal-layout .record-block{padding-inline:0}
[data-structure] .journal-layout .work-section,[data-structure] .journal-layout .video-section{padding-block:40px;background:var(--art-bg)}
[data-structure] .journal-photography{position:sticky;top:20px;border-top:1px solid var(--art-rule)}
[data-structure] .journal-stories{border-top:1px solid var(--art-rule);min-width:0}
[data-structure=journal] .art-content .section-top .section-label{font-size:clamp(34px,3.7vw,54px)}
[data-structure=journal] .art-content .photo-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-structure=journal] .art-content .others-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
[data-structure=journal] .film-notes .film-list{grid-template-columns:minmax(0,1fr);gap:10px}
[data-structure=journal] .journal-stories>#current,[data-structure=journal] .journal-stories>#art-activities{border-top:1px solid var(--art-rule)}

/* N5: a category switch changes the work area; no-JS keeps every panel visible. */
[data-structure] .work-tabs{display:flex;gap:0;flex-wrap:wrap;margin:0 var(--art-pad);border-bottom:1px solid var(--art-rule)}
[data-structure] .work-tabs a{min-height:70px;padding:18px 30px;font:300 clamp(26px,3vw,44px)/1.3 var(--art-display);font-style:italic;text-decoration:none;color:var(--art-muted);position:relative}
[data-structure] .work-tabs a:first-child{padding-left:0}
[data-structure] .work-tabs a[aria-selected=true]{color:var(--art-ink)}
[data-structure] .work-tabs a[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--art-ink)}
[data-structure] .work-panel[hidden]{display:none!important}
[data-structure=switchboard] .art-content .work-panel{padding-top:45px}
[data-structure=switchboard] .art-content>#career{max-width:1100px;margin:20px auto 80px;border-top:1px solid var(--art-rule);padding-top:44px}
[data-structure] .work-panel:focus-visible{outline:2px solid var(--art-ink);outline-offset:-5px}

@media(min-width:841px) and (max-height:1000px){[data-structure] .journal-photography{position:static}}
@media(max-width:1100px){
 [data-structure] .index-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}
 [data-structure] .activity-spread,[data-structure=screening] .activity-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:36px}
 [data-structure] .records-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px}
 [data-structure] .record-block .timeline li{grid-template-columns:minmax(0,1fr);gap:6px}
 [data-structure=screening] .art-content .video-section .section-shell{grid-template-columns:minmax(0,1fr)}
 [data-structure=screening] .art-content .film-notes{grid-column:1;grid-row:auto}
 [data-structure=screening] .film-notes .film-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 [data-structure=screening] .video-frame{position:static}
 [data-structure] .journal-layout{gap:32px}
 [data-structure] .journal-layout .section-top .section-label{font-size:32px}
}
@media(max-width:839px){
 [data-structure] .record-block .source-unit.variant.desktop{display:none}
 [data-structure] .record-block .source-unit.variant.tablet{display:block}
 [data-structure] .index-layout,[data-structure] .journal-layout{display:block}
 [data-structure] .journal-photography{position:static}
 [data-structure] .reading-nav{position:static;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;align-items:center}
 [data-structure] .reading-nav>p{width:100%;margin-bottom:0}
 [data-structure] .reading-nav>a{gap:12px}
 [data-structure=index] .art-content .reading-nav .portfolio-gateway{margin:10px 0;width:100%;padding:12px 0}
 [data-structure=index] .reading-nav .portfolio-gateway .text-link{display:flex}
 [data-structure=index] .reading-nav .portfolio-gateway .text-link::after{display:inline-block;margin:0}
 [data-structure] .journal-layout .section-top .section-label{font-size:clamp(32px,6vw,50px)}
 [data-structure] .art-content .photo-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 [data-structure] .activity-spread,[data-structure=screening] .activity-spread,[data-structure] .records-spread,[data-structure] .about-records{display:block}
 [data-structure] .records-spread>.record-block+ .record-block,[data-structure] .about-records>.record-block+ .record-block{margin-top:44px}
 [data-structure] .activity-spread>.work-section+ .record-block,[data-structure] .activity-spread>.record-block+ .work-section{margin-top:48px}
 [data-structure] .art-content .section-top .section-label{font-size:clamp(27px,6.5vw,48px)}
 [data-structure] .art-content .about{padding-bottom:52px}
 [data-structure] .record-block h2,[data-structure] .record-block h3{font-size:36px}
 [data-structure] .film-notes h3{font-size:16px}
 [data-structure] .art-content .work-section,[data-structure] .art-content .video-section{padding-block:56px}
 [data-structure] .activity-spread{padding-block:56px}
 [data-structure] .records-spread{margin-block:20px 64px}
 [data-structure] .record-block .film-list,[data-structure=screening] .film-notes .film-list{grid-template-columns:minmax(0,1fr);gap:14px}
 [data-structure] .art-content .portfolio-gateway{margin-bottom:60px;padding-block:18px}
 [data-structure] .portfolio-gateway .text-link{font-size:34px!important;min-height:60px!important}
 [data-structure] .portfolio-gateway a::after{font-size:24px}
 [data-structure] .art-content .others-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 [data-structure] .work-tabs a{font-size:26px;padding:16px 14px;min-height:62px}
 [data-structure] .chapter-dock{bottom:12px;gap:16px;padding:4px 14px;font-size:10px}
 [data-structure] .chapter-dock a[href="#career"]{display:none}
 [data-structure] .site-footer{padding-bottom:82px}
 [data-structure=index] .about .profile-unit{margin-left:0}
}
@media(max-width:540px){
 [data-structure] .record-block .source-unit.variant.tablet{display:none}
 [data-structure] .record-block .source-unit.variant.mobile{display:block}
 [data-structure] .art-content .photo-gallery.variant{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-structure=screening] .art-content .photo-gallery.variant{grid-template-columns:minmax(0,1fr);gap:24px}
 [data-structure] .record-block .profile-grid{display:block;font-size:15px}
 [data-structure] .entry-text{font-size:15px}
 [data-structure] .art-content .photo-gallery .image-cue{width:28px;height:28px;right:7px;bottom:7px;font-size:18px;opacity:.85}
 [data-structure] .art-content .section-top{gap:10px 20px}
 [data-structure] .art-content .view-all{font-size:10px}
}
@media(prefers-reduced-motion:reduce){[data-structure] *{scroll-behavior:auto!important}[data-structure] .chapter-dock{transition:none}}
[data-structure][data-motion=off] .chapter-dock{transition:none}