/* Movement follows the scroll position and reverses naturally on the way back. */
.header{transition:transform .4s cubic-bezier(.22,1,.36,1),background .25s}.header.scrolling-down{transform:translateY(-100%)}.brand svg{width:32px;height:32px}.hero-art-v2{height:430px;background:radial-gradient(ellipse at 55% 80%,#3c4829 0,transparent 60%),#1b2016;perspective:900px;isolation:isolate}.hero-stage{position:absolute;inset:0;transform:rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .8s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.modular-symbol{position:absolute;width:370px;height:370px;left:50%;top:25px;transform:translate(-50%,var(--hero-y,0px)) rotate(var(--hero-angle,-12deg));filter:drop-shadow(16px 28px 15px #080c0860)}.modular-symbol svg{width:100%;height:100%;overflow:visible}.symbol-stem{animation:stem-drift 7s ease-in-out infinite;transform-origin:135px 320px}.symbol-bowl{animation:bowl-drift 7s ease-in-out infinite;transform-origin:420px 320px}.hero-art-v2 .orbit{width:550px;height:550px}.hero-art-v2 .orbit-two{width:850px;height:850px}.orbital-track{position:absolute;left:50%;top:50%;width:550px;height:550px;margin:-275px;border-radius:50%;animation:orbit-motion 24s linear infinite}.orbital-track i{display:block;width:9px;height:9px;border:2px solid #d1f78a;background:#1b2016;border-radius:50%;position:absolute;left:110px;top:29px;box-shadow:0 0 15px #d1f78a33}.floating-note{position:absolute;border:1px solid #4b5b36;background:#20291bcc;padding:9px 14px;color:#dce8c9;font-size:10px;border-radius:5px;box-shadow:0 5px 22px #10150d40;backdrop-filter:blur(8px)}.note-one{left:15%;top:45%;animation:note-drift 8s ease-in-out infinite}.note-one i{display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--accent);border-radius:50%}.note-two{right:12%;top:64%;animation:note-drift 9s ease-in-out infinite reverse}.hero-art-v2 .art-corner{right:31px;bottom:31px}.hero-art-v2 .art-caption{bottom:31px}.motion-button{border:0;background:transparent;color:#b8c8a4;font-size:9px;letter-spacing:.03em;display:flex;align-items:center;gap:10px;padding:7px 0}.hero-motion{position:absolute;right:30px;top:65px;z-index:2}.motion-button:hover{color:#edffd5}.motion-button span{font-size:12px}.motion-paused .symbol-stem,.motion-paused .symbol-bowl,.motion-paused .orbital-track,.motion-paused .floating-note,.motion-paused .code-object,.motion-paused .code-object *{animation-play-state:paused!important}.motion-paused .hero-stage{transform:none}.motion-paused .modular-symbol{transform:translateX(-50%) rotate(-12deg)}
@keyframes stem-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-9px,15px)}}@keyframes bowl-drift{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(13px,-12px) rotate(3deg)}}@keyframes note-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(2deg)}}@keyframes orbit-motion{to{transform:rotate(360deg)}}
.work-v2{padding:100px 0 0;overflow:clip}.work-v2 .work-heading{margin-bottom:65px}.work-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:50px;align-items:start}.project-index{position:sticky;top:140px;display:flex;flex-direction:column;gap:7px;padding-bottom:50px}.project-index>.eyebrow{font-size:8px;color:#8d9981;margin-bottom:24px}.project-index>a{display:flex;gap:10px;align-items:center;padding:11px 12px;margin-left:-12px;font-size:14px;color:#8c9981;border-radius:5px;transition:color .25s,background .25s}.project-index>a>span{font-size:8px;color:#758467;margin-right:4px}.project-index i{font-style:normal;margin-left:auto;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.project-index>a.active{background:#2c3623;color:#d1f78a}.project-index>a.active i{opacity:1;transform:none}.index-note{color:#8b9680;font-size:10px;line-height:1.8;margin-top:50px}.index-progress{width:100%;height:1px;background:#3c4732;margin-top:24px;overflow:hidden}.index-progress i{display:block;height:1px;width:100%;background:var(--accent);transform:scaleX(var(--work-progress,0));transform-origin:left}.project-story{min-height:calc(100vh + 70px);padding-bottom:100px;scroll-margin-top:110px}.project-panel{position:sticky;top:110px;border-radius:9px;padding:30px;background:#294638;overflow:hidden;transform:translateY(var(--panel-y,0px));will-change:transform}.project-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.real-logo{object-fit:contain;object-position:left center;max-width:155px;max-height:45px;height:auto}.sixday-real-logo{width:122px}.magflow-real-logo{width:137px}.azamein-real-logo{width:140px;height:40px;object-fit:contain}.project-panel-top>span{font-size:7px;letter-spacing:.08em;color:#dae4cf}.screenshot-link{display:block;position:relative;box-shadow:0 20px 45px #10231544;transform:translateY(var(--screen-y,0px)) rotate(var(--screen-angle,0deg)) scale(var(--screen-scale,1));transform-origin:center;transition:box-shadow .3s;overflow:hidden;border-radius:6px;background:#fff}.browser-bar{height:29px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#f0f0eb;color:#7a7e74;border-bottom:1px solid #deded7;font-size:7px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#c4c7bd}.browser-bar>span{margin:auto;font-size:7px;color:#808675;letter-spacing:.04em}.browser-bar>b{font-size:11px;font-weight:400}.real-screenshot{display:block;width:100%;height:auto;aspect-ratio:1280/720;object-fit:cover;object-position:top}.visit-project{position:absolute;inset:auto 18px 18px auto;border-radius:100px;background:#111310ed;color:#f0f1e9;padding:10px 16px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.screenshot-link:hover .visit-project,.screenshot-link:focus-visible .visit-project{opacity:1;transform:none}.story-caption{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:30px}.story-caption h3{font-size:30px;line-height:1.15;letter-spacing:-.045em;color:#f0f1e9;margin:0 0 12px}.story-caption p{font-size:11px;max-width:300px;color:#c4d2b9;line-height:1.8;margin:0}.story-caption>a{font-size:9px;white-space:nowrap;border-bottom:1px solid #90a77c;padding-bottom:6px;color:#dce8cf}.magflow-panel{background:#ded8cc}.magflow-panel .project-panel-top>span{color:#766658}.magflow-panel .story-caption h3{color:#302820}.magflow-panel .story-caption p{color:#6c6052}.magflow-panel .story-caption>a{color:#41352a;border-color:#9f8e7b}.azamein-panel{background:#d6ccdc}.azamein-panel .project-panel-top>span{color:#6d586f}.azamein-panel .story-caption h3{color:#372d3b}.azamein-panel .story-caption p{color:#6a5d6e}.azamein-panel .story-caption>a{color:#4b3e50;border-color:#a68fa9}.project-story:last-child{min-height:100vh;padding-bottom:110px}
.protocol-section{padding-block:20px 110px}.protocol-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.protocol-heading .eyebrow{color:var(--muted);font-size:8px;margin-bottom:23px}.protocol-heading h2{font-size:45px}.protocol-heading>p{font-size:12px;line-height:1.9;margin-bottom:3px}.protocol-playground{height:520px;position:relative;margin-top:40px;border:1px solid #303a2a;border-radius:9px;background:#171d15;overflow:hidden}.protocol-grid{position:absolute;inset:0;background-image:radial-gradient(#6c7c5540 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.protocol-coordinate{position:absolute;top:26px;left:30px;color:#839577;font-size:8px;letter-spacing:.12em}.code-object{position:absolute;width:210px;height:218px;border:0;padding:18px 18px 15px;display:flex;flex-direction:column;text-align:left;border-radius:12px;box-shadow:0 15px 20px #070d0a40;transition:filter .25s,box-shadow .25s;transform:rotate(var(--rotation,-5deg));animation:object-drift 8s ease-in-out infinite;cursor:help;isolation:isolate;z-index:1;overflow:hidden;color:#192014}.code-object:focus-visible{outline:2px solid #f0f1e9;outline-offset:6px}.object-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:700;letter-spacing:.07em;position:relative;z-index:1}.object-top i{font-style:normal;font-size:14px;line-height:1}.code-number{font-size:78px;letter-spacing:-7px;line-height:1.1;font-weight:600;margin-top:25px;position:relative;z-index:1;font-variant-numeric:tabular-nums}.object-name{font-size:9px;margin-top:auto;position:relative;z-index:1;font-weight:600}.code-200{background:#d1f78a;left:5%;top:110px;--rotation:-10deg;animation-delay:-1s}.code-301{background:#b4a6df;left:25%;top:225px;--rotation:7deg;animation-delay:-4s}.code-404{background:#f0eede;left:42%;top:69px;--rotation:-5deg;animation-delay:-2s;width:240px;height:240px}.code-404 .code-number{font-size:92px;margin-top:28px}.code-500{background:#e2a175;right:4%;top:228px;--rotation:9deg;animation-delay:-3s}.code-103{background:#bdd4df;width:160px;height:160px;right:6%;top:52px;--rotation:-10deg;animation-delay:-6s}.code-103 .code-number{font-size:52px;letter-spacing:-4px;margin-top:13px}.code-103 .object-top{font-size:6px}.code-103 .object-name{font-size:8px}.code-object:hover,.code-object:focus-visible{filter:brightness(1.07);box-shadow:0 23px 40px #070d0a88;z-index:5;animation-play-state:paused}.code-object[aria-pressed=true]{outline:1px solid #ffffff66;outline-offset:4px}.success-orbit{position:absolute;width:47px;height:47px;right:16px;top:102px;border-radius:50%;border:1px solid #42652850;display:grid;place-items:center;font-size:24px;animation:check-orbit 4s ease-in-out infinite;color:#527b2d}.redirect-path{position:absolute;right:12px;top:99px;font-size:70px;line-height:1;opacity:.25;animation:redirect-move 3s ease-in-out infinite}.missing-zero{display:inline-block;border:1px dashed #77725b55;border-radius:50%;color:transparent;position:relative}.lost-orbit{position:absolute;right:36px;top:102px;font-family:Georgia,serif;font-size:38px;color:#a3a088;animation:lost-move 5s ease-in-out infinite}.server-bars{position:absolute;right:17px;top:80px;display:flex;gap:4px;align-items:end;height:65px;opacity:.3}.server-bars i{width:9px;background:#7d3a24;animation:server-pulse 2s steps(3) infinite;height:45px}.server-bars i:nth-child(2){animation-delay:-.7s;height:25px}.server-bars i:nth-child(3){animation-delay:-1.3s;height:60px}.hint-dots{display:flex;gap:5px;position:absolute;right:15px;top:66px}.hint-dots i{width:5px;height:5px;background:#375767;border-radius:50%;animation:hint-blink 1.8s ease-in-out infinite}.hint-dots i:nth-child(2){animation-delay:.2s}.hint-dots i:nth-child(3){animation-delay:.4s}.protocol-motion{position:absolute;bottom:20px;left:30px;z-index:6}.protocol-explanation{display:grid;grid-template-columns:160px 1fr auto;align-items:start;gap:35px;border-bottom:1px solid var(--line);padding:27px 0;min-height:145px}.explanation-code{font-size:11px;letter-spacing:.02em;color:var(--accent);padding-top:4px;white-space:nowrap}.protocol-explanation h3{font-size:20px;margin:0 0 6px}.protocol-explanation p{font-size:12px;color:var(--muted);max-width:600px;margin:0;line-height:1.8}.protocol-explanation>a{font-size:9px;color:var(--muted);margin-top:5px;white-space:nowrap}.protocol-explanation>a:hover{color:var(--accent)}
@keyframes object-drift{0%,100%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-13px) rotate(calc(var(--rotation) + 3deg))}}@keyframes check-orbit{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes redirect-move{0%,100%{transform:translate(-2px,2px)}50%{transform:translate(7px,-7px)}}@keyframes lost-move{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(12px,-15px) rotate(18deg)}}@keyframes server-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes hint-blink{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.contact-chat-button{border:1px solid #527333;background:#172113;color:#d1f78a;gap:35px;margin-bottom:28px}.contact-chat-button:hover{background:#2c4020}.contact-links .email-link{font-size:19px;gap:30px}.contact-links .email-link>span{font-size:22px}.contact-links{min-width:300px}.contact-section .copy-email{font-size:9px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.project-chat{color:var(--text);background:#171c15;border:1px solid #455536;border-radius:16px;padding:0;width:min(550px,calc(100% - 32px));max-height:calc(100dvh - 50px);height:720px;box-shadow:0 30px 100px #0008;margin:auto 30px 25px auto;overflow:hidden;position:fixed;inset:0;grid-template-rows:auto auto minmax(80px,1fr) auto auto auto auto}.project-chat[open]{display:grid}.project-chat::backdrop{background:#060a0580;backdrop-filter:blur(8px)}body.chat-open{overflow:hidden}.chat-top{display:flex;gap:12px;align-items:center;padding:22px 24px 17px;border-bottom:1px solid #303b28;background:#1a2215}.chat-avatar{height:39px;width:39px;border-radius:10px;background:var(--accent);color:#172113;display:grid;place-items:center;font-size:27px;line-height:1;font-weight:700;letter-spacing:-2px}.chat-top h2{font-size:17px;letter-spacing:-.03em;margin:0;line-height:1.5}.chat-top p{font-size:9px;color:#a7b49a;margin:3px 0 0}.chat-top .status-dot{width:4px;height:4px;margin-right:5px}.chat-close{margin-left:auto;border:1px solid #45533b;background:transparent;color:#d0dbc7;border-radius:50%;height:29px;width:29px;font-size:22px;line-height:1;display:grid;place-items:center;flex-shrink:0}.chat-close:hover{background:#303b27}.chat-progress{padding:14px 24px 0;display:flex;flex-wrap:wrap;align-items:center;gap:9px;justify-content:space-between;font-size:7px;color:#92a381;letter-spacing:.1em}.chat-progress>i{display:block;height:2px;width:100%;background:#34412a;overflow:hidden}.chat-progress b{display:block;height:100%;width:var(--chat-progress,14.2%);background:var(--accent);transition:width .3s}.chat-messages{overflow:auto;padding:23px 24px 12px;display:flex;flex-direction:column;gap:15px;scroll-behavior:smooth}.chat-message{max-width:88%;font-size:13px;line-height:1.75;white-space:pre-wrap;margin:0;padding:13px 15px;border-radius:10px;overflow-wrap:anywhere;animation:message-in .22s ease-out}.chat-message.guide{background:#252f1e;border:1px solid #35432a;color:#d8e4ce;align-self:start;border-top-left-radius:2px}.chat-message.visitor{background:#d1f78a;color:#1e2915;align-self:end;border-bottom-right-radius:2px}.chat-intro{font-size:9px;color:#809171;line-height:1.8;text-align:center;max-width:330px;margin:0 auto 8px}.chat-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:5px 24px 14px}.chat-suggestions:empty{padding:0}.chat-suggestions button{font-size:10px;color:#c5d6b6;background:#202b18;border:1px solid #465a35;border-radius:100px;padding:8px 12px;text-align:left}.chat-suggestions button:hover{color:#172113;background:#d1f78a}.chat-form{display:flex;align-items:end;gap:12px;border:1px solid #465738;border-radius:8px;margin:0 24px;padding:12px;background:#12190e}.chat-form textarea{resize:none;background:transparent;border:0;outline:0!important;color:#eff4e9;min-height:42px;max-height:100px;width:100%;font-family:var(--font);font-size:12px;line-height:1.6;scrollbar-width:thin}.chat-form:focus-within{border-color:#d1f78a}.chat-form textarea::placeholder{color:#7c8c6d}.chat-form button{border:0;border-radius:5px;background:#d1f78a;color:#1e2915;width:32px;height:32px;font-size:20px;flex-shrink:0}.chat-validation{margin:0;padding:4px 25px 0;font-size:10px;color:#f1b79a;min-height:20px}.chat-bottom{display:flex;gap:12px;align-items:center;padding:10px 24px 16px;font-size:8px;color:#819174}.chat-bottom>span{margin:auto;text-align:center}.chat-bottom>button{font-size:9px;background:transparent;border:0;color:#b5c3a9;padding:4px 0}.chat-bottom>button:hover{color:#d1f78a}.chat-bottom>button:disabled{opacity:.3;cursor:default}.chat-review{padding:4px 24px 0;overflow:auto}.chat-review[hidden]{display:none}.chat-review label{font-size:10px;display:block;margin-bottom:10px;color:#b6c7a7}.chat-review textarea{width:100%;font:11px/1.7 var(--font);background:#11180d;color:#d4dfca;border:1px solid #435733;border-radius:5px;padding:12px;resize:vertical;min-height:150px;max-height:230px}.chat-review>.button{width:100%;margin-top:10px}.brief-tools{display:flex;gap:18px;margin-top:13px}.brief-tools button{font-size:10px;background:none;border:0;color:#afc39e;padding:0}.brief-tools button:hover{color:#d1f78a}.chat-review #brief-status{font-size:10px;color:#b6c7a7;min-height:16px;margin:8px 0 0}.project-chat.reviewing{grid-template-rows:auto auto auto 0 0 0 minmax(100px,1fr) auto}.project-chat.reviewing .chat-messages{max-height:105px;padding-top:15px;padding-bottom:10px}.project-chat.reviewing .chat-message{font-size:11px;padding:10px 12px;max-width:100%}.project-chat.reviewing .chat-form,.project-chat.reviewing .chat-suggestions,.project-chat.reviewing .chat-validation{display:none}@keyframes message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero-art-v2{height:470px}.modular-symbol{width:400px;height:400px;top:25px}}
@media(max-width:1100px){.work-layout{grid-template-columns:145px minmax(0,1fr);gap:28px}.project-panel{padding:25px}.project-panel-top>span{font-size:6px}.story-caption h3{font-size:27px}.story-caption{align-items:start}.story-caption p{font-size:10px}.protocol-playground{height:545px}.code-200{left:5%;top:105px;width:185px;height:190px}.code-301{left:23%;top:297px;width:185px;height:190px}.code-404{left:35%;top:76px;width:210px;height:220px}.code-500{right:5%;top:300px;width:185px;height:190px}.code-103{right:4%;top:95px;width:140px;height:150px}.code-number{font-size:70px}.code-404 .code-number{font-size:80px}.code-103 .code-number{font-size:48px}.protocol-explanation{grid-template-columns:120px 1fr;gap:20px}.protocol-explanation>a{grid-column:2}.success-orbit{top:90px;width:35px;height:35px;font-size:18px}.redirect-path{top:90px;font-size:60px}}
@media(max-width:800px){.work-layout{grid-template-columns:1fr;gap:0}.project-index{position:sticky;top:15px;z-index:12;background:#171a15f0;padding:12px 0;margin:-10px 0 30px;backdrop-filter:blur(10px);flex-direction:row;gap:10px;justify-content:center}.project-index>.eyebrow,.index-note,.index-progress{display:none}.project-index>a{margin:0;padding:9px 13px;gap:7px;font-size:12px}.project-index i{display:none}.project-story{min-height:95vh;padding-bottom:70px;scroll-margin-top:90px}.project-story:last-child{min-height:85vh;padding-bottom:70px}.project-panel{top:85px}.project-panel-top>span{font-size:7px}.story-caption h3{font-size:32px}.story-caption p{font-size:12px}.hero-art-v2{height:380px}.modular-symbol{width:330px;height:330px;top:20px}.note-one{left:8%;top:42%}.note-two{right:7%;top:65%}.protocol-heading h2{font-size:38px}.protocol-heading>p{font-size:11px}.protocol-playground{height:570px}.code-200{left:6%;top:90px;width:170px;height:180px}.code-301{left:13%;top:340px;width:180px;height:190px}.code-404{left:39%;top:185px;width:190px;height:200px}.code-500{right:4%;top:355px;width:175px;height:185px}.code-103{right:7%;top:44px}.code-404 .code-number{font-size:72px}.code-number{font-size:65px;margin-top:20px}.object-top{font-size:6px}.object-name{font-size:8px}.code-404 .lost-orbit{top:90px;right:25px}.protocol-explanation{min-height:170px}}
@media(max-width:700px){.hero-art-v2{height:340px}.modular-symbol{width:270px;height:270px;top:40px}.hero-art-v2 .orbit{width:410px;height:410px}.hero-art-v2 .orbit-two{width:620px;height:620px}.orbital-track{width:410px;height:410px;margin:-205px}.orbital-track i{left:60px;top:53px;width:7px;height:7px}.hero-motion{right:18px;top:auto;bottom:14px;font-size:7px}.hero-art-v2 .art-caption{left:18px;bottom:19px;font-size:6px}.hero-art-v2 .art-corner{display:none}.floating-note{padding:6px 9px;font-size:7px}.note-one{left:7%;top:34%}.note-two{right:5%;top:75%}.hero-art-v2 .bottom-label{font-size:6px}.work-v2{padding-top:65px}.work-v2 .work-heading{margin-bottom:36px}.work-heading h2{font-size:38px}.project-index{top:8px;margin-bottom:22px;gap:6px}.project-index>a{font-size:11px;padding:8px 12px;gap:6px}.project-index>a>span{font-size:7px}.project-panel{padding:20px 17px 23px;top:72px}.project-panel-top{margin-bottom:22px;gap:10px}.project-panel-top>span{font-size:5px;max-width:110px;text-align:right}.real-logo{max-width:120px}.sixday-real-logo{width:97px}.magflow-real-logo{width:110px}.azamein-real-logo{width:116px;height:31px}.story-caption{margin-top:24px;display:block}.story-caption h3{font-size:30px}.story-caption p{font-size:11px;max-width:280px;margin-bottom:22px}.story-caption>a{font-size:9px}.browser-bar{height:21px;padding-inline:7px;gap:3px}.browser-bar>span{font-size:5px}.browser-bar i{width:4px;height:4px}.visit-project{font-size:8px;padding:7px 11px;right:10px;bottom:10px;opacity:1;transform:none}.project-story{min-height:80vh;padding-bottom:45px}.project-story:last-child{min-height:75vh;padding-bottom:60px}.protocol-section{padding-block:5px 65px}.protocol-heading{display:block}.protocol-heading h2{font-size:36px}.protocol-heading>p{margin-top:23px}.protocol-heading .eyebrow{font-size:7px;letter-spacing:.08em}.protocol-playground{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:24px 18px;padding:65px 20px 60px;height:auto;overflow:hidden}.code-object{position:relative;inset:auto!important;width:100%!important;max-width:190px;height:165px!important;padding:13px!important;--rotation:-5deg!important;border-radius:8px}.code-object:nth-of-type(even){--rotation:5deg!important}.code-103{grid-column:1/-1;max-width:160px;height:140px!important}.object-top{font-size:5px;letter-spacing:0}.object-top i{font-size:11px}.code-number{font-size:55px!important;letter-spacing:-4px!important;margin-top:18px!important}.code-404 .code-number{font-size:59px!important;margin-top:18px}.object-name{font-size:7px}.success-orbit{width:25px;height:25px;font-size:15px;right:10px;top:87px}.redirect-path{font-size:50px;right:4px;top:80px}.lost-orbit{font-size:27px;right:20px!important;top:76px!important}.server-bars{height:40px;top:71px;right:12px;gap:3px}.server-bars i{width:6px}.hint-dots{top:73px}.protocol-coordinate{top:25px;left:20px;font-size:6px}.protocol-motion{left:20px;bottom:17px;font-size:8px}.protocol-explanation{display:block;padding-block:22px;min-height:210px}.explanation-code{font-size:10px;display:block;margin-bottom:13px}.protocol-explanation h3{font-size:21px}.protocol-explanation p{font-size:12px}.protocol-explanation>a{font-size:9px;display:inline-block;margin-top:16px}.contact-links{min-width:0}.contact-chat-button{font-size:11px;margin-bottom:25px;gap:28px}.contact-links .email-link{font-size:17px;gap:22px}.project-chat{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);width:calc(100% - 24px);margin:auto;border-radius:12px}.chat-top{padding:18px 18px 14px}.chat-top h2{font-size:16px}.chat-progress{padding-inline:18px}.chat-messages{padding:20px 18px 12px;gap:12px}.chat-message{font-size:12px;max-width:93%;padding:11px 13px}.chat-suggestions{padding-inline:18px;gap:7px}.chat-suggestions button{font-size:10px;padding:7px 10px}.chat-form{margin-inline:18px;padding:10px}.chat-form textarea{font-size:13px}.chat-validation{padding-inline:18px}.chat-bottom{padding-inline:18px;gap:9px;font-size:7px}.chat-review{padding-inline:18px}.chat-review textarea{font-size:11px}.project-chat.reviewing .chat-messages{max-height:110px}.chat-avatar{width:35px;height:35px}}
@media(max-width:350px){.project-index>a{padding:8px;font-size:10px}.protocol-playground{gap:20px 14px;padding-inline:14px}.code-object{padding:10px!important}.code-number{font-size:49px!important}.code-404 .code-number{font-size:52px!important}.object-name{font-size:6px}.success-orbit{right:7px;top:95px;width:23px;height:23px}.chat-top h2{font-size:14px}.chat-bottom>span{max-width:140px}}
@media(prefers-reduced-motion:reduce){.hero-stage,.modular-symbol,.project-panel,.screenshot-link{transform:none!important;will-change:auto}.modular-symbol{transform:translateX(-50%) rotate(-12deg)!important}.project-story{min-height:0;padding-bottom:45px}.project-story:last-child{min-height:0}.project-panel{position:relative;top:0}.project-index{position:relative;top:0}.code-object{animation:none!important}.hero-motion,.protocol-motion{display:none}.header.scrolling-down{transform:none}.chat-messages{scroll-behavior:auto}}
.project-chat.reviewing{grid-template-rows:auto auto auto minmax(100px,1fr) auto}
.object-tooltip{position:absolute;inset:45px 17px 15px;background:inherit;z-index:4;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}.object-tooltip>strong{font-size:16px;font-weight:600;letter-spacing:-.04em;line-height:1.3}.object-tooltip>span{font-size:11px;line-height:1.65;font-weight:500}.code-object:hover .object-tooltip,.code-object:focus-visible .object-tooltip,.code-object.is-open .object-tooltip{opacity:1;transform:none}.code-103 .object-tooltip{inset:32px 14px 11px;gap:8px}.code-103 .object-tooltip>strong{font-size:13px}.code-103 .object-tooltip>span{font-size:9px;line-height:1.5}
@media(max-width:700px){.object-tooltip{inset:31px 12px 12px;gap:7px}.object-tooltip>strong{font-size:12px}.object-tooltip>span{font-size:9px;line-height:1.5}.code-103 .object-tooltip{inset:30px 12px 10px}.code-103 .object-tooltip>strong{font-size:12px}.code-103 .object-tooltip>span{font-size:8px}}
@media(max-width:800px){.project-index{transition:top .35s}.header:not(.scrolling-down)~main .project-index{top:80px}.header:not(.scrolling-down)~main .project-panel{top:145px}}
@media(prefers-reduced-motion:reduce){.header:not(.scrolling-down)~main .project-index,.header:not(.scrolling-down)~main .project-panel{top:0}}