:root{--rouge:#ff2d55;--rouge-deep:#b81138;--rouge-light:#ff869b;--engrave:#5a5a68;--engrave-lo:#6c6c7b;--engrave-hi:#33333e;--engrave-shadow:0 1px 1px #ffffff38,0 -1px 1px #00000047,0 2px 5px #00000021;--ink:#08080b;--ink-2:#101016;--paper:#f3f0ee;--muted:#7d7d88;--dark:#08080b;--light:#f3f0ee}@property --fill{syntax:"<percentage>";inherits:true;initial-value:0%}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:grid;background:var(--ink);color:var(--paper);overflow:hidden;isolation:isolate;place-items: center;min-height:100svh;padding:clamp(1.5rem,6vw,4rem);font-family:Space Mono,monospace}.bg{position:fixed;pointer-events:none;inset:0}.bg-dark{z-index:-2;background:radial-gradient(125% 125% at 50% 0%,color-mix(in srgb,var(--dark),#fff 7%)0%,var(--dark)62%)}.bg-light{z-index:-1;background:radial-gradient(125% 125% at 50% 0%,color-mix(in srgb,var(--light),#fff 35%)0%,var(--light)70%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.divider{position:fixed;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,var(--rouge)14%,var(--rouge)86%,transparent 100%);transform:translate(calc(var(--px,50vw) - 1px),calc(var(--py,50vh) - 160vmax))rotate(var(--rot,0rad));transform-origin:1px 160vmax;width:2px;height:320vmax;top:0;left:0;box-shadow:0 0 14px #ff2d558c,0 0 2px #ffffffb3}.storm,.thunder{position:fixed;pointer-events:none;mix-blend-mode:screen;z-index:0;inset:0}.storm{opacity:0;animation:storm 6.5s infinite steps(1,end);background:radial-gradient(60% 50% at 50% -10%,#ff2d552e,#0000 70%),radial-gradient(40% 40% at 80% 0%,#78a0ff1f,#0000 70%)}@keyframes storm{0%,to{opacity:0}2%{opacity:.55}4%{opacity:.08}6%{opacity:.42}9%{opacity:0}52%{opacity:0}54%{opacity:.4}56%{opacity:.05}58%{opacity:.3}61%{opacity:0}}.thunder{opacity:0;background:radial-gradient(70% 60% at 50% -5%,#ff2d5559,#0000 65%),radial-gradient(100% 100%,#ffffff14,#0000 60%)}.thunder.flash{animation:flash 1.6s ease-out}@keyframes flash{0%{opacity:0}6%{opacity:.45}16%{opacity:.12}26%{opacity:.35}55%{opacity:.18}to{opacity:0}}.grain{position:fixed;pointer-events:none;opacity:.045;z-index:6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.stage{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(3rem,9vw,6rem);width:min(820px,100%)}.stage.shake{animation:shake .2s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}.hero{display:flex;flex-direction:column;align-self: center;align-items: flex-start;gap:1.5rem;width:-moz-fit-content;width:fit-content}.title{letter-spacing:-.02em;color:#14141b;font-family:Playfair Display,Georgia,serif;font-size:clamp(4.5rem,23vw,12rem);font-weight:900;line-height:.9}.title .ch{display:inline-block;position:relative;will-change:transform,opacity,filter;opacity:0;transform:translateY(-.55em)scale(1.5)}.title .ch.land{animation:land 1.15s cubic-bezier(.16,.84,.24,1)forwards}@keyframes land{0%{opacity:0;transform:translateY(-.62em)scale(1.55);filter:blur(5px);color:var(--rouge);text-shadow:0 0 30px var(--rouge)}55%{opacity:1;transform:translateY(.07em)scale(.95);filter:blur(0);color:var(--rouge);text-shadow:0 0 22px var(--rouge)}78%{transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1);color:var(--engrave);text-shadow:var(--engrave-shadow)}}.title .ch.lit{opacity:1;color:var(--engrave);text-shadow:var(--engrave-shadow);transform:none}.title .ch.lit:after{content:attr(data-ch);position:absolute;color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to top,var(--rouge)0%,var(--rouge-light)calc(var(--fill)*.5),var(--rouge)calc(var(--fill) - 2%),transparent calc(var(--fill) + 2%));animation:fill-up 1.5s cubic-bezier(.2,.7,.2,1)forwards,water 3.4s ease-in-out calc(1.5s + var(--wd,0s))infinite;top:0;left:0}@keyframes fill-up{0%{--fill:0%}to{--fill:42%}}@keyframes water{0%,to{--fill:42%}25%{--fill:44.5%}50%{--fill:39.5%}75%{--fill:43.5%}}.tagline{display:flex;text-transform:uppercase;letter-spacing:.32em;color:var(--rouge);white-space:nowrap;justify-content:center;align-items:baseline;gap:.5em}.tagline .word{display:inline-block;text-shadow:0 0 18px #ff2d5566;font-size:clamp(1.15rem,3.5vw,1.9rem);font-weight:700}.foot{display:flex;color:var(--muted);justify-content:center;align-items: center}.contact{position:fixed;z-index:3;color:#fff;mix-blend-mode:difference;text-decoration:none;letter-spacing:.06em;white-space:nowrap;font-size:clamp(1.15rem,3.5vw,1.9rem);bottom:clamp(1rem,3vh,2rem);right:clamp(1rem,3vw,2.25rem)}.contact:after{content:"";position:absolute;background:currentColor;width:0;height:1.5px;transition:width .3s;bottom:-3px;left:0}.contact:hover:after{width:100%}.palette{position:fixed;z-index:20;display:grid;cursor:pointer;color:#fff;mix-blend-mode:difference;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;place-items: center;width:76px;height:76px;top:clamp(1rem,3vh,1.75rem);right:clamp(1rem,3vw,2.25rem)}.palette svg{overflow:visible;width:46px;height:46px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.palette:hover svg{transform:scale(1.2)rotate(-10deg)}.palette:focus-visible svg{transform:scale(1.2)rotate(-10deg)}.palette:focus-visible{outline:2px solid;outline-offset:3px}.palette .blob{fill:currentColor;transform-box:fill-box;transform-origin:center}.palette:hover .blob{animation:blob-dance 1.05s ease-in-out infinite}.palette:hover .blob:nth-of-type(2){animation-delay:.13s}.palette:hover .blob:nth-of-type(3){animation-delay:.26s}.palette:hover .blob:nth-of-type(4){animation-delay:.39s}@keyframes blob-dance{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.9px)scale(1.35)}}.picker{position:fixed;z-index:20;backdrop-filter:blur(14px)saturate(1.2);-webkit-backdrop-filter:blur(14px)saturate(1.2);display:flex;animation:picker-in .18s ease-out;background:#101016eb;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:12px;width:232px;padding:14px;box-shadow:0 18px 50px #0000008c,0 0 0 1px #0000004d}.picker[hidden]{display:none}@keyframes picker-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.sv{position:relative;cursor:crosshair;touch-action:none;background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#f03);border-radius:10px;width:100%;height:138px}.sv-handle{position:absolute;pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073}.hue{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;width:100%;height:12px}.hue::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000059;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.hue::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000059;border-radius:50%;width:14px;height:14px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatches button{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff2e;border-radius:6px;padding:0;transition:transform .12s}.swatches button:hover{transform:scale(1.18)}.readout{display:flex;align-items: center;gap:8px}.chip{border:1px solid #ffffff38;border-radius:6px;width:22px;height:22px}.hex{letter-spacing:.04em;color:#f3f0ee;text-transform:uppercase;margin-left:auto;font-family:Space Mono,monospace;font-size:.8rem}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}.title .ch{opacity:1;color:var(--rouge);transform:none}.title .ch.lit:after{--fill:42%;animation:none}}