:root{--paper:#edf1fb;--ink:#15254d;--accent:#f04468;--muted:#53647c;--serif:Georgia,serif;--display:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{padding:24px 6vw;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:21px;letter-spacing:-.8px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none}button,.pill{background:var(--ink);color:var(--paper);border:0;padding:13px 19px;border-radius:30px}.quiet{background:transparent;color:var(--ink);border:1px solid currentColor}.hero{position:relative;min-height:620px;padding:70px 6vw 50px;overflow:hidden;isolation:isolate}.hero h1{font-family:var(--display);font-size:clamp(58px,8.8vw,138px);line-height:.95;letter-spacing:-.065em;max-width:930px;margin:24px 0 30px;font-weight:500}.hero p{font-size:20px;line-height:1.6;max-width:480px}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.74}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent);opacity:.72;z-index:-1}.hero .orb{position:absolute;width:380px;height:380px;right:8vw;top:90px;background:var(--accent);border-radius:45% 55% 72% 28%;transform:rotate(-20deg);z-index:-2;box-shadow:30px -30px 0 color-mix(in srgb,var(--ink) 20%,transparent);animation:drift 12s ease-in-out infinite}.hero .line{font-size:14px;letter-spacing:.03em}.hero-bottom{display:flex;align-items:center;gap:30px;margin-top:42px}.marquee{padding:19px 0;overflow:hidden;background:var(--ink);color:var(--paper);font-size:22px}.marquee span{display:block;white-space:nowrap;animation:scroll 24s linear infinite;word-spacing:25px}.section{padding:70px 6vw}.section h2{font:500 clamp(32px,4vw,58px)/1.1 var(--display);letter-spacing:-.045em;margin:0 0 20px}.section>p{max-width:650px;line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.filters button{background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{min-width:0}.art{height:230px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent) 15%,var(--paper));border-radius:var(--radius,0)}.art:before{content:'';position:absolute;inset:20% 20%;background:var(--accent);border-radius:var(--shape,45%);transform:rotate(-20deg);transition:transform .5s ease}.art:after{content:'';position:absolute;inset:36% 8%;border:1px solid var(--ink);border-radius:50%;transform:rotate(25deg)}.card:nth-child(2n) .art:before{border-radius:0;inset:24% 34%;transform:rotate(20deg)}.card:nth-child(3n) .art:before{border-radius:50% 50% 0 0;inset:12% 28%}.card:hover .art:before{transform:rotate(0deg) scale(1.08)}.card h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:20px 0 8px}.card p{color:var(--muted);line-height:1.6;min-height:48px}.card__foot{display:flex;justify-content:space-between;gap:8px;align-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.panel{padding:30px;background:color-mix(in srgb,var(--accent) 9%,var(--paper));border-radius:var(--radius,0)}.panel h3{font-size:26px;margin-top:0}label{display:block;margin:15px 0}label input,label select{margin:8px 0 0;display:block;padding:12px;width:100%;max-width:480px;border:1px solid var(--muted);border-radius:8px;background:var(--paper);color:var(--ink)}output{font-size:28px;display:block;margin:20px 0}.list-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:14px 0}.list-row button{padding:5px 12px}footer{display:flex;justify-content:space-between;gap:30px;padding:40px 6vw;background:var(--ink);color:var(--paper)}footer p{max-width:420px;font-size:14px;line-height:1.6}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:16px;max-width:560px;padding:35px}dialog::backdrop{background:#0008}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.layout-1 .hero{display:grid;align-content:center;text-align:center}.layout-1 .hero h1,.layout-1 .hero p{margin-left:auto;margin-right:auto}.layout-1 .hero-bottom{justify-content:center}.layout-1 .hero:after{background:var(--paper);opacity:.45}.layout-2 .hero h1{font-family:Georgia,serif;font-style:italic;max-width:780px}.layout-2 .products{grid-template-columns:repeat(2,1fr)}.layout-2 .art{height:330px}.layout-3 .hero{padding-left:38vw}.layout-3 .hero h1{font-size:clamp(50px,6vw,100px)}.layout-3 .hero .orb{left:5vw;right:auto}.layout-3 .hero:after{background:linear-gradient(270deg,var(--paper),transparent)}.layout-4 .hero h1{font-weight:800;letter-spacing:-.08em}.layout-4 .hero{min-height:570px}.layout-4 .products{grid-template-columns:repeat(3,1fr)}.layout-5 .hero h1{font-family:Georgia,serif;letter-spacing:-.055em;max-width:750px}.layout-5 .card{padding:20px;border:1px solid var(--ink);border-radius:25px}.demo-note{font-size:12px;color:var(--muted);padding:12px 6vw;border-bottom:1px solid #8884}.status{min-height:24px;line-height:1.5}.no-webgl .orb{display:block}.shader-on .orb{display:none}@keyframes drift{50%{transform:rotate(20deg) translateY(25px);border-radius:65% 35% 36% 64%}}@keyframes scroll{to{transform:translateX(-30%)}}@media(max-width:700px){header{padding:22px 5vw}header strong{max-width:170px}nav a:not(:first-child){display:none}nav{gap:10px}.hero,.layout-3 .hero{padding:55px 5vw;min-height:580px}.hero h1{font-size:65px!important;max-width:100%}.hero .orb{width:260px;height:260px;right:-50px;top:260px}.layout-3 .hero .orb{left:auto;right:-70px}.hero p{font-size:17px;max-width:290px}.section{padding:50px 5vw}.products,.layout-2 .products,.layout-4 .products{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:25px}.art,.layout-2 .art{height:260px}.hero-bottom{gap:15px}.hero-bottom span{font-size:13px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero canvas{display:none}.hero .orb{animation:none}}

.cover-view *{animation:none!important;transition:none!important}