
:root{--ink:#142f3a;--teal:#177c74;--muted:#5d7077;--line:#d9e3e3;--paper:#f6f8f6;--white:#fff;--serif:Georgia,'Times New Roman',serif;font-family:system-ui,-apple-system,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #21998e;outline-offset:5px}::selection{background:#b3ddd1}.skip{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.header{position:sticky;top:0;z-index:10;background:rgba(246,248,246,.96);border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand svg{width:30px;height:30px}.nav{display:flex;gap:32px;align-items:center}.nav a{text-decoration:none;font-size:14px;color:#3c535c}.nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav .nav-contact{border:1px solid #b7cac9;border-radius:4px;padding:10px 18px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:var(--teal);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero{padding:95px 0 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(36px,4.3vw,57px);font-weight:650;letter-spacing:-2.6px;line-height:1.35;margin:26px 0}.hero h1 span{color:var(--teal)}.hero p{color:var(--muted);line-height:1.95;font-size:16px;max-width:475px;word-break:keep-all}.cta{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;background:var(--ink);color:white;border:1px solid var(--ink);padding:15px 21px;border-radius:4px;font-size:14px}.button:hover{background:#234c59}.text-link{font-size:14px;text-underline-offset:5px}.hero-note{font-size:11px;letter-spacing:1.3px;color:var(--muted);margin-top:44px}.visual{position:relative;background:#e6efea;border:1px solid #d6e2db;border-radius:100px 8px 8px 8px;padding:40px 27px 30px;min-height:365px;overflow:hidden}.visual:before{content:'';position:absolute;right:-55px;top:-100px;width:300px;height:300px;border:1px solid #c7d8d0;border-radius:50%}.visual-label{position:relative;font-size:11px;letter-spacing:2px;color:#5e7c72;margin:4px 0 28px 25px}.flow{position:relative;display:grid;gap:13px}.flow-card{display:flex;align-items:center;gap:18px;background:#fafffc;border:1px solid #d2e0d7;padding:18px;border-radius:6px;box-shadow:0 8px 20px #12362c05}.flow-card:nth-child(2){margin-left:22px}.flow-card:nth-child(3){margin-left:44px;background:var(--ink);color:white;border-color:var(--ink)}.flow-num{font-family:var(--serif);font-size:25px;color:#5a8e7d}.flow-card:nth-child(3) .flow-num{color:#83c8b5}.flow-card strong{font-size:15px;font-weight:600;display:block}.flow-card small{display:block;margin-top:6px;font-size:12px;color:#657a70}.flow-card:nth-child(3) small{color:#afc6c9}.visual-foot{font-size:11px;position:relative;color:#5e7c72;margin:25px 0 0 44px}.strip{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#587079;font-size:12px;letter-spacing:1.4px}.section{padding:85px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;margin-bottom:42px}.section h2{font-size:clamp(28px,3.2vw,39px);line-height:1.5;letter-spacing:-1.5px;font-weight:600;margin:20px 0 0;word-break:keep-all}.section-head>p{line-height:1.9;color:var(--muted);margin:40px 0 0;word-break:keep-all}.fields{display:grid;grid-template-columns:repeat(3,1fr)}.field{padding:20px 30px 15px;border-left:1px solid var(--line)}.field:first-child{border-left:0;padding-left:0}.field:last-child{padding-right:0}.field .index{font-family:var(--serif);font-size:15px;color:var(--teal)}.field h3{font-size:21px;font-weight:600;margin:25px 0 14px;letter-spacing:-.5px}.field p{font-size:14px;color:var(--muted);line-height:1.9;word-break:keep-all}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{border:1px solid var(--line);padding:5px 8px;font-size:11px;border-radius:3px;color:#516b70}.project{background:#102f3a;color:#f3f7f6;border-radius:8px;padding:40px;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.project .eyebrow{color:#8ecbb8}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #51776f;border-radius:20px;padding:5px 10px;color:#bfddd0;font-size:11px;margin:22px 0 8px}.status:before{content:'';height:5px;width:5px;border-radius:50%;background:#87c7a9}.project h3{font-size:30px;letter-spacing:-1px;font-weight:600;margin:12px 0 18px}.project p{line-height:1.9;color:#b6c9cd;font-size:14px;word-break:keep-all}.feature-list{list-style:none;padding:0;line-height:2.3;font-size:13px;color:#d0e0de}.feature-list li:before{content:'↗';color:#8ecbb8;margin-right:10px}.project small{display:block;color:#93adb4;font-size:11px;line-height:1.8}.calendar{background:#f6f8f6;border-radius:6px;padding:22px;color:var(--ink)}.calendar-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:17px}.calendar-head small{color:#637972}.calendar-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px}.calendar-table th{font-weight:500;color:#718780;padding-bottom:12px}.calendar-table td{border:1px solid #dde6df;vertical-align:top;height:64px;padding:6px;overflow-wrap:anywhere}.cal-event{display:block;margin-top:7px;font-size:9px;background:#d5e9e0;color:#276154;padding:4px 2px;border-radius:2px}.cal-event.purple{background:#e4def1;color:#675487}.cal-event.gold{background:#eee4cc;color:#75602f}.calendar-caption{margin-top:15px;display:flex;gap:13px;font-size:10px;color:#648078;flex-wrap:wrap}.principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.principle{border-top:2px solid #c3d5ce;padding-top:20px}.principle h3{font-size:18px;margin:0 0 14px;font-weight:600}.principle p{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.about-copy{font-size:16px;color:var(--muted);line-height:2;word-break:keep-all}.about-copy p:first-child{margin-top:5px}.about-copy strong{color:var(--ink);font-weight:600}.signature{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--teal);margin-top:27px}.contact{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:65px 0}.contact h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:0 0 13px}.contact p{color:var(--muted);font-size:14px;line-height:1.9;margin:0;word-break:keep-all}.contact-status{background:#e9efeb;border:1px solid #d5e1d9;border-radius:5px;padding:17px 22px;min-width:210px;color:#46645b;font-size:13px;text-align:center}.contact-status small{display:block;font-size:11px;margin-top:6px;color:#607970}.footer{background:#eaf0ec;border-top:1px solid var(--line);padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#627870}.footer strong{font-size:16px;color:var(--ink);margin-right:16px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.back-top{display:inline-flex;gap:8px}.mobile-nav{display:none}@media(min-width:1500px){.hero{padding-top:115px;padding-bottom:90px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;padding-top:65px}.hero h1{font-size:40px}.visual{padding:30px 18px}.project{gap:25px;padding:28px}.field{padding-left:20px;padding-right:20px}.nav{gap:20px}}@media(max-width:720px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 36px)}.header-inner{height:70px}.brand{font-size:21px}.nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;font-size:13px;border:1px solid var(--line);padding:8px 12px;border-radius:4px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;right:0;top:44px;background:white;border:1px solid var(--line);padding:10px;width:150px;box-shadow:0 10px 30px #102f3a15}.mobile-links a{display:block;padding:12px;text-decoration:none;font-size:13px}.hero{grid-template-columns:1fr;padding:54px 0 40px;gap:36px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:15px}.hero-note{margin-top:30px}.visual{border-radius:65px 6px 6px 6px;min-height:320px;padding:26px}.visual-label{margin-bottom:20px}.strip{font-size:9px;letter-spacing:.5px;gap:8px;flex-wrap:wrap}.section{padding:55px 0}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:30px}.section-head>p{margin-top:18px;font-size:14px}.fields{grid-template-columns:1fr}.field,.field:first-child,.field:last-child{padding:25px 0;border-left:0;border-top:1px solid var(--line)}.field h3{margin-top:12px}.fields .field:first-child{border-top:0}.field p{margin-bottom:12px}.tags{margin-top:12px}.project{grid-template-columns:1fr;padding:25px;gap:25px}.project h3{font-size:27px}.calendar{padding:15px}.calendar-table td{height:57px;padding:4px}.principles{grid-template-columns:1fr;gap:26px}.about-grid{grid-template-columns:1fr;gap:25px}.about-copy{font-size:15px}.contact{flex-direction:column;align-items:flex-start;padding:45px 0;gap:24px}.contact h2{font-size:27px}.contact-status{width:100%;text-align:left}.footer-inner{align-items:flex-start;flex-wrap:wrap}.footer strong{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quiet landing page and project introduction */
.home{min-height:100svh;display:flex;flex-direction:column;background:#f6f8f6}.home .header{position:static;background:transparent;border-bottom:0}.home .header-inner{height:98px}.home-nav{display:flex;align-items:center;gap:28px}.home-nav a{font-size:13px;text-decoration:none;color:#4e676d}.home-nav a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:7px}.landing{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:64px 24px 90px;position:relative;isolation:isolate}.landing:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 48%,#dfebe480 0,transparent 65%);pointer-events:none}.landing-inner{max-width:950px}.landing-kicker{font-size:11px;letter-spacing:3px;color:#58756d;margin:0 0 32px}.landing h1{font-size:clamp(38px,5.4vw,70px);line-height:1.35;letter-spacing:-3px;font-weight:550;margin:0;word-break:keep-all}.landing h1 span{color:var(--teal)}.landing-description{font-size:15px;line-height:1.9;letter-spacing:-.25px;color:#65777c;margin:25px auto 0;max-width:460px;word-break:keep-all}.project-link{display:inline-flex;align-items:center;gap:38px;text-decoration:none;border-bottom:1px solid #719e91;padding:12px 0;font-size:14px;margin-top:43px;color:var(--ink)}.project-link span{color:var(--teal);font-size:21px;transition:transform .2s}.project-link:hover span{transform:translateX(5px)}.home-footer{padding:24px 0;background:transparent}.home-footer .footer-inner{border-top:1px solid #dce5df;padding-top:23px;font-size:10px;letter-spacing:.4px}.home-footer .footer-inner span:nth-child(2){letter-spacing:1.6px}.project-intro{padding:64px 0 0}.project-intro h1{font-size:clamp(32px,4vw,47px);line-height:1.45;letter-spacing:-1.7px;font-weight:600;margin:22px 0 14px}.project-intro p{font-size:15px;color:var(--muted);line-height:1.9;max-width:620px;word-break:keep-all}.project-intro .text-link{display:inline-block;margin-bottom:36px;font-size:12px}.project-page #project{padding-top:45px}.project-page .header .nav{gap:25px}
@media(max-width:720px){.home .header-inner{height:80px}.home-nav{gap:16px}.home-nav a{font-size:12px}.landing{padding:50px 22px 65px}.landing h1{font-size:clamp(34px,8.8vw,51px);letter-spacing:-1.6px}.landing-kicker{font-size:9px;letter-spacing:2px;margin-bottom:25px}.landing-description{font-size:14px;max-width:290px;margin-top:23px}.project-link{margin-top:31px}.home-footer .footer-inner{justify-content:space-between;gap:16px}.home-footer .footer-inner span:nth-child(2){display:none}.project-intro{padding-top:38px}.project-intro .text-link{margin-bottom:24px}.project-page #project{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.project-link span{transition:none}}
