:root{--bg:rgb(12,14,27);--fg:rgb(239,234,243);--muted:rgb(170,169,192);--accent:rgb(182,172,216);--bg-rgb:12,14,27;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',sans-serif;color-scheme:dark;font-family:var(--sans)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:520px}body{background:var(--bg);color:var(--fg);overflow:hidden;touch-action:pinch-zoom}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.veil{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(var(--bg-rgb),.71),transparent 59%)}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 4.5vw;z-index:3}.monogram{font:40px var(--serif);letter-spacing:-4px}.monogram span{font-style:italic}.monogram b{font:inherit;color:var(--accent);padding-left:5px}#motion{font-size:18px;opacity:.7;padding:12px;min-width:44px;min-height:44px}main{position:relative;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 11vw;pointer-events:none;outline:none}.identity{padding-bottom:15px}h1{font:400 clamp(75px,8vw,130px)/.85 var(--serif);letter-spacing:-.045em;margin:0}h1>span{display:block}.harmony{font-style:italic;color:var(--accent)}.labs{font-size:.52em;font-style:italic;margin-top:18px;letter-spacing:-.01em}.period{display:none}.subtitle{font-size:15px;color:var(--muted);margin:34px auto 0;line-height:1.5;width:min(42ch,84vw);height:3em;overflow:hidden}.caret{display:inline-block;width:1px;height:1em;background:var(--accent);margin-left:3px;vertical-align:-.1em;animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}body.paused .caret{animation:none}.contact{position:fixed;left:4.5vw;bottom:37px;font-size:13px;line-height:1.5;z-index:3}.contact span{margin-left:14px;color:var(--accent)}.concepts{position:fixed;right:4.5vw;bottom:27px;display:flex;gap:3px;padding:4px;border:1px solid #ffffff22;border-radius:40px;background:rgba(var(--bg-rgb),.75);backdrop-filter:blur(10px);z-index:4}.concepts button{font:12px 'DM Mono',monospace;border-radius:50%;width:40px;height:40px;opacity:.55}.concepts button[aria-pressed=true]{background:var(--fg);color:var(--bg);opacity:1}.concepts button:hover{opacity:1}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:10;background:var(--bg);padding:15px}
@media(max-height:700px) and (min-width:761px){header{height:80px}h1{font-size:90px}.subtitle{margin-top:25px}}
@media(max-width:760px){header{height:80px;padding:0 7vw}.monogram{font-size:35px}main{padding:0 7vw}.identity{padding-bottom:70px}h1{font-size:clamp(70px,16vw,105px)}.subtitle{font-size:14px;line-height:1.6;margin-top:28px;height:3.2em}.contact{left:7vw;bottom:96px;font-size:12px}.contact span{margin-left:6px}.concepts{bottom:22px;right:auto;left:7vw}.concepts button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important;animation:none!important}}

.monogram .mark-labs{font-style:italic;letter-spacing:-.035em;margin-left:.16em}

.monogram{font-style:italic}