/* Scene-specific art direction. Controls live above this stage and never transition. */
.cinema-stage{z-index:2;isolation:isolate}
.cinema-scene{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden;background:#f0e7d7;contain:paint}
.ceramic-home[data-montage="type"] .cinema-macro,.ceramic-home[data-montage="cuts"] .cinema-sections,.ceramic-home[data-montage="ribbon"] .cinema-shadow,.ceramic-home[data-montage="trace"] .cinema-letter{visibility:visible;opacity:1}
.ceramic-home:not([data-montage="wide"]) .ceramic-title,.ceramic-home:not([data-montage="wide"]) .floating-letter{opacity:0!important;pointer-events:none}
.ceramic-home:not([data-montage="wide"]) .type-occluder{opacity:0!important}
.editorial-handoff{display:none}
.cinema-photo{position:absolute;inset:-2%;background-size:cover;background-position:center;will-change:auto}
.macro-photo{background-image:url('assets/scene-macro-v1.png');transform:scale(calc(1.035 + var(--scene-progress)*.035)) translateX(calc(var(--scene-progress)*-8px));transform-origin:73% 46%}
.cinema-copy{position:absolute;left:4%;top:23%;max-width:33%;color:#58372d;z-index:2}
.cinema-copy>small,.cinema-copy>span{font:8px/1.7 Arial,sans-serif;letter-spacing:.2em;color:#826b53;display:block}
.cinema-copy h2{font:italic 400 clamp(33px,4.2vw,72px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:24px 0}
.cinema-copy h2 em{font:inherit;margin-left:.4em}
.cinema-copy p{font:400 clamp(13px,1.2vw,20px)/1.85 var(--serif);letter-spacing:.06em;margin:25px 0}
.cinema-copy>span{font-size:7px;border-top:1px solid #997c5b55;padding-top:15px;width:max-content;margin-top:20px;letter-spacing:.12em}
.cinema-sections{background:radial-gradient(ellipse at 70% 55%,#f8f2e7,#eae0cc)}
.section-word{position:absolute;left:36%;top:16%;font:400 clamp(100px,19vw,330px)/1 Georgia;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px #8e725b50;transform:translateX(calc(var(--scene-progress)*-13px))}
.cinema-sections .cinema-copy{top:20%}.cinema-sections .cinema-copy h2{font-size:clamp(30px,3.5vw,60px)}
.section-assembly{position:absolute;width:65%;aspect-ratio:1672/941;right:2%;top:29%;z-index:2;transform:translateX(calc((var(--scene-progress) - .5)*8px))}
.section-piece{position:absolute;inset:0;transform:translate(calc((var(--piece) - 2)*var(--scene-progress)*8px),calc((2 - var(--piece))*var(--scene-progress)*5px)) rotate(calc((var(--piece) - 2)*var(--scene-progress)*.6deg));transform-origin:50% 60%;filter:drop-shadow(7px 12px 8px #67472b1d)}
.section-piece img{width:100%;height:100%;object-fit:fill}
.sections-ground{position:absolute;left:39%;right:3%;height:5%;bottom:18%;background:radial-gradient(ellipse,#62442c22,transparent 70%);filter:blur(15px)}
.section-footer{position:absolute;right:6%;bottom:14%;font:8px Arial,sans-serif;letter-spacing:.2em;color:#9b7e5b}
.shadow-photo{background-image:url('assets/scene-shadow-v1.png');transform:scale(1.04) translate(calc(var(--scene-progress)*-12px),calc(var(--scene-progress)*6px));transform-origin:80% 30%}
.cinema-shadow .cinema-copy{top:25%}.cinema-shadow .cinema-copy h2{font-size:clamp(38px,4.8vw,82px)}
.cinema-letter{background:#f0e6d4}
.letter-mass{position:absolute;left:25%;top:11%;font:400 clamp(100px,20vw,330px)/.76 Georgia;letter-spacing:-.085em;transform:rotate(-5deg) translateX(calc(var(--scene-progress)*-24px));color:#55312d;white-space:nowrap;z-index:1}
.letter-mass>span{margin-left:.12em}.letter-sage{position:absolute;right:10%;top:14%;width:7%;height:17%;background:#939a80;transform:rotate(-16deg);opacity:.65}
.letter-ceramic{position:absolute;left:39%;right:-8%;height:53%;top:31%;z-index:2;background:url('assets/scene-sections-v1.png') center/contain no-repeat;transform:rotate(-24deg) translateX(calc(var(--scene-progress)*-16px));mask-image:linear-gradient(transparent,#000 15% 85%,transparent)}
.letter-caption{position:absolute;left:5%;top:31%;color:#62412e;z-index:3}.letter-caption small{font:8px Arial;letter-spacing:.16em;color:#977a5b}.letter-caption p{font:19px/1.8 var(--serif);margin-top:25px}
.cinema-transition{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;contain:paint}
.cinema-transition:empty{display:none}
.cinema-outgoing,.cinema-wide-copy,.cinema-split{position:absolute;inset:0;visibility:visible!important;opacity:1;overflow:hidden;background-position:center;background-size:cover}
.cinema-wide-copy{background-color:#f1e7d5}.cinema-type-stroke{position:absolute;inset:-30% auto -30% 0;width:32vw;background:#55312d;box-shadow:0 0 0 1px #55312d;transform-origin:center}
.cinema-crossing .ceramic-title,.cinema-crossing .floating-letter{opacity:0!important}
body:has(.ceramic-home[data-montage="cuts"]) .ceramic-header nav a{color:#513a31}
.ceramic-home[data-montage="cuts"] .edition-scenes,.ceramic-home[data-montage="cuts"] .edition-scenes button,.ceramic-home[data-montage="cuts"] .ceramic-resume{color:#5a3a30}
.ceramic-home[data-montage="cuts"] .edition-progress{background:#bba88a}.ceramic-home[data-montage="cuts"] .edition-progress i{background:#6a4435}.ceramic-home[data-montage="cuts"] .ceramic-resume{border-color:#9f8568}.ceramic-home[data-montage="cuts"] .edition-footnote{color:#aa957c}
@media(max-width:900px){.cinema-copy{top:24%;max-width:35%}.cinema-copy h2{font-size:36px}.cinema-copy>small{font-size:6px}.cinema-copy>span{font-size:5px}.cinema-copy p{font-size:13px}.section-assembly{top:34%;width:64%}.section-word{top:24%}.letter-mass{top:21%;left:26%;font-size:21vw}.letter-caption p{font-size:14px}.letter-caption{top:33%}}
@media(max-width:600px){.cinema-copy{left:6%;top:21%;max-width:75%}.cinema-copy h2{font-size:36px;margin:14px 0}.cinema-copy p{font-size:12px;line-height:1.65;margin:12px 0}.cinema-copy>span{display:none}.cinema-copy>small{font-size:6px}.macro-photo{background-position:65% center}.cinema-macro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0e7d7d9,transparent 82%);pointer-events:none}.cinema-macro .cinema-copy{z-index:2}.cinema-sections .cinema-copy{top:21%}.cinema-sections .cinema-copy h2{font-size:30px}.section-assembly{top:40%;right:-3%;width:95%}.section-word{font-size:36vw;left:10%;top:32%}.section-footer{bottom:31%;font-size:6px}.sections-ground{bottom:34%;left:5%;right:5%}.cinema-shadow .cinema-copy{top:25%;max-width:55%}.cinema-shadow .cinema-copy h2{font-size:36px}.shadow-photo{background-position:62% center}.letter-mass{left:1%;top:28%;font-size:28vw;line-height:.82;transform:rotate(-7deg)}.letter-ceramic{left:17%;right:-20%;top:35%;height:34%}.letter-caption{left:6%;top:18%}.letter-caption p{font-size:12px;margin-top:12px}.letter-sage{right:6%;top:27%;height:9%}.cinema-type-stroke{width:55vw}}
@media(prefers-reduced-motion:reduce){.cinema-photo,.section-piece,.section-assembly,.letter-ceramic,.letter-mass{transform:none!important}.cinema-transition{display:none!important}}
/* Reserve the interactive entry's footprint in every composition. */
body:has(.ceramic-home:not([data-montage="wide"])) .ceramic-header{background:#f2ecdfd9;backdrop-filter:blur(14px)}
.cinema-copy,.cinema-sections .cinema-copy,.cinema-shadow .cinema-copy{top:17%}
.cinema-copy>span{display:none}
.cinema-copy p{margin:16px 0;line-height:1.7}
.cinema-shadow .cinema-copy h2{font-size:clamp(36px,4.2vw,72px)}
.section-assembly{width:55%;right:0;top:30%}
.letter-mass{left:38%;top:14%;font-size:clamp(100px,18vw,310px)}
.letter-ceramic{left:44%;right:-10%;height:48%;top:33%}
@media(max-width:900px){.cinema-copy,.cinema-sections .cinema-copy,.cinema-shadow .cinema-copy{top:19%}.section-assembly{width:56%;top:35%}.letter-mass{left:38%;top:26%;font-size:20vw}.letter-ceramic{top:36%;height:39%}}
@media(max-width:600px){.cinema-copy,.cinema-sections .cinema-copy,.cinema-shadow .cinema-copy{top:19%}.cinema-copy p{margin:12px 0}.cinema-shadow .cinema-copy h2{font-size:34px}.section-assembly{width:91%;right:-2%;top:41%}.letter-mass{left:2%;top:33%;font-size:28vw}.letter-ceramic{left:23%;right:-15%;top:40%;height:27%}}