/* A / Archive: small, simultaneous works and concise catalogue records. */
.work-index,.work-summary{display:none}
.version-a .section-menu{display:block;border-top:1px solid #444}
.version-a .section-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;min-height:88px;padding:20px 0;border:0;border-bottom:1px solid #333;background:none}
.version-a .section-card:hover{transform:none;background:#ffffff05}
.version-a .section-label,.version-a .section-count{margin:0}
.version-a .section-label{font-size:25px}
.version-a .project-content{grid-template-columns:150px minmax(0,1fr);gap:55px}
.version-a .project-description{font-size:clamp(30px,3.5vw,48px)}
.version-a .project-credits{margin-top:45px}
/* B / Studio: a project list with an image and a separate reading column. */
.version-b.gallery-open .archive{padding-left:24vw;padding-right:6vw}
.version-b.gallery-open .bookmarks{position:fixed;left:4vw;top:170px;width:16vw;display:flex;flex-direction:column;gap:0;border:0;background:none;transform:none;z-index:25;margin:0}
.version-b.gallery-open .bookmark{width:100%;height:52px;border-bottom:1px solid #cdcec8;padding:14px 12px;gap:12px;justify-content:flex-start}
.version-b.gallery-open .bookmark-label{font-size:13px}
.version-b.gallery-open .archive-header h1{font-size:30px}
.version-b.gallery-open .archive-header p{display:none}
.version-b .gallery-heading h2{font-size:clamp(48px,5vw,78px)}
.version-b .gallery-grid{display:flex;flex-direction:column;gap:0}
.version-b .work-card{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:20px 35px;width:100%;border-bottom:1px solid #cdcec8;padding:32px 0;text-align:left;align-items:center}
.version-b .work-image{grid-column:1;grid-row:1/3;aspect-ratio:16/10}
.version-b .work-caption{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:clamp(21px,2vw,34px);font-weight:500;line-height:1.3;gap:14px}
.version-b .work-caption small{font-size:9px;letter-spacing:.1em;color:#2447ed}
.version-b .work-summary{grid-column:2;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:8px;font-size:10px;line-height:1.5;color:#68717c}
.version-b .work-index{display:block;position:absolute;right:0;top:10px;font-size:9px;color:#92979f}
.version-b .section-menu{display:flex;flex-direction:column;gap:0}
.version-b .section-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;min-height:110px;padding:22px 0;border:0;border-bottom:1px solid #cdcec8}
.version-b .section-label,.version-b .section-count{margin:0}
.version-b .section-card:hover{background:transparent;color:#2447ed;border-color:#2447ed}
.version-b .section-card:hover .section-count{color:#2447ed}
.version-b .project-overlay.is-expanded,.version-b .project-content{background:#f4f2ed;color:#16191e}
.version-b .project-detail{color:#16191e}
.version-b .project-content{display:grid;grid-template-columns:1fr 3fr;padding:80px 8vw 100px;gap:70px}
.version-b .project-description{font-size:clamp(42px,5.5vw,85px);font-weight:500;letter-spacing:-.055em}
.version-b .project-credits{display:block;border-top:0;margin:45px 0}
.version-b .project-credits>div{display:grid;grid-template-columns:130px 1fr;gap:25px;border-bottom:1px solid #cdcec8;padding:17px 0}
.version-b .project-credits dt{margin:0;color:#68717c}
.version-b .project-credits dd{font-size:14px}
.version-b .project-narrative{border-color:#cdcec8;max-width:700px}
.version-b .project-narrative h4,.version-b .content-left p{color:#2447ed}
.version-b .project-narrative p{font-size:18px;line-height:1.9}
.version-b .project-prev,.version-b .project-next{color:#16191e;border-color:#b9bfca;background:#f4f2ed}
.version-b .project-prev:hover,.version-b .project-next:hover{background:#dfe4f5}
@media(min-width:901px){.version-b .project-detail,.version-b .project-overlay.is-video-playing .project-detail{left:80vw;right:5vw;top:calc(var(--viewer-height,100dvh)*.22)!important;display:block}.version-b .detail-title{max-width:100%;font-size:24px;line-height:1.45}.version-b .detail-type{max-width:100%;text-align:left;margin-top:25px;color:#68717c}.version-b .viewer-position{left:80vw;top:calc(var(--viewer-height,100dvh)*.72)!important;color:#68717c}.version-b .project-prev{left:1vw}.version-b .project-next{right:1vw}}
/* C / Exhibition: images determine rhythm; metadata sits like wall labels. */
.version-c.gallery-open .archive{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0 4vw;padding:0 5vw}
.version-c.gallery-open .archive-header{grid-column:1/-1}
.version-c.gallery-open .bookmarks{grid-column:1;position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;margin-top:45px;border:0}
.version-c.gallery-open .bookmark{height:55px;gap:12px;padding:12px 0;border-bottom:1px solid #aab49e}
.version-c.gallery-open .bookmark[aria-pressed=true]{background:transparent;color:#b65b40;border-color:#b65b40}
.version-c .gallery{grid-column:2;padding-top:45px}
.version-c .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 28px;align-items:start}
.version-c[data-category=Photo] .gallery-grid{display:block;columns:3;column-gap:30px}
.version-c[data-category=Photo] .work-card{display:inline-block;vertical-align:top;width:100%;margin:0 0 40px;break-inside:avoid}
.version-c[data-category=Photo] .work-image{aspect-ratio:auto;background:transparent;border:0;overflow:visible}
.version-c[data-category=Photo] .work-image img{height:auto;object-fit:contain}
.version-c:not([data-category=Photo]) .work-card:first-child{grid-column:1/3}
.version-c .work-caption{font-size:12px;font-weight:400;border-top:1px solid #aab49e;padding-top:13px;margin-top:15px}
.version-c .work-index{display:block;color:#718069;font-size:8px;margin-top:10px}
.version-c .section-menu{display:flex;flex-direction:column;gap:30px}
.version-c .section-card{border:0;border-left:3px solid #b65b40;padding:25px 35px;min-height:145px;background:#cdd5bf55;border-radius:0}
.version-c .section-card:hover{transform:none;background:#c5cfb7}
.version-c .section-label{margin-top:15px;font-size:40px}
.version-c .section-count{margin-top:15px}
.version-c .project-detail,.version-c .project-overlay.is-video-playing .project-detail{top:calc(var(--viewer-height,100dvh)*.81)!important;justify-content:center;display:block;text-align:center}
.version-c .detail-title{max-width:100%;font-size:16px;font-weight:300}
.version-c .detail-type{max-width:100%;text-align:center;margin-top:10px;font-size:8px;letter-spacing:.12em}
.version-c .project-content{display:block;padding:90px 15vw 120px;text-align:center}
.version-c .project-description{font-size:clamp(40px,5vw,70px);font-weight:300;margin:30px auto 0}
.version-c .project-credits{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left;max-width:850px;margin:65px auto 0;gap:30px 60px}
.version-c .project-narrative{max-width:850px;margin:50px auto 0;text-align:left}
.version-c .project-prev,.version-c .project-next{border:0;border-radius:0;font-size:28px;font-weight:300;background:transparent}
.version-c .viewer-position{left:50%;transform:translateX(-50%);top:calc(var(--viewer-height,100dvh)*.95)!important}
/* D / Glass: one segmented navigation plane and a floating collection of cards. */
.version-d .bookmarks{padding:7px;gap:4px;background:#ffffff18;border:1px solid #ffffff70;border-radius:37px;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);isolation:isolate;touch-action:pan-y}
.version-d .bookmark,.version-d .bookmark:hover,.version-d.gallery-open .bookmark[aria-pressed=true]{z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:29px;overflow:visible;scale:1!important}
.version-d .bookmark::before,.version-d .bookmark::after{display:none!important}
.version-d .bookmark-number{opacity:.7}
.version-d .bookmark[aria-pressed=true]{color:#1167a3}
.glass-selection{position:absolute;left:0;top:0;pointer-events:none;z-index:0;border:1px solid #ffffffda;border-radius:31px;background:linear-gradient(165deg,#ffffff62,#ffffff1b 55%,#e1f0fa18);box-shadow:inset 0 1px 2px #fff,inset 1px 0 2px #fff8,inset 0 -1px 2px #57748d3b,0 3px 11px #38556d18;backdrop-filter:blur(4px) saturate(1.45);-webkit-backdrop-filter:blur(4px) saturate(1.45);opacity:0;transition:opacity .2s;will-change:transform,width,height}
.glass-selection.is-visible{opacity:1}
.version-d.gallery-open .archive-header h1{font-size:30px}
.version-d.gallery-open .archive-header p{margin-top:10px}
.version-d.gallery-open .bookmarks{top:160px}
.version-d.gallery-open .bookmark{height:61px;padding:12px 16px}
.version-d .gallery{padding-top:355px}
.version-d .gallery-heading{border:0;padding:0 5px 8px;margin-bottom:25px}
.version-d .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.version-d .work-card{border-radius:23px;background:#ffffff19;border:1px solid #ffffff91;padding:10px 10px 17px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 #fffb,0 5px 20px #29485c0b}
.version-d .work-image{aspect-ratio:1;border-radius:15px;border:0;background:#ffffff0a}
.version-d .work-caption{padding:0 7px;margin-top:15px;font-size:12px;gap:8px}
.version-d .work-summary{display:flex;gap:8px;padding:12px 7px 0;color:#688293;font-size:8px}
.version-d .work-summary span:not(:first-child){display:none}
.version-d .section-menu{gap:20px}
.version-d .section-card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:230px;text-align:center;border-radius:30px}
.version-d .section-label{margin:20px 0;font-size:30px}
.version-d .section-count{margin:0}
.version-d .project-overlay.is-expanded{background:linear-gradient(130deg,#142b39,#17293a 70%,#253346)}
.version-d .project-content{background:transparent;display:grid;grid-template-columns:1fr;gap:30px;padding:75px 15vw 100px}
.version-d .content-left{display:none}
.version-d .content-main{background:#ffffff0b;border:1px solid #ffffff22;border-radius:30px;padding:45px}
.version-d .project-description{font-size:clamp(30px,3.5vw,50px);font-weight:400}
.version-d .project-credits{margin-top:38px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:0;padding-top:0}
.version-d .project-credits>div{padding:20px;border-radius:17px;background:#ffffff08;border:1px solid #ffffff12}
.version-d .project-credits dt{margin-bottom:10px}
.version-d .project-narrative{border-color:#ffffff20}
.version-d .project-prev,.version-d .project-next{top:calc(var(--viewer-height,100dvh)*.9 - 22px)!important;width:44px;height:44px;border-radius:25px;font-size:20px}
.version-d .project-prev{left:calc(50% - 52px)}.version-d .project-next{left:calc(50% + 8px);right:auto}
.version-d .project-detail{background:#ffffff08;border:1px solid #ffffff16;border-radius:15px;padding:12px 16px;top:calc(var(--viewer-height,100dvh)*.79)!important}
.version-d .viewer-position{top:calc(var(--viewer-height,100dvh)*.91)!important}
@media(max-width:900px){
 .version-b.gallery-open .archive{padding-left:6vw}
 .version-b.gallery-open .bookmarks{position:relative;top:auto;left:auto;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
 .version-b .work-card{gap:18px 25px}.version-b .work-caption{font-size:22px}
 .version-c.gallery-open .archive{display:block}.version-c.gallery-open .bookmarks{position:relative;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
 .version-c.gallery-open .bookmark{padding:12px 8px}.version-c .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.version-c[data-category=Photo] .gallery-grid{columns:2}
 .version-d .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 .version-a .section-card{grid-template-columns:25px 1fr auto;min-height:78px}.version-a .section-label{font-size:20px}.version-a .section-count{font-size:7px}.version-a .project-content{display:block}.version-a .content-left{margin-bottom:30px}
 .version-b .work-card{grid-template-columns:1fr;padding:26px 0;gap:18px}.version-b .work-image{grid-row:1;grid-column:1;aspect-ratio:16/10}.version-b .work-caption{grid-row:2;grid-column:1;font-size:26px}.version-b .work-summary{grid-row:3;grid-column:1;flex-direction:row;flex-wrap:wrap;font-size:9px;gap:12px}.version-b .section-card{grid-template-columns:25px 1fr auto;min-height:90px}.version-b .section-label{font-size:25px}.version-b .section-count{font-size:7px}
 .version-b .project-content{display:block;padding:60px 7vw 90px}.version-b .content-left{margin-bottom:30px}.version-b .project-description{font-size:36px}.version-b .project-credits>div{grid-template-columns:85px 1fr;gap:15px}.version-b .project-credits dd{font-size:12px}.version-b .project-narrative p{font-size:15px}
 .version-c .gallery{padding-top:28px}.version-c .gallery-grid{gap:35px 17px}.version-c[data-category=Photo] .gallery-grid{column-gap:18px}.version-c .work-caption{font-size:10px}.version-c .section-label{font-size:30px}.version-c .project-content{padding:65px 9vw 90px}.version-c .project-description{font-size:38px}.version-c .project-credits{gap:30px 20px;margin-top:45px}
 .version-d .bookmarks{border-radius:30px;padding:5px;gap:3px}.version-d.gallery-open .bookmarks{top:155px;gap:3px}.version-d.gallery-open .bookmark{padding:10px 7px;height:57px}.version-d .gallery{padding-top:330px}.version-d .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.version-d .work-card{padding:7px 7px 13px;border-radius:20px}.version-d .work-caption{font-size:10px;padding:0 4px}.version-d .section-card{min-height:170px}.version-d .section-label{font-size:25px}.version-d .project-content{padding:60px 6vw 90px}.version-d .content-main{padding:24px;border-radius:25px}.version-d .project-credits>div{padding:13px}.version-d .project-credits dd{font-size:11px}.version-d .project-detail{padding:8px 10px}.version-d .detail-title{font-size:11px}.version-d .viewer-position{font-size:8px}
}
@media(orientation:landscape) and (max-height:550px){.version-d .project-detail{padding:5px 10px}.version-d .project-prev,.version-d .project-next{width:32px;height:32px;top:calc(var(--viewer-height,100dvh)*.9 - 16px)!important}.version-d .project-prev{left:calc(50% - 38px)}.version-d .project-next{left:calc(50% + 6px)}.version-c .detail-type{margin-top:5px}.version-c .detail-title{font-size:12px}}
@media(min-width:901px){.version-b .video-play-fallback,.version-b .media-status{left:41%}}
.version-d .bookmark{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.version-d .video-card .work-image{aspect-ratio:16/10}
/* Refraction stays on the curved rim; the labels and the lens centre remain clear. */
.glass-selection{--optical-energy:.35;overflow:hidden;border-color:#ffffffeb;box-shadow:inset 0 2px 3px #fff,inset 2px 0 3px #ffffffb0,inset 0 -2px 3px #577c9560,0 3px 11px #38556d20}
.glass-selection::before,.glass-selection::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:7px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.glass-selection::before{background:linear-gradient(135deg,#ffffffa6 0%,#e3f8ff52 17%,#fff0 38%,#82b9df47 67%,#ffe2f146 84%,#fff9);backdrop-filter:blur(1px) saturate(1.6) contrast(1.08);-webkit-backdrop-filter:blur(1px) saturate(1.6) contrast(1.08);opacity:calc(.45 + var(--optical-energy)*.45)}
@supports(backdrop-filter:url('#glass-edge-refraction')){.glass-selection::before{backdrop-filter:url('#glass-edge-refraction') blur(.5px)}}
.glass-selection::after{padding:2px;background:conic-gradient(from 120deg,#9bcce555,#fffc 14%,#fff3 28%,#daf7ffcc 45%,#ffffffed 55%,#fff0 70%,#e8cee866 83%,#90bce066);opacity:calc(.5 + var(--optical-energy)*.5);box-shadow:inset 0 0 5px #fff9}
.glass-selection.is-pressed::before{padding:9px}
@media(prefers-reduced-motion:reduce){.glass-selection::before{backdrop-filter:blur(1px) saturate(1.5);-webkit-backdrop-filter:blur(1px) saturate(1.5)}}
/* D / matte graphite, engraved lettering under a clear optical surface. */
html:has(.version-d),body.version-d{background:#191a1c;color:#d6d7d9}
.version-d .glass-scene{background:linear-gradient(150deg,#202123,#17181a 75%)}
.version-d .glass-orb{display:none}
.version-d .archive-header h1,.version-d .bookmark-label,.version-d .gallery-heading h2,.version-d .section-label,.version-d .work-caption,.version-d .project-description,.version-d .detail-title{text-shadow:0 -1px 1px #000b,0 1px 0 #ffffff15}
.version-d .archive-header p,.version-d .bookmark-number,.version-d .archive-instruction,.version-d .version-switch a,.version-d .breadcrumbs,.version-d .gallery-count,.version-d .back-level,.version-d .work-caption small,.version-d .work-summary,.version-d .section-index,.version-d .section-count,.version-d .gallery-empty,.version-d .gallery footer{color:#96999e}
.version-d .version-switch a[aria-current=page],.version-d .version-switch a:hover,.version-d .breadcrumbs>*:last-child,.version-d .breadcrumbs button:hover{color:#e4e5e7}
.version-d .bookmark{color:#bfc2c6}
.version-d .bookmark[aria-pressed=true]{color:#f1f3f6}
.version-d .bookmarks{background:#ffffff03;border-color:#ffffff14;box-shadow:inset 0 1px 2px #0009,0 1px 0 #ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.version-d .glass-selection{background:linear-gradient(160deg,#ffffff1e,#ffffff06 50%,#bdcad509);border-color:#ffffff65;box-shadow:inset 0 1px 2px #ffffff85,inset 1px 0 2px #ffffff30,inset 0 -1px 2px #050709a0,0 4px 12px #0005}
.version-d .glass-selection::before{background:linear-gradient(135deg,#ffffff4a,#d4edff24 17%,#fff0 38%,#82b9df20 67%,#ffe2f120 84%,#fff4)}
.version-d .glass-selection::after{background:conic-gradient(from 120deg,#9bcce522,#ffffff80 14%,#fff1 28%,#daf7ff70 45%,#ffffff90 55%,#fff0 70%,#e8cee833 83%,#90bce033);box-shadow:inset 0 0 4px #ffffff35}
.version-d .work-card,.version-d .section-card,.version-d .about-entry{color:#d6d7d9;background:linear-gradient(150deg,#ffffff08,#ffffff02);border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff18,0 5px 15px #0002}
.version-d .section-card:hover,.version-d .about-entry:hover{background:#ffffff0c;border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff45,0 4px 13px #0003}
.version-d .work-image{background:#ffffff03}
.version-d .project-overlay.is-expanded{background:#161719}
.version-d .project-content{background:#161719}
.version-d .project-full-image img,.version-d .project-video{background:#101113}
.version-d .content-main,.version-d .project-detail{background:#ffffff06;border-color:#ffffff20}
.version-d .project-credits dt,.version-d .project-narrative h4,.version-d .detail-type{color:#a0a4aa}
.version-d .project-credits,.version-d .project-narrative{border-color:#ffffff20}
.version-d button:focus-visible{outline-color:#ccd3de}

/* Keep labels and work counts in separate, spaced columns. */
.version-a .section-card{width:100%;grid-template-columns:45px minmax(0,1fr) auto;column-gap:32px;text-align:left}.version-a .section-label{min-width:0}.version-a .section-count{justify-self:end;margin-left:24px;white-space:nowrap;text-align:right}@media(max-width:600px){.version-a .section-card{grid-template-columns:25px minmax(0,1fr);column-gap:20px;row-gap:12px;padding:22px 0}.version-a .section-count{grid-column:2;justify-self:start;margin-left:0;text-align:left;font-size:9px}}