#demo{position:fixed;z-index:-1;opacity:0;pointer-events:none;filter:sepia(.7)saturate(.8)brightness(.52);width:100%;height:100%;transition:opacity .8s;inset:0}#demo.demo-in{opacity:1}@media (prefers-reduced-motion:reduce){#demo{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.screen{display:flex;flex-direction:column;min-height:100svh}@media (display-mode:standalone){.screen{min-height:100vh}}.screen footer{padding-bottom:10px}.hero-index h1{position:relative;color:#e8b86a;filter:drop-shadow(0 0 10px #0000008c);margin-bottom:clamp(0px,19.8px - 1.85vw,14px);font-size:clamp(44px,14vw,150px);font-weight:900}.hero-index h1:before{content:attr(data-text);position:absolute;z-index:-1;color:#9b7748;text-shadow:.012em .012em #8a6a3e,.024em .024em #735738,.036em .036em #5c452c,.048em .048em #46341f,.06em .06em #2e2114,.07em .07em .04em #0000008c;inset:0}.hero-index h2{font-size:clamp(18px,1.6vw + 12px,24px)}.hero-cta{text-decoration:none;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--btn);filter:drop-shadow(0 0 15px #00000080);display:flex;border-radius:5px;justify-content:center;align-self: center;align-items: center;gap:4px;margin-top:50px;padding:18px 60px;transition:background .1s;font-size:clamp(1.5rem,4.5vw,1.875rem);font-weight:900}@media (hover:hover){.hero-cta:hover{color:#fff;background:var(--btn-hover);filter:drop-shadow(0 0 15px #1e1e1e80)}}.hero-cta:active{color:#fff;background:var(--btn-active)}.hero-index:before{content:"";flex:1 1 0}.demo-status{overflow:hidden;display:flex;color:var(--muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:pre-line;transform:translateY(calc((max(40px,env(safe-area-inset-bottom)) + 18px)/2));flex:1 1 0;justify-content:center;align-items: center;min-height:0;margin:0;font-size:13px}.scroll-cue{margin-bottom:max(10px,env(safe-area-inset-bottom));display:flex;color:var(--muted);opacity:.7;animation:cue-bob 2.4s ease-in-out infinite;flex-shrink:0;justify-content:center;align-self: center;align-items: center;width:44px;height:30px}.scroll-cue svg{width:26px;height:26px}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.about{padding:clamp(20px,6vw,56px)max(24px,env(safe-area-inset-right))clamp(40px,8vw,80px)max(24px,env(safe-area-inset-left))}.about .paper{-webkit-backdrop-filter:blur(26px)saturate(.9)brightness(.89);backdrop-filter:blur(26px)saturate(.9)brightness(.89);background:#0c0a060a;margin-top:0}.bit+.bit{margin-top:clamp(30px,4vw,46px)}.bit-row{display:flex;flex-direction:row;align-items: flex-start;gap:clamp(18px,2.6vw,32px)}.bit:nth-of-type(2n) .bit-row{flex-direction:row-reverse}.bit-row p{flex:1 1 0;min-width:0;margin:0}.shot{border:2px solid var(--accent);border-radius:9px;flex:0 0 clamp(160px,40%,280px);margin:0;padding:3px 4px;transition:border-color .1s}.shot a{display:block;cursor:pointer;border-radius:5px}@media (hover:hover){.shot:has(a:hover){border-color:var(--accent-hover)}.shot a:hover img{filter:brightness(1.12)}}.shot:has(a:active){border-color:var(--accent-active)}.shot a:active img{filter:brightness(.88)}.shot img{display:block;border-radius:5px;width:100%;height:auto;transition:filter .1s}@media (max-width:800px){.bit-row,.bit:nth-of-type(2n) .bit-row{flex-direction:column}.shot{flex:none;align-self: center;width:100%;max-width:400px;margin-top:4px}}