@font-face{font-family:Manrope;src:url('/living-systems/assets/manrope-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/living-systems/assets/manrope-semibold.woff') format('woff');font-style:normal;font-weight:600 800;font-display:swap}
:root{--blue:#233bea;--paper:#f3f2eb;--acid:#e7fb69;--ink:#18201e;--gutter:clamp(24px,5vw,88px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}::selection{background:var(--acid);color:var(--blue)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid currentColor;outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}p,h1,h2,h3{margin:0}p{line-height:1.65}h1,h2,h3{font-weight:600;letter-spacing:-.04em}h2{text-wrap:balance;font-size:clamp(42px,5.2vw,76px);line-height:1.08}button{border:0}section,footer{scroll-margin-top:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:20;top:-100px;left:24px;padding:14px;background:var(--acid);color:var(--ink)}.skip:focus{top:16px}.section-pad{padding:110px var(--gutter)}
.hero{position:relative;min-height:830px;height:100svh;max-height:1150px;background:var(--blue);color:var(--paper);overflow:hidden}.header{height:112px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid #ffffff36}.wordmark{font-size:36px;letter-spacing:-.04em;font-weight:600;display:inline-flex;gap:3px;align-items:flex-start}.wordmark svg{width:23px;height:23px;margin-top:4px;stroke-width:4;color:var(--acid)}.header nav{display:flex;gap:35px;align-items:center;font-size:14px}.header nav a{padding:12px 0}.header nav a:hover{color:var(--acid)}.header nav span{font-size:10px;vertical-align:super;margin-left:4px;color:#ced6ff}.contact-nav{display:flex;align-items:center;gap:25px;font-size:14px;border:1px solid #ffffff65;border-radius:30px;padding:12px 19px;transition:background .25s,color .25s}.contact-nav:hover{background:var(--acid);color:var(--blue);border-color:var(--acid)}.contact-nav svg{width:17px;height:17px}.hero-copy{position:absolute;left:var(--gutter);top:25.3%;z-index:2;pointer-events:none}.hero h1{font-size:clamp(78px,8.35vw,130px);line-height:.98;letter-spacing:-.04em;max-width:760px}.pulse-word{color:var(--acid);display:inline-block}.period{color:var(--paper)}.hero-copy p{margin-top:29px;font-size:17px;line-height:1.55;color:#e1e5ff}.hero-cta{display:inline-flex;align-items:center;gap:25px;margin-top:29px;font-size:14px;pointer-events:auto}.hero-cta>span{border:1px solid #ffffff70;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;transition:background .25s,color .25s,transform .35s var(--ease)}.hero-cta:hover>span{background:var(--acid);color:var(--blue);transform:translateY(4px)}.hero-cta svg{width:18px;height:18px}.sculpture-stage{position:absolute;width:57%;height:77%;right:-2%;top:13%;isolation:isolate}.sculpture-stage canvas{width:100%;height:100%;display:block;cursor:grab;position:relative;z-index:1;touch-action:pan-y}.sculpture-stage canvas.dragging{cursor:grabbing}.sculpture-shadow{position:absolute;bottom:14%;left:25%;width:52%;height:9%;border-radius:50%;background:#10219980;filter:blur(28px);transform:rotate(-12deg);z-index:0}.orbit-note{position:absolute;top:13%;right:16%;z-index:2;font-size:12px;line-height:1.5;transform:rotate(7deg);pointer-events:none}.orbit-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-bottom:8px}.drag-hint{position:absolute;bottom:9%;left:50%;white-space:nowrap;transform:translateX(-50%);font-size:11px;color:#d2d8ff;pointer-events:none;z-index:2}.drag-hint span{margin:0 7px}.hero-footer{position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;font-size:12px;border-top:1px solid #ffffff36;padding-top:24px;z-index:3}.hero-footer p{line-height:1.7}.hero-footer p span{color:#d2d8ff}.hero-location{font-size:12px;padding-bottom:6px}.sculpture-tools{display:flex;align-items:center;gap:9px}.shape-options{display:flex;border:1px solid #ffffff55;border-radius:30px;padding:4px;gap:3px}.shape-options button{background:none;color:var(--paper);padding:8px 17px;font-size:11px;border-radius:20px;transition:background .2s,color .2s}.shape-options button[aria-pressed=true]{background:var(--paper);color:var(--blue)}.shape-options button:hover:not([aria-pressed=true]){background:#ffffff20}.motion{border:1px solid #ffffff55;background:transparent;color:var(--paper);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.motion svg{width:17px;height:17px}.motion:hover{background:#ffffff20}.fallback-art{display:none}.no-webgl canvas,.no-webgl .drag-hint,.no-webgl .orbit-note{display:none}.no-webgl .fallback-art{display:grid;position:absolute;inset:22% 10%;place-items:center}.fallback-art span{width:65%;height:65%;position:absolute;border:35px solid var(--acid);border-radius:50%;transform:rotate(45deg) skew(-20deg)}.fallback-art span:nth-child(2){transform:rotate(105deg) skew(-20deg)}.fallback-art span:nth-child(3){transform:rotate(165deg) skew(-20deg)}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:66px;gap:30px}.section-heading>p{font-size:14px;max-width:310px;padding-bottom:5px}.work h2 span{color:var(--blue)}.project{width:87%;margin-bottom:85px}.project-ai{margin-left:auto}.project-art{position:relative;display:block;overflow:hidden;aspect-ratio:1.85;border-radius:3px;isolation:isolate}.art-top,.art-bottom{position:absolute;left:35px;right:35px;display:flex;justify-content:space-between;z-index:2}.art-top{top:30px;font-size:11px;letter-spacing:.045em}.art-top span:first-child{font-weight:600}.art-bottom{bottom:28px;align-items:end;font-size:26px;line-height:1.2;letter-spacing:-.025em}.round-link{width:47px;height:47px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:transform .5s var(--ease)}.project-art:hover .round-link{transform:rotate(45deg);background:#ffffff20}.traffic-art{background:#dfe9cc;color:#243c2c}.traffic-art canvas{width:100%;height:100%;display:block;transition:transform 1s var(--ease)}.project-art:hover canvas{transform:scale(1.035)}.visit-hint{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-30%);opacity:0;display:flex;align-items:center;gap:20px;background:var(--acid);color:var(--ink);padding:15px 22px;border-radius:30px;font-size:13px;pointer-events:none;transition:opacity .25s,transform .4s var(--ease)}.visit-hint svg{width:17px;height:17px}.project-art:hover .visit-hint,.project-art:focus-visible .visit-hint{opacity:1;transform:translate(-50%,-50%)}.project-description{display:flex;justify-content:space-between;gap:35px;padding-top:25px}.project-description h3{font-size:25px;margin-bottom:10px}.project-description h3 a:hover{color:var(--blue)}.project-description p{font-size:13px;max-width:480px;color:#51594c}.project-tags{display:flex;gap:7px;align-items:start;flex-wrap:wrap;justify-content:end;max-width:250px;padding-top:5px}.project-tags span{font-size:10px;border:1px solid #b7bbae;border-radius:20px;padding:5px 10px;white-space:nowrap}.ai-art{background:#e5c9dc;color:#472e48}.ai-composition{position:absolute;inset:13% 10% 14%;perspective:1000px}.evidence-sheet{position:absolute;width:66%;left:24%;top:17%;background:#fff7fb;border-radius:8px;padding:22px;transform:rotate(-7deg) rotateY(-9deg);box-shadow:0 28px 45px #734c6840;transition:transform .7s var(--ease)}.ai-art:hover .evidence-sheet{transform:rotate(-3deg) rotateY(0)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:600}.sheet-mark{font-size:9px;background:#dcebd7;padding:5px 8px;border-radius:15px;color:#36462b}.sheet-row{display:grid;grid-template-columns:.6fr 1.7fr .5fr;gap:14px;font-size:10px;border-top:1px solid #e8dce5;padding:14px 0}.sheet-row>span:first-child{font-weight:600}.sheet-row b{font-weight:400;color:#73567d}.sheet-foot{display:flex;justify-content:space-between;border-top:1px solid #e8dce5;padding-top:15px;font-size:10px}.sheet-foot svg{width:13px;height:13px}.ai-orb{position:absolute;z-index:2;left:7%;top:14%;width:28%;aspect-ratio:1;border-radius:50%;background:#654977;box-shadow:8px 20px 30px #55376835;display:grid;place-items:center;transform:rotate(-15deg);color:#eacae0}.ai-orb svg{width:62%;height:62%;stroke-width:6}.context-note{position:absolute;bottom:2%;right:2%;background:#f5e9f2;font-size:10px;padding:10px 15px;border-radius:30px;transform:rotate(4deg)}.tiny-dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:8px}.portfolio-project{border-top:1px solid #bbc0b4;border-bottom:1px solid #bbc0b4;padding:35px 0;display:flex;gap:28px;align-items:center}.mini-star{width:66px;height:66px;background:var(--blue);color:var(--acid);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.mini-star svg{width:38px;height:38px;stroke-width:3;transition:transform .7s var(--ease)}.portfolio-project:hover .mini-star svg{transform:rotate(90deg)}.portfolio-project h3{font-size:22px;letter-spacing:-.025em}.portfolio-project p{font-size:12px;color:#51594c;margin-top:7px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:22px}.text-link svg{width:18px;height:18px;transition:transform .3s}.text-link:hover svg{transform:translate(3px,-3px)}.portfolio-project>.text-link{margin-left:auto;white-space:nowrap}
.about{background:var(--acid);padding-top:96px;padding-bottom:102px}.about-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.about-top h2{font-size:clamp(40px,4.9vw,70px)}.about-star{width:92px;height:92px;color:var(--blue);stroke-width:5;margin-right:25px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:78px}.about-statement{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.035em;line-height:1.4}.about-statement span{color:var(--blue)}.about-details>p{font-size:14px;margin-bottom:20px;max-width:540px}.capabilities{margin-top:37px;border-top:1px solid #18201e45}.capabilities>div{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #18201e45;padding:18px 0}.capabilities span{font-size:11px;color:#414a24}.capabilities strong{font-size:12px;font-weight:600}
.playground{background:#18251f;color:var(--paper)}.playground .section-heading>p{color:#b6c8b8}.playground h2{font-size:clamp(40px,4.7vw,68px)}.retrieval-lab{display:grid;grid-template-columns:.9fr 1.25fr;gap:10%;border-top:1px solid #586359;padding-top:65px}.lab-symbol{width:66px;height:66px;color:var(--acid);margin-bottom:24px}.lab-symbol svg{width:66px;height:66px;stroke-width:3}.lab-explainer h3{font-size:25px;letter-spacing:-.025em;margin-bottom:15px}.lab-explainer>p{font-size:14px;max-width:360px;color:#c3cfc2}.lab-explainer .honesty-note{font-size:11px;margin:25px 0 22px;color:#aebfaf}.lab-explainer .text-link{color:var(--acid)}.lab-console{min-width:0}.console-status{display:flex;justify-content:space-between;color:#b4c6b6;font-size:10px;border-bottom:1px solid #586359;padding:0 0 18px}.console-status .tiny-dot{color:var(--acid)}#search-form{margin-top:30px}#search-form label{font-size:13px;display:block;margin-bottom:13px}.query-field{display:flex;align-items:center;background:#27392e;border-bottom:1px solid #789079;padding:7px 8px 7px 16px;gap:8px}.query-field input{min-width:0;flex:1;background:none;border:0;color:var(--paper);font-size:13px;outline-offset:8px;height:45px;caret-color:var(--acid)}.query-field input::placeholder{color:#b4c6b6}.query-field button{display:grid;place-items:center;background:var(--acid);color:var(--ink);width:42px;height:42px;border-radius:50%;flex-shrink:0}.query-field button:hover{background:#f3ffb3}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.suggestions button{background:none;color:#c3cfc2;border:1px solid #647866;border-radius:20px;font-size:10px;padding:7px 11px}.suggestions button:hover{background:#354c3a;color:var(--paper)}.results{margin-top:28px;min-height:220px}.results-empty{padding-top:22px}.results-empty p{color:#aebfaf;font-size:18px;line-height:1.55}.connection-line{width:90px;height:30px;display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:15px}.connection-line:before{content:'';position:absolute;height:1px;background:#647866;width:100%;top:50%}.connection-line i{width:8px;height:8px;border:1px solid var(--acid);background:#18251f;border-radius:50%;position:relative}.result{padding:18px 0;border-top:1px solid #586359}.result h4{margin:0 0 10px;font-size:16px;font-weight:600}.result p{font-size:12px;color:#c3cfc2;line-height:1.7}.result a{display:inline-flex;align-items:center;gap:12px;color:var(--acid);font-size:11px;margin-top:13px}.result a svg{width:14px;height:14px}.result-note{font-size:10px;color:#b4c6b6;margin-bottom:15px}
.contact{background:var(--blue);color:var(--paper);padding-top:50px;padding-bottom:35px}.contact-intro{display:flex;justify-content:space-between;align-items:center;font-size:12px}.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%}.back-top svg{transform:rotate(-45deg);width:20px;height:20px}.back-top:hover{background:var(--acid);color:var(--blue)}.contact h2{font-size:clamp(58px,8vw,120px);line-height:1.07;margin:70px 0 75px;position:relative;max-width:1100px}.contact h2 em{font-style:normal;color:var(--acid)}.contact h2>svg{position:absolute;width:85px;height:85px;stroke-width:4;right:0;top:5px;color:var(--acid)}.contact-bottom{border-top:1px solid #ffffff4d;padding-top:28px;display:flex;align-items:end;justify-content:space-between;gap:30px;font-size:11px}.contact-bottom p{line-height:1.8}.contact-bottom>p span,.contact-placeholder{color:#d2d8ff}.contact-bottom>a{display:flex;align-items:center;gap:18px}.contact-bottom>a svg{width:15px;height:15px}.contact-email{font-size:22px;color:var(--acid);display:inline-block;margin-top:8px}.noscript-note{padding:20px;background:var(--acid);margin:0}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--blue)}::-webkit-scrollbar-thumb{background:#9caaf7;border:2px solid var(--blue);border-radius:10px}
@media(min-width:1700px){.hero-copy{top:29%}.section-pad{padding-left:max(var(--gutter),calc((100% - 1500px)/2));padding-right:max(var(--gutter),calc((100% - 1500px)/2))}.hero h1{font-size:145px}}
@media(max-width:1050px){.hero{min-height:760px}.header{height:95px}.hero h1{font-size:9vw}.hero-copy{top:27%}.hero-copy p{font-size:15px}.sculpture-stage{width:60%;right:-6%;height:70%;top:20%}.hero-location{display:none}.project{width:95%}.project-description{gap:20px}.project-tags{max-width:220px}.evidence-sheet{padding:15px}.sheet-header{font-size:13px;margin-bottom:10px}.sheet-row{padding:10px 0;font-size:9px}.retrieval-lab{gap:7%}.contact h2>svg{width:65px;height:65px}}
@media(max-width:700px){:root{--gutter:24px}.section-pad{padding:70px var(--gutter)}.hero{height:auto;min-height:910px;max-height:none}.header{height:85px}.wordmark{font-size:29px}.wordmark svg{width:19px;height:19px}.header nav{gap:18px;font-size:12px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.contact-nav{padding:10px 12px;font-size:11px;gap:12px}.contact-nav svg{width:14px;height:14px}.hero-copy{top:126px;left:var(--gutter)}.hero h1{font-size:clamp(65px,13.3vw,93px);line-height:1.02}.hero-copy p{margin-top:21px;font-size:14px}.hero-cta{margin-top:20px;font-size:12px;gap:20px}.hero-cta>span{width:35px;height:35px}.sculpture-stage{width:100%;height:390px;top:430px;right:-4%}.orbit-note{top:5%;right:14%;font-size:10px}.drag-hint{font-size:10px;bottom:5%}.hero-footer{bottom:22px;padding-top:18px;font-size:10px;gap:12px;align-items:center}.shape-options{padding:3px;gap:0}.shape-options button{padding:8px 10px;font-size:10px}.sculpture-tools{gap:6px}.motion{width:33px;height:33px}.hero-footer p span{display:block;max-width:105px;line-height:1.5}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px;font-size:12px;max-width:260px}.section-heading>p br{display:none}.work h2{font-size:48px}.project{width:100%;margin-bottom:49px}.project-art{aspect-ratio:1.13}.art-top{top:20px;left:20px;right:20px;font-size:8px;gap:15px}.art-top span:last-child{text-align:right}.art-bottom{left:20px;right:20px;bottom:19px;font-size:21px}.round-link{width:35px;height:35px}.round-link svg{width:19px;height:19px}.project-description{display:block;padding-top:20px}.project-description h3{font-size:23px}.project-description p{font-size:12px}.project-tags{max-width:none;justify-content:start;margin-top:13px;gap:6px}.project-tags span{font-size:9px;padding:4px 8px}.ai-composition{inset:16% 3% 24%}.evidence-sheet{width:77%;left:17%;top:20%;padding:13px;transform:rotate(-8deg)}.sheet-header{font-size:11px;gap:10px}.sheet-mark{font-size:7px}.sheet-row{font-size:8px;gap:7px;padding:9px 0}.sheet-foot{font-size:8px;padding-top:9px}.ai-orb{width:27%;left:1%;top:10%}.context-note{font-size:8px;bottom:-16%;right:0;padding:8px 11px}.portfolio-project{gap:17px;flex-wrap:wrap;padding:25px 0}.mini-star{width:45px;height:45px}.mini-star svg{width:28px;height:28px}.portfolio-project>div{flex:1}.portfolio-project h3{font-size:18px;line-height:1.35}.portfolio-project p{font-size:11px}.portfolio-project>.text-link{margin-left:62px;font-size:11px;white-space:normal}.about-top{align-items:start;gap:15px}.about-top h2{font-size:37px}.about-star{width:39px;height:39px;margin:4px 0 0}.about-body{display:block;margin-top:45px}.about-statement{font-size:27px;margin-bottom:32px}.about-details>p{font-size:13px}.capabilities{margin-top:27px}.playground h2{font-size:39px}.retrieval-lab{grid-template-columns:1fr;gap:40px;padding-top:35px}.lab-symbol{margin-bottom:20px}.lab-symbol,.lab-symbol svg{width:44px;height:44px}.lab-explainer>p{font-size:13px;max-width:none}.lab-explainer .honesty-note{max-width:380px}.lab-console{border-top:1px solid #586359;padding-top:25px}.query-field{padding-left:11px}.query-field input{font-size:11px}.suggestions button{font-size:9px;padding:7px 9px}.results{min-height:200px}.contact{padding-top:35px;padding-bottom:25px}.contact-intro{font-size:10px;gap:20px}.back-top{width:36px;height:36px;flex-shrink:0}.contact h2{font-size:clamp(46px,10.1vw,70px);margin:55px 0 50px}.contact h2>svg{width:31px;height:31px;right:5px;top:-20px}.contact-bottom{flex-wrap:wrap;gap:24px;font-size:10px}.contact-bottom>p{margin-left:auto}.contact-bottom>a{width:100%;justify-content:space-between;border-top:1px solid #ffffff36;padding-top:20px}.contact-email{font-size:18px}.visit-hint{display:none}}
@media(max-width:370px){:root{--gutter:19px}.hero-footer{gap:6px}.shape-options button{padding:8px}.hero h1{font-size:62px}.contact-bottom>p{margin-left:0}.hero-footer p{font-size:9px}.header nav{display:none}.art-bottom{font-size:18px}}
@media(max-width:700px){.ai-composition .evidence-sheet{top:8%}.ai-composition .context-note{display:none}}
.shape-options button{font-size:14px;min-height:44px;padding:10px 16px}.motion{width:46px;height:46px}.hero-footer{font-size:12px}.orbit-note,.drag-hint,.project-tags span,.honesty-note,.lab-explainer .honesty-note,.console-status,.result-note,.contact-bottom,.art-top{font-size:12px}.project-tags{max-width:310px}.project-tags span{padding:6px 11px}.project-description p,.lab-explainer>p,.about-details>p{font-size:14px}.suggestions button{font-size:12px;min-height:44px;padding:9px 12px}.query-field input{font-size:16px;min-height:48px}.query-field button{width:46px;height:46px}.text-link,.portfolio-project>.text-link,.hero-cta,.result a{font-size:14px;min-height:44px}.result p{font-size:14px}.portfolio-project p{font-size:14px}.contact-intro{justify-content:flex-end}.contact-bottom>a{min-height:44px}.capabilities span,.capabilities strong{font-size:12px}
@media(max-width:700px){.hero{min-height:990px}.hero-footer{flex-direction:column;align-items:stretch;gap:14px;padding-top:17px}.hero-footer p{font-size:12px;display:flex;justify-content:space-between;gap:18px}.hero-footer p>br{display:none}.hero-footer p span{max-width:none;text-align:right;font-size:12px}.sculpture-tools{justify-content:space-between}.shape-options{flex:1;justify-content:space-around}.shape-options button{padding:8px 16px;font-size:14px;flex:1}.motion{width:47px;height:47px}.hero-cta{font-size:14px}.hero-cta>span{width:44px;height:44px}.hero-copy p{font-size:16px}.project-tags{max-width:none}.project-tags span{font-size:12px}.project-description p,.portfolio-project p{font-size:14px}.portfolio-project>.text-link{font-size:14px;white-space:normal}.orbit-note,.drag-hint{font-size:12px}.art-top{font-size:10px}.header nav{font-size:14px}.contact-nav{font-size:13px;min-height:44px}.contact-bottom{font-size:12px}.contact-bottom>p{margin-left:0}.query-field input{font-size:16px}.suggestions{gap:6px}.suggestions button{font-size:12px;padding:8px 10px}.console-status{font-size:12px}.lab-explainer .honesty-note{font-size:12px}.contact-bottom>a{padding-top:18px}.ai-composition .sheet-mark{font-size:9px}.about-details>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The hero is a live typographic poster. Its field occupies the composition. */
.hero{background:var(--acid);color:var(--ink);height:100svh;min-height:820px;max-height:1200px;isolation:isolate}
.hero::selection{background:var(--blue);color:var(--paper)}
.hero .header{height:100px;border:0;z-index:5}.hero .wordmark svg{color:var(--blue)}.hero .header nav span{color:#44551d}.hero .header nav a:hover{color:var(--blue)}.hero .contact-nav{border-color:#18201e70}.hero .contact-nav:hover{background:var(--ink);color:var(--acid)}
.type-intro{position:absolute;left:var(--gutter);right:var(--gutter);top:140px;display:flex;align-items:start;justify-content:space-between;pointer-events:none;z-index:2}.type-intro>p:first-child{font-size:21px;line-height:1.35;letter-spacing:-.025em}.type-intro #point-count{font-size:12px;margin-top:5px}
.type-stage{position:absolute;inset:185px 1.8% 145px}.type-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:crosshair}.type-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:33vw!important;line-height:1;letter-spacing:-.04em;pointer-events:none}.type-stage.is-ready .type-fallback{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.registration{position:absolute;width:17px;height:17px;color:var(--ink);pointer-events:none}.registration::before,.registration::after{content:'';position:absolute;background:currentColor}.registration::before{width:17px;height:1px;top:8px}.registration::after{height:17px;width:1px;left:8px}.registration-a{left:2%;top:11%}.registration-b{right:2%;bottom:10%}
.hero-project{position:absolute;z-index:3;transition:transform .6s var(--ease);border-radius:2px;box-shadow:0 12px 28px #18201e1c}.hero-project>span:last-child,.hero-project>div>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.4}.hero-project>span:last-child svg,.hero-project>div>span:last-child svg{width:16px;height:16px}.project-stamp{font-size:11px;line-height:1.5;display:block}.hero-project-ai{right:18%;top:22.5%;background:var(--paper);color:var(--ink);width:215px;padding:17px 19px;transform:rotate(9deg)}.hero-project-ai:hover,.hero-project-ai:focus-visible{transform:rotate(0) translateY(-7px)}.branch-symbol{width:112px;height:48px;stroke-width:1.2;color:var(--blue);display:block;margin:7px 0 12px}.branch-symbol circle{fill:var(--blue);stroke:none}.hero-project-traffic{left:10%;bottom:19%;width:315px;display:flex;align-items:center;gap:17px;padding:19px;background:var(--blue);color:var(--paper);transform:rotate(-7deg)}.hero-project-traffic:hover,.hero-project-traffic:focus-visible{transform:rotate(0) translateY(-7px)}.hero-project-traffic .project-stamp{color:#d8ddff;margin-bottom:7px}.road-symbol{width:70px;height:42px;stroke-width:1.3;flex-shrink:0}.hero-project-traffic>div{flex:1}.type-annotation{position:absolute;right:11%;bottom:19%;display:flex;gap:17px;align-items:center;transform:rotate(-7deg);pointer-events:none}.type-annotation p{font-size:18px;line-height:1.3;letter-spacing:-.025em}.annotation-cross{width:35px;height:35px;position:relative;display:block;transform:rotate(25deg)}.annotation-cross::before,.annotation-cross::after{content:'';position:absolute;background:var(--blue)}.annotation-cross::before{height:2px;width:35px;top:16px}.annotation-cross::after{height:35px;width:2px;left:16px}
.type-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;border-top:1px solid #18201e60;padding-top:24px;z-index:4}.type-bottom>p{font-size:12px;max-width:230px;line-height:1.5}.enter-work{display:flex;align-items:center;justify-content:center;gap:18px;font-size:14px}.enter-circle{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--ink);border-radius:50%;transition:background .3s,color .3s}.enter-work:hover .enter-circle{background:var(--ink);color:var(--acid)}.enter-circle svg{width:22px;height:22px}.type-controls{display:flex;align-items:center;justify-content:end;gap:10px}.type-controls>button:first-child{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--acid);font-size:13px;white-space:nowrap;border-radius:28px;min-height:48px;padding:10px 18px}.type-controls>button:first-child svg{width:18px;height:18px;stroke-width:2;transition:transform .6s var(--ease)}.type-controls>button[aria-pressed=true]:first-child svg{transform:rotate(135deg)}.type-controls>button:first-child:hover{background:var(--blue);color:var(--paper)}.type-controls .motion{color:var(--ink);border-color:#18201e80;flex-shrink:0;width:48px;height:48px}.type-controls .motion:hover{background:#18201e12}.hero .header nav a,.hero .contact-nav{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1700px){.type-stage{inset:200px 3% 140px}.hero-project-ai{top:25%}}
@media(max-width:1050px){.type-intro{top:128px}.type-intro>p:first-child{font-size:18px}.hero-project-ai{right:12%;top:25%;width:190px;padding:14px}.hero-project-traffic{left:8%;bottom:22%;width:285px}.type-annotation{right:8%;bottom:22%}.type-annotation p{font-size:16px}.type-bottom{gap:15px;grid-template-columns:1fr auto auto}.type-controls>button:first-child{padding:10px 14px;font-size:12px}.enter-work{gap:12px}.enter-circle{width:48px;height:48px}}
@media(max-width:700px){.hero{height:100svh;min-height:820px;max-height:1000px}.hero .header{height:80px}.type-intro{top:112px;gap:20px}.type-intro>p:first-child{font-size:19px;max-width:230px}.type-intro #point-count{position:absolute;top:65px;left:0;font-size:11px;margin:0}.type-stage{inset:270px 0 265px}.hero-project-ai{right:8%;top:226px;width:164px;padding:11px 14px;transform:rotate(8deg)}.project-stamp{font-size:10px}.branch-symbol{width:80px;height:31px;margin:3px 0 7px}.hero-project>span:last-child,.hero-project>div>span:last-child{font-size:11px;gap:10px}.hero-project-ai>span:last-child svg{width:13px;height:13px}.hero-project-traffic{left:8%;bottom:227px;width:260px;padding:12px 15px;gap:13px}.road-symbol{width:57px;height:35px}.hero-project-traffic .project-stamp{margin-bottom:4px}.type-annotation{right:var(--gutter);bottom:174px;gap:9px;transform:rotate(-5deg)}.type-annotation p{font-size:13px}.annotation-cross{width:22px;height:22px}.annotation-cross::before{width:22px;top:10px}.annotation-cross::after{height:22px;left:10px}.registration-a{left:5%;top:15%}.registration-b{right:5%;bottom:10%}.type-bottom{bottom:22px;display:flex;flex-wrap:wrap;gap:17px 12px;padding-top:16px}.type-bottom>p{font-size:11px;max-width:185px;flex:1}.enter-work{font-size:12px;gap:9px}.enter-circle{width:41px;height:41px}.type-controls{width:100%;justify-content:space-between}.type-controls>button:first-child{font-size:14px;justify-content:center;flex:1;min-height:48px}.type-controls .motion{width:48px;height:48px}.type-fallback{font-size:34vw!important}.hero .header nav{display:flex;font-size:12px}.hero .header nav a:nth-child(n+2){display:none}.hero .contact-nav{font-size:12px}.hero .wordmark{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hero-project,.type-controls svg,.enter-circle{transition:none}}
.type-fallback{max-width:none!important}
.hero .header nav span,.hero .project-stamp{font-size:11px}
@media(max-width:700px){.type-intro>p:first-child{max-width:310px;font-size:18px}.type-intro #point-count{top:62px}}
.contact-whatsapp{font-size:22px;color:var(--acid);display:inline-block;margin:8px 20px 0 0}
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: page-out 140ms ease both; }
::view-transition-new(root) { animation: page-in 220ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes page-out { to { opacity: 0; transform: translateY(-4px); } }
@keyframes page-in { from { opacity: 0; transform: translateY(6px); } }
:where(button,a,input,select,textarea,summary) { transition-property: color,background-color,border-color,box-shadow,opacity,transform; transition-duration: 180ms; transition-timing-function: cubic-bezier(.2,.7,.2,1); }
:where(button:active) { transform: translateY(1px); }
:where(main li,.results>.result,.notebook-list>li,.race-order>*) { animation: item-in 220ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes item-in { from { opacity: 0; transform: translateY(5px); } }
:where(dialog[open]) { animation: popup-in 180ms cubic-bezier(.2,.7,.2,1) both; }
:where(dialog[open])::backdrop { animation: backdrop-in 180ms ease both; }
@keyframes popup-in { from { opacity: 0; transform: translateY(7px) scale(.99); } }
@keyframes backdrop-in { from { opacity: 0; } }
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
  ::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}
}
.contact h2{margin-bottom:28px}.contact-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 20px;margin-bottom:52px;background:var(--acid);color:var(--blue);font-size:14px;font-weight:600;transition:transform .2s var(--ease),background-color .2s,color .2s}.contact-action:hover,.contact-action:focus-visible{transform:translateY(-3px);background:var(--ink);color:var(--acid)}.contact-action svg{width:18px;height:18px}@media(max-width:700px){.contact h2{margin-bottom:24px}.contact-action{min-height:52px;width:100%;margin-bottom:38px;font-size:13px}}