/* Optional material study; the original treatment remains available for comparison. */
.window-inlay,.vase-reflection,.nacre-follow,.petal-glint{display:none}
.finish-control[hidden]{display:none}
.finish-control{position:fixed;z-index:26;left:24px;bottom:22px;display:flex;gap:3px;padding:4px;background:#080d0ce8;border:1px solid #8d79504d;border-radius:30px;box-shadow:0 3px 20px #0005;backdrop-filter:blur(12px)}
.finish-control button{border:0;background:transparent;color:#aaa99e;font:10px/1.4 Arial,sans-serif;padding:7px 12px;border-radius:24px}
.finish-control button[aria-pressed=true]{background:#a18b5c33;color:#f1dfb7;box-shadow:inset 0 0 0 1px #b59a603d}
@media(min-width:761px){body:has(.finish-control:not([hidden])) .opening-bottom{left:max(155px,12%)}}
.jewel-finish .window-frame{box-shadow:inset 0 2px #c0a47455,inset 0 6px #29231d}
.jewel-finish .window-frame:before,.jewel-finish .window-frame:after{background:linear-gradient(90deg,#201c17 0,#625039 23%,#b7a07877 31%,#36291e 44%,#181c19 72%,#9c865763 87%,#2a281f 100%);box-shadow:0 0 10px #0009}
.jewel-finish .window-leaf{border-color:#382c20;box-shadow:inset 0 0 0 1px #d0b37a8c,inset 0 0 0 4px #17171270,0 0 0 1px #bb9d654d,0 4px 15px #0008}
.jewel-finish .window-muntin,.jewel-finish .window-stile{background:linear-gradient(#b6a27c80 0 1px,#544329 2px,#27291e 70%,#c4aa7059);box-shadow:0 1px 3px #0008}
.jewel-finish .window-handle{background:linear-gradient(90deg,#493b27,#ddc18c 48%,#6b4f2c);box-shadow:0 0 4px #b59a6033}
.jewel-finish .window-inlay{display:block;position:absolute;z-index:3;width:clamp(48px,5.6vw,80px);height:auto;pointer-events:none;filter:drop-shadow(0 1px 2px #000b);opacity:.8}
.inlay-tl{left:2px;top:2px}.inlay-tr{right:2px;top:2px;transform:scaleX(-1)}
.inlay-bl{left:2px;bottom:13.5svh;transform:scaleY(-1)}.inlay-br{right:2px;bottom:13.5svh;transform:scale(-1)}
.jewel-finish .inlay-bl,.jewel-finish .inlay-br{opacity:.48}
.jewel-finish .curtain-fabric{background-image:radial-gradient(ellipse at 8% 12%,#9e98b00c,transparent 58%),url('assets/soft-sheer-folds.svg');box-shadow:inset 0 6px 18px #0005}
.jewel-finish .window-desk-photo{filter:brightness(.8) saturate(.82)}
.jewel-finish .vase-reflection{display:block;position:absolute;left:0;top:98.9%;width:100%;height:4.4%;opacity:.26;filter:blur(.7px);mask-image:linear-gradient(#000,transparent 88%);-webkit-mask-image:linear-gradient(#000,transparent 88%);pointer-events:none}
.vase-reflection svg{display:block;width:100%;height:100%;transform:scaleY(-1)}
.jewel-finish .nacre-follow{display:block;position:absolute;inset:0;clip-path:polygon(0 0,97% 0,100% 3%,100% 70.6%,0 70.6%);transform-origin:50% 71%;animation:branch-sway 11s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}
.nacre-sheen{position:absolute;inset:0;mix-blend-mode:screen;mask-image:linear-gradient(125deg,transparent 35%,#0008 45%,#000 49%,#0004 53%,transparent 62%);mask-size:300% 300%;-webkit-mask-image:linear-gradient(125deg,transparent 35%,#0008 45%,#000 49%,#0004 53%,transparent 62%);-webkit-mask-size:300% 300%;animation:nacre-light 13s ease-in-out infinite;opacity:0}
.jewel-finish .nacre-sheen img{filter:brightness(1.48) saturate(.7)}
.moon-stage.preview-open .nacre-follow{animation-play-state:paused}
.jewel-finish .petal-glint{display:block;position:absolute;left:41%;top:42%;width:4px;height:4px;border-radius:50%;background:#fff7e4;box-shadow:0 0 5px #fff2c9,0 0 12px #c8b1e799,13px 19px 2px -1px #f5d7e9;opacity:0;transform:scale(.45);transition:opacity .35s,transform .6s;pointer-events:none}
.petal-glint:before,.petal-glint:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1px;background:linear-gradient(90deg,transparent,#fff1d3,transparent);transform:translate(-50%,-50%)}
.petal-glint:after{width:1px;height:16px;background:linear-gradient(transparent,#fff1d3,transparent)}
.jewel-finish .flower-hit:is(:hover,:focus-visible,[aria-expanded=true]) .petal-glint{opacity:.85;transform:scale(1)}
.jewel-finish .flower-hit:after{background:radial-gradient(circle at 30% 20%,#837260b3,#17231ee6 73%);border-color:#d6bd87a8;box-shadow:0 0 8px #cfb09226,inset 0 0 2px #eed4ad77}
.jewel-finish .flower-hit[aria-expanded=true]:after{background:#e2caaa;color:#211a13}
.jewel-finish .flower-label{background:#101812f5;border-color:#bda07880;box-shadow:0 6px 20px #0006}
.jewel-finish .shore-intro h2{color:#f3e9d4;text-shadow:0 0 40px #b4a2800d}
.jewel-finish #ning-water-garden .shore-intro h2 em{background:linear-gradient(130deg,#eadcc1 10%,#d5bcd8 46%,#c0d6d1 76%,#f2e4ca);background-clip:text;-webkit-background-clip:text;color:transparent}
.jewel-finish .butterfly:hover{filter:brightness(1.18) drop-shadow(0 0 5px #ead4be50)}
@keyframes nacre-light{0%,11%{mask-position:110% 0%;-webkit-mask-position:110% 0%;opacity:0}15%{opacity:.34}29%{mask-position:-10% 100%;-webkit-mask-position:-10% 100%;opacity:.2}34%,100%{mask-position:-10% 100%;-webkit-mask-position:-10% 100%;opacity:0}}
body.motion-off .nacre-sheen{opacity:0!important}
@media(prefers-reduced-motion:reduce){.nacre-sheen{opacity:0!important}}
@media(max-width:760px){.finish-control{left:12px;bottom:12px}.finish-control button{padding:7px 9px}.jewel-finish .window-inlay{width:38px}.jewel-finish .inlay-bl,.jewel-finish .inlay-br{bottom:13.5svh;opacity:.42}}