/* Ceramic entrance: reference-matched finish, grounded form, clear invitation. */
.works-dock{left:3.4%;bottom:16.7%;width:35%;max-width:510px;height:33%;min-height:214px}
.works-dock .works-sculpture{display:block;position:absolute;inset:0;padding:0;width:100%;height:100%;background:none;border:0;box-shadow:none;transform:none;perspective:none;outline-offset:7px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.works-object{display:block;position:absolute;inset:0 0 42px;isolation:isolate;pointer-events:none}
.works-object canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s}
.works-sculpture[data-model="ready"] canvas{opacity:1}
.works-fallback{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(40px,5vw,70px)/1.1 var(--ui-font);letter-spacing:.12em;color:#704e48;transition:opacity .3s}
.works-sculpture[data-model="ready"] .works-fallback{opacity:0}
.works-caption{position:absolute;bottom:0;left:9%;right:9%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0 0;border-top:1px solid #8c665339;color:#684338;transition:color .4s,border-color .5s}
.works-caption:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#86563e,#ac79549c,#ac795400);transform:scaleX(.17);transform-origin:left;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.works-caption-label{display:flex;align-items:baseline;gap:13px}
.works-caption-label b{font:400 14px/1.5 var(--ui-font);letter-spacing:.13em;transition:translate .5s cubic-bezier(.2,.7,.2,1)}
.works-caption-label>span{font:8px/1.5 Georgia,serif;letter-spacing:.11em;color:#977b67;opacity:.7;transition:opacity .4s,color .4s}
.works-caption small{font:10px/1.5 var(--ui-font);letter-spacing:.08em;color:#8b705e;white-space:nowrap}
.works-sculpture:is(:hover,:focus-visible) .works-caption{color:#975d37;border-color:#93654866}
.works-sculpture:is(:hover,:focus-visible) .works-caption:before{transform:scaleX(1)}
.works-sculpture:is(:hover,:focus-visible) .works-caption-label b{translate:3px 0}
.works-sculpture:is(:hover,:focus-visible) .works-caption-label>span{opacity:1;color:#835c45}
.works-sculpture:focus-visible{outline:1px solid #936e5380;border-radius:3px}
.works-opening .works-caption{opacity:.3;transition:opacity .3s}
@media(max-width:1000px){.works-caption-label{gap:8px}.works-caption-label>span{font-size:7px;letter-spacing:.06em}.works-caption-label b{font-size:13px}.works-caption small{font-size:9px}}
@media(max-width:900px){.works-dock{width:39%;height:31%;bottom:17%;min-height:190px}.works-caption-label>span{display:none}}
@media(max-width:600px){.works-dock{left:3%;width:67%;height:29%;bottom:17.5%;min-height:165px}.works-object{bottom:37px}.works-caption{left:7%;right:7%;padding-top:9px}.works-caption-label b{font-size:13px}.works-caption small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.works-object canvas,.works-caption,.works-caption:before,.works-caption-label b,.works-caption-label>span{transition:none}.works-caption-label b{translate:none!important}}