/* A continuous wall, with distinct hanging scales and breathing space. */
body.page-works{--paper:#242923;--ink:#eee9dc;--muted:#bec4b6;--green:#ced8c2;--line:#b9c2ad30;background:linear-gradient(155deg,#242923,#3b3a30 58%,#222923);color:var(--ink);isolation:isolate;color-scheme:dark}
.page-works::before{content:'';position:fixed;inset:0;z-index:-1;background:url('./assets/gallery-wall-photo.jpg') center/cover;opacity:.14;filter:grayscale(1);pointer-events:none}
body.page-works .header{background:#252a23f2;backdrop-filter:blur(18px)}
.page-works .cursor{display:none}
.page-works main{overflow:clip}
.collection-entry{padding:35px 6% 100px}
.collection-topline{display:flex;justify-content:space-between;gap:20px;font:11px/1.7 var(--sans);letter-spacing:.1em;color:var(--muted)}
.collection-topline a{letter-spacing:0;border-bottom:1px solid #b9c2ad66;padding-bottom:4px}
.collection-salon{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:9%;max-width:1500px;margin:65px auto 0}
.salon-title h1{font:400 clamp(80px,9vw,155px)/.84 var(--serif);letter-spacing:-.055em;margin:32px 0 42px}.salon-title h1 em{font-weight:400}.salon-title p{font:400 17px/2 var(--kserif);word-break:keep-all;color:#d9d9cb;max-width:24em}.salon-title small{display:block;font:11px/1.8 var(--sans);color:var(--muted);margin-top:16px}
.page-works :is(.salon-work,.collection-pair figure,.wall-bloom){margin:0;min-width:0;position:relative;isolation:isolate}
.page-works :is(.salon-work,.collection-pair figure)::before{content:'';position:absolute;z-index:-1;inset:-90px -18% -60px;background:radial-gradient(ellipse at 50% 20%,#ead9b427,transparent 65%);pointer-events:none}
.gallery-art,.wall-bloom button{display:block;position:relative;padding:0;width:100%;background:transparent;box-shadow:1px 3px 0 #141810a8,4px 12px 4px -4px #10160ca3,10px 24px 24px -9px #11170e80;outline:1px solid #e5e0cb15;outline-offset:-1px;transition:box-shadow .5s}
.gallery-art img,.wall-bloom img{width:100%;height:auto;display:block}
.gallery-art:hover,.wall-bloom button:hover{box-shadow:1px 3px 0 #141810a8,5px 14px 5px -4px #10160ca3,12px 28px 32px -9px #11170e95}
.page-works :is(.salon-work,.collection-pair figure,.wall-bloom)>figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font:12px/1.7 var(--sans);letter-spacing:.01em;color:#d1d4c7}
.collection-pair{max-width:1500px;margin:0 auto;padding:70px 7% 170px;display:grid;grid-template-columns:1.1fr .82fr;gap:15%;align-items:start}
.collection-pair figure:last-child{margin-top:180px}
.bloom-room{max-width:1450px;margin:0 auto;padding:30px 7% 150px}
.bloom-room>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:75px}
.bloom-room h2{font:500 clamp(28px,3vw,44px)/1.6 var(--kserif);letter-spacing:-.025em;margin:16px 0 0}
.bloom-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 8px}
.wall-bloom::before{content:'';position:absolute;z-index:-1;inset:-55px -30% -25px;background:radial-gradient(ellipse at 50% 20%,#ead9b41a,transparent 65%);pointer-events:none}
.page-works .wall-bloom>figcaption{font-size:11px;gap:10px}
.page-works #works{background:transparent;max-width:1450px;margin:0 auto;padding:80px 7% 100px;border-top:1px solid var(--line)}
.page-works #works .section-heading{gap:35px;flex-wrap:wrap}
.page-works .filters{flex-wrap:wrap;gap:12px}.page-works .filters button{color:#c4cbbb;min-height:44px}.page-works .filters button.active{color:#fff6e5}
.page-works .collection-toolbar{border-color:var(--line);margin-bottom:65px;gap:20px}.page-works .collection-toolbar input{background:#1e251d90;color:var(--ink);border-color:#b9c2ad55;font-size:14px;min-height:44px}.page-works .collection-toolbar input::placeholder{color:#b2bcaa}
.page-works .works-grid{grid-template-columns:1fr 1fr;gap:80px 12%}.page-works .work-image{background:none;padding:0;aspect-ratio:auto;overflow:visible}.page-works .work-image img{max-width:453px;width:100%;height:auto;max-height:none;box-shadow:2px 7px 2px -2px #10160c99,7px 15px 17px -5px #10160c66;transform:none!important}.page-works .work-card{max-width:453px;margin:0 auto;width:100%}.page-works .work-caption{margin-top:20px}.page-works .work-caption h3{font-size:25px}.page-works .work-caption p{font-size:12px;line-height:1.8}.page-works .work-year{font-size:12px}.page-works .works-footer{border-color:var(--line);margin-top:65px}
.page-works .site-footer{background:transparent;border-color:var(--line)}
.collection-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:25px 4%;color:#eee9dc;background:#171b16;flex-direction:column;gap:18px}.collection-viewer[open]{display:flex}.collection-viewer::backdrop{background:#10140ff5}.collection-viewer>header,.collection-viewer>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font:13px/1.6 var(--sans)}.collection-close{min-height:44px}.collection-view-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:24px;flex:1;min-height:0}.collection-full-image{width:100%;height:100%;min-height:0;object-fit:contain}.collection-view-stage button{font-size:29px;width:48px;height:48px;border:1px solid #ffffff40;border-radius:50%}.collection-file{padding:10px 0;border-bottom:1px solid #ffffff40}
@media(max-width:900px){.collection-salon{gap:6%;grid-template-columns:.8fr 1fr}.salon-title h1{font-size:85px}.salon-title p{font-size:15px}.collection-pair{gap:12%;padding-bottom:110px}.collection-pair figure:last-child{margin-top:100px}.bloom-room{padding-bottom:100px}.bloom-wall{gap:55px 8px}.page-works .wall-bloom>figcaption span:last-child{display:none}}
@media(max-width:600px){
.collection-entry{padding:24px 7% 60px}.collection-topline{font-size:9px;letter-spacing:.04em}.collection-salon{grid-template-columns:1fr;gap:38px;margin-top:44px}.salon-title .section-note{font-size:10px}.salon-title h1{font-size:clamp(85px,23vw,125px);margin:24px 0 28px}.salon-title h1 br{display:block!important}.salon-title h1 em{display:block;margin-left:12%}.salon-title p{font-size:16px}.salon-title p br{display:none}.salon-title small{font-size:11px}.page-works .salon-work>figcaption{font-size:11px;margin-top:18px}
.collection-pair{grid-template-columns:1fr;gap:65px;padding:20px 7% 95px}.collection-pair figure:first-child{width:90%}.collection-pair figure:last-child{width:82%;margin:0 0 0 auto}.page-works .collection-pair figure>figcaption{font-size:11px;margin-top:18px}
.bloom-room{padding:10px 7% 85px}.bloom-room>header{align-items:start;flex-direction:column;gap:20px;margin-bottom:40px}.bloom-room h2{font-size:29px}.bloom-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 6px}.page-works .wall-bloom>figcaption{margin-top:13px}
.page-works #works{padding:55px 7% 75px}.page-works #works .section-heading{gap:20px}.page-works .works-grid{grid-template-columns:1fr;gap:55px}.page-works .collection-toolbar{margin-bottom:40px}.page-works .collection-toolbar label{font-size:12px}.page-works .work-caption{display:flex;gap:15px}.page-works .work-caption h3{font-size:24px}.page-works .work-image{aspect-ratio:auto;padding:0}.page-works .work-year{white-space:nowrap}
.collection-viewer{padding:15px 5% 24px}.collection-view-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 48px;gap:20px;position:relative}.collection-full-image{grid-row:1;grid-column:1}.collection-view-stage button{grid-row:2;grid-column:1}.collection-next{justify-self:end}.collection-viewer>footer{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.gallery-art,.wall-bloom button{transition:none}}

.page-works .salon-title h1{font:500 clamp(44px,4.8vw,76px)/1.45 var(--kserif);letter-spacing:-.035em;margin:26px 0 30px}.page-works .salon-title h1 br{display:block!important}.page-works .salon-work{width:min(100%,70svh);justify-self:end}.page-works :is(.salon-work,.collection-pair figure,.wall-bloom)::before{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%)}
@media(max-width:600px){.page-works .salon-title h1{font-size:44px;line-height:1.5;margin:20px 0}.page-works .salon-work{width:100%}.collection-salon{margin-top:35px;gap:30px}}
.page-works .series-dialog,.page-works .series-dialog::backdrop{background:#171b16;color:#eee9dc}.page-works .series-dialog :is(h2,button,a,.series-position){color:#eee9dc}.page-works .series-dialog .section-note{color:#bbc4b1}.page-works .series-view button{border-color:#ffffff55}.page-works .art-dialog{background:#171b16;color:#eee9dc}

/* The collection opens once, followed by its curated hanging, without legacy duplicate walls. */
.page-works .collection-pair,.page-works .bloom-room{display:none}.page-works .salon-work figcaption{gap:14px;align-items:start}.page-works .salon-work figcaption span:last-child{font-size:11px;line-height:1.7;max-width:70%;text-align:right}.single-bloom-grid figcaption{flex-wrap:wrap}.single-bloom-grid .series-metadata{display:block;flex-basis:100%;font:11px/1.7 var(--sans,system-ui);color:var(--muted);margin-top:7px}
