/* Learning to Work with You — warm, editorial academic visual direction */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#213a3e;--muted:#536a6b;--subtle:#738787;--bg:#fcfaf5;--bg2:#f3f6ef;--card:#fffdf8;--line:#dbe4dd;--blue:#527e86;--mint:#cfe9db;--lime:#dfedcf;--gold:#ae7949;--max:1152px}
body{background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
a:hover{color:#246d6b}::selection{background:#d0e8dc}
.site-header{background:rgba(252,250,245,.94);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #234b3510}
.brand-symbol{background:#d8e8d9;color:#33665f;border:1px solid #b9d4c5;border-radius:50%;font-family:'DM Serif Display',serif}
.brand-name{color:#233b40}.brand-sub{color:#6c8381}.nav-links a{color:#526969}.nav-links a.active,.nav-links a:hover{color:#256e69}.nav-links .nav-cta{color:#fff;background:#376d66;border-radius:7px}.nav-links .nav-cta:hover{color:#fff;background:#275952}.menu-toggle{color:var(--ink);background:#fff;border-color:var(--line)}
.eyebrow{color:#4c7f70;letter-spacing:1.9px}
.hero{background:radial-gradient(ellipse at 89% 20%,#e9f1e1 0%,transparent 50%),linear-gradient(135deg,#fcfaf5,#f8faf4);border-color:var(--line);padding-top:90px;padding-bottom:86px}
.hero:before{background:radial-gradient(circle,#cbe4d88c,transparent 70%)}
.hero h1,.section-title,.page-hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-1.3px}
.hero h1{font-size:clamp(48px,5.25vw,76px);line-height:1.1}.hero h1 em{color:#467e70;font-style:italic}
.hero-intro{color:#52696c;font-size:18px}.btn{border-color:#bad0c4;border-radius:7px}.btn-primary{background:#376d66;border-color:#376d66;color:white}.btn-primary:hover{background:#285a54;color:white}.btn-ghost{background:#fffdf9;color:#2e5e5c}.btn-muted{background:#eaf1e9;border-color:#d2dfd5;color:#325b55}
.artboard{background:radial-gradient(ellipse at 40% 30%,#faf9ed,#deebe6);border-color:#c7dbd1;border-radius:38% 42% 36% 44% / 37% 40% 45% 42%;box-shadow:0 20px 60px #75958320;overflow:hidden}
.artboard .art-grid{opacity:.28;background-image:linear-gradient(#7dada01c 1px,transparent 1px),linear-gradient(90deg,#7dada01c 1px,transparent 1px)}
.art-caption{color:#5d7975;background:#faf9edcc;padding:4px 10px;border-radius:20px}
.section{border-color:#e6ebe3;padding:86px 0}.section.alt{background:#f3f6ef}.section-title{line-height:1.13;font-size:clamp(31px,3.4vw,46px)}.section-desc{color:var(--muted)}
.small-link{color:#377b71}.small-link:hover{color:#1c5751;text-decoration:underline;text-underline-offset:4px}
.pillar{background:#fffefa;border:1px solid #d8e5dd;border-radius:11px;box-shadow:0 5px 18px #5475600a}.pillar:hover{border-color:#84b4a1;box-shadow:0 10px 25px #56796816}.pillar-id{color:#407666;background:#e7f1e9}.pillar h3,.panel h3,.big-feature h3,.note strong,.join h3,.prose h2,.prose h3,.agenda-card h2,.sidebox h3{color:var(--ink)}.pillar p,.panel p,.note p,.join p,.prose p,.prose li,.agenda-card p{color:#586f71}.pillar .arrow{color:#3d8a7d}
.panel,.sidebox{background:#fffdf8;border:1px solid #dce6de}.distinction{background:#dce7df;border-color:#dce7df}.distinction>div{background:#fffdf9}.distinction .accent{background:#e6f2ea}.distinction span{color:#628078}.distinction p{color:#5f7471}
.big-feature{background:linear-gradient(130deg,#fefdf9,#eff5ed);border-color:#d9e4d9}.big-feature p{color:#5a6d6d}.kicker{color:#986d42}.note{background:#fffefa;border-color:#d9e4d9}.stat{color:#36786d}.mock-bars{border-bottom-color:#b9d5c8}.mock-bars i{background:linear-gradient(#9bc9b1,#5e988e)}.chip{color:#4c7168;background:#eef6ef;border-color:#d6e7d9}
.join{background:#fffdf8;border-color:#d8e5dd}.footer{background:#f8f8f1}.footer p,.footer small{color:#697e7b}.footer-links a{color:#486866}
.page-hero{background:radial-gradient(ellipse at 80% 0%,#e0ede4,transparent 60%),#faf9f4;border-color:#e1e9df}.page-hero p{color:#5a7271}.sidebox a{color:#37796e;border-color:#e1e8e1}
.agenda-card{background:#fffefa;border-color:#d8e5dd}.agenda-card .tag{color:#4c8979}.question{background:#eef5ef;color:#55706a;border-color:#d8e6d9}.flow-step{background:#fffefa;border-color:#d7e4db;color:#305a57}.flow-step small{color:#6e8581}
.status{color:#8a6738;background:#fff7e7;border-color:#e9d8b6}.status:before{background:#c59c5f}
.field{color:#455c5a}.field input,.field textarea,.field select{color:#253f40;background:#fff;border-color:#cfdfd5}.field input:focus,.field textarea:focus{border-color:#538f80;outline:2px solid #a6d4bc55}.helper{color:#708782}.site-map-link{color:#286c63}.highlight-banner{background:#e7f2e8;border-color:#cee3d2}.highlight-banner p{color:#516e64}
@media(max-width:720px){.nav-links{background:#fcfaf5;border-color:#d9e5dc;box-shadow:0 12px 25px #224e2c10}.artboard{border-radius:25% 32% 29% 31% / 32% 28% 29% 30%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


.hero-grid{grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.hero-figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-illustration{display:block;width:min(100%,760px);height:auto;filter:drop-shadow(0 16px 34px rgba(88,110,116,.12))}
.hero .art-caption,.feature-figure .art-caption{margin-top:10px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#5d7975;background:#faf9edcc;padding:4px 10px;border-radius:20px}
.mission-visual-section{padding-top:28px}
.mission-visual-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center}
.feature-figure{margin:0;background:#fffdf8;border:1px solid #d7e2dc;border-radius:22px;padding:14px;box-shadow:0 16px 36px rgba(89,109,107,.08)}
.feature-illustration{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:720px){.hero-grid,.mission-visual-grid{grid-template-columns:1fr}.hero-figure{order:2}.hero-illustration{max-width:100%}.mission-visual-section{padding-top:0}.feature-figure{padding:10px}}
