@font-face{font-family:Manrope;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/manrope-300.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/manrope-400.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/manrope-500.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/manrope-700.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/manrope-800.woff2) format("woff2")}@font-face{font-family:Aristotelica Display;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Display-Light.ttf) format("truetype")}@font-face{font-family:Aristotelica Display;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Display-Regular.ttf) format("truetype")}@font-face{font-family:Aristotelica Display;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Display-Demibold.ttf) format("truetype")}@font-face{font-family:Aristotelica Display;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Display-Bold.ttf) format("truetype")}@font-face{font-family:Aristotelica Text;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Text-Regular.ttf) format("truetype")}@font-face{font-family:Aristotelica Text;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Aristotelica-Pro-Text-Bold.ttf) format("truetype")}:root{--ink:#0f0f0f;--cream:#e6e4de;--stone:#bcb9b7;--display:"Manrope", system-ui, sans-serif;--body:"Manrope", system-ui, sans-serif}html.font-aristotelica{--display:"Aristotelica Display", system-ui, sans-serif;--body:"Aristotelica Text", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body,#root{height:100%}html,body{min-height:100dvh;background:var(--ink);overflow:hidden}body{font-family:var(--body);color:var(--ink)}img{display:block;max-width:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--ink);overflow:hidden;touch-action:none}.stage-wrap{width:1920px;height:1080px;position:relative;transform-origin:center center;transform:scale(var(--scale,1));flex:0 0 auto}.slide{position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;overflow:hidden}.slide.bg-ink{background:var(--ink);color:var(--cream)}.slide.bg-cream{background:var(--cream);color:var(--ink)}.abs{position:absolute}.t-display{font-family:var(--display)}.t-body{font-family:var(--body)}html.case-upper .caseable{text-transform:uppercase;letter-spacing:.1em}html.case-lower .caseable{text-transform:lowercase}.hdr{position:absolute;font-family:var(--body);font-weight:500;font-size:20px;line-height:20px}.hdr-neonal{left:40px;top:40px}.hdr-section{left:640px;top:40px}.hdr-year{right:40px;top:40px}.hdr-version{right:40px;top:108px;font-weight:400}.hdr-rule{position:absolute;left:40px;top:84px;width:1840px;height:1px;background:currentColor;opacity:.55}.fp{position:absolute;pointer-events:none}.fp-screen{mix-blend-mode:screen}.fp-multiply{mix-blend-mode:multiply}.controls{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.controls>*{pointer-events:auto}.ctrl-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6e4de1a;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(230,228,222,.18);transition:background .2s,transform .2s}.ctrl-btn:hover{background:#e6e4de38;transform:translateY(-2px)}.ctrl-btn:disabled{opacity:.3;cursor:default;transform:none}.counter{font-family:var(--body);font-size:13px;letter-spacing:.06em;color:var(--cream);min-width:70px;text-align:center;font-variant-numeric:tabular-nums}.progress{position:fixed;z-index:40;left:0;top:0;height:3px;background:var(--stone);transition:width .5s cubic-bezier(.22,1,.36,1)}.menu-btn{position:fixed;z-index:41;top:16px;right:16px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6e4de1a;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(230,228,222,.18)}.menu-btn:hover{background:#e6e4de38}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0a0af0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;padding:6dvh 6vw calc(6dvh + env(safe-area-inset-bottom));overflow-y:auto}.overlay h2{font-family:var(--display);color:var(--cream);font-weight:700;font-size:clamp(34px,7vw,72px);line-height:1;margin-bottom:4dvh}.overlay-list{list-style:none;border-top:1px solid rgba(230,228,222,.2)}.overlay-item{display:flex;align-items:baseline;gap:20px;padding:clamp(14px,2.4dvh,26px) 6px;border-bottom:1px solid rgba(230,228,222,.2);color:var(--cream);width:100%;text-align:left;transition:padding-left .25s,color .2s}.overlay-item:hover{padding-left:20px;color:#fff}.overlay-item.is-active{color:var(--stone)}.overlay-num{font-family:var(--body);font-size:14px;opacity:.6;width:34px;font-variant-numeric:tabular-nums}.overlay-label{font-family:var(--display);font-weight:500;font-size:clamp(17px,2.6vw,24px)}.overlay-close{position:absolute;top:20px;right:22px;color:var(--cream);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6e4de1a}.hint{position:fixed;z-index:39;left:50%;bottom:74px;transform:translate(-50%);font-family:var(--body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e6e4de80;pointer-events:none}
