.photo-page { --dark-bg:#080808; --paper:0%; --paper-bg:#e8e7e2; --photo-ink:#eeeae0; --red-progress:0; --busking-progress:0; background:color-mix(in srgb,color-mix(in srgb,var(--dark-bg),#1a0708 calc(var(--red-progress) * 100%)),var(--paper-bg) var(--paper)); color:var(--photo-ink); transition:background-color 1.6s cubic-bezier(.22,1,.36,1),color 1.6s cubic-bezier(.22,1,.36,1); }
.photo-page::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 22% 38%,color-mix(in srgb,#a71922 calc(var(--red-progress) * 25%),transparent),transparent 68%),radial-gradient(ellipse at 78% 64%,color-mix(in srgb,#5a1016 calc(var(--red-progress) * 34%),transparent),transparent 70%),radial-gradient(ellipse at 82% 17%,#51406422,transparent 62%),radial-gradient(ellipse at 15% 35%,color-mix(in srgb,#c8c1b5 var(--paper),transparent),transparent 65%),radial-gradient(ellipse at 80% 65%,color-mix(in srgb,#d8dadc var(--paper),transparent),transparent 65%); opacity:1; }
.photo-page::after { mix-blend-mode:multiply; }
.photo-page .archive-logo,.photo-page .nav-links a,.photo-page .nav-social,.photo-page .menu-toggle,.photo-page .site-footer { color:var(--photo-ink); transition:color 1.6s cubic-bezier(.22,1,.36,1); }
.photo-page .nav-links a::after { background:var(--photo-ink); transition:background-color 1.6s ease; }
.photo-page .opening .landscape-one,.photo-page .color .studio-three { width:196%; }
.photo-page .closing { padding-top:0; }
.photo-page .photo-intro,.photo-page .spread-heading,.photo-page .margin-note,.photo-page .vertical-note,.photo-page .end-note,.photo-page .photograph figcaption { display:none; }
.photo-page .photograph { width:140%; max-width:none; }
.photo-page .portrait-one,.photo-page .landscape-two { justify-self:end; }
.photo-page .opening .portrait-one { grid-row:1; }
.photo-page .opening .landscape-one { grid-row:2; margin-top:0; }
.photo-page .closing .portrait-two { grid-row:1; margin-top:0; }
.photo-page .closing .landscape-two { grid-row:1; margin-top:0; }
.studio-one { grid-column:1/6; grid-row:1; }
.studio-two { grid-column:8/13; grid-row:2; justify-self:end; margin-top:60px; }
.studio-three { grid-column:1/5; grid-row:1; }
.color-stage { grid-column:8/13; grid-row:2; justify-self:end; }
@media(max-width:640px) {
 .photo-page .photograph { width:100%; max-width:100%; }
 .photo-page .opening .portrait-one { grid-column:1/7; }
 .photo-page .opening .landscape-one { grid-column:1/7; margin-top:50px; }
 .photo-page .closing .portrait-two { grid-column:1/7; }
 .photo-page .closing .landscape-two { grid-column:1/7; }
 .studio-one,.studio-three { grid-column:1/6; }
 .studio-two,.color-stage { grid-column:1/7; grid-row:2; margin-top:70px; }
}
.photo-page .archive-header,.photo-page .navigation.is-open .nav-links { background:color-mix(in srgb,color-mix(in srgb,var(--dark-bg),#1a0708 calc(var(--red-progress) * 100%)),var(--paper-bg) var(--paper)); transition:background-color 1.6s cubic-bezier(.22,1,.36,1); }
.recital-heading { grid-column:1/5; grid-row:1; align-self:center; padding-top:40px; }
.recital-heading h2 { font:500 clamp(13px,1.5vw,19px)/1.7 var(--sans); letter-spacing:.12em; margin:24px 0; }
.photo-page .recital-cover { grid-column:7/12; grid-row:1; width:100%; justify-self:end; }
.photo-page .recital-cover figcaption { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; color:var(--photo-ink); font-size:9px; line-height:1.6; letter-spacing:.12em; }
.photo-page .recital-credit a,.busking-credit a { color:inherit; text-underline-offset:4px; }
.photo-page .recital-wide { grid-column:2/12; grid-row:2; width:100%; margin-top:35px; }
.photo-page .recital-portrait { grid-column:1/6; grid-row:3; width:100%; margin-top:90px; }
.photo-page .recital-ensemble { grid-column:8/13; grid-row:3; width:100%; align-self:end; margin-bottom:50px; }
.photo-page .recital-red-stage { grid-column:2/8; grid-row:4; width:100%; margin-top:110px; }
.recital-pair { grid-column:1/13; grid-row:5; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; align-items:center; margin-top:70px; }
.recital-pair-note { grid-column:1/5; grid-row:1; align-self:end; margin:0 0 12px; font-size:9px; letter-spacing:.15em; color:#a7a5a0; }
.recital-pair-note span { color:#bd9d7c; padding-inline:5px; }
.photo-page .recital-closeup { grid-column:1/6; grid-row:1/3; width:92%; margin-top:35px; }
.photo-page .recital-action { grid-column:7/13; grid-row:2; width:100%; margin:30px 0 0; }
.photo-page .recital-acoustic-duo { grid-column:1/6; grid-row:6; width:100%; margin-top:130px; }
.photo-page .recital-acoustic-group { grid-column:7/13; grid-row:6; width:100%; margin-top:240px; }
.photo-page .recital-programmes { grid-column:1/7; grid-row:7; width:100%; margin-top:150px; }
.photo-page .recital-signing { grid-column:9/13; grid-row:7; width:82%; justify-self:end; margin-top:80px; }
@media(min-width:641px) and (max-width:900px) {
 .photo-page .recital-red-stage,.photo-page .recital-acoustic-duo,.photo-page .recital-programmes { margin-top:75px; }
 .photo-page .recital-acoustic-group { margin-top:130px; }
 .photo-page .recital-signing { margin-top:55px; }
}
@media(max-width:640px) { .recital-heading { grid-column:1/7; grid-row:1; padding-top:0; } .photo-page .recital-cover { grid-column:2/7; grid-row:2; width:100%; margin-top:25px; } }
@media(max-width:640px) {
 .photo-page .recital-cover {grid-column:1/7;}
 .photo-page .recital-wide {grid-column:1/7;grid-row:3;margin-top:50px;width:100%;}
 .photo-page .recital-portrait {grid-column:1/7;grid-row:4;margin-top:55px;width:78%;justify-self:end;}
 .photo-page .recital-ensemble {grid-column:1/7;grid-row:5;margin:45px 0 0;width:88%;}
 .photo-page .recital-red-stage {grid-column:1/7;grid-row:6;width:88%;margin:55px 0 0;}
 .recital-pair {grid-column:1/7;grid-row:7;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:55px;}
 .recital-pair-note {grid-column:1/7;grid-row:1;margin:0 0 8px;}
 .photo-page .recital-closeup {grid-column:1/5;grid-row:2;width:100%;margin:0;}
 .photo-page .recital-action {grid-column:3/7;grid-row:3;width:100%;margin:25px 0 0;}
 .photo-page .recital-acoustic-duo {grid-column:1/7;grid-row:8;width:90%;margin:60px 0 0;}
 .photo-page .recital-acoustic-group {grid-column:1/7;grid-row:9;width:100%;margin:45px 0 0;}
 .photo-page .recital-programmes {grid-column:1/5;grid-row:10;width:100%;margin:60px 0 0;}
 .photo-page .recital-signing {grid-column:2/7;grid-row:11;width:100%;justify-self:end;margin:35px 0 0;}
}
.series-heading { grid-column:1/7; grid-row:1; align-self:start; border-top:1px solid #3b3934; padding-top:20px; }
.series-heading h2 { margin:35px 0 0; font:500 clamp(22px,3vw,38px)/1.2 var(--sans); letter-spacing:.1em; }
.series-heading h2 em { font-family:Georgia,serif; font-weight:400; letter-spacing:.01em; }
.different-colours { padding-top:140px; }
.photo-page .different-poster { grid-column:1/5; grid-row:2; width:100%; margin-top:70px; }
.photo-page .different-live { grid-column:5/9; grid-row:2; width:100%; margin-top:230px; }
.photo-page .different-stage { grid-column:9/13; grid-row:2; width:100%; margin-top:30px; }
.melbourne-busking { position:relative; isolation:isolate; overflow:clip; padding-top:150px; }
.busking-atmosphere { position:fixed; z-index:-1; inset:0; overflow:hidden; pointer-events:none; opacity:var(--busking-progress); transition:opacity 1.6s cubic-bezier(.22,1,.36,1); }
.busking-atmosphere::before { content:""; position:absolute; inset:-60px; background:url("../assets/photos/editorial/busking-atmosphere.jpg") center 46%/cover no-repeat; filter:blur(42px); transform:scale(1.1); opacity:.3; }
.busking-atmosphere::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,rgba(5,10,18,.58),rgba(5,10,18,.4) 48%,rgba(5,10,18,.62)); }
.busking-followup { grid-column:1/13; grid-row:4; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; align-items:start; margin-top:130px; }
.photo-page .busking-followup .photograph { width:100%; }
.busking-followup h3 { grid-column:1/13; margin:0 0 12px; color:var(--photo-ink); font-weight:400; }
.busking-followup figure:nth-of-type(1) { grid-column:1/4; }
.busking-followup figure:nth-of-type(2) { grid-column:4/8; margin-top:90px; }
.busking-followup figure:nth-of-type(3) { grid-column:8/13; margin-top:25px; }
.busking-followup figure:nth-of-type(4) { grid-column:1/6; margin-top:65px; }
.busking-followup figure:nth-of-type(5) { grid-column:6/9; margin-top:180px; }
.busking-followup figure:nth-of-type(6) { grid-column:9/13; margin-top:55px; }
.busking-followup figure:nth-of-type(7) { grid-column:3/8; margin-top:60px; }
.photo-page .busking-feature { grid-column:8/13; grid-row:2; width:100%; }
.photo-page .busking-one { grid-column:1/5; grid-row:2; width:100%; margin-top:150px; }
.photo-page .busking-two { grid-column:5/9; grid-row:2; width:100%; margin-top:420px; }
.photo-page .busking-three { grid-column:9/13; grid-row:3; width:100%; margin-top:90px; }
.busking-credit { grid-column:1/9; grid-row:3; align-self:end; margin:0 0 20px; font-size:9px; letter-spacing:.15em; }
@media(max-width:640px) {
 .series-heading {grid-column:1/7;}
 .different-colours,.melbourne-busking {padding-top:85px;}
 .photo-page .different-poster {grid-column:1/5;grid-row:2;width:100%;margin:35px 0 0;}
 .photo-page .different-live {grid-column:2/7;grid-row:3;width:100%;margin:45px 0 0;}
 .photo-page .different-stage {grid-column:1/6;grid-row:4;width:100%;margin:40px 0 0;}
 .photo-page .busking-feature {grid-column:2/7;grid-row:2;width:100%;margin-top:35px;}
 .photo-page .busking-one {grid-column:1/5;grid-row:3;width:100%;margin-top:45px;}
 .photo-page .busking-two {grid-column:3/7;grid-row:4;width:100%;margin-top:35px;}
 .photo-page .busking-three {grid-column:1/5;grid-row:5;width:100%;margin-top:35px;}
 .busking-credit {grid-column:1/7;grid-row:6;margin:35px 0 0;}
 .busking-followup {grid-column:1/7;grid-row:7;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:90px;}
 .busking-followup h3 {grid-column:1/7;}
 .busking-followup figure:nth-of-type(1) {grid-column:1/4;}
 .busking-followup figure:nth-of-type(2) {grid-column:4/7;margin-top:70px;}
 .busking-followup figure:nth-of-type(3) {grid-column:1/7;margin-top:25px;}
 .busking-followup figure:nth-of-type(4) {grid-column:1/5;margin-top:35px;}
 .busking-followup figure:nth-of-type(5) {grid-column:3/7;margin-top:30px;}
 .busking-followup figure:nth-of-type(6) {grid-column:1/4;margin-top:20px;}
 .busking-followup figure:nth-of-type(7) {grid-column:3/7;margin-top:30px;}
 .busking-atmosphere::before {filter:blur(32px);}
}
.photo-spread { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; padding:160px 7vw 100px; }
.photo-intro { grid-column:1/5; grid-row:1; padding-top:7vw; }
.folio,.small-note,.vertical-note,.end-note { font-size:9px; letter-spacing:.16em; line-height:1.9; }
.photo-intro h1 { font-size:clamp(38px,5.7vw,82px); font-weight:400; line-height:1.02; letter-spacing:-.05em; margin:64px 0 40px; }
.photo-intro em,.spread-heading em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.04em; }
.photograph { margin:0; min-width:0; }
.photograph a { display:block; overflow:hidden; }
.photograph img { width:100%; height:auto; transition:transform 650ms cubic-bezier(.22,1,.36,1); }
.photograph figcaption { display:flex; justify-content:space-between; margin-top:14px; font-size:8px; letter-spacing:.16em; color:#a7a5a0; }
.portrait-one { grid-column:7/12; grid-row:1/3; }
.landscape-one { grid-column:1/5; grid-row:2/4; margin-top:8vw; }
.margin-note { grid-column:8/12; grid-row:3; padding:70px 0; font:italic 20px/1.5 Georgia,serif; color:#a7a5a0; }
.closing { padding-top:100px; padding-bottom:140px; background:radial-gradient(ellipse at 20% 50%,#11100f,transparent 65%); }
.spread-heading { grid-column:6/12; grid-row:1; border-top:1px solid #333; padding-top:20px; }
.spread-heading h2 { font-size:clamp(30px,4vw,58px); font-weight:400; line-height:1.15; margin:50px 0 80px; letter-spacing:-.04em; }
.portrait-two { grid-column:2/6; grid-row:1/3; margin-top:14vw; }
.landscape-two { grid-column:7/13; grid-row:2/4; margin-top:60px; }
.vertical-note { grid-column:1; grid-row:2; writing-mode:vertical-rl; color:#777; }
.end-note { grid-column:3/7; grid-row:4; margin-top:100px; color:#999; }
.photo-page .site-footer { margin-top:0; }
@media(hover:hover) and (pointer:fine) { .photograph a:hover img { transform:scale(1.015); } }
.photo-motion .photograph { opacity:0; transform:translateY(18px); transition:opacity 850ms ease,transform 1100ms cubic-bezier(.22,1,.36,1); }
.photo-motion .landscape-one,.photo-motion .landscape-two { transform:translateY(10px); transition-duration:1000ms,850ms; }
.photo-motion .photograph.revealed { opacity:1; transform:none; }
#photoViewer { position:fixed; inset:0; width:100%; max-width:none; height:100svh; max-height:none; border:0; padding:60px 5vw 70px; background:#050505; color:#eee; }
#photoViewer::backdrop { background:#050505; }
#photoViewer[open] { display:flex; align-items:center; justify-content:center; }
#viewerImage { max-width:100%; max-height:100%; object-fit:contain; }
.viewer-close { position:absolute; right:25px; top:15px; }
#photoViewer button { border:0; background:none; color:#eee; padding:12px; font-size:11px; }
.viewer-bottom { position:absolute; bottom:15px; left:5vw; right:5vw; display:flex; align-items:center; justify-content:space-between; font-size:9px; letter-spacing:.14em; }
html:has(#photoViewer[open]) { overflow:hidden; }
@media(max-width:900px) { .photo-spread { padding-top:170px; padding-inline:5vw; gap:16px; } .portrait-one { grid-column:6/13; } .photo-intro h1 { font-size:42px; } }
@media(max-width:640px) {
 .photo-spread { padding:110px 22px 60px; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
 .photo-intro { grid-column:1/7; grid-row:1; padding:0; }
 .photo-intro h1 { font-size:52px; margin:25px 0; } .small-note { margin-bottom:35px; }
 .portrait-one { grid-column:2/7; grid-row:2; }
 .landscape-one { grid-column:1/5; grid-row:3; margin-top:70px; }
 .margin-note { grid-column:3/7; grid-row:4; padding:35px 0 0; font-size:18px; }
 .closing { padding-top:70px; } .spread-heading { grid-column:1/7; grid-row:1; }
 .spread-heading h2 { margin:30px 0 25px; }
 .portrait-two { grid-column:1/5; grid-row:2; margin-top:15px; }
 .vertical-note { grid-column:6; grid-row:2; justify-self:end; }
 .landscape-two { grid-column:2/7; grid-row:3; margin-top:80px; }
 .end-note { grid-column:1/6; grid-row:4; margin-top:55px; }
}
@media(prefers-reduced-motion:reduce) { .photo-motion .photograph { opacity:1; transform:none; transition:none; } .photograph img { transition:none; } .photograph a:hover img { transform:none; } }
@media(max-width:640px) { .photo-page .opening .landscape-one,.photo-page .color .studio-three { width:100%; max-width:100%; grid-column:1/7; } .photo-page .closing .portrait-two { top:-24px; } }