
: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:120px;padding:20px 4.5vw 0;z-index:3}.monogram{font:34px 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(31px,3.1vw,51px)/.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:6px;letter-spacing:-.01em}.period{display:none}.subtitle{font-size:15px;color:var(--muted);margin:14px 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:96px;padding-top:16px}h1{font-size:38px}.subtitle{margin-top:12px}}
@media(max-width:760px){header{height:96px;padding:16px 7vw 0}.monogram{font-size:30px}main{padding:0 7vw}.identity{padding-bottom:70px}h1{font-size:clamp(32px,6.2vw,40px)}.subtitle{font-size:14px;line-height:1.6;margin-top:12px;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:-.015em;margin-left:.18em}

.monogram{font-style:italic;letter-spacing:-3.1px}
.contact-arrow{display:inline-block;position:relative;width:.78em;height:.78em;margin-left:10px;vertical-align:-.04em}.contact-arrow::before{content:"";position:absolute;left:.03em;top:.62em;width:.9em;border-top:1px solid currentColor;transform:rotate(-45deg);transform-origin:left center}.contact-arrow::after{content:"";position:absolute;right:.01em;top:.04em;width:.28em;height:.28em;border-top:1px solid currentColor;border-right:1px solid currentColor}
.more{position:fixed;right:4.5vw;bottom:34px;z-index:5;text-align:right}.more-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 0;font:12px/1.2 'DM Mono',monospace;letter-spacing:.035em;color:var(--muted);transition:color .3s ease,transform .48s cubic-bezier(.2,.8,.2,1)}.more-trigger i{display:block;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.more:hover .more-trigger,.more:focus-within .more-trigger,.more.open .more-trigger{color:var(--fg)}.more.open .more-trigger{transform:translateY(-118px)}.more.open .more-trigger i{transform:rotate(225deg) translate(-2px,-2px)}.more-panel{position:absolute;right:0;bottom:0;width:min(390px,82vw);display:grid;gap:13px;opacity:0;pointer-events:none;transform:translateY(9px);transition:opacity .24s ease .16s,transform .4s cubic-bezier(.2,.8,.2,1) .16s}.more.open .more-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.more-item{display:block;width:100%;padding:0;text-align:right;font:italic 22px/1.1 var(--serif);letter-spacing:.005em;opacity:0;transform:translateY(7px);transition:opacity .32s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.more.open .more-item{opacity:1;transform:translateY(0)}.more.open .more-item:nth-child(1){transition-delay:.2s}.more.open .more-item:nth-child(2){transition-delay:.27s}.more.open .more-item:nth-child(3){transition-delay:.34s}.more-copy{display:block;min-height:1.15em;color:var(--fg);text-shadow:0 0 0 transparent;transition:color .18s ease,text-shadow .18s ease}.more-item:hover .more-copy,.more-item:focus-visible .more-copy{color:var(--accent)}.more-copy.is-morphing{color:var(--accent);text-shadow:0 0 16px var(--accent),0 0 34px color-mix(in srgb,var(--accent) 55%,transparent)}.more-variable{display:inline-block;min-width:3.2ch;text-align:center}
.soapbox{position:fixed;right:7vw;top:50%;z-index:6;width:min(410px,86vw);pointer-events:none;opacity:0;transform:translate(70px,-50%);transition:opacity .42s ease,transform .75s cubic-bezier(.18,.82,.2,1)}.soapbox form{display:grid;gap:18px}.soapbox p{margin:0}.soapbox form>p:first-child{font:italic clamp(36px,4vw,55px)/.92 var(--serif);color:var(--fg);margin-bottom:4px}.soapbox label{display:grid;gap:7px;font:600 11px/1.2 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted)}.soapbox input,.soapbox textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid rgba(182,172,216,.43);border-radius:0;outline:0;background:transparent;color:var(--fg);padding:8px 0;font:18px/1.25 var(--sans);transition:border-color .25s ease}.soapbox textarea{min-height:105px;max-height:280px}.soapbox input:focus,.soapbox textarea:focus{border-color:var(--accent)}.soapbox-send{justify-self:start;margin-top:3px;padding:7px 0;color:var(--fg);font:700 13px 'DM Mono',monospace;letter-spacing:.04em}.soapbox-send span{padding-left:7px;color:var(--accent);transition:transform .25s ease}.soapbox-send:hover span{display:inline-block;transform:translateX(5px)}.soapbox-close{position:absolute;right:0;top:-35px;padding:6px;font:25px/1 var(--serif);color:var(--muted)}.soapbox-status{min-height:1.25em;font-size:12px!important;color:var(--muted)}.honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}body.form-open .soapbox{opacity:1;pointer-events:auto;transform:translate(0,-50%)}body.form-open .identity{transform:translateX(-19vw);opacity:.18;transition:transform .75s cubic-bezier(.18,.82,.2,1),opacity .45s ease}body.form-open .contact,body.form-open .more{opacity:0;pointer-events:none;transition:opacity .25s ease}
@media(max-width:760px){.more{right:7vw;bottom:26px}.more.open .more-trigger{transform:translateY(-112px)}.more-panel{width:min(350px,86vw);gap:12px}.more-item{font-size:20px}.soapbox{right:7vw;top:49%;width:86vw;transform:translate(50px,-50%)}.soapbox form>p:first-child{font-size:43px}body.form-open .identity{transform:translateX(-28vw);opacity:0;pointer-events:none}}
/* A stable form card, with the canvas providing only the quiet outer contour. */
.soapbox form{position:relative;padding:34px 38px 30px;border:1px solid rgba(182,172,216,.38);border-radius:3px;background:rgba(var(--bg-rgb),.24);box-shadow:0 0 0 5px rgba(var(--bg-rgb),.14)}
.soapbox-close{right:12px;top:10px;z-index:1}.soapbox form>p:first-child{padding-right:30px}.soapbox input,.soapbox textarea{position:relative;z-index:1}
@media(max-width:760px){.soapbox form{padding:30px 28px 27px}.soapbox-close{right:4px;top:8px}}
@keyframes more-anticipate{0%{color:var(--accent);text-shadow:0 0 0 transparent}38%{text-shadow:0 0 5px var(--accent)}72%{text-shadow:0 0 13px var(--accent),0 0 25px var(--accent)}100%{color:var(--fg);text-shadow:0 0 24px var(--accent),0 0 48px var(--accent)}}
.more-copy.is-morphing,.more-variable.is-morphing{color:var(--fg);text-shadow:0 0 18px var(--accent),0 0 38px var(--accent)}
.more-copy.is-anticipating,.more-variable.is-anticipating{animation:more-anticipate .78s cubic-bezier(.17,.84,.22,1) forwards}
.waitlist{position:fixed;right:7vw;top:50%;z-index:6;width:min(410px,86vw);pointer-events:none;opacity:0;transform:translate(70px,-50%);transition:opacity .42s ease,transform .75s cubic-bezier(.18,.82,.2,1)}.waitlist form{display:grid;gap:18px;padding:34px 38px 30px;border:1px solid rgba(182,172,216,.38);border-radius:3px;background:rgba(var(--bg-rgb),.24);box-shadow:0 0 0 5px rgba(var(--bg-rgb),.14)}.waitlist p{margin:0}.waitlist form>p:first-child{font:italic clamp(36px,4vw,55px)/.92 var(--serif);color:var(--fg)}.waitlist label{display:grid;gap:7px;font:600 11px/1.2 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted)}.waitlist input{width:100%;border:0;border-bottom:1px solid rgba(182,172,216,.43);outline:0;background:transparent;color:var(--fg);padding:8px 0;font:18px/1.25 var(--sans)}.waitlist .consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.4}.waitlist .consent input{width:14px;height:14px;accent-color:var(--accent);padding:0}.waitlist-send{justify-self:start;padding:7px 0;color:var(--fg);font:700 13px 'DM Mono',monospace;letter-spacing:.04em}.waitlist-close{position:absolute;right:12px;top:10px;z-index:1;padding:6px;font:25px/1 var(--serif);color:var(--muted)}.waitlist-status{min-height:1.25em;font-size:12px!important;color:var(--muted)}body.waitlist-open .waitlist{opacity:1;pointer-events:auto;transform:translate(0,-50%)}body.waitlist-open .identity{transform:translateX(-19vw);opacity:.18;transition:transform .75s cubic-bezier(.18,.82,.2,1),opacity .45s ease}body.waitlist-open .more{opacity:0;pointer-events:none}@media(max-width:760px){.waitlist{right:7vw;top:49%;width:86vw;transform:translate(50px,-50%)}.waitlist form{padding:30px 28px 27px}.waitlist form>p:first-child{font-size:43px}.waitlist-close{right:4px;top:8px}body.waitlist-open .identity{opacity:0;pointer-events:none}}
@media(min-width:761px){.more.open .more-trigger{transform:translateY(-150px)}}@media(max-width:760px){.more.open .more-trigger{transform:translateY(-144px)}}
