
:root{--bg:#070707;--bg2:#0c0c0c;--ink:#f0eee9;--muted:#a3a09a;--hair:rgba(255,255,255,.19);--hair2:rgba(255,255,255,.09);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans-serif;--pad:clamp(22px,3.2vw,56px);--header:82px;--footer:58px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#fff;color:#000;padding:10px 14px}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:100;min-height:var(--header);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,5,5,.9),rgba(5,5,5,.18),transparent);transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(6,6,6,.88);backdrop-filter:blur(14px);border-color:var(--hair2)}.wordmark{position:relative;display:flex;align-items:center;gap:18px;z-index:2;font-size:12px;letter-spacing:.18em;white-space:nowrap}.four-lines{width:27px;height:25px;display:grid;grid-template-columns:repeat(4,1px);justify-content:space-between;opacity:.78}.four-lines i{display:block;width:1px;height:100%;background:rgba(255,255,255,.82)}.desktop-nav{display:flex;gap:clamp(26px,3vw,54px);font-size:11px;letter-spacing:.18em}.desktop-nav a,.site-footer a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#fff;transition:right .28s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.menu-toggle,.mobile-menu{display:none}body:not(.home-page) main{padding-bottom:var(--footer)}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:96;height:var(--footer);min-height:var(--footer);padding:0 var(--pad);display:flex;align-items:center;gap:24px;border-top:1px solid var(--hair2);background:rgba(5,5,5,.94);backdrop-filter:blur(12px);font-size:9px;letter-spacing:.16em;color:var(--muted)}.footer-name{margin-right:auto}.footer-socials{display:flex;align-items:center;gap:10px}.footer-socials a{display:grid;place-items:center;width:30px;height:30px;color:#ddd;opacity:.82;transition:opacity .22s,transform .22s}.footer-socials a:hover,.footer-socials a:focus-visible{opacity:1;transform:translateY(-1px);outline:none}.footer-socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.section-kicker,.eyebrow{margin:0 0 22px;font-size:10px;letter-spacing:.24em;color:#c5c1ba}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1)}.reveal.in-view{opacity:1;transform:none}
/* Home */
.home-page{overflow:hidden}.home-page .site-footer{display:none}.home-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#050505}.home-media{position:absolute;inset:0}.home-film{position:absolute;inset:0 0 0 34%;width:66%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);opacity:.44}.home-portrait{position:absolute;right:5.5vw;bottom:0;height:82vh;width:auto;max-width:38vw;object-fit:contain;filter:grayscale(1) contrast(1.04);opacity:.58;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 80%,transparent 100%)}.home-veil{position:absolute;inset:0;background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.97) 28%,rgba(6,6,6,.54) 55%,rgba(6,6,6,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 48%)}.home-copy{position:absolute;left:var(--pad);bottom:clamp(58px,9vh,116px);z-index:3}.home-copy h1{margin:0;font:400 clamp(64px,11vw,176px)/.82 var(--serif);letter-spacing:-.055em}.quiet-enter{display:inline-flex;gap:18px;margin-top:38px;padding-top:12px;border-top:1px solid var(--hair);font-size:10px;letter-spacing:.22em}.home-index{position:absolute;right:var(--pad);bottom:46px;display:flex;gap:15px;font-size:9px;letter-spacing:.15em;color:#888}.home-index span+span{padding-left:15px;border-left:1px solid var(--hair)}
/* Works index */
.works-intro{padding:calc(var(--header) + 10vh) var(--pad) 7vh;border-bottom:1px solid var(--hair2)}.works-intro h1{margin:0;font:400 clamp(48px,7vw,110px)/.9 var(--serif);letter-spacing:-.04em}.room-index{padding:0 var(--pad)}.room-index-item{min-height:72vh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);align-items:stretch;border-bottom:1px solid var(--hair2);padding:8vh 0;gap:5vw}.room-image{overflow:hidden;background:#111}.room-image img{width:100%;height:100%;min-height:54vh;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform 1.2s cubic-bezier(.2,.75,.2,1)}.room-index-item:hover .room-image img{filter:grayscale(.15);transform:scale(1.018)}.room-caption{display:grid;grid-template-columns:1fr auto;align-content:end;gap:20px}.room-caption>span:first-child{grid-column:1/-1;font-size:9px;letter-spacing:.22em;color:var(--muted);align-self:start}.room-caption h2{margin:0;font:400 clamp(38px,4.5vw,76px)/.95 var(--serif);letter-spacing:-.035em}.room-arrow{font-size:24px;align-self:end}
/* Work room */
.work-page .site-footer{background:#050505}.room-hero{height:100svh;min-height:660px;position:relative;overflow:hidden;background:#060606}.room-hero-media{position:absolute;inset:0}.room-hero-media video,.room-hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.room-hero-still .room-hero-media img{object-position:center 42%;transform:scale(1.03)}.room-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18) 66%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.room-hero-copy{position:absolute;left:var(--pad);bottom:clamp(76px,11vh,138px);max-width:min(900px,78vw)}.room-hero-copy p{margin:0 0 18px;font-size:9px;letter-spacing:.25em}.room-hero-copy h1{margin:0;font:400 clamp(54px,7.8vw,132px)/.84 var(--serif);letter-spacing:-.052em;text-wrap:balance}.room-hero-copy h1 span{color:#b9b6b0}.scroll-cue{position:absolute;right:var(--pad);bottom:40px;font-size:9px;letter-spacing:.2em;color:#c8c4bd}.room-content{padding:12vh var(--pad)}.audio-room{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);column-gap:5vw;margin-bottom:8vh}.audio-room .section-kicker{grid-column:1}.audio-room h2{grid-column:1;margin:0;font:400 clamp(34px,4vw,62px)/1 var(--serif)}.tracklist{grid-column:2;grid-row:1/5;border-top:1px solid var(--hair)}.track{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--hair2);background:transparent;color:var(--ink);padding:18px 0;text-align:left;cursor:pointer}.track:hover,.track:focus-visible{background:rgba(255,255,255,.025);outline:none}.track-no{font-size:9px;color:#777}.track-title{font-family:var(--serif);font-size:19px}.track-action{font-size:8px;letter-spacing:.18em;color:#aaa}.track.is-playing .track-action{color:#fff}.audio-console{grid-column:2;margin-top:22px;border-bottom:1px solid var(--hair);padding:0 0 20px;grid-template-columns:auto 1fr;gap:14px 22px;align-items:center}.audio-console[hidden]{display:none}.audio-console:not([hidden]){display:grid}.audio-toggle{border:1px solid var(--hair);background:transparent;color:#fff;width:76px;height:36px;font-size:8px;letter-spacing:.16em}.audio-readout{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em}.audio-time{color:#888}.audio-progress{grid-column:1/-1;width:100%;accent-color:#ddd}.streaming-links{margin:2vh 0 13vh 39%;display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--hair2);padding-top:16px}.streaming-links>span{font-size:8px;letter-spacing:.2em;color:#777;margin-right:auto}.streaming-links a{font-size:10px;letter-spacing:.12em}.editorial-copy{max-width:880px;margin:0 auto 14vh}.editorial-copy h2,.editorial-copy h3{margin:0 0 34px;font:400 clamp(34px,4.3vw,64px)/1 var(--serif)}.editorial-copy p{font:400 clamp(18px,1.75vw,25px)/1.55 var(--serif);color:#d7d4ce;margin:0 0 1.6em}.editorial-copy.longform{max-width:960px}.editorial-copy.longform p{font-size:clamp(16px,1.35vw,20px);line-height:1.65}.manifestations{max-width:1220px;margin:0 auto}.manifestations>.section-kicker{margin-bottom:36px}.media-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.55fr);gap:4vw;padding:6vh 0;border-top:1px solid var(--hair2)}.media-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.media-frame video,.media-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.media-frame.external span{position:absolute;left:18px;bottom:16px;font-size:8px;letter-spacing:.18em;background:rgba(0,0,0,.65);padding:8px 10px}.media-meta{align-self:end}.media-meta h3{font:400 clamp(24px,2.8vw,43px)/1.05 var(--serif);margin:0}.media-meta p{color:var(--muted)}
/* News entries / fixed detail pages */
.media-type{display:block;margin:0 0 12px;font-size:8px;letter-spacing:.22em;color:#8f8c86}.news-entry .media-meta h3 a{display:inline}.news-link span{position:absolute;left:18px;bottom:16px;font-size:8px;letter-spacing:.18em;background:rgba(0,0,0,.65);padding:8px 10px}.news-detail-page{height:100svh;overflow:hidden}.news-detail-page main{position:fixed;inset:var(--header) 0 var(--footer) 0;padding:0}.news-detail-stage{height:100%;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);background:#050505}.news-detail-media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090909}.news-detail-media video,.news-youtube{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;filter:grayscale(1)}.news-play,.news-sound{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.58);color:#f1eee8;border-radius:999px;padding:7px 10px;font-size:7px;line-height:1;letter-spacing:.16em;cursor:pointer}.news-play{left:18px;bottom:18px}.news-sound{right:18px;top:18px}.news-play:hover,.news-play:focus-visible,.news-sound:hover,.news-sound:focus-visible{border-color:rgba(255,255,255,.62);outline:none}.news-detail-copy{min-width:0;min-height:0;padding:clamp(28px,4vw,66px);display:flex;flex-direction:column;border-left:1px solid var(--hair2)}.news-detail-label{margin:0 0 12px;font-size:8px;letter-spacing:.24em;color:#99958f}.news-detail-copy h1{flex:0 0 auto;margin:0 0 clamp(24px,4vh,46px);max-width:780px;font:400 clamp(29px,3.25vw,50px)/1.03 var(--serif);letter-spacing:-.035em}.news-scroll-wrap{position:relative;min-height:0;flex:1;mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 91%,transparent 100%)}.news-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 54px 0;scrollbar-width:none}.news-scroll::-webkit-scrollbar{display:none}.news-scroll p{max-width:780px;margin:0 0 1.6em;font:400 clamp(14px,1.15vw,17px)/1.7 var(--serif);color:#ccc8c1}.news-scroll a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.news-detail-page .site-header{background:rgba(5,5,5,.96);border-bottom:1px solid var(--hair2)}
/* About */
.about-stage{min-height:100svh;padding:calc(var(--header) + 5vh) var(--pad) 7vh;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(340px,1fr);gap:7vw;align-items:center}.about-portrait{height:calc(100svh - var(--header) - 12vh);min-height:560px}.about-portrait img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:grayscale(1);mask-image:linear-gradient(90deg,#000 76%,transparent 100%)}.about-intro{max-width:650px}.about-intro h1{font:400 clamp(44px,5.4vw,82px)/.95 var(--serif);letter-spacing:-.04em;margin:0 0 24px}.about-intro>p:not(.section-kicker){font:400 clamp(24px,3.2vw,46px)/1.18 var(--serif);margin:0}.about-intro strong{font-weight:400}.about-intro em{color:#aaa;font-size:.58em}.about-copy{max-width:980px;margin:0 auto;padding:10vh var(--pad) 16vh}.about-copy p{font:400 clamp(18px,1.55vw,23px)/1.68 var(--serif);margin:0 0 2.1em;color:#d8d4ce}
/* Press */
.press-page{background:#080808}.press-intro{padding:calc(var(--header) + 9vh) var(--pad) 6vh;border-bottom:1px solid var(--hair2)}.press-intro h1{font:400 clamp(38px,4.5vw,64px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.press-source{max-width:1180px;margin:0 auto;padding:9vh var(--pad) 14vh}.press-source .wp-block-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;margin:0 0 8vh}.press-source .presskit-btn{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--hair)}.press-source .presskit-btn+.presskit-btn{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-8vh}.press-source .presskit-btn p{margin:0}.press-source .presskit-btn a{display:block;padding:17px 0;border-bottom:1px solid var(--hair);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.press-source .presskit-btn .wp-block-column:not(:last-child) a{margin-right:26px}.press-source>h2,.press-source>h3{font:400 clamp(28px,3.2vw,48px)/1 var(--serif);margin:11vh 0 3vh}.press-source p{max-width:820px;color:#d3d0ca}.press-source a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.press-source .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:7vh 0}.press-source .wp-block-gallery figure{margin:0}.press-source .wp-block-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1)}.press-source .extra-quotes{max-width:760px;border-top:1px solid var(--hair2);padding:28px 0;margin:0}.press-source .extra-quotes p{font:400 clamp(22px,2.5vw,34px)/1.25 var(--serif);margin:0 0 8px}.press-source .extra-quotes small{font-size:9px;letter-spacing:.1em;color:#888}.press-source hr{border:0;border-top:1px solid var(--hair);margin:11vh 0}.press-source>figure:not(.wp-block-gallery){max-width:700px;margin:7vh 0}.press-source>figure img{filter:grayscale(1)}
@media (max-width:1024px){:root{--header:74px}.room-index-item{min-height:62vh;grid-template-columns:1.2fr .8fr}.room-hero-copy{max-width:85vw}.audio-room{grid-template-columns:150px 1fr}.streaming-links{margin-left:30%}.about-stage{grid-template-columns:.8fr 1fr}.about-portrait{min-height:480px}.press-source{max-width:900px}}
@media (max-width:780px){:root{--pad:22px;--header:70px}.desktop-nav{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;padding:12px 8px;flex-direction:column;justify-content:center;gap:7px;z-index:103}.menu-toggle span{height:1px;width:25px;background:#fff;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:#070707;z-index:101;padding:24vh var(--pad) 8vh;flex-direction:column;gap:0}.mobile-menu.is-open{display:flex}.mobile-menu a{font:400 clamp(42px,13vw,72px)/1.12 var(--serif);padding:18px 0;border-bottom:1px solid var(--hair)}.wordmark{font-size:10px;gap:12px}.four-lines{width:21px;height:20px}.home-stage{min-height:620px}.home-film{left:0;width:100%;opacity:.34;object-position:65% center}.home-portrait{right:-4vw;height:70vh;max-width:64vw;opacity:.55}.home-veil{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.76) 34%,rgba(5,5,5,.25) 73%),linear-gradient(90deg,rgba(5,5,5,.78),transparent)}.home-copy{bottom:82px}.home-copy h1{font-size:clamp(60px,22vw,100px)}.home-index{display:none}.room-index{padding:0}.works-intro{padding-left:var(--pad);padding-right:var(--pad)}.room-index-item{display:block;min-height:auto;padding:0;border-bottom:1px solid var(--hair)}.room-image img{min-height:0;height:58svh}.room-caption{padding:26px var(--pad) 50px;grid-template-columns:1fr auto}.room-caption>span:first-child{margin-bottom:38px}.room-caption h2{font-size:clamp(38px,11vw,64px);max-width:90%}.room-hero{height:92svh;min-height:600px}.room-hero-media video,.room-hero-media img{object-position:62% center}.room-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.36) 46%,rgba(0,0,0,.2) 100%)}.room-hero-copy{left:var(--pad);bottom:84px;max-width:calc(100% - 44px)}.room-hero-copy h1{font-size:clamp(49px,15vw,82px);line-height:.88}.scroll-cue{display:none}.room-content{padding:10vh var(--pad)}.audio-room{display:block;margin-bottom:8vh}.audio-room h2{margin-bottom:34px}.tracklist{border-top:1px solid var(--hair)}.track{grid-template-columns:36px 1fr auto;padding:16px 0}.track-title{font-size:17px}.audio-console{margin-top:16px}.streaming-links{margin:0 0 12vh;padding-top:15px}.streaming-links>span{width:100%;margin:0 0 6px}.editorial-copy{margin-bottom:12vh}.editorial-copy p,.editorial-copy.longform p{font-size:18px;line-height:1.58}.media-panel{display:block;padding:5vh 0}.media-meta{padding:22px 0 0}.media-meta h3{font-size:30px}.about-stage{min-height:auto;display:block;padding-top:calc(var(--header) + 3vh)}.about-portrait{height:58svh;min-height:420px;margin:0 -22px 7vh}.about-portrait img{width:100%;object-fit:contain;object-position:center top;mask-image:linear-gradient(180deg,#000 76%,transparent 100%)}.about-intro h1{font-size:clamp(45px,13vw,70px)}.about-intro>p:not(.section-kicker){font-size:clamp(28px,8vw,42px)}.about-copy{padding-top:6vh}.about-copy p{font-size:18px;line-height:1.63}.press-intro{padding-top:calc(var(--header) + 6vh)}.press-source{padding-top:6vh}.press-source .wp-block-columns,.press-source .presskit-btn,.press-source .presskit-btn+.presskit-btn{display:block;margin:0 0 7vh}.press-source .presskit-btn+.presskit-btn{margin-top:-7vh}.press-source .presskit-btn .wp-block-column:not(:last-child) a{margin-right:0}.press-source .wp-block-gallery{grid-template-columns:1fr;gap:8px}.press-source>h2,.press-source>h3{margin-top:8vh}.site-footer{height:64px;min-height:64px;gap:14px}.footer-name{width:auto;margin-right:auto;font-size:8px;letter-spacing:.12em}.footer-socials{gap:7px}.footer-socials a{width:28px;height:28px}.news-detail-page{--footer:64px}.news-detail-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,44svh) minmax(0,1fr)}.news-detail-copy{padding:24px var(--pad) 18px;border-left:0;border-top:1px solid var(--hair2)}.news-detail-copy h1{font-size:clamp(27px,8vw,42px);margin-bottom:18px}.news-scroll{padding-top:12px}.news-play{left:14px;bottom:14px}.news-sound{right:14px;top:14px}}
@media (max-width:420px){.home-portrait{max-width:74vw;right:-12vw}.room-image img{height:52svh}.track-action{font-size:7px}.press-source{padding-left:22px;padding-right:22px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* 2026-09-25 requested scoped fixes */
.media-date{margin:0 0 10px;font-size:8px;letter-spacing:.12em;color:#8f8c86}
.news-detail-date{margin:0 0 14px;font-size:9px;letter-spacing:.13em;color:#8f8c86}
.news-detail-copy--compact h1{margin-bottom:0}
.news-detail-media video.news-color-after{filter:grayscale(1) contrast(1.04);transition:filter 1.25s cubic-bezier(.2,.75,.2,1)}
.news-detail-media video.news-color-after.is-color{filter:grayscale(0) contrast(1)}

.story-panel{max-width:1220px;height:min(76svh,780px);margin:0 auto 14vh;padding:5vh 0;display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:5vw;border-top:1px solid var(--hair2);border-bottom:1px solid var(--hair2)}
.story-heading{min-width:0}.story-heading h3{margin:0;font:400 clamp(34px,4.3vw,64px)/1 var(--serif)}
.story-scroll-wrap{position:relative;min-width:0;min-height:0;mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 92%,transparent 100%)}
.story-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 54px 0;scrollbar-width:none}
.story-scroll::-webkit-scrollbar{display:none}.story-scroll p{font:400 clamp(16px,1.35vw,20px)/1.65 var(--serif);color:#d7d4ce;margin:0 0 1.6em}

.about-page{height:100svh;overflow:hidden}
.about-page main{position:fixed;inset:var(--header) 0 var(--footer) 0;padding:0!important;overflow:hidden}
.about-page .about-stage{height:100%;min-height:0;padding:clamp(18px,3vh,34px) var(--pad);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1fr);gap:7vw;align-items:stretch}
.about-page .about-portrait{height:100%;min-height:0;overflow:hidden}
.about-page .about-reading-column{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(8px,2vh,22px) 0}
.about-page .about-intro{flex:0 0 auto;max-width:650px;padding-bottom:clamp(22px,4vh,42px)}
.about-page .about-copy-wrap{position:relative;min-height:0;flex:1;max-width:980px;mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 93%,transparent 100%)}
.about-page .about-copy{height:100%;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:16px 18px 54px 0;max-width:980px;scrollbar-width:none}
.about-page .about-copy::-webkit-scrollbar{display:none}

@media (max-width:780px){
  body.menu-open{overflow:hidden!important}
  body.menu-open main,body.menu-open .site-footer{visibility:hidden!important}
  body.menu-open .mobile-menu{display:flex!important;position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000;background:#070707!important;isolation:isolate;overflow:hidden;padding:24vh var(--pad) 8vh}
  body.menu-open .menu-toggle{position:fixed;right:var(--pad);top:14px;z-index:1002}
  body.menu-open .site-header{background:#070707!important;border-color:transparent!important;backdrop-filter:none!important}
  .story-panel{height:72svh;margin-bottom:12vh;padding:4vh 0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:20px}
  .story-heading h3{font-size:clamp(34px,10vw,46px)}
  .story-scroll{padding:12px 8px 46px 0}.story-scroll p{font-size:18px;line-height:1.58}
  .about-page{--footer:64px}
  .about-page .about-stage{height:100%;padding:12px var(--pad) 10px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(135px,27%) minmax(0,1fr);gap:14px}
  .about-page .about-portrait{height:100%;min-height:0;margin:0;overflow:hidden}
  .about-page .about-portrait img{width:100%;height:100%;object-fit:contain;object-position:center top;mask-image:linear-gradient(180deg,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
  .about-page .about-reading-column{min-height:0;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}
  .about-page .about-intro{max-width:none;padding:0 0 8px}
  .about-page .about-intro .section-kicker{margin-bottom:8px}
  .about-page .about-intro h1{font-size:clamp(34px,9.5vw,48px);line-height:.95;margin:0 0 8px}
  .about-page .about-intro>p:not(.section-kicker){font-size:clamp(18px,5vw,24px);line-height:1.12;margin:0}
  .about-page .about-intro em{font-size:.62em}
  .about-page .about-copy-wrap{min-height:0}
  .about-page .about-copy{height:100%;padding:12px 8px 44px 0}
  .about-page .about-copy p{font-size:16px;line-height:1.58;margin-bottom:1.55em}
  .news-detail-copy--compact{justify-content:flex-start}
}

/* PATCH 2026-09-25 — About mobile portrait enlarged, monochrome, faded cinematic background */
@media (max-width:780px){
  .about-page .about-stage{position:relative;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;padding:12px var(--pad) 10px;overflow:hidden}
  .about-page .about-stage::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,5,5,.18) 0%,rgba(5,5,5,.44) 24%,rgba(5,5,5,.74) 55%,rgba(5,5,5,.96) 100%)}
  .about-page .about-portrait{position:absolute;inset:0;z-index:0;height:100%;width:100%;margin:0;overflow:hidden;pointer-events:none}
  .about-page .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.08);filter:grayscale(1) brightness(.62) contrast(1.04) opacity(.42);mask-image:none;-webkit-mask-image:none}
  .about-page .about-reading-column{position:relative;z-index:1;min-height:0;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}
}

/* PATCH 2026-09-25 — About mobile subtitle position only */
@media (max-width:780px){
  .about-page .about-intro em{display:inline-block;position:relative;top:-6px}
}

/* HOME REPAIR — restore fixed cinematic hero and video-over-portrait layering only */
.home-page{height:100dvh;min-height:0;overflow:hidden}
.home-page main{height:100dvh;min-height:0;overflow:hidden}
.home-page .home-stage{height:100dvh;min-height:0;overflow:hidden}
.home-page .home-media{position:absolute;inset:0;overflow:hidden}
.home-page .home-portrait{z-index:1;pointer-events:none}
.home-page .home-film{z-index:2;pointer-events:none;opacity:.34;mix-blend-mode:screen}
.home-page .home-veil{z-index:3;pointer-events:none}
.home-page .home-copy{z-index:4}
.home-page .home-index{z-index:4}
@supports (height:100svh){
  .home-page,.home-page main,.home-page .home-stage{height:100svh}
}
@media (max-width:780px){
  .home-page .home-stage{min-height:0}
  .home-page .home-film{opacity:.30;mix-blend-mode:screen}
}


/* 2026-09-26 scoped restoration: requested autoplay cards, Home identity/hero, Press portrait */
/* WORKS: cards with verified video media behave as autoplaying cinematic cards. */
.room-image .room-card-video{width:100%;height:100%;min-height:54vh;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.08);transition:filter .6s,transform 1.2s cubic-bezier(.2,.75,.2,1);pointer-events:none;background:#0b0b0b}
.room-index-item:hover .room-image .room-card-video{filter:grayscale(.12) contrast(1.1);transform:scale(1.018)}

/* HOME: preserve the same portrait/video sources, rebalance the film to the left and make it more legible. */
.home-page .home-film{left:0;right:auto;width:74%;height:100%;object-position:42% center;opacity:.64;mix-blend-mode:normal;filter:grayscale(1) contrast(1.28) brightness(.84);mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.62) 86%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.62) 86%,transparent 100%)}
.home-page .home-portrait{right:4vw;max-width:40vw;opacity:.64;filter:grayscale(1) contrast(1.06)}
.home-page .home-veil{background:linear-gradient(90deg,rgba(5,5,5,.76) 0%,rgba(5,5,5,.48) 31%,rgba(5,5,5,.17) 61%,rgba(5,5,5,.28) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 56%)}
.home-page .home-copy{max-width:min(860px,72vw)}
.home-page .home-copy h1{font:400 clamp(34px,5.4vw,82px)/.94 var(--serif);letter-spacing:-.04em;max-width:860px;text-wrap:balance}
.home-subtitle{max-width:620px;margin:18px 0 0;color:#c4c0b9;font:400 clamp(13px,1.25vw,17px)/1.55 var(--serif)}
.home-page .quiet-enter{margin-top:28px}

/* PRESS: supplied portrait is the first-screen visual. Desktop keeps the full portrait visible; mobile turns it into the faded background, matching About. */
.press-page .press-intro{position:absolute;top:calc(var(--header) + 5vh);left:var(--pad);z-index:5;padding:0;border:0;pointer-events:none}
.press-page .press-source{max-width:none;margin:0;padding:var(--header) var(--pad) 14vh}
.press-page .press-hero-grid{position:relative;min-height:calc(100svh - var(--header) - var(--footer));margin:0 0 9vh!important;display:grid!important;grid-template-columns:minmax(300px,.82fr) minmax(360px,1fr)!important;gap:6vw!important;align-items:center;overflow:hidden}
.press-page .press-hero-grid>.wp-block-column:first-child{height:100%;min-height:0;display:flex;align-items:stretch}
.press-page .press-hero-portrait{width:100%;height:100%;margin:0;display:flex;align-items:stretch}
.press-page .press-hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:grayscale(1) contrast(1.05) brightness(.8);opacity:.86;mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)}
.press-page .press-hero-grid>.wp-block-column:last-child{position:relative;z-index:2;padding-top:8vh}

@media (max-width:780px){
  .room-image .room-card-video{min-height:0;height:58svh}
  .home-page .home-film{width:100%;opacity:.54;object-position:36% center;filter:grayscale(1) contrast(1.24) brightness(.78);mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.66) 82%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.66) 82%,transparent 100%)}
  .home-page .home-portrait{right:-6vw;max-width:70vw;opacity:.56}
  .home-page .home-copy{left:var(--pad);right:var(--pad);max-width:none;bottom:78px}
  .home-page .home-copy h1{font-size:clamp(30px,9.6vw,48px);line-height:.96;max-width:92%}
  .home-subtitle{max-width:88%;font-size:13px;line-height:1.45;margin-top:14px}
  .home-page .quiet-enter{margin-top:22px}

  .press-page .press-intro{top:calc(var(--header) + 22px);left:var(--pad)}
  .press-page .press-source{padding:var(--header) 0 12vh}
  .press-page .press-hero-grid{position:relative;display:block!important;min-height:calc(100svh - var(--header) - var(--footer));margin:0 0 7vh!important;padding:0 var(--pad);overflow:hidden}
  .press-page .press-hero-grid::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,5,5,.08) 0%,rgba(5,5,5,.28) 36%,rgba(5,5,5,.78) 72%,#080808 100%);pointer-events:none}
  .press-page .press-hero-grid>.wp-block-column:first-child{position:absolute;inset:0;z-index:0;height:100%;display:block}
  .press-page .press-hero-portrait{position:absolute;inset:0;width:100%;height:100%;display:block}
  .press-page .press-hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:grayscale(1) contrast(1.04) brightness(.72);opacity:.52;mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 100%)}
  .press-page .press-hero-grid>.wp-block-column:last-child{position:relative;z-index:2;padding:48svh 0 24px}
  .press-page .press-source>.wp-block-columns:not(.press-hero-grid),.press-page .press-source .presskit-btn,.press-page .press-source .presskit-btn+.presskit-btn{margin-left:var(--pad);margin-right:var(--pad)}
}
@media (max-width:420px){.room-image .room-card-video{height:52svh}}


