/* Complete photographs, with frames following the source orientation. */
.project-stream figure{min-width:0}
.project-stream .gallery-button>img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center;transform:none}
.project-stream .gallery-button:hover img{transform:none}
.media-carousel.carousel-portrait{--portrait-height:clamp(320px,72svh,860px);--portrait-ratio:.8;--portrait-width:min(100%,calc((var(--portrait-height) - 48px)*var(--portrait-ratio)))}
.carousel-portrait .carousel-stage{width:var(--portrait-width);margin-inline:auto}
.carousel-portrait .carousel-track{height:var(--portrait-height);aspect-ratio:auto}
.carousel-portrait .carousel-controls{bottom:48px}
.project-page .carousel-portrait .carousel-slide figcaption{min-height:48px;padding-inline:24px}
.carousel-portrait .carousel-position{width:var(--portrait-width);margin:12px auto 0}
.carousel-square .carousel-stage{width:min(100%,72svh);margin-inline:auto}
.carousel-square .carousel-track{height:clamp(320px,72svh,860px);aspect-ratio:auto}
.project-stream .campaign-blue-feature{width:min(100%,calc(65svh*.8));margin:42px auto 0}
.project-stream .campaign-blue-feature img{height:auto;aspect-ratio:auto;object-fit:contain}

/* A collection register: quiet typographic hierarchy and aligned visual plates. */
.project-stream .collection-register{padding-top:32px;border-top:1px solid #d9d9d9}
.register-heading{display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:baseline;margin:0 0 40px}
.register-number,.register-subtitle{font-size:10px;line-height:1.6;color:#666;letter-spacing:.025em}
.register-number{font-family:Editorial,Georgia,serif;font-size:15px}
.project-stream .register-heading h2{font:400 clamp(28px,2.8vw,42px)/1.15 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0 0 7px;color:#111;text-align:left}
.collection-register-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;align-items:start}
.collection-register-item{margin:0}
.project-stream .collection-register-item .gallery-button{position:relative;display:block;aspect-ratio:4/5;width:100%;height:auto;background:#fff}
.project-stream .collection-register-item .gallery-button>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
.project-stream .collection-register-item .gallery-button::after{width:24px;height:24px;font-size:16px;right:4px;bottom:4px}
.project-stream .collection-register-item figcaption{display:grid;grid-template-columns:19px minmax(0,1fr);gap:8px;padding-top:13px;margin-top:14px;border-top:1px solid #e5e5e5;text-align:left;color:#111;font-size:11px;line-height:1.5}
.collection-register-number{font-size:9px;line-height:1.8;font-variant-numeric:tabular-nums;color:#737373}
.collection-register-name{display:block;min-width:0}
.collection-register-name>strong{display:block;font:400 18px/1.15 Editorial,Georgia,serif;color:#111;letter-spacing:-.015em}
.collection-register-subtitle{display:block;font-size:10px;line-height:1.6;margin-top:5px;color:#666}
.collection-register-arabic{display:block;font-size:12px;line-height:1.7;margin-top:8px;color:#666;text-align:left}
.project-stream .collection-stories{padding-top:32px;border-top:1px solid #dedede}
.project-stream .collection-stories .collection-heading h2{font:400 28px/1.2 Editorial,Georgia,serif;letter-spacing:-.02em;text-align:left;margin:0}
.project-stream .collection-stories .collection-heading{margin:32px 0 24px}
.project-stream .collection-stories .collection-tabs{margin-bottom:32px}
.project-stream .collection-stories .collection-panel-copy h3{font:400 30px/1.15 Editorial,Georgia,serif;letter-spacing:-.02em;margin-bottom:18px}
.collection-stories .collection-panel-copy h3 em{font-style:italic}
.project-stream .collection-stories .collection-panel-copy>p{max-width:58ch}

/* Each collection opens its complete study, with its own palette and motifs. */
.collection-card-link{display:block;color:inherit;text-decoration:none}
.collection-card-link:focus-visible{outline:2px solid #111;outline-offset:7px}
.collection-card-image{position:relative;display:block;width:100%;aspect-ratio:4/5}
.collection-card-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.collection-card-caption{display:grid;grid-template-columns:19px minmax(0,1fr) 12px;gap:8px;padding-top:13px;margin-top:14px;border-top:1px solid #e5e5e5;text-align:left;color:#111;font-size:11px;line-height:1.5}
.collection-register-open{font-size:13px;line-height:1.6;color:#777}
.collection-card-link:hover .collection-register-open{color:#111}
.project-stream .collection-stories .collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;overflow:visible;border:0}
.project-stream .collection-stories .collection-tabs button{width:100%;margin:0;padding:14px 0;border-bottom:1px solid #dedede;white-space:normal;font-size:10px;line-height:1.5;min-width:0}
.project-stream .collection-stories .collection-panel{scroll-margin-top:100px}
.project-stream .collection-stories .collection-panel-copy{display:block;max-width:none;margin-bottom:28px}
.project-stream .collection-stories .palette-chips{margin-top:22px}
.project-stream .collection-stories .palette-note{font-size:10px;line-height:1.6;margin-top:9px}
.project-stream .collection-stories .collection-motif-line{font-size:11px;line-height:1.8;margin-top:22px}
.collection-motif-line>span{display:block;font-size:9px;line-height:1.7;color:#777;margin-bottom:4px}
.collection-visual-studies{display:grid;gap:32px}
.collection-reference-board{display:grid;gap:5px;width:100%;aspect-ratio:16/9;background:#fff;min-width:0}
.reference-count-1{grid-template-columns:1fr;background:#f7f6f2}
.reference-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-count-3,.sea-landscape-collage{grid-template-columns:repeat(3,minmax(0,1fr))}
.collection-reference-tile{margin:0;min-width:0;min-height:0;height:100%}
.project-stream .collection-reference-tile .gallery-button{position:relative;width:100%;height:100%;min-height:0;background:#f7f6f2;overflow:hidden}
.project-stream .collection-reference-tile .gallery-button>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
.project-stream .collection-reference-tile .gallery-button::after{width:21px;height:21px;right:8px;bottom:8px;font-size:14px}
.project-stream .collection-landscape-plate .gallery-button>img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.project-stream .collection-landscape-plate figcaption,.collection-board-caption{font-size:10px;line-height:1.6;color:#777;padding-top:12px;letter-spacing:0}
.sea-collage-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;min-height:0}
.project-stream .sea-collage-material .gallery-button{display:flex;align-items:center;justify-content:center;background:#f9f9f7}
.project-stream .sea-collage-material .gallery-button>img{position:static;display:block;width:72%;height:62%;max-width:150px;max-height:180px;object-fit:contain;margin:auto}
.project-stream #sea-dreams>.palette-chips{margin-top:-12px;margin-bottom:28px}
@media(max-width:620px){
 .project-stream .collection-stories .collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 .project-stream .collection-stories .collection-tabs button{font-size:10px;padding:13px 0}
 .collection-card-caption{grid-template-columns:17px minmax(0,1fr) 12px;gap:5px;margin-top:10px;padding-top:11px}
 .collection-reference-board,.sea-collage-materials{gap:3px}
 .project-stream .collection-reference-tile .gallery-button::after{width:17px;height:17px;right:3px;bottom:3px;font-size:12px}
 .project-stream .sea-collage-material .gallery-button>img{max-width:75%;max-height:65%}
 .project-stream .collection-landscape-plate figcaption,.collection-board-caption{font-size:9px}
}

/* Sea Dreams contains visual references only, with no narrative slide or prose. */
.collection-study-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:32px}
.study-number{font-size:10px;color:#777;font-variant-numeric:tabular-nums}
.project-stream .collection-study-heading h3{font:400 32px/1.15 Editorial,Georgia,serif;letter-spacing:-.02em}
.collection-study-heading h3>span{display:block;font-size:19px;font-style:italic;line-height:1.4;margin-top:7px}
.sea-reference-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.project-stream .sea-shoreline .gallery-button>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.sea-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 20px;align-content:center;text-align:center}
.project-stream .sea-material img{width:auto;height:92px;max-width:100%;object-fit:contain;margin-inline:auto}
.project-stream .sea-material figcaption{font-size:10px;padding-top:12px;color:#555;text-align:center}
.project-stream .sea-reference-plate{margin-top:42px}
.project-stream .sea-reference-plate .gallery-button{border:1px solid #e4e4e4;padding:14px}
.project-stream .sea-reference-plate img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.project-stream .sea-shoreline figcaption,.project-stream .sea-reference-plate figcaption{padding-top:12px;font-size:10px;line-height:1.6;color:#777}

/* Archival toning is applied to the prints without redrawing the jewellery. */
.project-stream .heritage-study{padding-top:32px;border-top:1px solid #dedede}
.project-stream .heritage-study .case-section-heading h2{font:400 30px/1.2 Editorial,Georgia,serif;letter-spacing:-.02em;text-align:left}
.project-stream .heritage-study .case-section-heading{margin-bottom:32px}
.project-stream .heritage-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;align-items:start}
.project-stream .heritage-pair>figure:nth-child(n){width:100%;margin:0;padding:0;align-self:start}
.project-stream .heritage-pair .gallery-button{padding:13px;background:#f5f1e8;border:1px solid #e7e0d4;overflow:visible}
.archival-print{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:#ede6d8;isolation:isolate}
.project-stream .archival-print img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;filter:grayscale(.72) sepia(.24) saturate(.55) contrast(.9) brightness(1.04)}
.archival-print::after{content:'';position:absolute;inset:0;background:url('/assets/archival-grain.svg');opacity:.2;mix-blend-mode:multiply;pointer-events:none}
.project-stream .heritage-pair figcaption{display:block;padding-top:13px;margin:0;color:#666;font-size:10px;line-height:1.6}
.lightbox[data-image-treatment="archival"] .lightbox-image{filter:grayscale(.72) sepia(.24) saturate(.55) contrast(.9) brightness(1.04)}

/* Collaboration is visible in the project introduction and repeated in notes. */
.project-collaboration{margin-top:22px;max-width:38ch;font-size:11px;line-height:1.65;color:#555}
.project-collaboration>span{display:block;margin-bottom:5px;color:#111;font-size:10px;line-height:1.6;letter-spacing:.025em}
@media(max-width:1100px){.collection-register-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px}.collection-register-name>strong{font-size:17px}}
@media(max-width:620px){
 .register-heading{gap:10px;grid-template-columns:22px 1fr;margin-bottom:28px}
 .project-stream .register-heading h2{font-size:29px}
 .collection-register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
 .collection-register-name>strong{font-size:18px}
 .project-stream .collection-register-item figcaption{grid-template-columns:17px minmax(0,1fr);gap:5px;margin-top:10px;padding-top:11px}
 .collection-register-arabic{font-size:12px}
 .project-stream .campaign-blue-feature{width:min(100%,calc(65svh*.8));margin-top:28px}
 .project-stream .collection-stories .collection-panel-copy h3{font-size:27px}
 .sea-reference-spread{grid-template-columns:1fr;gap:32px}
 .project-stream .sea-shoreline{width:min(85%,360px);margin:0 auto}
 .sea-material-grid{gap:28px 18px}
 .project-stream .sea-material img{height:80px}
 .project-stream .sea-reference-plate{margin-top:32px}
 .project-stream .sea-reference-plate .gallery-button{padding:7px}
 .project-stream .heritage-pair{grid-template-columns:1fr;gap:28px}
 .project-stream .heritage-pair .gallery-button{padding:12px}
 .project-stream .heritage-study .case-section-heading h2{font-size:28px}
 .project-collaboration{font-size:11px;max-width:48ch;margin-top:20px}
}
@media print{
 .carousel-portrait .carousel-stage,.carousel-square .carousel-stage,.carousel-portrait .carousel-position{width:100%}
 .carousel-portrait .carousel-track,.carousel-square .carousel-track{height:auto;aspect-ratio:auto}
 .project-stream .collection-register-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .collection-register-item,.heritage-pair>figure,.sea-material{break-inside:avoid}
}