:root{--bg:#07110f;--ink:#eaf4ef;--muted:#9eb0a9;--accent:#93d7ba;--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.035)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body[data-barba="wrapper"]{overflow:hidden}
.fonts-loading .methodology-page{opacity:0;pointer-events:none}
.methodology-page{position:fixed;z-index:40;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;background:radial-gradient(circle at 70% 0%,rgba(69,211,156,.08),transparent 32%),var(--bg);will-change:opacity,transform,filter}
.methodology-page a{color:inherit;text-underline-offset:4px}
.methodology-page .method-header{position:sticky;z-index:5;top:0;display:flex;justify-content:space-between;gap:20px;padding:24px 34px;border-bottom:1px solid var(--line);background:rgba(7,17,15,.84);backdrop-filter:blur(16px);font-size:12px}
.methodology-page .back-link{text-decoration:none;color:#bdccc5}
.methodology-page .project-name{font-weight:600}
.methodology-page main{width:min(900px,calc(100vw - 40px));min-height:calc(100vh - 150px);margin:0 auto;padding:105px 0 90px}
.methodology-page .eyebrow,.methodology-page .section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#9ebcaf}
.methodology-page h1,.methodology-page h2{font-family:"Cormorant Garamond",Georgia,serif}
.methodology-page h1{font-weight:400;font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.045em;margin:18px 0 28px}
.methodology-page h1 em{color:var(--accent);font-weight:500;font-style:italic}
.methodology-page h1:focus{outline:none}
.methodology-page h2{font-weight:500;font-size:38px;line-height:1.05;margin:10px 0 22px}
.methodology-page .lead{max-width:720px;color:#b6c6bf;font-size:17px;line-height:1.75}
.methodology-page .source-note{max-width:760px;margin:34px 0 0;padding:20px 22px;border:1px solid rgba(147,215,186,.22);border-radius:16px;background:rgba(147,215,186,.045)}
.methodology-page .source-note p{margin:0;color:#b7c9c0;font-size:12.5px;line-height:1.65}
.methodology-page .source-note .source-note-label{margin:0 0 7px;text-transform:uppercase;letter-spacing:.16em;color:#93d7ba;font-size:9px;font-weight:600}
.methodology-page .summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:55px 0 95px}
.methodology-page .summary-grid article{min-height:140px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}
.methodology-page .summary-grid strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:500}
.methodology-page .summary-grid span{color:var(--muted);font-size:11px;line-height:1.45}
.methodology-page section{margin:0 0 95px}
.methodology-page section p{max-width:760px;color:#aebfb7;font-size:14px;line-height:1.8}
.methodology-page code{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:#d7e7df}
.methodology-page .rules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}
.methodology-page .rules article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.methodology-page .rules h3{margin:0 0 8px;font-size:13px}
.methodology-page .rules p{margin:0;font-size:12px;line-height:1.55}
.methodology-page footer{padding:36px;text-align:center;border-top:1px solid var(--line);color:#aebfb7;font-size:12px}
.barba-stage{display:none}
@media(max-width:720px){
 .methodology-page .method-header{padding:18px 16px}
 .methodology-page .project-name{display:none}
 .methodology-page main{padding-top:70px}
 .methodology-page .summary-grid{grid-template-columns:repeat(2,1fr);margin-bottom:70px}
 .methodology-page .rules{grid-template-columns:1fr}
 .methodology-page section{margin-bottom:70px}
 .methodology-page h2{font-weight:500;font-size:32px}
}
@media(prefers-reduced-motion:reduce){.methodology-page{scroll-behavior:auto}}