/* 2026-09-26 — responsive fixes requested: Works end-gap, Home mobile scale, card SOUND UI. */
.room-image{position:relative}
.card-sound-control{position:absolute;z-index:7;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.28);background:rgba(7,7,7,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f0eee9;font:500 8px/1 var(--sans);letter-spacing:.16em;cursor:pointer;user-select:none;-webkit-user-select:none;pointer-events:auto;transition:background .22s,border-color .22s,opacity .22s}
.card-sound-control:hover,.card-sound-control:focus-visible{background:rgba(7,7,7,.8);border-color:rgba(255,255,255,.48);outline:none}
.card-sound-control[aria-pressed="true"]{background:rgba(7,7,7,.78);border-color:rgba(255,255,255,.52)}

@media (max-width:1024px){
  .works-page main{padding-bottom:0!important}
  .home-page .home-copy h1{font-size:clamp(30px,4.8vw,52px);line-height:.98;max-width:min(760px,78vw)}
}
@media (max-width:780px){
  .works-page main{padding-bottom:0!important}
  .works-page .room-index-item:last-child{border-bottom:0}
  .works-page .room-index-item:last-child .room-caption{padding-bottom:68px}
  .home-page .home-copy{bottom:clamp(64px,10svh,82px)}
  .home-page .home-copy h1{font-size:clamp(27px,7.6vw,38px);line-height:1.02;letter-spacing:-.03em;max-width:88%}
  .home-subtitle{max-width:86%;font-size:12px;line-height:1.42;margin-top:11px}
  .home-page .quiet-enter{margin-top:18px}
  .card-sound-control{top:12px;right:12px;min-width:52px;height:30px;font-size:8px;background:rgba(7,7,7,.66)}
}
@media (max-width:430px){
  .home-page .home-copy h1{font-size:clamp(25px,7.4vw,33px);max-width:94%}
  .home-subtitle{font-size:11.5px;max-width:92%}
  .card-sound-control{top:10px;right:10px}
}

