/* Poster state: the approved broad flowing body, not a substitute mesh. */
.poster-home{--poster-x:0;--poster-y:0;background:#ede5d8;isolation:isolate}
.poster-home .ceramic-background,.poster-home .tracing-marks,.poster-home .floating-letter{display:none!important}
.poster-art{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.poster-base,.poster-foreground{position:absolute;inset:0;background:url('assets/poster-porcelain-v1.png') center/cover no-repeat;translate:calc(var(--poster-x)*-3px) calc(var(--poster-y)*-2px)}
.poster-foreground{z-index:6;pointer-events:none;mask-size:cover;mask-position:center;-webkit-mask-size:cover;-webkit-mask-position:center}
.poster-surface-shadow,.poster-bounce,.poster-grain-light{position:absolute;inset:0;mask-size:cover;mask-position:center;-webkit-mask-size:cover;-webkit-mask-position:center;pointer-events:none}
.poster-surface-shadow{background:linear-gradient(112deg,transparent 32%,#2b141338 51%,transparent 72%);mix-blend-mode:multiply;animation:poster-shade 15s ease-in-out infinite;opacity:.45}
.poster-bounce{background:radial-gradient(ellipse at 71% 40%,#fff2cb66,transparent 43%);mix-blend-mode:soft-light;animation:poster-warm 11s ease-in-out infinite;opacity:.45}
.poster-grain-light{background:linear-gradient(125deg,transparent 42%,#fff6e159 53%,transparent 60%);mix-blend-mode:soft-light;animation:poster-glaze 18s ease-in-out infinite;opacity:.22}
.poster-home .ceramic-title{left:2.5%;top:12%;width:47%;z-index:5;translate:0 0;opacity:1!important;transition:none}
.poster-home .title-line{font:400 clamp(100px,14.4vw,228px)/.77 Georgia,'Times New Roman',serif!important;letter-spacing:-.075em;color:#4d1816!important;-webkit-text-stroke:0!important;transform-origin:left;animation:poster-type 17s ease-in-out infinite;opacity:1!important;text-shadow:4px 9px 12px #40201810}
.poster-home .title-line+.title-line{margin-top:11px;animation-delay:-1.1s}
.poster-home .ceramic-title p{font:400 clamp(16px,1.9vw,28px)/1.5 var(--serif);letter-spacing:.07em;margin-top:23px;opacity:1!important;color:#63362a}
.poster-home .ceramic-title>small{display:none}
.poster-home .works-dock{left:3%;bottom:21%;width:23%;height:19%;min-height:135px;max-height:190px;z-index:32}
.poster-home .poster-entry{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;background:none;border:0;color:#765345;transform:none;box-shadow:none;cursor:pointer}
.poster-entry-title{display:block;font:400 clamp(45px,6.2vw,96px)/1.2 var(--serif);letter-spacing:.08em;transition:letter-spacing .7s,color .6s;transform-origin:left}
.poster-entry .works-caption{left:0;right:0;bottom:0;padding:0;border:0;gap:13px;color:#8d6c54;align-items:center;justify-content:flex-start;background:none}
.poster-entry .works-caption:before{display:none}.poster-entry .works-caption b{font-size:11px;letter-spacing:.09em;white-space:nowrap}.poster-entry .works-caption small{font:9px Georgia,serif;letter-spacing:.1em}
.poster-entry-rule{height:1px;width:32%;background:#8e674775;transform-origin:left;transition:width .6s}
.poster-entry:hover .poster-entry-title,.poster-entry:focus-visible .poster-entry-title{letter-spacing:.13em;color:#a5704c}.poster-entry:hover .poster-entry-rule{width:44%}.poster-entry:focus-visible{outline:1px solid #9c775787;outline-offset:9px}
.poster-home .ceramic-about{display:none}.poster-home .ceramic-resume{display:none}.poster-home .edition-controls{left:3%;right:3%;bottom:5%}.poster-home .edition-footnote{display:none}.poster-home .edition-progress i{transition:none}
.poster-home[data-poster-phase="1"] .poster-surface-shadow{opacity:.8}.poster-home[data-poster-phase="2"] .poster-grain-light{opacity:.55}.poster-home[data-poster-phase="2"] .poster-bounce{opacity:.65}
.poster-surface-shadow,.poster-bounce,.poster-grain-light{transition:opacity 2.8s ease-in-out}
.poster-home.poster-paused *{animation-play-state:paused!important}
@keyframes poster-shade{0%,100%{translate:-8% -2%;rotate:-5deg}50%{translate:7% 2%;rotate:5deg}}
@keyframes poster-warm{0%,100%{scale:.95;translate:-2% 0}50%{scale:1.08;translate:4% -2%}}
@keyframes poster-glaze{0%,100%{translate:-12% 0;rotate:-3deg}50%{translate:9% -2%;rotate:3deg}}
@keyframes poster-type{0%,100%{translate:0 0;rotate:-.2deg}45%{translate:6px -3px;rotate:.3deg}70%{translate:2px 1px;rotate:.1deg}}
/* Screening state: the film is a clean rectangle inside the ceramic plate. */
#detail.poster-room{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;background:#eee5d5;overflow:hidden}
#detail.poster-room[open]{display:block}
#detail.poster-room:before,#detail.poster-room:after{display:none}
#detail.poster-room .screen-head{position:absolute;left:0;right:0;top:0;height:70px;padding:0 3%;background:none;z-index:20;display:flex}
#detail.poster-room .screen-brand{font:12px Georgia,serif;letter-spacing:.05em}
#detail.poster-room .screen-brand small{font:10px Georgia,serif}
#detail.poster-room .screen-head .close{font-size:11px}
#detail.poster-room:not(.focus-view) .screen-layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc((100svh - 110px)*1.777));height:auto;max-height:none;aspect-ratio:1672/941;padding:0;display:block;overflow:visible;background:url('assets/screening-porcelain-v2.png') center/100% 100% no-repeat;isolation:isolate}
#detail.poster-room .screen-layout:before,#detail.poster-room .screen-layout:after{display:none!important}
#detail.poster-room:not(.focus-view) .screen-main{position:absolute;left:3.85%;top:21.45%;width:61.7%;height:59.8%;display:block}
#detail.poster-room:not(.focus-view) .screen-player{width:100%;height:calc(100% + 35px);grid-template-rows:minmax(0,1fr)35px;border:0;outline:0;box-shadow:none;background:transparent}
#detail.poster-room .detail-visual{border-radius:2px;background:#241c19}
#detail.poster-room .screen-transport{background:transparent;border:0;color:#654b3d;padding:0 3px;gap:11px}
#detail.poster-room .screen-transport button{color:#654b3d;font-size:18px}
#detail.poster-room .screen-transport input[type=range]{accent-color:#83583e}
#detail.poster-room:not(.focus-view) .screen-record{position:absolute;left:70%;top:30%;width:21%;height:42%;display:block;padding:0;background:none;overflow:visible}
#detail.poster-room .screen-number,#detail.poster-room .screen-next-preview,#detail.poster-room .screen-end-note{display:none!important}
#detail.poster-room .record-heading h2{font:400 clamp(24px,3.3vw,52px)/1.3 var(--serif);letter-spacing:.035em;margin:0;color:#532a24;overflow-wrap:anywhere}
#detail.poster-room .record-heading:after{content:'Moving /\A Images.';white-space:pre;display:block;font:italic 400 clamp(30px,4vw,65px)/.9 Georgia,serif;letter-spacing:-.05em;color:#815847;margin-top:18px}
#detail.poster-room .record-duration{display:none}
#detail.poster-room #detail-description{font-size:11px;color:#9b7e62;letter-spacing:.07em;margin-top:35px}
#detail.poster-room .screen-position{position:fixed;left:auto;right:1.8%;top:34%;transform:none;margin:0;width:10%;z-index:25}
#detail.poster-room .screen-dots{display:flex;flex-direction:column;align-items:stretch;gap:20px;border:0}
#detail.poster-room .screen-dots button{width:100%;height:auto;display:flex;gap:9px;text-align:left;align-items:center;border:0;padding:0;font:9px/1.5 var(--ui-font);color:#8c705b}
#detail.poster-room .screen-dots button i{font:9px Georgia,serif;font-style:normal;flex:none}
#detail.poster-room .screen-dots button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#detail.poster-room .screen-dots button.current{color:#8e432c}
#detail.poster-room .screen-footer{position:absolute;left:0;right:0;bottom:0;height:65px;padding:0 3%;display:flex;justify-content:flex-end;background:none;z-index:20}
#detail.poster-room .porcelain-signature{display:none}
#detail.poster-room.focus-view .screen-layout{position:absolute;inset:70px 0 65px;width:100%;height:auto;padding:0 4%;display:block;transform:none;background:none}
#detail.poster-room.focus-view .screen-main,#detail.poster-room.focus-view .screen-player{width:100%;height:100%}
#detail.poster-room.focus-view .screen-position{display:none}
@media(max-width:900px){.poster-home .ceramic-title{top:16%;width:49%}.poster-home .title-line{font-size:15vw!important}.poster-home .ceramic-title p{font-size:18px}.poster-home .works-dock{width:29%;bottom:22%;height:17%;min-height:120px}.poster-entry-title{font-size:7vw}#detail.poster-room .screen-dots button{font-size:8px}#detail.poster-room .screen-position{right:1%;width:9%}#detail.poster-room .screen-dots{gap:15px}#detail.poster-room .record-heading h2{font-size:28px}#detail.poster-room .record-heading:after{font-size:36px}}
@media(max-width:600px){.poster-base,.poster-foreground{background-position:60% center;mask-position:60% center;-webkit-mask-position:60% center}.poster-home .ceramic-title{left:5%;top:17%;width:75%}.poster-home .title-line{font-size:23vw!important}.poster-home .ceramic-title p{font-size:16px;width:75%;text-shadow:0 1px 10px #f4e9d9}.poster-home .works-dock{left:6%;width:42%;bottom:23%;min-height:115px;height:16%}.poster-entry-title{font-size:12vw}.poster-entry .works-caption small{display:none}.poster-entry .works-caption b{font-size:10px}.poster-home .edition-controls{left:6%;bottom:5%;right:6%}.poster-home .edition-scenes{margin-left:auto}#detail.poster-room .screen-head{height:60px;padding:0 5%}#detail.poster-room .screen-brand{font-size:10px}#detail.poster-room:not(.focus-view) .screen-layout{top:39%;width:110vw;max-width:none}#detail.poster-room:not(.focus-view) .screen-record{left:10%;top:113%;width:80%;height:auto;display:flex;gap:20px}#detail.poster-room .record-heading{display:block;width:100%}#detail.poster-room .record-heading h2{font-size:25px;margin:0}#detail.poster-room .record-heading:after{font-size:29px;margin-top:8px}#detail.poster-room #detail-description{display:none}#detail.poster-room .screen-position{left:6%;right:6%;top:auto;bottom:90px;width:auto}#detail.poster-room .screen-dots{flex-direction:row;gap:10px}#detail.poster-room .screen-dots button{display:block;font-size:0;min-height:35px;text-align:center}#detail.poster-room .screen-dots button span{display:none}#detail.poster-room .screen-dots button i{font-size:16px}#detail.poster-room .screen-footer{height:65px;padding:0 5%;gap:10px}#detail.poster-room .screen-footer>button{font-size:9px;padding:7px}#detail.poster-room #screen-volume{display:none}#detail.poster-room .screen-transport{gap:6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.poster-home *{animation:none!important;transition:none!important}.poster-base,.poster-foreground{translate:0 0!important}}.poster-home>.poster-surface-shadow,.poster-home>.poster-bounce,.poster-home>.poster-grain-light{z-index:7;pointer-events:none}
#detail.poster-room.portrait-media:not(.focus-view) .screen-layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc((100svh - 110px)*1.777));height:auto;max-height:none;aspect-ratio:1672/941;padding:0;display:block}
#detail.poster-room.portrait-media:not(.focus-view) .screen-player{height:calc(100% + 35px);width:100%}
#detail.poster-room.long-title .record-heading h2{font-size:clamp(22px,2.25vw,36px)}
@media(max-width:600px){#detail.poster-room.portrait-media:not(.focus-view) .screen-layout{top:39%;width:110vw}}/* Readability follows the poster's light/dark material boundary. */
.poster-home .poster-entry-title{background:linear-gradient(100deg,#805846 0 35%,#dac0a0 70% 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.poster-home .poster-entry:hover .poster-entry-title{color:transparent;background-image:linear-gradient(100deg,#a16d4c 0 35%,#f0d6b1 70% 100%)}
.poster-home .poster-entry .works-caption,.poster-home .poster-entry .works-caption small{color:#ddc9ae}
.poster-home .poster-entry-rule{background:#d9bea172}
.poster-home .edition-audio,.poster-home .edition-audio button,.poster-home .edition-audio label,.poster-home .edition-audio>span,.poster-home .music-credit{color:#e1ceb4}
.poster-home .music-credit>div{color:#735748}
body:has(.poster-home) .ceramic-header nav a:first-child{color:#eadcc4;text-shadow:0 1px 8px #4b1e2250}
#detail.poster-room:not(.focus-view) .screen-layout,#detail.poster-room.portrait-media:not(.focus-view) .screen-layout{width:100vw}#detail.poster-room button:focus-visible{outline:1px solid #8f674b;outline-offset:4px}
#detail.poster-room .screen-head .close{color:#684934;background:#eee2cbc9;border:1px solid #93705022;padding:7px 11px;backdrop-filter:blur(8px)}
#detail.poster-room .screen-footer>button,#detail.poster-room #next{color:#62412f;border-color:#9a76596b}/* Move illumination within a fixed silhouette; the ceramic edge must never slide. */
.poster-surface-shadow{background:radial-gradient(ellipse at center,#2815132e,transparent 62%);background-size:180% 180%}
.poster-bounce{background-size:150% 150%}
.poster-grain-light{background-size:220% 100%}
@keyframes poster-shade{0%,100%{background-position:10% 10%}50%{background-position:85% 65%}}
@keyframes poster-warm{0%,100%{background-position:20% 20%}50%{background-position:80% 70%}}
@keyframes poster-glaze{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}