.splat-demo{position:relative;width:100%;height:100%;overflow:hidden;background:#070806;color:#f7f2e8}.splat-demo__viewer{position:absolute;inset:0;width:100%;height:100%;border:0;background:#070806;visibility:hidden}.splat-demo__viewer.is-active{visibility:visible}.splat-demo__brand{position:absolute;top:0;left:0;z-index:6;max-width:70vw;padding:14px 16px;text-shadow:0 1px 12px rgba(0,0,0,.75);pointer-events:none}.splat-demo__brand strong{display:block;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:.03em;line-height:1.1}.splat-demo__brand span{display:block;margin-top:2px;color:#f7f2e8a8;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.splat-demo__pill{position:absolute;padding:8px 18px;border:1px solid rgba(247,242,232,.3);border-radius:999px;background:#090a088c;color:#f7f2e8;font:inherit;font-size:13px;letter-spacing:.14em;white-space:nowrap;cursor:pointer;backdrop-filter:blur(10px);transition:background .15s ease,border-color .15s ease}.splat-demo__pill:hover{border-color:#f7f2e899;background:#090a08c7}.splat-demo__photoBtn{right:12px;bottom:12px;z-index:4}.splat-demo__photoBack{top:12px;right:12px}.splat-demo__photo{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#070806}.splat-demo__photo:before{content:"";position:absolute;top:0;left:0;right:0;height:108px;background:linear-gradient(180deg,#050705bf,#05070500);pointer-events:none}.splat-demo__photo>img{width:100%;height:100%;object-fit:contain}.splat-demo__photoNav{position:absolute;top:50%;width:48px;height:48px;transform:translateY(-50%);border:0;border-radius:50%;background:#090a088c;color:#f7f2e8;font-size:30px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}.splat-demo__photoNav:hover{background:#090a08cc}.splat-demo__photoNav.is-prev{left:14px}.splat-demo__photoNav.is-next{right:14px}.splat-demo__photoCount{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#090a0899;color:#f7f2e8d9;font-size:13px;letter-spacing:.08em}.splat-demo__credit{position:absolute;left:10px;bottom:8px;z-index:3;margin:0;max-width:calc(100% - 132px);padding:3px 8px;border-radius:6px;background:#090a0880;color:#f7f2e86b;font-size:10px;line-height:1.5;pointer-events:auto}.splat-demo__credit a{color:#f7f2e89e}@media (max-width: 560px){.splat-demo__brand{padding:10px 12px}.splat-demo__brand span{display:none}}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#070806;color:#f7f2e8;overflow:hidden;-webkit-font-smoothing:antialiased}