royo-place-archive{--place-night: #0c131f;--place-text: #f3f5f8;--place-dim: #a7b0be;--place-line: rgb(233 241 253 / .16);--place-perspective: clamp(720px, 156vw, 1640px);display:block;width:100%;color-scheme:dark;color:var(--place-text)}royo-place-archive *,royo-place-archive *:before{box-sizing:border-box}royo-place-archive .place-film{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#172132 0%,var(--place-night) 66%)}royo-place-archive .place-bar{position:relative;display:flex;align-items:center;gap:14px;padding:21px 0 18px;margin:0 clamp(17px,4vw,42px);border-bottom:1px solid var(--place-line);font-size:11px;line-height:1}royo-place-archive .place-brand{font-weight:650;letter-spacing:.15em}royo-place-archive .place-name{padding-left:14px;border-left:1px solid var(--place-line);color:var(--place-dim);letter-spacing:.17em}royo-place-archive .place-chapter[hidden]{display:none}royo-place-archive .place-caption{position:relative;z-index:1;padding:clamp(28px,4.5vw,53px) 20px 0;text-align:center}royo-place-archive h2{margin:0;color:var(--place-text);font-size:clamp(42px,7.4vw,82px);letter-spacing:-.067em;line-height:.99}royo-place-archive p{min-height:2.65em;margin:13px auto 0;color:var(--place-dim);font-size:clamp(12px,1.55vw,16px);line-height:1.35;letter-spacing:-.014em;text-wrap:balance}royo-place-archive p span{padding:0 .25em}royo-place-archive .place-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.74;margin:clamp(-60px,-5.5vw,-16px) 0 0}royo-place-archive .place-shadow{position:absolute;top:84%;right:7%;bottom:0;left:7%;background:radial-gradient(ellipse at 50% 32%,rgb(0 0 0 / .31),transparent 66%)}royo-place-archive .place-framing{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}royo-place-archive .place-art{position:absolute;top:var(--art-top, -8.2%);left:calc((100% - var(--art-width, 100%)) / 2);width:var(--art-width, 100%);aspect-ratio:3 / 2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}royo-place-archive [data-place=sg] .place-art{top:-4.5%;left:6%;width:88%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}royo-place-archive :is(.place-still,.place-motion,.place-paper,.place-ink){position:absolute;top:0;right:0;bottom:0;left:0}royo-place-archive .place-still{transition:opacity 115ms linear}royo-place-archive .place-motion{visibility:hidden;transition:visibility 0s linear 115ms}royo-place-archive .is-folding .place-motion{visibility:visible;transition-delay:0s}royo-place-archive .is-folding .place-still{opacity:0}royo-place-archive .place-paper{transform-origin:var(--hinge);backface-visibility:hidden}royo-place-archive .place-ink{clip-path:var(--ink-cut);background:var(--ink-fill) center / var(--place-fit, 100% 100%) no-repeat}royo-place-archive .place-paper>.place-edge{transform:translateY(.28%);background:var(--paper-edge)}royo-place-archive [data-paper=mural]>.place-ink:last-child{-webkit-mask-image:linear-gradient(180deg,#000 51%,transparent 60%);mask-image:linear-gradient(180deg,#000 51%,transparent 60%)}royo-place-archive [data-place=sg] [data-paper=dark-banner]>.place-ink:last-child{-webkit-mask-image:linear-gradient(90deg,#000 59%,transparent 80%),linear-gradient(180deg,#000 35%,transparent 50%);mask-image:linear-gradient(90deg,#000 59%,transparent 80%),linear-gradient(180deg,#000 35%,transparent 50%);-webkit-mask-composite:source-over;mask-composite:add}@media(prefers-reduced-motion:reduce){royo-place-archive :is(.place-still,.place-motion){transition:none}}royo-place-archive .place-controls{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:0 clamp(17px,4vw,42px);padding:10px 0 14px;border-top:1px solid var(--place-line)}royo-place-archive .place-index{color:var(--place-dim);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em}royo-place-archive .place-index .place-slash{color:#748095;margin-inline:3px}royo-place-archive .place-arrows{display:flex;gap:9px}royo-place-archive button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:var(--place-text);font:inherit}royo-place-archive .place-arrow{width:44px;border:1px solid var(--place-line);border-radius:50%;background:#e7effc11}royo-place-archive button[aria-disabled=true]{opacity:.38}royo-place-archive .place-replay{justify-self:end;color:var(--place-dim);font-size:12px}royo-place-archive .place-controls button:hover:not([aria-disabled=true]){color:#fff}royo-place-archive .place-arrow:hover:not([aria-disabled=true]){background:#e7effc24}royo-place-archive .place-controls svg{width:17px;height:17px}royo-place-archive .place-replay svg{width:14px;height:14px}royo-place-archive .place-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:520px){royo-place-archive .place-caption{padding-inline:16px}royo-place-archive p{max-width:300px}royo-place-archive .place-stage{margin-top:-13px}}royo-place-archive :is([data-place=earthopia-2026],[data-place=echelon-2026],[data-place=earthopia-2025],[data-place=nus120],[data-place=hkust-sino]) .place-framing{-webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}royo-place-archive :is([data-place=earthopia-2026],[data-place=echelon-2026],[data-place=earthopia-2025],[data-place=nus120],[data-place=hkust-sino]) .place-motion>.place-ink:nth-child(2){-webkit-mask-image:linear-gradient(180deg,transparent var(--floor-start),#000 calc(var(--floor-start) + 3%));mask-image:linear-gradient(180deg,transparent var(--floor-start),#000 calc(var(--floor-start) + 3%))}royo-place-archive .place-texture{position:absolute;left:0;top:var(--texture-top);width:100%;height:var(--texture-height);background:var(--place-image) center / 100% 100% no-repeat}royo-place-archive [data-paper=champagne-curtain]>.place-ink:last-child{-webkit-mask-image:linear-gradient(180deg,#000 24%,transparent 30%);mask-image:linear-gradient(180deg,#000 24%,transparent 30%)}royo-place-archive [data-place=earthopia-2026]{--art-width:91%;--art-top:-5.8%;--floor-start:90.47%}royo-place-archive [data-place=echelon-2026]{--art-width:85%;--art-top:.4%;--floor-start:93.75%}royo-place-archive [data-place=earthopia-2025]{--art-width:90%;--art-top:-5.1%;--floor-start:91.09%}royo-place-archive [data-place=nus120]{--art-width:89%;--art-top:-4.3%;--floor-start:92.5%}royo-place-archive [data-place=hkust-sino]{--art-width:85%;--art-top:.4%;--floor-start:94.06%}royo-place-archive .place-stage{max-width:1280px;margin-inline:auto}royo-place-archive :is(.place-hero,.place-layer-image){display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:fill}royo-place-archive [data-place=custom]{--art-width: 85%;--art-top: 1%;--place-fit: contain}royo-place-archive [data-place=custom] :is(.place-art,.place-framing){-webkit-mask-image:none;mask-image:none}royo-place-archive [data-place=custom] .place-hero{object-fit:contain}royo-place-archive .place-arrow span{font-size:19px;line-height:1}royo-place-archive .place-replay span{font-size:16px;line-height:1}royo-place-archive .place-placeholder{display:grid;min-height:160px;place-items:center;text-align:center;color:var(--place-dim);padding:24px}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AAAAAAAAAABA */