@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-base: #ede9e3;--bg-card: #ddd7d1;--bg-inset: #d2ccc6;--text-primary: #2f2d2a;--text-secondary: #5f5a54;--text-tertiary: #8f887f;--accent: #c24d33;--accent-hover: #9f3f2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#ede9e3;background-image:radial-gradient(rgba(47,45,42,.05) .8px,transparent .8px);background-size:26px 26px;color:#2f2d2a;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;font-size:clamp(16px,1.2vw + 12px,18px);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}@media(max-width:576px){body{font-size:16px}}p{color:#5f5a54}h1,h2,h3{font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.03em}h1{color:#2f2d2a;line-height:1.02;text-transform:uppercase;letter-spacing:-.045em}h1:after{content:"";display:block;width:100%;height:4px;background:#c24d33;margin-top:.75rem}h2{font-family:IBM Plex Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:clamp(1.25rem,1.6vw + .95rem,1.85rem);font-weight:700;color:#2f2d2a;text-transform:uppercase;letter-spacing:.14em;padding-bottom:0;margin-bottom:1rem;border-bottom:none;font-variant-numeric:tabular-nums}main{counter-reset:sketch -1}main>section{counter-increment:sketch}main>section h2:before{content:counter(sketch) " - ";color:#8f887ff2;font-weight:500;letter-spacing:.08em;margin-right:.9rem;display:inline-block;opacity:.65}main>section{position:relative}header p,section p{font-size:1.02em;line-height:1.7}header{border:none!important;border-bottom:2px solid #9f9a93!important;background:#ddd7d1}header a{color:#c24d33;text-decoration:none;text-decoration-thickness:2px;text-underline-offset:3px}header a:hover{color:#9f3f2a;text-decoration:underline}section{padding:1.5rem 0}section .container{position:relative}.sketch-container{background:#d2ccc6;border-radius:3px;position:relative;overflow:hidden;border-color:#6d6964;box-shadow:inset 2px 2px 4px #00000014,inset -1px -1px 2px #ffffff8c,0 14px 28px #0000001a}.reload{color:#8f887f;cursor:pointer;transition:.2s ease;font-size:.85em}.reload:hover{color:#c24d33}.reload:active{color:#9f3f2a}a{color:#c24d33;transition:.2s ease;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:#9f3f2a}a:focus-visible{outline:2px solid rgba(194,77,51,.5);outline-offset:2px;border-radius:2px}.caption{display:block;font-size:.7rem;color:#8f887f;margin-top:.5rem;font-family:IBM Plex Mono,ui-monospace,SF Mono,Consolas,monospace}.caption a{color:#8f887f}.caption a:hover{color:#c24d33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ddd7d1}::-webkit-scrollbar-thumb{background:#9f9a93;border-radius:3px;border:2px solid #ddd7d1}::-webkit-scrollbar-thumb:hover{background:#8f887f}::selection{background:#c24d3333;color:#2f2d2a}.section{filter:grayscale(1);transform:scale(.8);transition:.3s ease-in filter,.3s ease-out transform;pointer-events:none;touch-action:none}.section--awaken{touch-action:auto;pointer-events:all;transform:scale(1);filter:grayscale(0)}.fir__container{display:block;text-align:center;white-space-collapse:preserve-breaks;cursor:pointer;overflow:hidden;height:500px;min-height:512px;border-radius:18px;border:1px solid #888}.break-dom__container{border-radius:18px;border:1px solid #888;overflow:hidden;height:500px;cursor:pointer;transform:scaleY(-1);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.break-dom__rectangle{position:relative;width:50px;height:30px;background-color:#888;border:1px solid white;transform-origin:center center;display:inline-block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color 1s ease-in-out,transform 1s ease-in-out;will-change:background-color,transform}.mouse-move__container{border-radius:18px;border:1px solid #888;overflow:hidden;height:500px;position:relative}.mouse-move .dot{will-change:transform,background-color;width:50px;height:50px;position:absolute;background-color:orange;border-radius:50%;pointer-events:none;transform:scale(1);transition:transform .6s ease-in-out,background-color .3s ease-out}.mouse-move .dot--permanent{z-index:2}.mouse-move .dot.remove{transform:scale(0);background-color:#ff4500}.reload{cursor:pointer;font-size:smaller}.xray__container{position:relative;overflow:hidden;height:500px;border-radius:18px;border:1px solid #888;cursor:none}.xray__background-img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;left:0}.xray__background-ufo{width:30%;max-width:300px;position:absolute;top:170px;left:150px;transition:top 1s ease-in,left 1s ease-in}.xray__overlay{width:100%;height:100%;background:#000;mix-blend-mode:multiply}.xray__pointer{transform:translate(-50%,-50%);position:absolute;pointer-events:none;top:50%;left:50%;width:200px;height:200px;background-color:#fff;-webkit-box-shadow:0px 0px 41px 22px white;-moz-box-shadow:0px 0px 41px 22px white;box-shadow:0 0 41px 22px #fff;border-radius:50%;mix-blend-mode:difference}.parallax__background{width:100%;max-width:100%}.parallax__content{position:absolute;top:0;left:0}.parallax__container{height:500px;border-radius:18px;border:1px solid #888;overflow:hidden;position:relative}.parallax__container svg{height:500px;width:120%}.parallax #SHIP{position:absolute}.parallax .cloud-animate{animation:cloud-drift ease-in-out infinite}.parallax .sun-breathe{animation:sun-breathe 4s ease-in-out infinite}@keyframes cloud-drift{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}@keyframes sun-breathe{0%,to{transform:scale(1);opacity:.8}50%{opacity:1;transform:scale(1.08)}}.magnetic-lines__container{overflow:hidden;height:500px;border-radius:18px;border:1px solid #888;display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:center}.line{width:1px;height:300px;background-color:red;transform-origin:center center}