/* 2026-09-26 — Home hero title scale correction only. */
.home-page .home-copy h1{
  font-size:clamp(40px,3.7vw,54px);
  line-height:1.01;
  letter-spacing:-.032em;
  max-width:820px;
}
@media (max-width:1200px){
  .home-page .home-copy h1{
    font-size:clamp(34px,4vw,44px);
    line-height:1.02;
    max-width:min(760px,76vw);
  }
}
@media (max-width:780px){
  .home-page .home-copy h1{
    font-size:clamp(26px,6.8vw,32px);
    line-height:1.04;
    letter-spacing:-.024em;
    max-width:92%;
  }
}
@media (max-width:430px){
  .home-page .home-copy h1{
    font-size:clamp(24px,6.6vw,29px);
    max-width:96%;
  }
}

/* 2026-09-26 — scoped Home room navigation, Room 03 motion card, About intro spacing. */
.home-page .home-index{align-items:center}
.home-page .home-index a{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:28px;color:inherit;opacity:.72;transition:opacity .18s ease,transform .18s ease}
.home-page .home-index a+a{padding-left:15px;border-left:1px solid var(--hair)}
.home-page .home-index a:hover,.home-page .home-index a:focus-visible{opacity:1;transform:translateY(-1px);outline:none}
.home-page .home-stage,.home-page .site-header{will-change:transform,opacity}
.home-page.home-room-transition .home-stage{transform:translate3d(-5vw,0,0);opacity:.42;transition:transform .26s cubic-bezier(.22,.72,.24,1),opacity .24s ease}
.home-page.home-room-transition .site-header{opacity:.72;transition:opacity .2s ease}
.route-enter-horizontal main{animation:layeghRouteEnter .28s cubic-bezier(.22,.72,.24,1) both}
@keyframes layeghRouteEnter{from{opacity:.55;transform:translate3d(28px,0,0)}to{opacity:1;transform:none}}
.works-page [data-austerity-card]{width:100%;height:100%;min-height:54vh;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .6s,transform 1.2s cubic-bezier(.2,.75,.2,1)}
.works-page .room-index-item:hover [data-austerity-card]{filter:grayscale(.12) contrast(1.1);transform:scale(1.018)}
.about-page .about-intro br+br{display:none}
.about-page .about-intro em{display:inline-block;position:relative;top:-4px}

