:root{--logo-size:clamp(34px,6vw,64px);--tracking:clamp(.3em,.25vw,.3em);--line:1.2;--pad:clamp(18px,6vw,64px);--build-pad-x:30px;--build-pad-y:40px;}@font-face{font-family:'Warincs';font-style:normal;font-weight:400;src:url('../fonts/warincs.woff2') format('woff2'),url('../fonts/warincs.ttf') format('trueType');}html,body{position:relative;height:100%;margin:0;padding:0;color:rgba(38,55,58,.85);background:#fff}canvas#c{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100%;max-height:100%;background:#fff;touch-action:none;z-index:1;}a,a:visited{color:rgba(38,55,58,.85);text-decoration:none;}#tiltBtn{position:fixed;left:50%;top:18px;transform:translateX(-50%);padding:10px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.92);color:rgba(0,0,0,.72);font:13px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;user-select:none;display:none;}#overlay{min-height:100vh;display:grid;position:relative;place-items:center;padding:var(--pad);box-sizing:border-box;pointer-events:none;z-index:2;}.wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center;}#logo{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;width:fit-content;text-align:left;user-select:none;}#penrose{display:flex;flex-direction:column;position:relative;padding:25px 40px;box-sizing:border-box;align-items:center;justify-content:center;}#penrose>img{display:block;width:100%;height:100%;max-height:150px;object-fit:contain;object-position:center;}.ghost-word,.second-word{font-family:"Warincs",monospace;font-size:var(--logo-size);letter-spacing:var(--tracking);line-height:var(--line);text-align:left;text-transform:uppercase;width:fit-content;}.ghost-word{position:relative;display:inline-block;width:fit-content;cursor:default;text-shadow:0 0 .75px rgba(0,0,0,.22);}.glitch-canvas{position:absolute;inset:-70px;width:calc(100% + 140px);height:calc(100% + 140px);pointer-events:none;z-index:1;opacity:1;filter:blur(.28px);}.layer{position:absolute;top:0;left:0;pointer-events:none;will-change:transform,opacity,filter,clip-path;transition:transform .10s ease-out,opacity .12s ease-out,filter .12s ease-out;z-index:2;}.base{position:relative;z-index:4}.red{color:rgba(255,0,140,.72);z-index:2;opacity:.11;filter:blur(.85px);}.cyan{color:rgba(0,190,235,.72);z-index:3;opacity:.11;filter:blur(.85px);}.violet{color:rgba(140,90,255,.40);z-index:1;opacity:.07;filter:blur(1.15px);}.ghost-word.glitching .base{transform:translate(var(--jx,0),var(--jy,0)) skewX(var(--sk,0deg));filter:contrast(1.03);clip-path:polygon(0% var(--t1,0%),100% var(--t1,0%),100% var(--b1,100%),0% var(--b1,100%));}.ghost-word.glitching .red,.ghost-word.glitching .cyan,.ghost-word.glitching .violet{opacity:var(--gop,.55);filter:blur(var(--gblur,.8px));}#logo h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;font-family:"Warincs",monospace;overflow:hidden;clip:rect(0,0,0,0);border:0;}#build{position:fixed;right:0;bottom:0;margin:0;padding:0;color:rgba(38,55,58,.35);font-family:"Warincs",monospace;font-size:.8rem;letter-spacing:1pt;text-align:right;z-index:9999;}#build .build_link{position:relative;display:inline-block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;}#build .b-version{display:inline-block;padding:0 var(--build-pad-x) var(--build-pad-y) var(--build-pad-x);color:rgba(43,35,49,.40);transition:color .15s ease-out;}#build .b-label{position:fixed;right:0;bottom:0;display:inline-block;box-sizing:border-box;padding:8px 20px;background:rgba(38,55,58,.85);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:.70rem;letter-spacing:.03em;border-radius:2px 0 0 0;width:max-content;max-width:100vw;white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .20s ease,transform .20s ease,visibility 0s linear .20s;pointer-events:none;}#build .build_link::before{content:"";position:absolute;right:calc(var(--build-pad-x) + 10px);bottom:calc(var(--build-pad-y) + 2px);width:1px;height:0;background:rgba(255,255,255,.24);opacity:0;transform:translateY(2px);transition:height .20s ease,opacity .20s ease,transform .20s ease;pointer-events:none;}#build .b-label::after{content:"....";display:inline-block;width:1.25em;margin-left:.20em;vertical-align:baseline;overflow:hidden;white-space:nowrap;opacity:.85;clip-path:inset(0 75% 0 0);}@keyframes mbDotsClip{0%{clip-path:inset(0 75% 0 0)}25%{clip-path:inset(0 50% 0 0)}50%{clip-path:inset(0 25% 0 0)}75%{clip-path:inset(0 0% 0 0)}100%{clip-path:inset(0 75% 0 0)}}@media (hover:hover) and (pointer:fine){#build .build_link:hover .b-version{color:rgba(255,0,140,.52)}#build .build_link:hover .b-label{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .20s ease,transform .20s ease,visibility 0s}#build .build_link:hover::before{opacity:1;height:22px;transform:translateY(0)}#build .build_link:hover .b-label::after{animation:mbDotsClip 1.2s steps(1,end) infinite}}#build .build_link:focus .b-version,#build .build_link:focus-within .b-version,#build .build_link:active .b-version{color:rgba(255,0,140,.52);}#build .build_link:focus .b-label,#build .build_link:focus-within .b-label,#build .build_link:active .b-label{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .20s ease,transform .20s ease,visibility 0s;}#build .build_link:focus::before,#build .build_link:focus-within::before,#build .build_link:active::before{opacity:1;height:22px;transform:translateY(0);}#build .build_link:focus .b-label::after,#build .build_link:focus-within .b-label::after,#build .build_link:active .b-label::after{animation:mbDotsClip 1.2s steps(1,end) infinite;}@media (max-width:480px){.glitch-canvas{inset:-52px;width:calc(100% + 104px);height:calc(100% + 104px)}#build .b-label{width:100%;max-width:100vw}}@media (max-width:600px){:root{--build-pad-x:16px;--build-pad-y:18px}#build .b-label{max-width:100vw}}@media screen and (max-width:768px){#logo{align-items:center}}@media (prefers-reduced-motion:reduce){.layer{transition:none}}