/* Single-page montage: stable controls, independent editorial stages. */
.ceramic-home{--scene-progress:0;--intro-progress:0;--reveal:0}.montage-stage{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.montage-filter{position:absolute;width:0;height:0;overflow:hidden}.montage-type,.montage-cuts,.montage-ribbon,.montage-trace{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;overflow:hidden}.ceramic-title{z-index:5;transition:translate .8s ease-out,opacity .35s,filter .35s}.floating-letter{z-index:6;left:16%;top:44%;font-size:clamp(18px,1.8vw,29px);opacity:.85}.ceramic-background{filter:none;opacity:1;transform:none!important;background-position:center!important;transition:translate 1s ease-out,opacity .4s}.ceramic-home[data-montage="wide"] .ceramic-background{opacity:1;filter:none}.specimen-dock{left:3.3%;bottom:15%;width:35%;height:29%;z-index:32}.fragment-stage{width:68%;height:100%;filter:drop-shadow(0 12px 8px #59341e26)}.fragment img{object-fit:contain}.fragment-left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);transform:translate(-7px,0) rotate(-3deg)}.fragment-upper{clip-path:polygon(50% 0,100% 0,100% 55%,50% 55%);transform:translate(4px,-8px) rotate(3deg)}.fragment-lower{clip-path:polygon(50% 55%,100% 55%,100% 100%,50% 100%);transform:translate(6px,7px) rotate(-2deg)}.fragment-center{left:29%;right:18%;top:32%;bottom:25%;color:#5e3b2f;opacity:1}.fragment-center i{font:italic 30px Georgia}.fragment-center small{font-size:7px;letter-spacing:2px}.specimen-notch{display:none}.specimen-caption{left:72%;top:37%;white-space:nowrap;gap:12px}.specimen-caption strong{font-size:clamp(15px,1.45vw,23px)}.specimen-caption>small{font-size:4px;letter-spacing:.5px}.specimen-action{font-size:12px}.specimen-direct{left:72%;bottom:12%;font-size:10px}.ceramic-about,.ceramic-resume{z-index:35}.ceramic-header{z-index:50}.edition-controls{z-index:40}.edition-progress i{animation:none!important;width:0;transition:width .08s linear}.edition-footnote{z-index:4}.tracing-marks{z-index:3}.ceramic-home[data-montage]:not([data-montage="wide"]) .tracing-marks{opacity:0}.ceramic-home[data-montage]:not([data-montage="wide"]) .floating-letter{opacity:0}.ceramic-home[data-montage="type"] .montage-type,.ceramic-home[data-montage="cuts"] .montage-cuts,.ceramic-home[data-montage="ribbon"] .montage-ribbon,.ceramic-home[data-montage="trace"] .montage-trace{opacity:1;visibility:visible}.ceramic-home[data-montage="type"] .ceramic-title .title-line{color:transparent;-webkit-text-stroke:.75px #684036;animation:none;opacity:.55}.ceramic-home[data-montage="type"] .ceramic-title>p{opacity:.5}.montage-type{background:linear-gradient(90deg,transparent 0 37%,#eee2ca 37%);color:#643e33}.type-coordinate{position:absolute;left:43%;top:17%;font:8px 'Courier New';letter-spacing:2px}.type-giant{position:absolute;left:42%;top:22%;font:400 clamp(80px,17vw,290px)/1 Georgia;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #714b3d70;transform:translateX(calc(var(--scene-progress)*-45px)) rotate(-3deg)}.type-window{position:absolute;left:53%;top:34%;width:35%;height:27%;background:url('assets/ceramic-background.png') 83% 47%/210% no-repeat;clip-path:polygon(0 6%,100% 0,96% 92%,4% 100%);transform:translateX(calc(var(--scene-progress)*18px));box-shadow:0 15px 40px #63422c22}.montage-type p{position:absolute;left:43%;top:53%;margin:0;font:clamp(28px,4.8vw,75px)/1.35 var(--serif);letter-spacing:.03em}.montage-type p em{margin-left:1.4em;font-style:normal}.type-script{position:absolute;right:6%;bottom:17%;font:italic clamp(22px,4vw,65px) Georgia;transform:rotate(-9deg) translateX(calc(var(--scene-progress)*-25px));color:#94603a}.montage-cuts{background:linear-gradient(90deg,transparent 0 37%,#553b33 37%);color:#f0e7d3}.cut-grid{position:absolute;left:42%;right:5%;top:25%;bottom:22%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%}.cut-grid i{--open:clamp(0,calc(var(--reveal)*1.4 - var(--cut)*.1),1);background:url('assets/ceramic-background.png') center/440% 140% no-repeat;background-position:calc(40% + var(--cut)*18%) center;clip-path:inset(calc((1 - var(--open))*50%) 0);transform:translateY(calc((var(--cut) - 1.5)*var(--scene-progress)*12px))}.cut-grid i:nth-child(2){filter:sepia(.25)}.cut-grid i:nth-child(3){filter:grayscale(.9) contrast(1.1)}.cut-label{position:absolute;left:42%;top:17%;font:8px 'Courier New';letter-spacing:2px}.montage-cuts strong{position:absolute;left:46%;top:43%;font:italic clamp(25px,5.2vw,85px)/.95 Georgia;font-weight:400;color:#f0d3a1;transform:rotate(-10deg) translateX(calc(var(--scene-progress)*-25px));text-shadow:0 2px 10px #3d291c22}.montage-cuts strong em{font:italic .5em Georgia;display:inline-block;margin-left:1.7em}.cut-foot{position:absolute;left:44%;bottom:15%;font:12px var(--serif);letter-spacing:5px}.montage-ribbon{background:linear-gradient(90deg,transparent 0 37%,#dfd7c4 37%);color:#5c3e33}.ribbon-giant{position:absolute;left:42%;top:17%;font:400 clamp(70px,13vw,210px)/.78 Georgia;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #79584666;transform:translateX(calc(var(--scene-progress)*-38px))}.ribbon-giant>span{margin-left:.7em}.ribbon-image{position:absolute;left:37%;right:0;top:42%;height:29%;background:url('assets/ceramic-background.png') 80% 55%/145% auto no-repeat;clip-path:inset(0 calc((1 - var(--reveal))*100%) 0 0);transform:translateX(calc(var(--scene-progress)*-13px)) rotate(-2deg);box-shadow:0 13px 25px #684f351a}.ribbon-caption{position:absolute;right:8%;bottom:20%;font:clamp(22px,3.1vw,50px) var(--serif);transform:rotate(-4deg);text-shadow:0 2px 10px #f3e9d6}.montage-ribbon>small{position:absolute;left:42%;bottom:13%;font:8px 'Courier New';letter-spacing:2px}.montage-trace{background:transparent}.trace-sheet{position:absolute;left:40%;top:13%;width:44%;height:69%;background:linear-gradient(110deg,#f1e9d8dd,#eee6d1e6);border:1px solid #b9a38566;box-shadow:10px 8px 19px #67482f1a;clip-path:inset(0 calc((1 - var(--reveal))*100%) 0 0);transform:translateX(calc((1 - var(--reveal))*100px)) rotate(-2deg)}.trace-contours{position:absolute;inset:0;background:url('assets/ceramic-background.png') 75% 55%/170% auto no-repeat;filter:url('#ceramic-contours');opacity:.6;mix-blend-mode:multiply}.trace-label{position:absolute;left:8%;top:6%;font:7px 'Courier New';letter-spacing:1px;color:#80654b}.trace-cross{position:absolute;right:7%;bottom:8%;font:30px 'Courier New';font-style:normal}.trace-rule{position:absolute;top:8%;bottom:8%;left:5%;border-left:1px solid #957c5c55}.trace-caption{position:absolute;right:7%;bottom:17%;font:30px var(--serif);color:#704a35}.montage-mask{position:absolute;inset:0;background:#d1bda0;opacity:0;pointer-events:none}.montage-intro{position:absolute;inset:0;z-index:20;background:#efe7d6;display:grid;place-items:center;pointer-events:none;clip-path:inset(0 calc(max(0,(var(--intro-progress) - .55)*2.23)*100%) 0 0)}.intro-print{font:400 clamp(50px,8vw,140px)/.8 Georgia;color:#633e31;transform:translateX(calc((1 - var(--intro-progress))*12px));letter-spacing:-.08em}.intro-print>span{display:block;margin-left:.5em}.intro-print small{display:block;font:7px 'Courier New';letter-spacing:3px;margin-top:25px}.intro-active .intro-print{color:transparent;-webkit-text-stroke:1px #643e32}.intro-active .ceramic-title{opacity:0}.montage-skip{position:absolute;right:4%;top:19%;z-index:51;background:#eee4d1cc;border:1px solid #8c6a4844;padding:10px 15px;color:#745236;font:10px var(--serif)}.montage-intro[hidden],.montage-skip[hidden]{display:none!important}.montage-held .title-line,.montage-held .floating-letter{animation-play-state:paused!important}.ceramic-home:not(.motion-paused) .montage-stage{will-change:auto}.ceramic-home.scene-dim .ceramic-background{filter:brightness(.83) saturate(.7)}
@media(max-width:900px){.specimen-dock{width:39%;height:26%;bottom:16%}.specimen-caption{left:70%;top:34%}.specimen-caption strong{font-size:16px}.specimen-direct{left:70%;font-size:9px}.specimen-action{font-size:11px}.floating-letter{left:10%;top:46%;font-size:22px}.montage-type p{font-size:39px}.type-coordinate,.cut-label{font-size:6px}.montage-cuts strong{font-size:49px}.trace-caption{font-size:24px}}
@media(max-width:600px){.specimen-dock{left:4%;bottom:17%;width:87%;height:24%}.fragment-stage{width:62%}.specimen-caption{left:67%;top:32%}.specimen-caption strong{font-size:18px}.specimen-action{font-size:13px}.specimen-direct{left:67%;bottom:8%;font-size:10px}.fragment-center i{font-size:25px}.fragment-center small{font-size:6px}.floating-letter{left:14%;top:44%;font-size:22px}.montage-type{background:linear-gradient(180deg,transparent 0 30%,#eee2cacc 30%)}.type-coordinate{left:50%;top:34%;font-size:5px}.type-giant{left:30%;top:32%;font-size:24vw}.type-window{left:40%;top:42%;width:54%;height:18%}.montage-type p{left:15%;top:46%;font-size:31px}.type-script{bottom:35%;right:6%;font-size:22px}.montage-cuts{background:linear-gradient(180deg,transparent 0 33%,#553b33 33% 66%,transparent 66%)}.cut-grid{left:8%;right:8%;top:36%;bottom:38%;gap:2%}.cut-label{left:8%;top:34%;font-size:5px}.montage-cuts strong{left:20%;top:44%;font-size:34px}.cut-foot{left:15%;bottom:35%;font-size:8px;letter-spacing:2px}.montage-ribbon{background:linear-gradient(180deg,transparent 0 30%,#dfd7c4bb 30%)}.ribbon-giant{left:18%;top:35%;font-size:25vw}.ribbon-image{left:0;top:44%;height:21%}.ribbon-caption{right:7%;bottom:34%;font-size:21px}.montage-ribbon>small{left:10%;bottom:32%;font-size:5px}.trace-sheet{left:34%;top:30%;width:60%;height:37%}.trace-label{font-size:4px;letter-spacing:0}.trace-caption{bottom:34%;right:7%;font-size:20px}.montage-skip{top:20%;padding:7px 10px;font-size:9px}.intro-print{font-size:60px}}
@media(prefers-reduced-motion:reduce){.montage-intro,.montage-skip{display:none!important}.ceramic-title{opacity:1!important}.montage-type,.montage-cuts,.montage-ribbon,.montage-trace{transition:none}.fragment-left,.fragment-upper,.fragment-lower{transform:none}}
/* Keep all operating controls readable in the dark montage scene. */
body:has(.ceramic-home[data-montage="cuts"]) .ceramic-header nav a{color:#f2e6d1}.ceramic-home[data-montage="cuts"] .edition-scenes,.ceramic-home[data-montage="cuts"] .edition-scenes button,.ceramic-home[data-montage="cuts"] .ceramic-resume{color:#f0e4ce}.ceramic-home[data-montage="cuts"] .edition-progress{background:#d5bc9344}.ceramic-home[data-montage="cuts"] .edition-progress i{background:#e7c38b}.ceramic-home[data-montage="cuts"] .ceramic-resume{border-color:#ccb38b77}.ceramic-home[data-montage="cuts"] .ceramic-about{background:#e9ddc9ef;color:#5a3b2e}.ceramic-home[data-montage="cuts"] .edition-footnote{color:#d5be9b}.montage-cuts{background:linear-gradient(90deg,transparent 0 39%,#553b33 39%)}
@media(max-width:600px){.montage-cuts{background:linear-gradient(180deg,transparent 0 33%,#553b33 33% 66%,transparent 66%)}body:has(.ceramic-home[data-montage="cuts"]) .ceramic-header nav a{color:#624236}.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 i{background:#6a4435}}