:root{color-scheme:dark;--bg:#101010;--fg:#f2f1ed;--muted:#aaa9a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--fg);outline-offset:8px}.skip{position:fixed;left:20px;top:-100px;z-index:100}.skip:focus{top:20px;background:var(--bg)}header{height:130px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343434}.brand{width:100px;display:block}.brand>span{font-size:9px;letter-spacing:1.6px;display:block;margin-top:8px}.wordmark{display:flex;gap:4%;align-items:stretch}.glyph{display:block;width:22%;overflow:visible;flex:none;transform-origin:50% 60%;fill:currentColor}.glyph:last-child{width:14%}.brand .wordmark{height:42px}nav{display:flex;gap:36px;font-size:12px}nav span{margin-left:12px}main,footer,header{transition:opacity .8s}body.intro-active main,body.intro-active footer,body.intro-active header nav{opacity:0;pointer-events:none}body.intro-active .brand{visibility:hidden}body.intro-active{overflow:hidden}.hero{padding:48px 5% 42px;min-height:calc(100svh - 130px);display:flex;flex-direction:column}.eyebrow,.section-top,.interaction-caption,footer{font-size:10px;letter-spacing:1px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}h1{font-weight:400;font-size:clamp(54px,7.6vw,116px);line-height:.99;letter-spacing:-.065em;margin:80px 0 90px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em} .hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;font-size:12px;line-height:1.65;color:var(--muted)}.hero-bottom p{margin:0}.hero-bottom a span{font-size:22px;display:inline-block;margin-left:35px}#explore{padding:42px 5% 45px;border-top:1px solid #343434;background:var(--fg);color:var(--bg)}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top h2{font-size:13px;letter-spacing:0;font-weight:400;margin:0}.section-top>span{font-size:9px}#playground{padding:110px 0 100px;touch-action:pan-y}#interactive{width:100%;height:clamp(180px,32vw,480px);gap:4.2%}#interactive .glyph{height:100%}.interaction-caption{display:flex;justify-content:space-between;letter-spacing:0;font-size:12px}.interaction-caption span:last-child{font-size:9px;letter-spacing:1px}#about{padding:50px 5% 130px}.about-copy{margin:85px 0 0 auto;max-width:780px;width:70%}.about-copy p:first-child{font-size:clamp(30px,4vw,60px);letter-spacing:-.04em;line-height:1.12;margin:0 0 38px}.about-copy p:last-child{color:var(--muted);font-size:clamp(17px,1.65vw,24px);line-height:1.5;max-width:610px}footer{margin:0 5%;border-top:1px solid #343434;padding:28px 0;display:flex;justify-content:space-between;color:var(--muted)}#intro{position:fixed;inset:0;z-index:20;pointer-events:none;display:none;background:var(--bg)}.intro-active #intro{display:block}#phrase{position:absolute;top:calc(50% - 130px);left:0;right:0;text-align:center;font-size:clamp(17px,2vw,27px);letter-spacing:.16em}#assembly{position:absolute;width:min(440px,76vw);height:min(240px,41.5vw);left:50%;top:50%;transform:translate(-50%,-30%)}#assembly .glyph{opacity:0}#assembly .glyph:nth-child(2){visibility:hidden}#traveler{position:fixed;top:0;left:0;transform-origin:0 0;width:100px;height:200px}#traveler svg{width:100%;height:100%}#intro-tech{position:absolute;text-align:center;width:100%;top:calc(50% + min(185px,32vw));font-size:13px;letter-spacing:.42em;opacity:0}#skip-intro{display:none;position:fixed;bottom:30px;right:5%;z-index:30;font-size:11px}.intro-active #skip-intro{display:block}@media(max-width:600px){header{height:105px}.brand{width:82px}.brand .wordmark{height:35px}.brand>span{font-size:7px}nav{gap:20px;font-size:10px}nav span{margin-left:3px}.hero{min-height:calc(88svh - 105px);padding-top:30px}.eyebrow{font-size:8px}.eyebrow span{max-width:130px;text-align:right;line-height:1.5}h1{margin:85px 0 75px;font-size:14vw}.hero-bottom{font-size:10px}.hero-bottom a{max-width:145px;text-align:right}.hero-bottom a span{margin-left:10px}#playground{padding:95px 0}#interactive{height:40vw}.interaction-caption span:last-child{max-width:125px;text-align:right;font-size:8px;line-height:1.5}.about-copy{width:100%;margin-top:65px}#about{padding-bottom:80px}footer{font-size:8px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.wordmark,#interactive{gap:0;justify-content:space-between}#intro-tech{width:max-content;left:50%;transform:translateX(-50%)}

/* Condensed industrial proportions: even stroke weight, open counters, no slabs. */
.wordmark .glyph{width:27.3%}.wordmark .glyph:last-child{width:6%}
#interactive{height:clamp(180px,40vw,560px)}
@media(max-width:600px){#interactive{height:47vw}}

/* Distribute the descriptor across the exact width of the wordmark. */
.brand>.brand-descriptor{display:flex;width:100%;justify-content:space-between;letter-spacing:0}

/* A single activity accent; the settled identity stays monochrome. */
:root{--accent:#87EDD8}
#traveler{opacity:0}



/* Extend the established editorial system; mint denotes actual human input. */
#explore{background:var(--bg);color:var(--fg)}
#playground{position:relative;padding:45px 0 0;outline-offset:12px}
.system-line,.system-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;line-height:1.5}
.system-line{margin-bottom:75px}
#presence{white-space:nowrap}
#interactive{margin:0;pointer-events:none}
.system-bottom{align-items:end;margin-top:65px;gap:30px}
.system-readout{display:flex;gap:36px;margin:0}
.system-readout>div{display:flex;gap:8px}
.system-readout dt,.system-readout dd{margin:0}
.system-bottom p{margin:0;font-size:12px;letter-spacing:0;text-align:right}
.keyboard-help{display:none;margin-top:6px;font-size:10px}
#playground:focus-visible .keyboard-help{display:block}
#playground[data-state="active"] #presence,#playground[data-state="active"] #system-state{color:var(--accent)}
#interactive .glyph{will-change:transform}
#about{border-top:1px solid #343434}
.about-copy p:last-child{color:var(--fg)}
.editorial-section{margin:0 5%;padding:50px 0 100px;border-top:1px solid #343434}
.section-statement{font-size:clamp(34px,4.5vw,68px);line-height:1.06;letter-spacing:-.045em;margin:80px 0 65px;font-weight:400}
.section-statement em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.service-list{margin-left:30%}
.service-row{border-top:1px solid #343434;padding:32px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:35px}
.service-row h3{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.5px;margin:0}
.service-row p{font-size:16px;line-height:1.6;margin:0;max-width:440px}
.product{margin-top:80px}
.product-status,.coming-soon{font-size:10px;letter-spacing:1px}
.product-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-top:40px}
.product h3{font-size:clamp(58px,9vw,136px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:0}
.product-copy{max-width:500px}
.product-copy p{font-size:17px;line-height:1.6;margin:0 0 28px}
.product-copy .product-tagline{font-size:clamp(23px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em}
.coming-soon{display:block;margin-top:44px}
.project-cta{display:inline-flex;align-items:center;gap:45px;font-size:12px;letter-spacing:1px;padding:14px 0;border-bottom:1px solid #666}
.project-cta span{font-size:24px;transition:color .15s,transform .2s}
.project-cta:is(:hover,:focus-visible) span{color:var(--accent);transform:translateX(4px)}
footer{gap:28px;align-items:start;flex-wrap:wrap;letter-spacing:.6px;color:var(--fg);line-height:1.6}
.footer-identity{display:flex;flex-direction:column;gap:12px}
.footer-identity small{font-size:10px;letter-spacing:0;color:var(--muted)}
footer a[href^="mailto"]{letter-spacing:0;font-size:12px}
footer a:is(:hover,:focus-visible){color:var(--accent)}
@media(max-width:900px){.system-readout{gap:16px}.system-readout>div{display:block}.service-list{margin-left:15%}}
@media(max-width:600px){#playground{padding-top:38px}.system-line{font-size:8px;margin-bottom:70px}.system-bottom{margin-top:60px;align-items:start;flex-direction:column;gap:28px}.system-readout{gap:30px;font-size:10px}.system-bottom p{text-align:left}.editorial-section{padding:40px 0 75px}.section-statement{margin:60px 0 48px}.service-list{margin-left:0}.service-row{grid-template-columns:1fr;gap:15px;padding:26px 0}.service-row p{font-size:16px}.product{margin-top:60px}.product-body{grid-template-columns:1fr;gap:35px}.product h3{font-size:22vw}.product-copy{max-width:100%}.coming-soon{margin-top:32px}footer{gap:24px}footer .footer-identity{flex-basis:100%}footer a:last-child{margin-left:auto}}

.system-line,.system-readout{font-size:11px}.system-readout{font-variant-numeric:tabular-nums}#playground[data-state="active"] .system-readout>div:first-child{color:var(--accent)}
@media(max-width:600px){.system-line{font-size:10px}.system-readout{font-size:11px}}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}

/* Full-width identity descriptor remains mint; content hierarchy stays white. */
.brand>.brand-descriptor{color:var(--accent)}
#intro-tech{display:flex;justify-content:space-between;width:min(440px,76vw);letter-spacing:0}
@media(max-width:600px){header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:235px}header nav a,header nav button{white-space:nowrap}header .brand{flex-shrink:0}header{gap:20px}}
@media(max-width:380px){header nav{gap:10px 16px}header nav #replay{flex-basis:100%;text-align:right;padding:0}}

/* Optional mouse-only cursor. These rules never hide a cursor without JS readiness. */
.suni-pointer-dot,.suni-pointer-ring{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;z-index:40;will-change:transform;contain:layout style;}
.suni-pointer-dot{width:7px;height:7px;background:#fff;border:.65px solid #000}
.suni-pointer-ring{width:30px;height:30px;border:1.5px solid var(--accent);box-shadow:0 0 0 .65px #000,inset 0 0 0 .65px #000}
.suni-pointer-dot[hidden],.suni-pointer-ring[hidden]{display:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none){#playground.suni-cursor-active{cursor:none}}
@media(any-pointer:coarse){#playground.suni-cursor-active{cursor:auto}.suni-pointer-dot,.suni-pointer-ring{display:none}}

/* Content revisions retain the existing editorial scale and spacing. */
.hero h1{font-size:clamp(48px,6.9vw,105px);margin-bottom:42px}
.hero-support{font-size:clamp(16px,1.65vw,24px);line-height:1.5;max-width:650px;margin:0 0 65px}
.hero-bottom{gap:36px}.hero-bottom>a:last-child{max-width:300px;text-align:right}
.about-copy p:not(:first-child){font-size:clamp(17px,1.65vw,24px);line-height:1.5;max-width:610px}
.about-copy .principle{margin-top:36px}
.process-list{list-style:none;padding:0;margin:80px 0 0 30%}
.process-list li{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;padding:25px 0;border-top:1px solid #343434}
.process-list h3{font-size:12px;font-weight:400;letter-spacing:.5px;margin:0;line-height:1.6}
.process-list p{font-size:16px;line-height:1.6;margin:0}
.founder-copy{margin:65px 0 0 auto;max-width:660px;width:70%;font-size:clamp(17px,1.65vw,24px);line-height:1.6}
.contact-stage{min-height:560px}
.contact-headline{font-size:clamp(64px,9vw,136px);line-height:.99;letter-spacing:-.065em;font-weight:400;margin:70px 0 42px}
.contact-intro{font-size:clamp(17px,1.65vw,24px);line-height:1.6;margin:0 0 40px}
.contact-kicker{font-size:11px;letter-spacing:1px;margin:0 0 24px}
.email-row{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
#contact-email{font-size:clamp(18px,2.2vw,28px);line-height:1.3;letter-spacing:-.035em;color:var(--fg);user-select:text;-webkit-user-select:text;overflow-wrap:anywhere}
#copy-email{font-size:12px;letter-spacing:1px;padding:14px 0;min-width:90px;text-align:left}
#copy-email[data-state="copied"]{color:var(--accent)}
.contact-note{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:18px;margin:30px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#contact-details[hidden],#contact-invitation[hidden]{display:none}
#contact-email::selection{background:var(--fg);color:var(--bg)}
@media(max-width:900px){header nav{gap:22px}.process-list{margin-left:15%}}
@media(max-width:600px){header nav{gap:14px 18px;max-width:250px}header nav span{margin-left:3px}.hero h1{font-size:11.5vw;margin:65px 0 35px}.hero-support{font-size:17px;margin-bottom:48px}.hero-bottom{align-items:start;gap:25px;flex-wrap:wrap}.hero-bottom .project-cta{max-width:none;text-align:left;font-size:11px}.hero-bottom>a:last-child{max-width:200px}.process-list{margin:55px 0 0}.process-list li{grid-template-columns:1fr;gap:12px}.founder-copy{width:100%;margin-top:50px}.contact-headline{font-size:19vw;margin:55px 0 35px}.contact-stage{min-height:460px}.email-row{align-items:start;flex-direction:column;gap:12px}#contact-email{font-size:18px}.contact-intro{font-size:17px}#copy-email{min-height:44px}.section-top{gap:20px}.section-top>span{flex-shrink:0}}

/* Vector arrows keep the same monochrome appearance on every platform. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Targeted technology accent; avoid inheriting the hero arrow span styling. */
.technology-word{color:var(--accent)}
.hero-bottom a .technology-word{display:inline;font-size:inherit;margin:0}
/* Equal editorial product hierarchy, with supporting copy kept subordinate. */
.product h3{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em}
.product-copy .product-tagline{font-size:clamp(21px,2vw,27px)}
.product-status{color:var(--muted)}
.founder-copy p{margin:0 0 1.4em}
.founder-copy p:last-child{margin-bottom:0}

/* A human line portrait occupies the Founder's existing left-hand negative space. */
.founder-composition{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.3fr);gap:7%;align-items:center;margin-top:65px}
.founder-composition .founder-copy{width:100%;margin:0 0 0 auto}
.founder-portrait{margin:0;padding:0;color:var(--fg);width:100%;max-width:340px;justify-self:center}
.founder-portrait svg{display:block;width:100%;height:auto;overflow:visible}
@media(max-width:800px){.founder-composition{grid-template-columns:1fr;gap:45px;margin-top:50px}.founder-portrait{width:min(100%,300px);justify-self:start}.founder-composition .founder-copy{max-width:660px;margin:0}}
@media(prefers-reduced-motion:reduce){.founder-portrait path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}