*{box-sizing:border-box}html{color-scheme:dark;background:#000}body{margin:0;background:#000;color:#ddd;font-family:Arial,Helvetica,sans-serif;min-height:100svh;overflow-x:hidden}main{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:65px 24px 100px;position:relative;z-index:2}.identity{position:relative;width:min(720px,78vw);margin-top:12px}.logo{position:relative;aspect-ratio:810/350;overflow:hidden;isolation:isolate;mask-image:linear-gradient(0deg,transparent,black 5%,black 97%,transparent)}.logo img{position:absolute;width:206.42%;max-width:none;left:-53.08%;top:-77.14%;user-select:none}.shine{position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 35%,#6668 47%,#aaa9 50%,#6668 53%,transparent 65%);mix-blend-mode:color-dodge;transform:translateX(-140%);animation:shimmer 10s ease-in-out infinite;pointer-events:none}.secret{position:absolute;right:1.8%;top:0;width:12%;height:30%;border:0;background:none;cursor:pointer;border-radius:50%;z-index:3}.secret:focus-visible{outline:1px dotted #777;outline-offset:4px}.whisper{position:absolute;right:-5px;top:-28px;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s;letter-spacing:.4em;font-size:10px;color:#aeb0b3}.whisper.visible{opacity:1;transform:translateY(0)}h1{font-size:11px;font-weight:400;letter-spacing:.54em;margin:28px 0 43px;text-align:center;padding-left:.54em;color:#a4a4a4}form{width:min(440px,100%)}.form-row{display:flex;gap:5px;height:43px}input{font:11px Arial;letter-spacing:.14em;min-width:0;flex:1;background:#030303;border:1px solid #454545;color:#eee;padding:0 16px;border-radius:0}input::placeholder{color:#858585}input:focus{outline:none;border-color:#aaa;box-shadow:0 0 14px #ffffff0b}.notify{width:125px;border:1px solid #bdbdbd;border-radius:0;background:linear-gradient(135deg,#efefef,#b1b1b1);color:#222;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:filter .2s}.notify span{margin-left:8px}.notify:hover{filter:brightness(1.15)}.caption{text-align:center;color:#737373;letter-spacing:.22em;font-size:9px;margin-top:17px}.response{max-width:440px;text-align:center;font-size:11px;letter-spacing:.1em;line-height:1.8;color:#999;min-height:40px;margin:16px 0 0}.response strong{display:block;color:#ddd;font-weight:400;font-size:13px}.slime{position:fixed;right:-90px;bottom:-100px;width:min(65vw,850px);height:auto;opacity:.5;transform-origin:100% 100%;animation:ooze 19s ease-in-out infinite;pointer-events:none;z-index:1}footer{position:absolute;left:35px;right:35px;bottom:25px;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#3c3c3c;font-size:8px;letter-spacing:.27em}footer button{font-size:9px;background:none;border:0;color:#555;cursor:pointer;letter-spacing:.06em;padding:6px}footer button:hover{color:#aaa}dialog{background:#0c0c0c;color:#aaa;border:1px solid #333;max-width:400px;width:calc(100% - 40px);padding:40px;font-size:13px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:25px;color:#eee;font-weight:400}.eyebrow{font-size:9px;letter-spacing:.2em}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#999;font-size:25px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes shimmer{0%,55%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}@keyframes ooze{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-16px,-14px) scale(1.04,.97)}}@media(max-width:600px){main{padding:40px 30px 90px}.identity{width:94vw}h1{font-size:9px;letter-spacing:.4em;margin-top:28px;margin-bottom:36px}.form-row{height:44px}.notify{width:108px}input{font-size:10px;padding-left:12px}.slime{width:110vw;right:-140px;bottom:-40px;opacity:.4}footer{left:22px;right:22px}.whisper{right:15px;font-size:8px}.caption{font-size:8px}}@media(prefers-reduced-motion:reduce){.shine,.slime{animation:none}.whisper{transition:none}}
.logo:after{content:"";position:absolute;left:0;bottom:0;width:78%;height:8%;background:#000;z-index:2}
.logo:after{display:none}.logo{clip-path:polygon(0 0,100% 0,100% 100%,80% 100%,80% 91%,0 91%)}
.logo{clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 91%,0 91%)}
/* Atmospheric layer: deliberately quiet and monochrome. */
.aura{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 34% at 50% 39%,#8f92971b,transparent 80%);animation:breathe 12s ease-in-out infinite;z-index:0}.identity{isolation:isolate}.logo{mix-blend-mode:screen;clip-path:inset(0 0 14% 0)}.grain{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.slime{opacity:.85}.slime.second{left:-190px;top:-150px;right:auto;bottom:auto;width:min(55vw,660px);transform:rotate(180deg);opacity:.65;animation:ooze-second 23s ease-in-out infinite}.drip-button{position:absolute;left:77.9%;top:81%;width:4%;height:20%;padding:0;border:0;background:none;cursor:pointer;z-index:3;transform-origin:50% 0}.drip-button svg{width:100%;height:100%;overflow:visible}.drip-button:focus-visible{outline:1px dotted #999;outline-offset:5px}.drip-button.falling svg{animation:fall-regrow 2.6s cubic-bezier(.4,0,.7,1) both}.slime-secret{position:fixed;bottom:70px;right:0;width:min(23vw,280px);height:200px;background:transparent;border:0;cursor:crosshair;z-index:3}.slime-secret:focus-visible{outline:1px dotted #555;outline-offset:-10px}.slime-message{position:absolute;bottom:40%;right:25px;color:#96989b;font-size:9px;font-weight:400;letter-spacing:.2em;line-height:2;white-space:nowrap;text-align:right;opacity:0;transform:translateY(5px);transition:opacity .7s,transform .7s;pointer-events:none}.slime-secret:hover .slime-message,.slime-secret:focus-visible .slime-message,.slime-secret.found .slime-message{opacity:1;transform:translateY(0)}@keyframes breathe{0%,100%{opacity:.5}50%{opacity:1}}@keyframes ooze-second{0%,100%{transform:rotate(180deg) translate(0,0)}50%{transform:rotate(180deg) translate(-12px,-13px) scale(1.03)}}@keyframes fall-regrow{0%{transform:translateY(0) scaleY(1);opacity:1}12%{transform:translateY(0) scaleY(1.3);opacity:1}36%{transform:translateY(150px) scale(.7,1.15);opacity:0}55%{transform:translateY(0) scaleY(0);opacity:0}65%{transform:translateY(0) scaleY(.1);opacity:1}100%{transform:translateY(0) scaleY(1);opacity:1}}@media(max-width:600px){.aura{background:radial-gradient(ellipse 70% 25% at 50% 40%,#8f92971c,transparent 85%)}.slime.second{width:95vw;left:-160px;top:-65px;opacity:.5}.slime-secret{height:150px;width:145px;bottom:55px}.slime-message{font-size:8px;right:18px}.grain{opacity:.025}}@media(prefers-reduced-motion:reduce){.aura,.slime.second,.drip-button.falling svg{animation:none}.slime-message{transition:none}.drip-button.falling svg{opacity:.2}}
.slime.second{transform-origin:50% 50%}.identity{mix-blend-mode:screen}
.slime.second{left:-80px;top:-50px;opacity:.8}@media(max-width:600px){.slime.second{left:-110px;top:-35px;opacity:.6}}

/* Final chosen holo-chrome composition. */
.identity{width:min(650px,43vw);margin-top:10px}.logo{aspect-ratio:720/320;clip-path:none;mask-image:linear-gradient(0deg,transparent,black 3%,black 97%,transparent)}.logo img{width:232.222%;left:-65.972%;top:-87.5%}.shine{display:none}.drip-button{left:77%;top:78%;width:6%;height:22%}.drip-button.falling{filter:drop-shadow(0 0 8px #d2b8ff);background:radial-gradient(ellipse,#d2b8ff44,transparent 70%)}.secret{top:1%;right:0;width:9%;height:22%}h1{margin:12px 0 42px}.consent{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;color:#8c8c8c;line-height:1.5;margin-top:18px}.consent input{flex:none;width:13px;height:13px;padding:0;accent-color:#c8bbd5}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.removal-link{color:#aaa;font-size:10px;text-underline-offset:4px}.notify:disabled{opacity:.5;cursor:wait}.chrome-cursor{display:none;position:fixed;z-index:1000;pointer-events:none;width:23px;height:29px;transform:translate(-50%,-30%);filter:drop-shadow(0 0 5px #c3a3e550)}.chrome-cursor svg{width:100%;height:100%;transition:transform .15s}.chrome-cursor.over svg{transform:scale(1.4)}.chrome-cursor.typing{opacity:.45}.chrome-cursor.visible{display:block}.custom-cursor,.custom-cursor button,.custom-cursor a{cursor:none}.custom-cursor input{cursor:text}.custom-cursor:has(input:hover) .chrome-cursor{display:none}@media(max-width:600px){.identity{width:92vw}h1{margin:20px 0 34px}.consent{font-size:9px}.response{font-size:11px}.chrome-cursor{display:none!important}main{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.chrome-cursor svg{transition:none}}

/* Blend the black logo canvas into the atmospheric page backdrop. */
main{mix-blend-mode:screen}

.logo img{filter:contrast(1.18)}

/* A single liquid reveal; the page remains interactive throughout. */
.paint-reveal{display:none;position:fixed;left:0;top:-25vh;width:100%;height:150vh;z-index:900;pointer-events:none;will-change:transform}
.paint-arrival .paint-reveal{display:block;animation:paint-away 1.35s cubic-bezier(.45,.08,.35,1) both}
@keyframes paint-away{from{transform:translateY(0)}to{transform:translateY(155vh)}}
h1{font-size:15px;letter-spacing:.19em;padding-left:.19em;color:#bebcc1;font-weight:400}
.logo img{animation:chrome-glint 12s ease-in-out 1.5s infinite}
@keyframes chrome-glint{0%,65%,100%{filter:contrast(1.18) brightness(1)}78%{filter:contrast(1.18) brightness(1.12)}88%{filter:contrast(1.18) brightness(1.02)}}
@media(max-width:600px){h1{font-size:13px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.paint-arrival .paint-reveal{display:none;animation:none}.logo img{animation:none}}
