.project-intro h1,.project-log h2,.roadmap h2,.project-close h2{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;font-size:clamp(41px,5.8vw,80px);line-height:1.05;margin:0}.project-intro>p:not(.eyebrow),.project-close>p:not(.eyebrow){max-width:720px;margin:28px 0 0;font-size:clamp(17px,1.7vw,20px);color:#d5e2df}.status-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.status-key span,.project-card header b,.roadmap-grid span{display:inline-block;border:1px solid currentColor;padding:3px 8px;font:700 11px 'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:.4px}.live{color:var(--acid)}.testing{color:var(--aqua)}.building{color:#ffb18f}.project-log{background:var(--paper);color:var(--ink)}.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:38px}.project-card{min-height:350px;padding:24px;border:2px solid var(--ink);background:#faf8f1;display:flex;flex-direction:column}.project-card:nth-child(3n+2){background:#f1d3b2}.project-card:nth-child(3n){background:var(--aqua)}.project-card header{display:flex;justify-content:space-between;gap:10px;align-items:start;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:1px}.project-card header b{color:var(--ink);border-color:var(--ink);letter-spacing:0;white-space:nowrap}.project-card h3{font-size:clamp(26px,3vw,38px);margin:42px 0 13px}.project-card p{margin:0 0 15px;font-size:16px}.project-card .note{margin-top:auto;border-top:1px solid rgba(17,33,38,.35);padding-top:13px;font-size:14px;line-height:1.62}.project-card .text-link{margin-top:7px;font-size:14px}.roadmap{background:var(--coral)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 25px;border:2px solid var(--ink);border-right:0}.roadmap-grid article{min-height:180px;padding:22px;background:#f8ddcb;border-right:2px solid var(--ink)}.roadmap-grid article:nth-child(2){background:var(--acid)}.roadmap-grid article:nth-child(3){background:var(--aqua)}.roadmap-grid span{font-size:10px}.roadmap-grid h3{font-size:clamp(21px,2.2vw,30px);margin:24px 0 0}.roadmap>p:last-child{max-width:700px;font-size:17px}.project-close{border-top:2px solid var(--ink)}@media(max-width:760px){.project-cards{grid-template-columns:1fr}.project-card{min-height:0}.project-card h3{margin-top:30px}.roadmap-grid{grid-template-columns:1fr;border-right:2px solid var(--ink)}.roadmap-grid article{min-height:0;border-right:0;border-bottom:2px solid var(--ink)}.roadmap-grid article:last-child{border-bottom:0}.project-intro h1,.project-log h2,.roadmap h2,.project-close h2{font-size:43px}}
