.veil{position:fixed;left:0;right:0;z-index:15;height:var(--veil-height);font-size:var(--hud-size);pointer-events:none}.veil__layer{position:absolute;inset:0}.veil:after{content:"";position:absolute;inset:0}.veil--bottom{bottom:0}.veil--bottom:after{background:linear-gradient(to top,#fffc,#ffffff9e 28%,#ffffff57 58%,#ffffff1f 80%,#fff0)}.veil--bottom .veil__layer:nth-child(1){backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%)}.veil--bottom .veil__layer:nth-child(2){backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);mask-image:linear-gradient(to bottom,transparent 10%,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent 10%,#000 28%)}.veil--bottom .veil__layer:nth-child(3){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,transparent 24%,#000 42%);-webkit-mask-image:linear-gradient(to bottom,transparent 24%,#000 42%)}.veil--bottom .veil__layer:nth-child(4){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,transparent 38%,#000 56%);-webkit-mask-image:linear-gradient(to bottom,transparent 38%,#000 56%)}.veil--bottom .veil__layer:nth-child(5){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom,transparent 52%,#000 72%);-webkit-mask-image:linear-gradient(to bottom,transparent 52%,#000 72%)}.veil--bottom .veil__layer:nth-child(6){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,transparent 68%,#000 88%);-webkit-mask-image:linear-gradient(to bottom,transparent 68%,#000 88%)}.veil--top{top:0;display:none}.veil--top:after{background:linear-gradient(to bottom,#fffc,#ffffff9e 28%,#ffffff57 58%,#ffffff1f 80%,#fff0)}.veil--top .veil__layer:nth-child(1){backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);mask-image:linear-gradient(to top,transparent 0%,#000 14%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 14%)}.veil--top .veil__layer:nth-child(2){backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);mask-image:linear-gradient(to top,transparent 10%,#000 28%);-webkit-mask-image:linear-gradient(to top,transparent 10%,#000 28%)}.veil--top .veil__layer:nth-child(3){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to top,transparent 24%,#000 42%);-webkit-mask-image:linear-gradient(to top,transparent 24%,#000 42%)}.veil--top .veil__layer:nth-child(4){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to top,transparent 38%,#000 56%);-webkit-mask-image:linear-gradient(to top,transparent 38%,#000 56%)}.veil--top .veil__layer:nth-child(5){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to top,transparent 52%,#000 72%);-webkit-mask-image:linear-gradient(to top,transparent 52%,#000 72%)}.veil--top .veil__layer:nth-child(6){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to top,transparent 68%,#000 88%);-webkit-mask-image:linear-gradient(to top,transparent 68%,#000 88%)}@media(max-width:768px){.veil--top{display:block}}body.is-detail-open .veil{opacity:0;transition:opacity .3s ease}.hover-label{position:fixed;top:0;left:0;z-index:40;padding:.35em .6em;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .22s ease;margin:14px 0 0 14px}.hover-label.is-visible{opacity:1}body.is-detail-open .hover-label{opacity:0}.detail{position:fixed;inset:0;z-index:30}.detail[hidden]{display:none}.detail__scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity .48s ease}.detail.is-open .detail__scrim{opacity:1}.detail.is-closing .detail__scrim{opacity:0;transition-duration:.38s}.detail__stage{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:28px;padding:8vh 4vw;pointer-events:none}.detail__figure{--ratio: 1;flex:none;margin:0;aspect-ratio:var(--ratio);height:min(78vh,calc(58vw / var(--ratio)));transform-origin:top left;will-change:transform}.detail__figure img{display:block;width:100%;height:100%;object-fit:cover}.detail__panel{flex:none;display:flex;flex-direction:column;justify-content:space-between;width:clamp(260px,19vw,380px);height:47vh;padding:1.35rem 1.6rem 1.9rem;border-radius:var(--panel-radius);background:var(--panel);color:var(--panel-ink);pointer-events:auto;opacity:0;translate:0 12px;transition:opacity .42s ease .16s,translate .52s cubic-bezier(.16,1,.3,1) .16s}.detail.is-open .detail__panel{opacity:1;translate:0 0}.detail.is-closing .detail__panel{opacity:0;transition:opacity .22s ease,translate .22s ease}.detail__title{margin:0;font-size:clamp(15px,1.1vw,21px);font-weight:700;line-height:1.24}.detail__body{margin:0;font-size:clamp(13px,.85vw,16px);font-weight:400;line-height:1.42}.detail__close{position:absolute;top:1.715em;right:1.715em;z-index:2;padding:.4em .9em;border:0;border-radius:999px;background:var(--panel);color:var(--panel-ink);font-family:inherit;font-size:var(--hud-size);font-weight:500;cursor:pointer;opacity:0;transition:opacity .38s ease .2s}.detail.is-open .detail__close{opacity:1}.detail.is-closing .detail__close{opacity:0;transition-delay:0ms}@media(max-width:900px),(orientation:portrait){.detail__stage{flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:10vh 6vw}.detail__figure{height:min(52vh,calc(88vw / var(--ratio)))}.detail__panel{width:min(88vw,420px);height:auto;gap:.9rem}}@media(prefers-reduced-motion:reduce){.detail__scrim,.detail__panel,.detail__close{transition-duration:1ms;transition-delay:0ms}}