@media (max-width:780px){
  .home-page .home-index{display:flex;right:calc(var(--pad) + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));gap:10px;font-size:8px}
  .home-page .home-index a{min-width:20px;min-height:28px}
  .home-page .home-index a+a{padding-left:10px}
  .home-page.home-room-transition .home-stage{transform:translate3d(-7vw,0,0)}
  .works-page [data-austerity-card]{min-height:0;height:58svh}
  .about-page .about-intro em{top:-8px}
}
@media (max-width:420px){.works-page [data-austerity-card]{height:52svh}}
@media (prefers-reduced-motion:reduce){
  .home-page.home-room-transition .home-stage,.home-page.home-room-transition .site-header{transition:none;transform:none;opacity:1}
  .route-enter-horizontal main{animation:none}
}

/* 2026-09-26 — Room 03 media parity + responsive Home room-route transition. */
/* Keep all three WORKS card media frames exactly the same height/composition. */
.works-page .room-index-item .room-image{
  height:clamp(360px,54vh,620px);
  min-height:clamp(360px,54vh,620px);
}
.works-page .room-index-item .room-image > img,
.works-page .room-index-item .room-image > .room-card-video,
.works-page .room-index-item .room-image > [data-austerity-card]{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center center;
}

/* Full-viewport horizontal route choreography for Home 01/02/03. */
html.route-transitioning,html.route-transitioning body{overflow:hidden}
.room-route-curtain{
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#050505;
  pointer-events:none;
  will-change:transform;
  backface-visibility:hidden;
}
.room-route-curtain--out{
  transform:translate3d(100%,0,0);
  transition:transform .34s cubic-bezier(.22,.72,.24,1);
}
.room-route-curtain--out.is-covering{transform:translate3d(0,0,0)}
.room-route-curtain--in{transform:translate3d(0,0,0)}
.room-route-curtain--in.is-revealing{
  transform:translate3d(-100%,0,0);
  transition:transform .38s cubic-bezier(.22,.72,.24,1);
}
.home-page.home-room-transition .home-stage{
  transform:translate3d(-8vw,0,0);
  opacity:.72;
  transition:transform .34s cubic-bezier(.22,.72,.24,1),opacity .28s ease;
}
.home-page.home-room-transition .site-header{
  transform:translate3d(-3vw,0,0);
  opacity:.82;
  transition:transform .34s cubic-bezier(.22,.72,.24,1),opacity .28s ease;
}
.route-enter-horizontal main{
  animation:layeghRouteEnterFull .4s cubic-bezier(.22,.72,.24,1) both;
}
@keyframes layeghRouteEnterFull{
  from{opacity:.72;transform:translate3d(7vw,0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

/* Preserve the 01/02/03 index on every responsive Home composition. */
@media (max-width:780px){
  .home-page .home-index{
    display:flex;
    right:calc(var(--pad) + env(safe-area-inset-right));
    bottom:calc(16px + env(safe-area-inset-bottom));
    gap:10px;
    font-size:8px;
  }
  .home-page .home-index a{min-width:24px;min-height:32px}
  .home-page .home-index a+a{padding-left:10px}
  .works-page .room-index-item .room-image{
    height:58svh;
    min-height:0;
  }
  .home-page.home-room-transition .home-stage{transform:translate3d(-12vw,0,0)}
  .home-page.home-room-transition .site-header{transform:translate3d(-5vw,0,0)}
}
@media (max-width:420px){
  .works-page .room-index-item .room-image{height:52svh}
}
@media (prefers-reduced-motion:reduce){
  .room-route-curtain{display:none!important}
  .home-page.home-room-transition .home-stage,
  .home-page.home-room-transition .site-header{transition:none;transform:none;opacity:1}
  .route-enter-horizontal main{animation:none}
}


/* 2026-09-27 — Work-room editorial sequence, video sound controls, first-minute monochrome. */
.work-page .room-content{padding-top:clamp(64px,9vh,118px);padding-bottom:clamp(72px,10vh,132px)}
.work-page .room-chapter{max-width:1220px;margin:0 auto clamp(96px,14vh,176px)}
.work-page .room-chapter:last-child{margin-bottom:0}
.work-page .room-chapter-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:end;padding:0 0 22px;border-bottom:1px solid var(--hair2);margin-bottom:clamp(30px,5vh,58px)}
.work-page .room-chapter-no{font:500 8px/1 var(--sans);letter-spacing:.2em;color:#74716c;padding-bottom:7px}
.work-page .room-chapter-head h2{margin:0;font:400 clamp(34px,4.6vw,68px)/.98 var(--serif);letter-spacing:-.035em}
.work-page .room-chapter-body>.media-panel:first-child{border-top:0;padding-top:0}
.work-page .room-chapter--album .streaming-links{margin:0 0 clamp(72px,10vh,118px);padding-top:16px}
.work-page .room-chapter--album .editorial-copy{margin-bottom:clamp(72px,10vh,118px)}
.work-page .room-chapter--album .story-panel{margin-bottom:clamp(72px,10vh,118px)}
.work-page .room-chapter--album .audio-room{margin-bottom:0}
.work-page .room-review-quotes{border-top:1px solid var(--hair2);margin-top:clamp(42px,7vh,82px)}
.work-page .room-review-quotes blockquote{margin:0;padding:clamp(28px,4.5vh,52px) 0;border-bottom:1px solid var(--hair2)}
.work-page .room-review-quotes p{max-width:1080px;margin:0 0 18px;font:400 clamp(27px,3.4vw,50px)/1.08 var(--serif);letter-spacing:-.025em;color:#f0ede7}
.work-page .room-review-quotes cite{font:500 8px/1.2 var(--sans);font-style:normal;letter-spacing:.13em;color:#827f79}
.work-page .room-hero-media,.work-page .media-frame{position:relative}
.work-page video[data-room-video]{filter:grayscale(1) contrast(1.08);transition:filter 1.2s cubic-bezier(.22,.61,.36,1)}
.work-page video[data-room-video].is-color{filter:grayscale(0) contrast(1.04)}
.work-page .room-video-sound{position:absolute;z-index:8;top:18px;right:18px;min-width:58px;height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.30);background:rgba(5,5,5,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#f0ede7;font:500 8px/1 var(--sans);letter-spacing:.16em;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.work-page .room-video-sound:hover,.work-page .room-video-sound:focus-visible{background:rgba(5,5,5,.82);border-color:rgba(255,255,255,.56);outline:none}
.work-page .room-video-sound[aria-pressed="true"]{background:rgba(5,5,5,.82);border-color:rgba(255,255,255,.56)}
.work-page .room-hero .room-video-sound{top:calc(var(--header) + 18px);right:var(--pad)}

@media (max-width:1024px){
  .work-page .room-chapter{margin-bottom:clamp(82px,12vh,132px)}
  .work-page .room-chapter-head{grid-template-columns:38px 1fr}
  .work-page .room-chapter-head h2{font-size:clamp(32px,5.5vw,54px)}
}
@media (max-width:780px){
  .work-page .room-content{padding-top:8vh;padding-bottom:9vh}
  .work-page .room-chapter{margin-bottom:11vh}
  .work-page .room-chapter-head{grid-template-columns:30px minmax(0,1fr);gap:10px;padding-bottom:16px;margin-bottom:30px}
  .work-page .room-chapter-no{font-size:7px;padding-bottom:5px}
  .work-page .room-chapter-head h2{font-size:clamp(30px,9.5vw,46px);line-height:1}
  .work-page .room-review-quotes p{font-size:clamp(25px,7.6vw,38px);line-height:1.08}
  .work-page .room-review-quotes blockquote{padding:30px 0}
  .work-page .room-video-sound{top:12px;right:12px;min-width:54px;height:30px;font-size:8px}
  .work-page .room-hero .room-video-sound{top:14px;right:var(--pad)}
  .work-page .room-chapter--album .streaming-links{margin-bottom:8vh}
  .work-page .room-chapter--album .editorial-copy,.work-page .room-chapter--album .story-panel{margin-bottom:8vh}
}
@media (prefers-reduced-motion:reduce){
  .work-page video[data-room-video]{transition:none}
}

/* 2026-09-27 — Sus-Septed Tempus inline Walldance film; scoped only to Room 02. */
.room-02 .room-youtube-player{position:relative;background:#0a0a0a}
.room-02 .room-youtube-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:1;transition:opacity .35s ease}
.room-02 .room-youtube-player>img.is-hidden{opacity:0;pointer-events:none}
.room-02 .room-youtube-player iframe[data-room-youtube-frame]{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.08);transition:filter 1.2s cubic-bezier(.22,.61,.36,1)}
.room-02 .room-youtube-player.is-color iframe[data-room-youtube-frame]{filter:grayscale(0) contrast(1.04)}
.room-02 .room-youtube-player .room-video-sound{z-index:9}
@media (prefers-reduced-motion:reduce){.room-02 .room-youtube-player>img,.room-02 .room-youtube-player iframe[data-room-youtube-frame]{transition:none}}


/* 2026-09-27 — site-wide 35s monochrome → colour visual states */
.home-page .home-film.site-color-timed{
  transition:filter 1.15s cubic-bezier(.22,.61,.36,1),opacity .35s ease;
}
.home-page .home-film.site-color-timed.is-color{
  filter:grayscale(0) contrast(1.28) brightness(.84);
}
.works-page .room-card-video.site-color-timed{
  transition:filter 1.15s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.2,.75,.2,1);
}
.works-page .room-card-video.site-color-timed.is-color{
  filter:grayscale(0) contrast(1.08);
}
.news-detail-media video.site-color-timed.is-color{
  filter:grayscale(0) contrast(1.02);
}
@media (max-width:780px){
  .home-page .home-film.site-color-timed.is-color{
    filter:grayscale(0) contrast(1.24) brightness(.78);
  }
}
@media (prefers-reduced-motion:reduce){
  .home-page .home-film.site-color-timed,
  .works-page .room-card-video.site-color-timed,
  .news-detail-media video.site-color-timed{
    transition:none;
  }
}

/* Album artwork beside each Room tracklist. */
.work-page .audio-room .album-artwork{
  grid-column:1;
  grid-row:3 / 5;
  align-self:start;
  width:min(100%,320px);
  margin:28px 0 0;
}
.work-page .audio-room .album-artwork img{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  filter:grayscale(.14) contrast(1.04);
  border:1px solid rgba(255,255,255,.08);
}
@media (max-width:1024px){
  .work-page .audio-room .album-artwork{width:min(100%,280px)}
}
@media (max-width:780px){
  .work-page .audio-room .album-artwork{
    width:min(72vw,300px);
    margin:0 0 30px;
  }
}


/* 2026-09-27 FINAL TRACKLIST ALBUM ART LAYOUT */
.work-page .audio-room{
  grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  grid-template-areas:
    "kicker tracks"
    "title  tracks"
    "art    tracks"
    ".      console";
  column-gap:clamp(34px,5vw,72px);
  align-items:start;
}
.work-page .audio-room>.section-kicker{grid-area:kicker}
.work-page .audio-room>h2{grid-area:title}
.work-page .audio-room>.album-artwork{
  grid-area:art;
  display:block;
  width:100%;
  max-width:320px;
  margin:28px 0 0;
  opacity:1;
  visibility:visible;
}
.work-page .audio-room>.album-artwork img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
  opacity:1;
  visibility:visible;
  border:1px solid rgba(255,255,255,.10);
}
.work-page .audio-room>.tracklist{
  grid-area:tracks;
  grid-column:auto;
  grid-row:auto;
}
.work-page .audio-room>.audio-console{
  grid-area:console;
  grid-column:auto;
}
@media (max-width:1024px){
  .work-page .audio-room{
    grid-template-columns:minmax(190px,260px) minmax(0,1fr);
    column-gap:34px;
  }
  .work-page .audio-room>.album-artwork{max-width:260px}
}
@media (max-width:780px){
  .work-page .audio-room{display:block}
  .work-page .audio-room>.album-artwork{
    width:min(76vw,300px);
    max-width:300px;
    margin:0 0 30px;
  }
  .work-page .audio-room>h2{margin-bottom:22px}
}


/* 2026-09-27 ROOM 02 ALBUM COVER — explicit left Tracklist placement */
.work-page.room-02 .audio-room{
  grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  column-gap:clamp(42px,6vw,84px);
}
.work-page.room-02 .audio-room>.album-artwork{
  display:block !important;
  grid-column:1 !important;
  grid-row:3 / 5 !important;
  width:min(100%,300px) !important;
  max-width:300px !important;
  margin:24px 0 0 !important;
  opacity:1 !important;
  visibility:visible !important;
  align-self:start;
}
.work-page.room-02 .audio-room>.album-artwork img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1;
  object-fit:cover;
  opacity:1 !important;
  visibility:visible !important;
}
@media (max-width:1024px){
  .work-page.room-02 .audio-room{
    grid-template-columns:minmax(210px,260px) minmax(0,1fr);
    column-gap:34px;
  }
  .work-page.room-02 .audio-room>.album-artwork{
    width:min(100%,250px) !important;
    max-width:250px !important;
  }
}
@media (max-width:780px){
  .work-page.room-02 .audio-room{display:block}
  .work-page.room-02 .audio-room>.album-artwork{
    width:min(72vw,280px) !important;
    max-width:280px !important;
    margin:0 0 30px !important;
  }
}

/* 2026-09-28 — enforce the requested 35-second monochrome phase outside Home. */
body:not(.home-page) .work-page video[data-room-video].site-color-timed:not(.is-color),
body:not(.home-page).work-page video[data-room-video].site-color-timed:not(.is-color){
  filter:grayscale(1) contrast(1.08);
}
body:not(.home-page) .work-page video[data-room-video].site-color-timed.is-color,
body:not(.home-page).work-page video[data-room-video].site-color-timed.is-color{
  filter:grayscale(0) contrast(1.04);
}

body:not(.home-page) .works-page .room-card-video.site-color-timed:not(.is-color),
body:not(.home-page).works-page .room-card-video.site-color-timed:not(.is-color){
  filter:grayscale(1) contrast(1.08);
}
body:not(.home-page) .works-page .room-card-video.site-color-timed.is-color,
body:not(.home-page).works-page .room-card-video.site-color-timed.is-color{
  filter:grayscale(0) contrast(1.08);
}

body:not(.home-page) .news-detail-media video.site-color-timed:not(.is-color){
  filter:grayscale(1) contrast(1.04);
}
body:not(.home-page) .news-detail-media video.site-color-timed.is-color{
  filter:grayscale(0) contrast(1.02);
}

@media (prefers-reduced-motion:reduce){
  body:not(.home-page) video.site-color-timed{
    transition:none !important;
  }
}
