/* About page styles */
.sec{padding:96px 0}
.measure{max-width:68ch}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none;border:1.5px solid transparent;transition:background 160ms cubic-bezier(.22,.61,.36,1),transform 160ms}
.btn-s{border-color:#1E4238;color:#1E4238}
.tlink{color:#1E4238;font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size 320ms cubic-bezier(.22,.61,.36,1)}
.tlink:hover{background-size:100% 1.5px}
.tlink svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ic{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;background:#1E4238;color:#DCE8A8;transition:box-shadow 320ms}
.dark .ic{background:#DCE8A8;color:#1E4238}
.i56{width:56px;height:56px}
.i72{width:72px;height:72px}
.card{background:#fff;border:1px solid #E1E2D8;border-radius:14px;transition:transform 320ms cubic-bezier(.22,.61,.36,1),box-shadow 320ms}
.card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,39,35,.05),0 12px 32px rgba(20,39,35,.07)}
.card:hover .ic{box-shadow:0 0 0 2px #fff,0 0 0 4px #DCE8A8}
.dark .sample{color:#E6CC9A}
.hdr{position:sticky;top:0;z-index:20;background:#F7F6F2;box-shadow:0 1px 0 #E1E2D8;color:#142723}
.nav .menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:#1E4238}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1E4238}
.logo span{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:21px}
.progress i{display:block;height:2px;width:22%;background:#1E4238}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.row{display:flex;gap:14px;align-items:flex-start}
.divider{display:block;width:100%;height:40px}
.divider path{fill:none;stroke:#718D70;stroke-width:1.5;stroke-linecap:round}
.tl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;position:relative;list-style:none;margin:0;padding:0}
.tl::before{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;background:#718D70;opacity:.6}
.tl li{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:36px}
.tl li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#1E4238;box-shadow:0 0 0 4px #F7F6F2}
.tl .yr{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:24px;color:#1E4238;font-variant-numeric:tabular-nums}
@media (max-width:900px){
.sec{padding:64px 0}.h1{font-size:32px}.h2{font-size:26px}.h3{font-size:18px}body{font-size:16px}
.nav .menu{display:none}.mbtn{display:inline-flex;align-items:center;margin-left:auto}
.g2,.g3{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.split{grid-template-columns:minmax(0,1fr) !important}
.tl{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:36px}
.tl::before{left:9px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
.tl li{padding-top:0}.tl li::before{left:-36px;top:4px}
.ftgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:600px){.wrap{padding:0 16px}.g4{grid-template-columns:minmax(0,1fr)}.ftgrid{grid-template-columns:minmax(0,1fr) !important}}