/* Type passes behind the actual ceramic region rather than remaining on a flat top layer. */
.type-occluder{position:absolute;inset:-1%;z-index:7;pointer-events:none;background:url('assets/ceramic-background.png') center/cover no-repeat;mask-size:cover;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;translate:calc(var(--cx)*-4px) calc(var(--cy)*-3px);transition:translate 1s ease-out,opacity .35s;opacity:0}.ceramic-home[data-montage="wide"] .type-occluder{opacity:1}.ceramic-home[data-montage="wide"] .floating-letter{left:32%;top:39%;font-size:clamp(23px,2.7vw,45px);opacity:.85;animation:threaded-type 16s ease-in-out infinite alternate;transform-origin:left center;mix-blend-mode:normal}.ceramic-home.scene-dim .type-occluder{filter:brightness(.83) saturate(.7)}.intro-active .type-occluder{opacity:0!important}@keyframes threaded-type{0%{transform:translate(-24px,12px) rotate(-11deg)}55%{transform:translate(40px,-8px) rotate(-9deg)}100%{transform:translate(78px,-17px) rotate(-7deg)}}
/* Tilt the complete assembly, then articulate each shard by a different amount. */
.specimen-entry{--mag-x:0;--mag-y:0;perspective:900px;transform-style:preserve-3d}.specimen-entry .fragment-stage{transform:perspective(900px) rotateX(calc(var(--mag-y)*-4deg)) rotateY(calc(var(--mag-x)*5deg)) translate(calc(var(--mag-x)*3px),calc(var(--mag-y)*2px));transition:transform .9s cubic-bezier(.18,1.4,.3,1),filter .6s}.specimen-entry.magnetic-active .fragment-stage{transition:transform .2s ease-out;filter:drop-shadow(calc(var(--mag-x)*-5px) calc(16px + var(--mag-y)*-3px) 10px #59341e30)}.specimen-entry:hover .fragment-left{transform:translate(calc(var(--mag-x)*-5px),calc(var(--mag-y)*-4px)) rotate(calc(var(--mag-x)*-1.5deg))}.specimen-entry:hover .fragment-upper{transform:translate(calc(var(--mag-x)*5px),calc(var(--mag-y)*3px)) rotate(calc(var(--mag-y)*1.5deg))}.specimen-entry:hover .fragment-lower{transform:translate(calc(var(--mag-x)*3px),calc(var(--mag-y)*5px)) rotate(calc(var(--mag-x)*1deg))}.specimen-entry .fragment{transition:transform .75s cubic-bezier(.2,1.35,.3,1)}.specimen-entry.magnetic-active .fragment{transition:transform .35s ease-out}.specimen-entry .fragment-center{transform:translate(calc(var(--mag-x)*-3px),calc(var(--mag-y)*-2px));transition:transform .5s,opacity .5s}.specimen-entry.magnetic-active .fragment-center{opacity:1;color:#77452d}.specimen-entry .specimen-action b{transition:transform .45s cubic-bezier(.2,1.3,.3,1)}.specimen-entry:hover .specimen-action b{transform:translateX(7px)}.specimen-entry .specimen-rule{transform-origin:left;transition:background .5s,transform .5s}.specimen-entry:hover .specimen-rule{background:#a56b3f;transform:scaleX(1.06)}.specimen-entry.is-assembled .fragment-stage{transform:none;transition:none}
.editorial-handoff{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:none}.handoff-line{position:absolute;left:46%;top:48%;width:32%;height:1px;background:#976a42;transform-origin:left center;opacity:0}.handoff-word{position:absolute;left:47%;top:40%;font:italic clamp(24px,3vw,50px) Georgia;color:#8c5635;opacity:0;white-space:nowrap}.handoff-notch{position:absolute;left:46%;top:48%;width:9px;height:5px;background:#86aa99;opacity:0}.editorial-handoff[data-destination="cuts"] .handoff-word{color:#e7c28d}.editorial-handoff[data-destination="cuts"] .handoff-line{background:#d5b58a}.montage-held .floating-letter{animation-play-state:paused!important}
@media(max-width:900px){.ceramic-home[data-montage="wide"] .floating-letter{left:29%;font-size:30px;top:40%}}
@media(max-width:600px){.type-occluder{background-position:58% center;mask-position:58% center;-webkit-mask-position:58% center;opacity:0!important}.ceramic-home[data-montage="wide"] .floating-letter{left:15%;top:44%;font-size:23px;animation:script-float 18s ease-in-out infinite alternate}.specimen-entry .fragment-stage{transform:none!important}.handoff-word{left:22%;top:42%;font-size:28px}.handoff-line,.handoff-notch{left:20%;top:46%}}
@media(prefers-reduced-motion:reduce){.ceramic-home[data-montage="wide"] .floating-letter{animation:none!important;transform:rotate(-9deg)}.specimen-entry .fragment-stage,.specimen-entry .fragment,.specimen-entry .fragment-center{transform:none!important;transition:none!important}.editorial-handoff{display:none}}
/* Keep most of the art lettering legible; only its trailing strokes enter the ceramic depth. */
.ceramic-home[data-montage="wide"] .floating-letter{left:22%;top:41%;font-size:clamp(23px,2.6vw,43px)}
@keyframes threaded-type{0%{transform:translate(-14px,10px) rotate(-11deg)}55%{transform:translate(18px,-4px) rotate(-9deg)}100%{transform:translate(38px,-12px) rotate(-7deg)}}
@media(max-width:600px){.ceramic-home[data-montage="wide"] .floating-letter{left:15%;top:44%;font-size:23px}}