
:root{
  --paper:#FAFAF8; --white:#FFFFFF; --forest:#0F1419; --ink:#0F1419;
  --muted:#66706A; --sage:#5C7F6B; --line:#D9DCD8; --pale:#F1F3F1; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}.page-shell{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}
.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{display:block;width:205px;height:auto}
.nav{display:flex;gap:30px}.nav a{text-decoration:none;font-size:.9rem;color:#4b534e}.nav a:hover{color:var(--forest)}.menu-toggle{display:none;border:0;background:none;color:var(--forest);font:inherit}
.eyebrow{margin:0 0 18px;color:var(--sage);font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
h1,h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;letter-spacing:-.035em;color:var(--forest);margin-top:0}
h1{font-size:clamp(3.6rem,8vw,7.8rem);line-height:.94;margin-bottom:34px}
h2{font-size:clamp(2.1rem,4.3vw,4.3rem);line-height:1.06}
h3{color:var(--forest);font-size:1.35rem;line-height:1.3;margin-top:0}
.hero{padding:128px 0 110px;max-width:1100px}.hero-sub{font-size:clamp(1.15rem,2vw,1.55rem);max-width:850px;color:#4f5852;margin:0 0 38px}
.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.button{display:inline-block;text-decoration:none;padding:14px 20px;border:1px solid var(--forest);font-size:.9rem;font-weight:600}.button.primary{background:var(--forest);color:white}
.text-link{text-decoration:none;font-weight:600;color:var(--forest)}.text-link span{padding-left:6px}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:60px;padding:92px 0}
.manifesto-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;color:var(--sage);font-weight:700}
.manifesto-copy{max-width:860px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.3}.manifesto-copy p{margin:0 0 28px}
.long-form .manifesto-copy{font-size:clamp(1.35rem,2.5vw,2.15rem)}
.section{padding:108px 0}.section-header{max-width:850px;margin-bottom:50px}
.research-list{border-top:1px solid var(--line)}.research-row{display:grid;grid-template-columns:70px 1fr 40px;gap:26px;align-items:start;padding:38px 0;border-bottom:1px solid var(--line);text-decoration:none}
.research-row:hover h3{color:var(--sage)}.research-row h3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:500;margin-bottom:8px;letter-spacing:-.02em}.research-row p{margin:0;color:var(--muted);max-width:780px}
.number,.arrow{color:var(--sage);font-size:.82rem}.arrow{text-align:right;font-size:1.1rem}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:110px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.paper-cover{aspect-ratio:4/5;background:var(--forest);color:#edf4ef;padding:34px;display:flex;flex-direction:column;max-width:460px;box-shadow:0 18px 45px rgba(24,58,46,.12)}
.paper-top,.paper-bottom{font-size:.72rem;letter-spacing:.13em}.paper-title{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;margin:auto 0 20px}.paper-sub{max-width:340px}.paper-bottom{margin-top:auto}
.feature-copy p:not(.eyebrow){font-size:1.12rem;color:var(--muted)}
.insight-strip{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:90px 0}.insight-strip p:not(.eyebrow){font-size:1.12rem}
.page-hero{padding:110px 0 90px;max-width:1000px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.3rem,7vw,6.6rem)}.page-hero>p:last-child{font-size:1.18rem;max-width:760px;color:var(--muted)}
.roadmap{padding:90px 0;border-bottom:1px solid var(--line)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.roadmap-grid article{background:var(--white);border:1px solid var(--line);padding:28px}.roadmap-grid span{font-size:.72rem;color:var(--sage);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.roadmap-grid h3{margin:28px 0 10px}.roadmap-grid p{margin:0;color:var(--muted)}
.research-detail{display:grid;grid-template-columns:120px 1fr;gap:65px;padding:90px 0;border-bottom:1px solid var(--line)}.detail-index{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--sage);font-size:2.2rem}.research-detail>div:last-child{max-width:850px}.research-detail p:not(.eyebrow){font-size:1.12rem}
.clean-list{list-style:none;padding:0;margin:32px 0 0;border-top:1px solid var(--line)}.clean-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.framework-grid span{padding:18px;border:1px solid var(--line);background:var(--white);color:var(--forest);font-weight:600}
.publication-repository{padding:90px 0}.pub-entry{display:grid;grid-template-columns:110px 1fr 100px;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.pub-entry:first-child{border-top:1px solid var(--line)}
.pub-entry h2{font-family:Inter,sans-serif;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500;margin-bottom:8px}.pub-entry p{margin:0;color:var(--muted)}.pub-code{font-weight:700;color:var(--sage)}.pub-type{font-size:.75rem!important;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px!important}.pub-year{text-align:right;color:var(--muted)}.featured{background:var(--pale);padding-left:20px;padding-right:20px}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:90px 0}.insight-card{min-height:360px;border:1px solid var(--line);padding:28px;background:var(--white);display:flex;flex-direction:column}.insight-card h2{font-family:Inter,sans-serif;font-size:2rem;font-weight:500;letter-spacing:-.025em}.insight-card p{color:var(--muted)}.insight-card .text-link,.insight-card .status-pill{margin-top:auto}.primary-card{background:var(--forest);color:white}.primary-card h2,.primary-card .text-link{color:white}.primary-card p{color:#dce7e0}.insight-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.status-pill{display:inline-block;width:max-content;padding:7px 10px;background:var(--pale);color:var(--forest);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.principles{padding:95px 0;border-bottom:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.principle-grid article{padding:30px;border:1px solid var(--line);background:var(--white)}.principle-grid span{color:var(--sage);font-size:.75rem}.principle-grid h3{margin:25px 0 8px}.principle-grid p{margin:0;color:var(--muted)}
.founder{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:95px 0;border-bottom:1px solid var(--line)}.prose{font-size:1.1rem}.prose p{margin-top:0;margin-bottom:22px}
.article-hero{padding:110px 0 75px;max-width:980px;border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(3.2rem,7vw,6rem)}.article-deck{font-size:1.25rem;color:var(--muted);max-width:760px}
.article-body{max-width:760px;margin:80px auto 110px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;line-height:1.7}.article-body blockquote{font-size:2rem;line-height:1.3;color:var(--forest);margin:50px 0;padding-left:24px;border-left:4px solid var(--sage)}
.site-footer{border-top:1px solid var(--line);padding:80px 0 55px}.footer-idea{max-width:900px;margin-bottom:80px}.footer-idea h2{margin-bottom:0}
.footer-bottom{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;font-size:.84rem;color:var(--muted)}.footer-brand{color:var(--forest);font-weight:700;letter-spacing:.12em}.footer-brand span{font-size:.75rem;font-weight:400;letter-spacing:.03em}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{text-decoration:none}.footer-meta{text-align:right}
@media(max-width:850px){
  .page-shell{width:min(calc(100% - 28px),var(--max))}.menu-toggle{display:block}.nav{display:none;position:absolute;right:0;top:74px;background:var(--paper);border:1px solid var(--line);padding:18px;min-width:190px;flex-direction:column;gap:14px;z-index:3}.nav.open{display:flex}
  .hero{padding:90px 0 80px}.manifesto,.split-feature,.insight-strip,.footer-bottom,.research-detail,.founder{grid-template-columns:1fr;gap:32px}
  .manifesto{padding:70px 0}.split-feature{padding:80px 0}.research-row{grid-template-columns:45px 1fr}.arrow{display:none}
  .roadmap-grid,.insight-grid{grid-template-columns:1fr}.framework-grid{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr}.pub-entry{grid-template-columns:80px 1fr}.pub-year{display:none}.footer-meta{text-align:left}
}
@media(max-width:520px){
  h1{font-size:3.35rem}.brand-copy small{display:none}.research-row{grid-template-columns:1fr}.number{margin-bottom:-10px}.framework-grid{grid-template-columns:1fr}.paper-cover{padding:25px}.article-body{font-size:1.15rem}
}

/* Official SAGE brand accents */
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-260px;bottom:-250px;width:660px;height:430px;border-radius:50%;background:linear-gradient(145deg,transparent 0 50%,rgba(92,127,107,.12) 51% 68%,rgba(92,127,107,.88) 69% 100%);pointer-events:none;z-index:-1}
.paper-cover{background:#5C7F6B}
.primary-card{background:#0F1419}
@media(max-width:520px){.brand-logo{width:165px}}

/* SAGE v3: text-first identity and visible founder story */
.brand-logo{width:245px}
.home-founder,.founder-story,.founder-contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:100px 0;border-top:1px solid var(--line)}
.home-founder-copy,.founder-prose{font-size:1.12rem}
.home-founder-copy p{margin-top:0;margin-bottom:22px}
.founder-hero h1{max-width:900px}
.founder-story blockquote{font-family:Georgia,serif;font-size:2rem;line-height:1.35;margin:38px 0;padding-left:24px;border-left:4px solid var(--sage);color:var(--forest)}
.founder-focus{padding:95px 0;border-top:1px solid var(--line)}
.founder-contact{border-bottom:1px solid var(--line)}
.founder-contact .button{margin-right:24px}
.founder-email,.founder-linkedin{display:inline-block;margin-top:18px}
@media(max-width:850px){
  .home-founder,.founder-story,.founder-contact{grid-template-columns:1fr;gap:32px;padding:75px 0}
}
@media(max-width:520px){.brand-logo{width:190px}}
