.project-detail-page{max-width:1920px;margin:auto;background:#f7f6f4;color:#171817;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.project-detail-page :is(.album-copy>span,.album-controls strong,#album-progress,.album-thumbs small,.project-summary dd,.album-composed-element,.public-num){font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.project-album-shell{padding:42px 4.8% 0}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.project-heading p{display:flex;gap:15px;margin:0 0 13px;color:#85847f;font:300 10px var(--narrow);letter-spacing:1.8px;text-transform:uppercase}.project-heading h1{margin:0;font-size:47px;line-height:1;font-weight:300;letter-spacing:-1.2px;text-transform:uppercase}.all-projects-link{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #b9b3ac;font:300 10px var(--narrow);letter-spacing:1.4px;text-transform:uppercase}.all-projects-link .site-icon{width:16px}
.album-stage{position:relative;perspective:1800px;filter:drop-shadow(0 15px 18px rgb(56 45 35 / 20%));overflow:hidden}.album-stage:after{content:"";position:absolute;left:50%;top:1%;bottom:1%;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgb(45 39 33 / 16%),rgb(255 255 255 / 33%),transparent);pointer-events:none}.album-page{position:relative;min-width:0;overflow:hidden;background:#fbfaf7}.album-page.left{transform-origin:right center;border-radius:3px 0 0 3px}.album-page.right{transform-origin:left center;border-radius:0 3px 3px 0}.album-page.left>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.album-image-caption{position:absolute;left:7%;bottom:6%;display:grid;gap:9px;color:white;text-transform:uppercase}.album-image-caption strong{font:300 22px var(--narrow);letter-spacing:2px}.album-image-caption span{font:300 10px/1.6 var(--narrow);letter-spacing:1.5px}.album-copy{display:flex;flex-direction:column;justify-content:center;padding:12% 14%;min-width:0}.album-copy>span{font:300 44px var(--narrow)}.album-copy>i{width:42px;height:1px;margin:20px 0 40px;background:#a68063}.album-copy h2{font:300 13px/1.45 var(--narrow);letter-spacing:1.4px;text-transform:uppercase}.album-copy p{margin:38px 0 0;color:#696863;font-size:10px;line-height:1.55}
.album-plan{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:8%;background:#faf9f6;color:#68665f}.album-plan svg{display:block;width:100%;height:auto;max-height:330px;stroke:#5f5d57;stroke-width:1.8;fill:none}.album-plan span{font:300 10px var(--narrow);letter-spacing:1.4px;text-transform:uppercase}.album-plan.b{padding:10%}.album-plan.thumb{height:auto;min-height:0;padding:4px}.album-plan.thumb svg{height:40px}.album-plan.thumb span{display:none}
.album-controls{height:78px;display:grid;grid-template-columns:48px 48px 1fr auto;align-items:center;border-bottom:1px solid #dedbd6}.album-controls button{height:42px;border:0;background:transparent}.album-controls button:disabled{opacity:.25}.album-controls button .site-icon{width:24px}.album-controls strong{justify-self:center;font:300 19px var(--narrow);letter-spacing:2px}.album-controls #album-fullscreen{display:flex;align-items:center;gap:12px;font:300 9px var(--narrow);letter-spacing:1.5px;text-transform:uppercase}.album-controls #album-fullscreen .site-icon{width:17px}
.album-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:21px 0 30px;overflow-x:auto}.album-thumbs button{min-width:125px;padding:0 0 8px;border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;opacity:.62}.album-thumbs button.active{border-bottom-color:#a68063;opacity:1}.album-thumbs small{display:block;margin-bottom:9px;color:#6f6e69;font:300 10px var(--narrow)}.album-thumbs button>span{height:87px;position:relative;display:block;overflow:hidden;background:#eeeae4}.album-thumbs img{width:100%;height:100%;object-fit:cover}.album-thumbs b{position:absolute;left:7px;bottom:6px;padding:4px 6px;background:rgb(247 246 244 / 86%);font:300 8px var(--narrow);letter-spacing:1px;text-transform:uppercase}
.project-summary{padding:48px 4.8% 58px}.project-summary .eyebrow{margin-bottom:16px}.project-summary h2{margin:0 0 34px;font-size:42px;font-weight:300;text-transform:uppercase}.project-summary dl{display:grid;grid-template-columns:repeat(var(--summary-cols,4),minmax(0,1fr));margin:0;border-bottom:1px solid #d8d4ce}.project-summary dl>div{min-height:95px;min-width:0;padding:0 30px;border-left:1px solid #d8d4ce}.project-summary dl>div:first-child{padding-left:0;border-left:0}.project-summary dt{margin-bottom:14px;color:#7d7b75;font:300 9px var(--narrow);letter-spacing:1.6px;text-transform:uppercase}.project-summary dd{margin:0;font-size:13px;line-height:1.5;overflow-wrap:break-word}.project-neighbours{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dedbd6;border-bottom:1px solid #dedbd6}.project-neighbours>a{min-height:142px;display:grid;grid-template-columns:28px 130px 1fr;align-items:center;gap:24px;padding:24px 4.8%}.project-neighbours>a+ a{grid-template-columns:1fr 130px 28px;text-align:right;border-left:1px solid #dedbd6}.project-neighbours img{width:130px;height:84px;object-fit:cover}.project-neighbours span{display:grid;gap:5px}.project-neighbours small{color:#93918b;font:300 9px var(--narrow);letter-spacing:1.5px;text-transform:uppercase}.project-neighbours b{font:300 14px/1.35 var(--narrow);letter-spacing:1px;text-transform:uppercase}.project-neighbours em{color:#92908a;font-size:10px;font-style:normal}.project-neighbours .site-icon{width:20px}.project-album-shell:fullscreen{overflow:auto;background:#f7f6f4;padding:3vh 4vw}.project-album-shell:fullscreen .project-heading{display:none}.project-not-found,.project-loading{min-height:60vh;padding:80px 5%}
@media(max-width:1050px){.project-album-shell{padding-top:32px}.album-page-layout{grid-template-columns:50% 50%}.album-copy{padding:10%}.album-copy p{margin-top:22px}.album-thumbs{grid-template-columns:repeat(6,150px)}.project-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary dl>div:nth-child(odd){padding-left:0;border-left:0}.project-summary dl>div:nth-child(n+3){padding-top:25px;padding-bottom:25px;border-top:1px solid #d8d4ce}.project-summary dl>div:last-child:nth-child(odd){grid-column:1/-1;padding-right:0}.project-neighbours>a{grid-template-columns:25px 90px 1fr}.project-neighbours>a+ a{grid-template-columns:1fr 90px 25px}.project-neighbours img{width:90px;height:64px}}
@media(max-width:700px){.project-album-shell{padding:25px 20px 0}.project-heading{align-items:flex-start;margin-bottom:22px}.project-heading h1{font-size:36px}.project-heading .all-projects-link{font-size:0;gap:4px}.project-heading .all-projects-link .site-icon{width:19px}.album-stage{filter:drop-shadow(0 10px 14px rgb(56 45 35 / 18%))}.album-stage:after{display:none}.album-page-layout{grid-template-columns:45% 55%}.album-copy{padding:25px 18px}.album-copy>span{font-size:34px}.album-copy>i{margin:13px 0 22px;width:30px}.album-copy h2{font-size:11px}.album-copy p{margin-top:18px;font-size:9px}.album-plan{padding:7%}.album-controls{grid-template-columns:45px 45px 1fr}.album-controls #album-fullscreen{font-size:0}.album-thumbs{margin-right:-20px;grid-template-columns:repeat(6,125px);gap:12px}.album-thumbs button>span{height:76px}.project-summary{padding:38px 20px}.project-summary h2{font-size:32px}.project-summary dl{display:block}.project-summary dl>div,.project-summary dl>div:first-child{min-height:0;padding:20px 0;border-left:0;border-top:1px solid #d8d4ce}.project-neighbours{grid-template-columns:1fr}.project-neighbours>a,.project-neighbours>a+ a{min-height:110px;grid-template-columns:22px 72px 1fr;padding:18px 20px;text-align:left;border-left:0}.project-neighbours>a+ a{grid-template-columns:1fr 72px 22px;border-top:1px solid #dedbd6;text-align:right}.project-neighbours img{width:72px;height:54px}.project-neighbours b{font-size:11px}}
.album-intro{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#f7f6f4;pointer-events:none}.album-intro-cover{position:relative;width:252px;height:360px;overflow:hidden;padding:34px 28px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#171817;box-shadow:0 25px 55px rgb(31 26 22 / 32%);opacity:0;transform:translateY(18px) scale(.86);transform-origin:center;will-change:transform,opacity}.album-intro-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 18 18 / 12%),rgb(15 18 18 / 82%));z-index:-1}.album-intro-cover img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.album-intro-cover span{font:300 9px var(--narrow);letter-spacing:2px}.album-intro-cover strong{margin-top:12px;font:300 27px var(--narrow);letter-spacing:2.4px}.album-intro-cover i{margin-top:22px;font:300 9px var(--narrow);font-style:normal;letter-spacing:1.5px}.album-intro-play .album-intro-cover{animation:albumCoverSequence 1.28s cubic-bezier(.32,.02,.17,1) forwards}.album-intro-active .album-page.left{opacity:0;transform:translateX(48%) scaleX(.09) rotateY(6deg)}.album-intro-active .album-page.right{opacity:0;transform:translateX(-48%) scaleX(.09) rotateY(-6deg)}.album-intro-play .album-page.left{animation:albumOpenLeft .9s .54s cubic-bezier(.24,.65,.19,1) forwards}.album-intro-play .album-page.right{animation:albumOpenRight .9s .54s cubic-bezier(.24,.65,.19,1) forwards}.album-intro-active .album-page img{opacity:0;clip-path:inset(6%);transform:scale(1.06)}.album-intro-play .album-page img{animation:albumImageReveal .62s 1.15s ease-out forwards}.album-intro-active .album-image-caption,.album-intro-active .album-copy>*{opacity:0;transform:translateY(13px)}.album-intro-play .album-copy>span{animation:albumDetailReveal .38s 1.28s ease-out forwards}.album-intro-play .album-copy>i{animation:albumDetailReveal .38s 1.38s ease-out forwards}.album-intro-play .album-copy h2,.album-intro-play .album-image-caption{animation:albumDetailReveal .42s 1.48s ease-out forwards}.album-intro-play .album-copy p{animation:albumDetailReveal .45s 1.62s ease-out forwards}.album-intro-running .album-controls>*{opacity:0;transform:translateY(10px)}.album-intro-running .album-thumbs{opacity:0}.album-intro-running:has(.album-intro-play) .album-controls>*{animation:albumDetailReveal .42s 1.74s ease-out forwards}.album-intro-running:has(.album-intro-play) .album-thumbs{animation:albumSimpleReveal .4s 1.86s ease-out forwards}@keyframes albumCoverSequence{0%{opacity:0;transform:translateY(18px) scale(.86)}20%{opacity:1;transform:translateY(0) scale(.92)}58%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:0;transform:translateY(0) scaleX(2.05) scaleY(1.16)}}@keyframes albumOpenLeft{0%{opacity:0;transform:translateX(48%) scaleX(.09) rotateY(6deg)}38%{opacity:1}100%{opacity:1;transform:none}}@keyframes albumOpenRight{0%{opacity:0;transform:translateX(-48%) scaleX(.09) rotateY(-6deg)}38%{opacity:1}100%{opacity:1;transform:none}}@keyframes albumImageReveal{to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes albumDetailReveal{to{opacity:1;transform:none}}@keyframes albumSimpleReveal{to{opacity:1}}
@media(max-width:700px){.album-intro{background:#f7f6f4}.album-intro-cover{width:62%;height:78%;max-height:330px}.album-intro-active .album-page.left,.album-intro-active .album-page.right{opacity:0;transform:scale(.96)}.album-intro-play .album-page.left,.album-intro-play .album-page.right{animation:albumMobileOpen .75s .62s ease-out forwards}.album-intro-play .album-intro-cover{animation:albumMobileCover 1.1s ease-in-out forwards}@keyframes albumMobileCover{0%{opacity:0;transform:translateY(14px) scale(.86)}25%{opacity:1;transform:none}68%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.11)}}@keyframes albumMobileOpen{to{opacity:1;transform:none}}}
.album-intro-active .album-page{box-shadow:0 0 0 1px #e1ddd6,0 15px 30px rgb(74 64 53 / 14%)}.album-intro-play{animation:albumIntroBackdrop .72s .2s ease-out forwards}.album-intro-play .album-intro-cover{animation-duration:1.4s}.album-intro-play .album-page img{animation-delay:.85s}.album-intro-cover{display:block;padding:0;background:transparent;overflow:visible}.album-intro-cover:after{content:none}.album-cover-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#171817;box-shadow:0 18px 36px rgb(31 26 22 / 26%);backface-visibility:hidden}.album-cover-leaf:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 18 18 / 12%),rgb(15 18 18 / 76%))}.album-cover-leaf.left{left:0;transform-origin:right center}.album-cover-leaf.right{right:0;transform-origin:left center}.album-intro-cover .album-cover-leaf img{position:absolute;z-index:0;top:0;width:200%;height:100%;object-fit:cover}.album-cover-leaf.left img{left:0}.album-cover-leaf.right img{right:0}.album-cover-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:34px;display:flex;flex-direction:column}.album-intro-play .album-cover-leaf.left{animation:albumCoverLeafLeft .78s .62s cubic-bezier(.24,.65,.19,1) forwards}.album-intro-play .album-cover-leaf.right{animation:albumCoverLeafRight .78s .62s cubic-bezier(.24,.65,.19,1) forwards}.album-intro-play .album-cover-copy{animation:albumCoverCopyOut .46s .64s ease-out forwards}@keyframes albumIntroBackdrop{0%,10%{background-color:#f7f6f4}100%{background-color:rgb(247 246 244 / 0%)}}@keyframes albumCoverSequence{0%{opacity:0;transform:translateY(18px) scale(.86)}10%{opacity:1;transform:translateY(0) scale(.9)}56%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:0;transform:translateY(0) scale(1.28)}}@keyframes albumCoverLeafLeft{to{opacity:.28;transform:translateX(-88%) rotateY(6deg)}}@keyframes albumCoverLeafRight{to{opacity:.28;transform:translateX(88%) rotateY(-6deg)}}@keyframes albumCoverCopyOut{to{opacity:0;transform:translateY(8px)}}
.album-stage{height:480px}.album-book{width:100%;height:480px;margin:auto;opacity:1;transform-origin:center}.album-book .stf__wrapper{margin:auto}.album-stage .stf__item.album-page{animation:none!important;opacity:1!important}.album-stage .stf__item.album-page img{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}.album-stage .stf__item .album-image-caption,.album-stage .stf__item .album-copy>*{animation:none!important;opacity:1!important;transform:none!important}.album-page-layout{height:100%;display:grid;grid-template-columns:44% 56%}.album-page-layout>img{width:100%;height:88%;align-self:center;object-fit:cover}.album-page.right.plans .album-page-layout{grid-template-columns:42% 58%}.album-physical-cover{color:#fff;background:#171817}.album-physical-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.album-physical-cover>div{position:absolute;z-index:2;left:8%;right:8%;bottom:9%;display:flex;flex-direction:column;text-transform:uppercase}.album-physical-cover span,.album-physical-cover i{font:300 9px var(--narrow);font-style:normal;letter-spacing:2px}.album-physical-cover strong{margin:10px 0 20px;font:300 27px var(--narrow);letter-spacing:2.4px}.album-back-cover{background:#1b1b1a;color:#fff}.album-back-cover strong{position:absolute;inset:0;display:grid;place-items:center;font:300 24px var(--narrow);letter-spacing:2px}.album-intro-active .album-book{opacity:0;transform:scale(.985)}.album-intro-play .album-book{animation:albumBookReveal .62s 1.05s ease-out forwards}.album-stage[data-intro-state=revealing] .album-intro{background:transparent}.project-album-shell:fullscreen .album-stage,.project-album-shell:fullscreen .album-book{height:72vh}
.album-composed-page{position:relative}.album-composed-element{position:absolute;overflow:hidden}.album-composed-element.media img{width:100%!important;height:100%!important;display:block;max-width:none;animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}.album-composed-element.text{white-space:pre-line;font-family:var(--sans);line-height:1.45}.album-composed-element.text.display{font:300 clamp(20px,2.3vw,42px)/1.06 var(--narrow);text-transform:uppercase}.album-composed-element.text.heading{font:400 clamp(14px,1.55vw,27px)/1.16 var(--narrow)}.album-composed-element.text.body{font-size:clamp(8px,.72vw,13px)}.album-composed-element.text.caption{font:300 clamp(7px,.62vw,11px)/1.5 var(--narrow);letter-spacing:.08em;text-transform:uppercase}
@keyframes albumBookReveal{to{opacity:1;transform:none}}
@media(max-width:700px){.album-stage,.album-book{height:520px}.album-page-layout{grid-template-columns:46% 54%}.album-intro-play .album-book{animation-delay:.68s}}
@media(prefers-reduced-motion:reduce){.album-intro{display:grid!important}.album-intro-play{animation:albumReducedBackdrop .48s .34s ease-out forwards!important}.album-intro-play .album-intro-cover{animation:albumReducedCover .92s ease-out forwards!important}.album-intro-play .album-cover-leaf.left{animation:albumReducedLeafLeft .48s .4s ease-out forwards!important}.album-intro-play .album-cover-leaf.right{animation:albumReducedLeafRight .48s .4s ease-out forwards!important}.album-intro-play .album-cover-copy{animation:albumCoverCopyOut .32s .42s ease-out forwards!important}.album-intro-play .album-book{animation:albumBookReveal .42s .72s ease-out forwards!important}.album-intro-running:has(.album-intro-play) .album-controls>*{animation:albumDetailReveal .3s 1s ease-out forwards!important}.album-intro-running:has(.album-intro-play) .album-thumbs{animation:albumSimpleReveal .3s 1.08s ease-out forwards!important}.album-stage[data-intro-state=revealing] .album-intro{background:transparent!important}}
@keyframes albumReducedBackdrop{to{background-color:rgb(247 246 244 / 0%)}}@keyframes albumReducedCover{0%{opacity:0;transform:translateY(7px) scale(.94)}18%{opacity:1;transform:none}56%{opacity:1;transform:scale(1.035)}100%{opacity:0;transform:scale(1.08)}}@keyframes albumReducedLeafLeft{to{opacity:.18;transform:translateX(-36%)}}@keyframes albumReducedLeafRight{to{opacity:.18;transform:translateX(36%)}}

/* Turn.js owns page transforms. The stage keeps one persistent fold between static pages and the active turning sheet. */
.album-engine-turnjs{--album-spread-width:1600;--album-spread-height:600;--album-page-width:800;--album-page-height:600}
.album-engine-turnjs .album-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:calc(var(--album-spread-width)*1px);aspect-ratio:var(--album-spread-width)/var(--album-spread-height);margin-inline:auto}
.album-engine-turnjs .album-book{position:relative;width:auto;height:auto;margin:auto}
.album-engine-turnjs .turn-page-wrapper{border:0!important;margin:0!important;background:transparent;box-shadow:none!important}
.album-engine-turnjs .turn-page-wrapper .album-page{width:100%;height:100%;overflow:hidden;border:0;outline:0;box-shadow:none;animation:none!important;opacity:1!important}
.album-engine-turnjs .turn-page-wrapper .album-page:before,.album-engine-turnjs .turn-page-wrapper .album-page:after{pointer-events:none}
.album-engine-turnjs .turn-page-wrapper .album-page:not(.album-sheet-public) img{width:100%;height:100%;object-fit:cover;animation:none!important;opacity:1!important;clip-path:none!important}
.album-engine-turnjs .turn-page-wrapper .album-image-caption,.album-engine-turnjs .turn-page-wrapper .album-copy>*{animation:none!important;opacity:1!important}
.album-stage:after{display:none!important}
.album-zoom-wrap{width:100%;height:100%;display:grid;place-items:center;transform:translate3d(var(--public-album-pan-x,0px),var(--public-album-pan-y,0px),0) scale(var(--public-album-zoom,1));transform-origin:center center;transition:transform .12s ease}
.album-stage.is-panning .album-zoom-wrap{transition:none}
.album-stage.is-zoomed{cursor:grab}
.album-stage.is-panning{cursor:grabbing}
.album-spine{display:block!important;position:absolute;z-index:5;top:0;bottom:0;left:50%;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgb(22 20 18 / 10%) 44%,rgb(22 20 18 / 26%) 50%,rgb(22 20 18 / 10%) 56%,transparent);pointer-events:none}
.album-stage[data-orientation="portrait"] .album-spine{display:none!important}
.album-sheet-public{position:relative;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.album-public-sheet-clip{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.album-public-sheet-img{display:block;pointer-events:none;user-select:none;transform:none;transition:none!important;animation:none!important;opacity:1!important;clip-path:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.album-controls{height:78px;display:grid;grid-template-columns:48px 48px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid #dedbd6}
.album-public-zoom{display:none!important}
.album-thumb-spread{height:82px;display:grid!important;grid-template-columns:1fr 2px 1fr;overflow:hidden;border:1px solid #dcd7cf;background:#fbfaf7}
.album-thumb-sheet{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.album-thumb-sheet img{width:100%;height:100%;display:block}
.album-thumb-spine{width:2px;height:100%;background:rgb(22 20 18 / 22%)}
.album-page{position:relative}
.album-page.left:after{content:"";position:absolute;inset-block:0;right:0;width:24px;background:linear-gradient(90deg,transparent 0%,rgb(22 20 18 / 3%) 40%,rgb(22 20 18 / 11%) 100%);pointer-events:none;z-index:1}
.album-page.right:before{content:"";position:absolute;inset-block:0;left:0;width:24px;background:linear-gradient(90deg,rgb(22 20 18 / 9%) 0%,rgb(22 20 18 / 2%) 60%,transparent 100%);pointer-events:none;z-index:1}
.album-page-layout,.album-composed-element,.album-image-caption,.album-plan{position:relative;z-index:2}
.album-page.left>img,.album-page.right>img{z-index:0}
.album-variant-switcher{position:fixed;z-index:1200;right:18px;bottom:18px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #d7dce4;border-radius:9px;background:rgb(255 255 255 / 94%);box-shadow:0 8px 28px rgb(15 23 42 / 16%);backdrop-filter:blur(10px)}.album-variant-switcher span{padding:0 8px;color:#738095;font:600 9px/1 var(--body);letter-spacing:.08em;text-transform:uppercase}.album-variant-switcher button{min-height:34px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#263247;font:500 11px var(--body);cursor:pointer}.album-variant-switcher button[aria-pressed=true]{background:#0878f9;color:#fff}.album-variant-switcher button:focus-visible{outline:2px solid #0878f9;outline-offset:2px}
@media(max-width:700px){.album-engine-turnjs .album-page-layout{grid-template-columns:46% 54%}.album-page.left:after,.album-page.right:before{display:none}.album-controls{height:auto;min-height:68px;padding:8px 0;grid-template-columns:38px 38px 1fr auto;gap:6px}.album-public-zoom{grid-column:1/-1;justify-content:center}.album-public-zoom button{height:28px!important;min-width:26px;padding:0 8px;font-size:10px}.album-variant-switcher{right:10px;bottom:10px}.album-variant-switcher span{display:none}.album-variant-switcher button{padding:0 9px}}
.project-detail-page,.project-detail-page *,.project-detail-page :is(.album-copy>span,.album-controls strong,#album-progress,.album-thumbs small,.project-summary dd,.album-composed-element,.public-num){font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}

/* Dark theme adaptations for project detail page */
html[data-theme="dark"] .project-detail-page{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .project-heading p{color:var(--muted)}
html[data-theme="dark"] .project-heading h1,
html[data-theme="dark"] .project-summary h2,
html[data-theme="dark"] .project-summary dd,
html[data-theme="dark"] .project-neighbours b,
html[data-theme="dark"] .album-controls strong{color:var(--ink)}
html[data-theme="dark"] .all-projects-link{color:var(--ink);border-bottom-color:var(--line)}
html[data-theme="dark"] .all-projects-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
html[data-theme="dark"] .album-controls{border-bottom-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .album-controls button{color:var(--ink)}
html[data-theme="dark"] .album-controls button:hover:not(:disabled){color:var(--accent)}
html[data-theme="dark"] .album-thumbs small,
html[data-theme="dark"] .project-summary dt,
html[data-theme="dark"] .project-neighbours small,
html[data-theme="dark"] .project-neighbours em{color:var(--muted)}
html[data-theme="dark"] .album-thumbs button.active{border-bottom-color:var(--accent)}
html[data-theme="dark"] .album-thumbs button>span,
html[data-theme="dark"] .album-thumb-spread{background:#1b1b19;border-color:var(--line)}
html[data-theme="dark"] .album-thumbs b{background:rgba(18,18,17,.86);color:var(--ink)}
html[data-theme="dark"] .project-summary dl,
html[data-theme="dark"] .project-summary dl>div,
html[data-theme="dark"] .project-neighbours,
html[data-theme="dark"] .project-neighbours>a+a{border-color:var(--line)}
html[data-theme="dark"] .album-intro,
html[data-theme="dark"] .project-album-shell:fullscreen{background:var(--paper);color:var(--ink)}