/* User-approved production type system. */
@font-face{font-family:'Chiron Sung HK';src:url('fonts/ChironSungHK.woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Chocolate Classical Sans';src:url('fonts/ChocolateClassicalSans.ttf');font-weight:400;font-display:swap}
html body .statement,html body .work-heading h2{font-family:'Chiron Sung HK',serif;font-weight:500;letter-spacing:.1em}
html body .introduction h1,html body .introduction h1 i{font-family:'Inter',sans-serif;font-weight:800}
html body .introduction .micro{font-family:'Inter',sans-serif;font-weight:500}
html body header .identity span{font-family:'Chocolate Classical Sans',sans-serif;font-weight:400;letter-spacing:.075em;font-size:16px}
html body .card strong{font-family:'Chocolate Classical Sans',sans-serif;font-weight:400}
html body .card-number,html body .deck-controls #counter{font-family:'Manrope',sans-serif!important;font-weight:400!important}
html body .card small,html body .deck-controls,html body .liquid-nav button{font-family:'Inter',sans-serif;font-weight:400}
html body .deck-controls p{font-weight:400}
html body .edition{font-family:'Inter',sans-serif;font-weight:500}
@media(max-width:700px){
 .demo-ambient,.mobile-light-engine,.window-light,body:before,.world:before,.world:after,.backlight:before,.backlight:after,.floor .glaze{display:none!important;animation:none!important}
 /* Keep the card sheen contained inside its own rounded surface. */
 .card:after{inset:0;border-radius:inherit;transform:none;animation:contained-card-sweep 10s ease-in-out infinite;background:linear-gradient(120deg,transparent 40%,#ffffff80 50%,transparent 60%);background-size:300% 100%;background-repeat:no-repeat}
 html body header .identity{min-width:0;max-width:100%}
 html body header .identity span{font-size:clamp(11px,3.15vw,15px);line-height:1.3;letter-spacing:.055em;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
}
@keyframes contained-card-sweep{0%,72%{background-position:100% 0}100%{background-position:0% 0}}
