:root{--ink:#161616;--muted:#898989;--line:#dedede}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif}body{overflow-x:hidden}.hero-scroll{height:450vh}.hero-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;background:#fff}.hero-stage{height:100%;width:100%;position:relative;display:grid;place-items:center}.hero-stage canvas{width:min(78vh,820px);height:min(78vh,820px);display:block;filter:drop-shadow(0 35px 34px rgba(0,0,0,.14));cursor:grab}.hero-stage canvas:active{cursor:grabbing}.ground{position:absolute;bottom:11%;width:34%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(110,100,90,.17),transparent 68%);filter:blur(18px);pointer-events:none}.prototype-ui{position:absolute;inset:0;pointer-events:none;font:500 10px 'DM Mono',monospace;letter-spacing:.1em}.top-mark{position:absolute;top:32px;left:4.5vw}.bottom-row{position:absolute;left:4.5vw;right:4.5vw;bottom:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted)}.bottom-row span:last-child{text-align:right}.bottom-row button{pointer-events:auto;border:1px solid #171717;background:#fff;padding:13px 22px;font:500 10px 'DM Mono',monospace;letter-spacing:.12em;cursor:pointer}.bottom-row button b{color:#a52f2f;margin-left:18px}.loader{position:fixed;inset:0;background:#fff;z-index:20;overflow:hidden;transition:opacity .5s,visibility .5s;font:500 10px 'DM Mono',monospace;letter-spacing:.1em}.loader.done{opacity:0;visibility:hidden}.loader-fill{position:absolute;inset:0 0 auto 0;height:0;background-color:#b8b8b8;background-image:linear-gradient(135deg,rgba(255,255,255,.38) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.38) 75%,transparent 75%);background-size:44px 44px;overflow:hidden}.loader-fill:after{content:"";position:absolute;inset:0;background-image:url('public/logo-ref.jpg');background-size:88px 88px;background-repeat:repeat;mix-blend-mode:multiply;opacity:.18;filter:grayscale(1) contrast(.8)}.loader-top,.loader-bottom{position:absolute;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;z-index:1}.loader-top{top:28px}.loader-bottom{bottom:28px;color:#666}.camologos{position:absolute;inset:0;z-index:1;pointer-events:none}.camologos i{position:absolute;width:var(--s);height:var(--s);background:url('public/logo-ref.jpg') center/contain no-repeat;filter:grayscale(1);opacity:.1;mix-blend-mode:multiply}@media(max-width:760px){.hero-scroll{height:300vh}.hero-stage canvas{width:88vw;height:88vw}.ground{bottom:15%;width:62%}.top-mark{top:22px;left:20px;font-size:9px}.bottom-row{left:20px;right:20px;bottom:22px;grid-template-columns:1fr auto}.bottom-row span:last-child{display:none}.bottom-row button{padding:12px 18px}}
.loader-fill{background:#bfc0c2 url('public/ddape-camo-loader.png') center/512px 512px repeat}.loader-fill:after{display:none}.camologos{display:none}
.loader-fill{inset:auto 0 0 0;background:#fff url('public/camo-loader-photo.jpg') center/cover no-repeat}.loader-fill:after{display:none}.camologos{display:none}