.projects-page .site-header [aria-current=page]{color:var(--mint)}
.projects-hero{padding:95px 0 65px}.projects-hero h1{font-weight:400;font-size:clamp(70px,9.5vw,135px);letter-spacing:-.07em;line-height:1.02;margin:27px 0 38px}.projects-hero h1 span{color:var(--accent)}.projects-hero-bottom{display:grid;grid-template-columns:1fr 280px;align-items:end;gap:100px}.projects-hero-bottom>p{font-size:17px;line-height:1.8;max-width:600px;color:var(--muted)}.project-index{display:flex;flex-direction:column}.project-index a{display:flex;justify-content:space-between;align-items:center;font:10px/1.7 var(--mono);color:#b5c7df;padding:10px 0;border-bottom:1px solid var(--line);transition:color .2s}.project-index a:hover{color:var(--mint)}.privacy-note{display:flex;align-items:center;gap:25px;background:#111922;border:1px solid #2d3d50;border-radius:6px;padding:24px 28px;margin-top:52px}.privacy-note svg{width:25px;flex-shrink:0;color:var(--mint)}.privacy-note strong{font-size:13px;font-weight:400;color:#d1dceb}.privacy-note p{color:var(--muted);font-size:12px;line-height:1.85;margin-top:6px;max-width:900px}.project{padding:55px 0 75px;border-top:1px solid var(--line);scroll-margin-top:20px}.project-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;gap:20px}.project-state{font:9px/1.6 var(--mono);color:#a1b1c7;border:1px solid #304158;padding:5px 9px;border-radius:3px}.merged-state{color:var(--mint);border-color:#37514d}.project-body{display:grid;grid-template-columns:1fr 1.07fr;gap:70px;align-items:center}.project-copy h2{font-size:clamp(42px,4.8vw,68px);letter-spacing:-.05em;margin-bottom:20px;display:flex;align-items:center;gap:18px}.project-name-mark{font-size:29px;font-weight:400;color:#6d88ad}.project-copy .project-one-liner{font-size:19px;color:#cfdaea;line-height:1.5;margin-bottom:20px;letter-spacing:-.025em}.project-copy>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:15px}.project-copy code{font:11px var(--mono);color:var(--accent);overflow-wrap:anywhere}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.project-tags li{font:9px/1.5 var(--mono);color:#a6b9d2;border:1px solid #29364a;border-radius:3px;padding:5px 8px}.project-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.project-links .button{font-size:11px;padding:12px 17px;gap:20px}.project-links .text-link{font-size:11px;gap:10px}.project-visual{height:440px;border:1px solid #2b3c53;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#8faeed12,transparent 75%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px),#0c121b;background-size:auto,28px 28px,28px 28px,auto}.visual-meta{position:absolute;left:24px;right:24px;top:21px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.04em;color:#6e829e;gap:12px}.diagram-caption{position:absolute;bottom:19px;left:20px;right:20px;text-align:center;font:8px/1.6 var(--mono);color:#7d91ab}.system-stack{display:flex;flex-direction:column;align-items:center;margin:64px auto 0;width:76%;transform:perspective(900px) rotateY(-10deg) rotateX(7deg);transition:transform .7s}.desktop-system:hover .system-stack{transform:perspective(900px) rotateY(0deg) rotateX(0deg)}.system-layer{width:100%;height:86px;padding:15px 23px;border:1px solid #476389;display:flex;gap:18px;align-items:center;background:linear-gradient(130deg,#23344e,#121c2c);border-radius:6px;box-shadow:12px 12px 35px #0004}.system-layer>div{display:flex;flex-direction:column}.system-layer small{font:7px var(--mono);letter-spacing:.08em;color:#829bbc}.system-layer strong{font-size:17px;font-weight:400;letter-spacing:-.03em;color:#d3e1f5;margin-top:3px}.system-layer div>span{font:8px var(--mono);color:#8da6c7;margin-top:4px}.layer-icon{color:var(--accent);font-size:27px}.runtime-layer{border-color:#6a8dac;transform:translateX(13px)}.workspace-layer{transform:translateX(26px)}.stack-connector{height:20px;width:1px;background:#7699b7;box-shadow:0 0 8px #b6d2fc30}.project-detail-strip{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:60px;margin-top:40px;padding-top:25px;border-top:1px solid #202d3e}.project-detail-strip>div>span{font:8px var(--mono);color:#687e9d;letter-spacing:.08em}.project-detail-strip p{font-size:11px;line-height:1.9;color:#97aac4;margin-top:12px;max-width:350px}.project-detail-strip a{display:block;font-size:11px;color:#b3c9e7;margin-top:12px}.project-detail-strip a:hover{color:var(--mint)}.rail-flow{list-style:none;margin:64px 30px 0;padding:0}.rail-flow li{display:flex;align-items:center;position:relative;gap:17px;padding:16px 13px;border-bottom:1px solid #293a51}.rail-flow .flow-node{font:9px var(--mono);color:#89a8ca;border:1px solid #435c7c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.rail-flow strong{display:block;font-size:14px;font-weight:400;letter-spacing:-.015em;color:#cbdaf0}.rail-flow div>span{font-size:9px;color:#7c93b1;display:block;margin-top:3px}.flow-symbol{margin-left:auto;font-size:19px;color:#7998c0}.rail-flow .approval-step{background:#172b2d;border:1px solid #3c6260;border-radius:5px;margin-top:5px}.approval-step strong,.approval-step .flow-symbol{color:var(--mint)}.approval-step .flow-node{color:var(--mint);border-color:#668b87}.pr-number{font:16px var(--mono);color:#7795bb;border:1px solid #344b66;padding:7px 10px;border-radius:5px}.fix-system{height:370px}.fix-before{margin:60px 25px 0;padding-bottom:23px;border-bottom:1px solid #2b3b52}.fix-label{font:8px var(--mono);color:#7d91ac;letter-spacing:.06em}.fix-before p{font-size:12px;color:#90a0b7;margin-top:15px;display:flex;gap:10px;align-items:center}.fix-before p>span{font-size:15px;color:#4b6586}.fix-after{margin:23px 25px 0}.fix-after>.fix-label{color:var(--mint)}.fix-after>code{font:15px var(--mono);color:#c6dbf8;display:block;margin-top:12px}.route-branches{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.route-branches>div{border-left:1px solid #4b6b82;padding-left:14px}.route-branches span{font:10px var(--mono);color:var(--mint)}.route-branches p{font-size:10px;line-height:1.8;color:#9bafca;margin-top:4px}.fix-footer{display:flex;gap:16px;position:absolute;left:25px;right:25px;bottom:18px;font:8px var(--mono);color:#68829d}.contribution-note{display:grid;grid-template-columns:22px 1fr auto;gap:22px;align-items:center;border-top:1px solid #26364b;margin-top:38px;padding-top:22px}.merge-glyph{font-size:25px;color:var(--mint)}.contribution-note p{font-size:10px;line-height:1.9;color:#8297b1}.contribution-note code{color:#a3bad8;font-size:10px}.contribution-note a{color:#b7d0ef;font-size:10px;white-space:nowrap}.small-work{border-top:1px solid var(--line);padding:75px 0 95px}.small-work h2{margin:25px 0}.small-work>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:660px;margin-bottom:30px}.project-bridge{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:32px;border:1px solid #385271;border-radius:6px;background:linear-gradient(115deg,#1b2a3f88,#0d141f);margin-bottom:32px;transition:border-color .2s}.project-bridge:hover{border-color:var(--accent)}.project-bridge .eyebrow{font-size:8px}.project-bridge strong{display:block;font-size:25px;font-weight:400;letter-spacing:-.035em;margin:10px 0;color:#d4e3f8}.project-bridge p{font-size:12px;line-height:1.8;color:#99afcc}.project-bridge .circle-arrow{width:42px;height:42px;font-size:21px}.project-links a:focus-visible,.project-index a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
@media(max-width:1100px){.project-body{gap:35px}.projects-hero-bottom{gap:50px}.system-layer{padding:14px;gap:10px}.system-layer strong{font-size:15px}.rail-flow{margin-inline:18px}.rail-flow li{padding-inline:8px;gap:12px}.project-detail-strip{gap:35px}.project-copy .project-one-liner{font-size:17px}.fix-after>code{font-size:12px}.fix-before p{font-size:10px;gap:7px}}
@media(max-width:760px){.projects-page .site-header nav a:nth-child(1){display:inline}.projects-page .site-header nav a:nth-child(3){display:none}.projects-hero{padding:55px 0 42px}.projects-hero .eyebrow{font-size:8px}.projects-hero h1{font-size:clamp(48px,14vw,72px);margin:24px 0 30px}.projects-hero-bottom{grid-template-columns:1fr;gap:27px}.projects-hero-bottom>p{font-size:14px;line-height:1.85}.project-index{max-width:100%}.project-index a{font-size:9px;padding:12px 0}.privacy-note{margin-top:28px;padding:20px;gap:15px;align-items:flex-start}.privacy-note svg{width:20px;margin-top:3px}.privacy-note strong{font-size:12px}.privacy-note p{font-size:11px;line-height:1.9}.project{padding:35px 0 45px}.project-topline{margin-bottom:28px;gap:15px}.project-topline .section-index{font-size:7px}.project-state{font-size:7px;padding:4px 6px}.project-body{grid-template-columns:1fr;gap:30px}.project-copy h2{font-size:44px;margin-bottom:18px;gap:15px}.project-copy .project-one-liner{font-size:18px}.project-copy>p{font-size:13px;line-height:1.9}.project-tags li{font-size:8px}.project-links{gap:20px}.project-links .button{font-size:10px;gap:14px}.project-links .text-link{font-size:10px;gap:8px}.project-visual{height:410px}.system-stack{margin-top:60px;width:76%}.system-layer{height:79px}.system-layer strong{font-size:16px}.system-layer div>span{font-size:8px}.diagram-caption{font-size:7px}.project-detail-strip{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.project-detail-strip>div:last-child{grid-column:1 / -1}.project-detail-strip>div:last-child a{display:inline-block;margin-right:22px}.project-detail-strip p{font-size:10px}.project-detail-strip a{font-size:10px}.project-detail-strip>div>span{font-size:7px}.visual-meta{font-size:7px;left:18px;right:18px}.rail-flow{margin-top:60px}.rail-flow li{padding-top:15px;padding-bottom:15px}.rail-flow strong{font-size:13px}.rail-flow div>span{font-size:8px}.fix-system{height:350px}.fix-before{margin-top:55px;margin-inline:20px}.fix-before p{font-size:10px;gap:6px;line-height:1.8;flex-wrap:wrap}.fix-after{margin-inline:20px;margin-top:20px}.fix-after>code{font-size:13px}.fix-footer{gap:10px;font-size:7px;left:20px;right:20px}.pr-number{font-size:12px;padding:6px}.contribution-note{grid-template-columns:22px 1fr;gap:12px;align-items:start}.contribution-note p{font-size:10px}.contribution-note>a{grid-column:2;font-size:10px}.small-work{padding:45px 0 65px}.small-work h2{font-size:36px}.small-work .eyebrow{font-size:8px}.small-work>p{font-size:13px}.project-bridge{gap:20px;padding:24px}.project-bridge strong{font-size:22px}.project-bridge p{font-size:11px}.project-bridge .circle-arrow{width:32px;height:32px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.system-stack{transition:none}.desktop-system:hover .system-stack{transform:perspective(900px) rotateY(-10deg) rotateX(7deg)}}
.product-screenshot{margin:38px 0 0;padding:35px 50px 20px;border:1px solid #2b3d55;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#253b5a,#0c121b 70%);overflow:hidden}.product-screenshot img{display:block;width:100%;height:auto;border-radius:7px;box-shadow:0 20px 60px #0005}.product-screenshot figcaption{display:flex;justify-content:space-between;gap:30px;font:8px/1.8 var(--mono);color:#7990af;padding-top:23px}.product-screenshot figcaption a{color:#b5cbea}@media(max-width:760px){.product-screenshot{padding:13px 13px 16px;margin-top:27px}.product-screenshot figcaption{flex-direction:column;gap:8px;padding-top:15px;font-size:7px}}