.project-song{--paper:#e9e2d4;--bone:#f5f0e6;--ink:#28271f;--line:rgba(40,39,31,.22);--celadon:#667568}
.project-song .project-header{background:rgba(233,226,212,.88)}
.project-song .project-intro-standard h1{font-weight:650;letter-spacing:-.075em}
.project-song .project-lede{max-width:630px}
.project05-cover{width:min(calc(100% - (var(--pad) * 2)),1180px);margin:0 auto clamp(96px,11vw,170px)}
.project05-cover img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:center}
.project05-cover figcaption{display:flex;justify-content:flex-end;color:rgba(40,39,31,.62)}
.panorama-section{padding:clamp(74px,9vw,140px) var(--pad);background:#292b26;color:#f1ebdf}
.panorama-first{padding-top:clamp(42px,5vw,74px);padding-bottom:clamp(60px,7vw,104px)}
.panorama-heading{width:min(100%,1180px);margin:0 auto clamp(28px,4vw,54px);display:flex;align-items:end;justify-content:space-between;gap:40px}
.panorama-heading>div>p{margin:0 0 16px;font:600 9px/1 var(--mono);letter-spacing:.14em;color:#aeb9aa}
.panorama-heading h1,.panorama-heading h2{margin:0;font:600 clamp(48px,7vw,96px)/.9 var(--display);letter-spacing:-.075em}
.panorama-heading>p{max-width:260px;margin:0 0 7px;font-size:12px;line-height:1.75;color:rgba(241,235,223,.64)}
.panorama-shell{position:relative;width:min(100%,1180px);height:min(72svh,760px);min-height:500px;margin:0 auto;overflow:hidden;background:#151713;cursor:grab;isolation:isolate}
.panorama-shell:active{cursor:grabbing}
.panorama-viewer,.panorama-fallback{position:absolute;inset:0;width:100%;height:100%}
.panorama-viewer{z-index:2}
.panorama-fallback{z-index:1;object-fit:cover;filter:saturate(.88)}
.panorama-shell.is-ready .panorama-fallback{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.panorama-status{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:rgba(21,23,19,.38);font:600 10px/1 var(--mono);letter-spacing:.12em}
.panorama-shell.is-ready .panorama-status{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
.panorama-hint{position:absolute;z-index:6;top:24px;left:50%;transform:translateX(-50%);padding:10px 15px;border:1px solid rgba(255,255,255,.34);background:rgba(24,25,21,.62);backdrop-filter:blur(9px);font:600 10px/1 var(--mono);letter-spacing:.08em;pointer-events:none;transition:opacity .5s ease}
.panorama-hint span{margin-right:6px;font-size:15px;vertical-align:-1px}
.panorama-shell.has-interacted .panorama-hint{opacity:0}
.panorama-scenes{position:absolute;z-index:6;left:22px;bottom:22px;display:flex;background:rgba(24,25,21,.72);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(12px)}
.panorama-scenes button{min-width:132px;padding:13px 16px;border:0;border-right:1px solid rgba(255,255,255,.18);color:rgba(241,235,223,.6);background:transparent;text-align:left;cursor:pointer}
.panorama-scenes button:last-child{border-right:0}
.panorama-scenes button span,.panorama-scenes button small{display:block}
.panorama-scenes button span{font:600 13px/1.3 var(--display)}
.panorama-scenes button small{margin-top:5px;font:500 9px/1.2 var(--mono);letter-spacing:.06em}
.panorama-scenes button.is-active{color:#f1ebdf;background:rgba(102,117,104,.76)}
.panorama-controls{position:absolute;z-index:6;right:22px;bottom:22px;display:flex;border:1px solid rgba(255,255,255,.26);background:rgba(24,25,21,.72);backdrop-filter:blur(12px)}
.panorama-controls button{height:48px;min-width:48px;padding:0 13px;border:0;border-right:1px solid rgba(255,255,255,.18);background:transparent;color:#f1ebdf;font:500 17px/1 var(--display);cursor:pointer}
.panorama-controls button:last-child{border-right:0;font-size:11px}
.panorama-scenes button:hover,.panorama-scenes button:focus-visible,.panorama-controls button:hover,.panorama-controls button:focus-visible{outline:none;background:#667568;color:#fff}
.panorama-controls [data-action="autorotate"]{min-width:58px;font-size:10px;letter-spacing:.05em}
.project05-summary{width:min(calc(100% - (var(--pad) * 2)),980px);margin:0 auto;padding:clamp(88px,11vw,170px) 0;display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(36px,7vw,110px)}
.project05-summary .project-kicker{margin:10px 0 26px}
.project05-summary h2{margin:0;font:600 clamp(42px,5.5vw,76px)/1 var(--display);letter-spacing:-.07em}
.project05-summary>div>p{max-width:650px;margin:0 0 52px;font-size:clamp(15px,1.18vw,18px);line-height:1.9}
.project05-summary .project-facts{grid-column:auto;grid-template-columns:1.8fr 1fr 1fr}
.project05-stills{width:min(calc(100% - (var(--pad) * 2)),1180px);margin:0 auto;padding-bottom:clamp(100px,13vw,190px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,6vw,90px) clamp(18px,2vw,32px)}
.project05-stills>header{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line)}
.project05-stills>header p{margin:0 0 14px;font:600 9px/1 var(--mono);letter-spacing:.12em;opacity:.58}
.project05-stills>header h2{margin:0;font:650 clamp(38px,5vw,68px)/1 var(--display);letter-spacing:-.065em}
.project05-stills figure{margin:0}
.project05-stills figure.is-wide{grid-column:1/-1}
.project05-stills img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#d9cfbd}
.project05-stills figure:not(.is-wide) img{aspect-ratio:4/3}
.project05-stills figcaption{color:rgba(40,39,31,.62)}
.project-song .project-copy-standard{border-top-color:rgba(40,39,31,.24)}
.project-song .project-copy-standard h2{font-weight:600}
@media(max-width:720px){
  .project05-cover{width:calc(100% - 44px);margin-bottom:88px}
  .project05-cover img{aspect-ratio:4/5;object-position:47% center}
  .panorama-section{padding:68px 22px}
  .panorama-first{padding-top:42px}
  .panorama-heading{display:block;margin-bottom:28px}
  .panorama-heading>p{margin-top:22px}
  .panorama-shell{height:66svh;min-height:500px}
  .panorama-hint{top:16px;white-space:nowrap}
  .panorama-scenes{left:12px;right:12px;bottom:70px}
  .panorama-scenes button{flex:1;min-width:0;padding:12px}
  .panorama-controls{right:12px;bottom:12px}
  .panorama-controls button{height:44px;min-width:42px;padding:0 10px}
  .project05-summary{width:calc(100% - 44px);display:block;padding:82px 0 96px}
  .project05-summary h2{font-size:13vw}
  .project05-summary>div>p{margin-top:44px;margin-bottom:38px}
  .project05-summary .project-facts{grid-template-columns:1fr;gap:16px}
  .project05-summary .project-facts div{display:grid;grid-template-columns:92px 1fr;align-items:baseline}
  .project05-summary .project-facts dd{margin:0}
  .project05-stills{width:calc(100% - 44px);grid-template-columns:1fr;gap:52px;padding-bottom:104px}
  .project05-stills>header,.project05-stills figure.is-wide{grid-column:auto}
  .project05-stills img,.project05-stills figure:not(.is-wide) img{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.panorama-shell.is-ready .panorama-fallback,.panorama-status,.panorama-hint{transition:none}}