/* The approved paper/sage language, with the numbered process as this page's centre. */
.method-page{--method-sage:var(--color-sage-surface);--method-panel:var(--color-sage-soft)}
.method-hero{padding-top:3.7rem;padding-bottom:var(--space-section)}
.method-hero-ground{display:grid;grid-template-columns:1.25fr .85fr;gap:3.3rem;align-items:center;padding:3.4rem;border:1px solid var(--color-sage-border);border-radius:var(--radius-panel);background:var(--method-sage)}
.method-hero-copy h1{font-size:clamp(3rem,4.45vw,4.4rem);line-height:1.045;letter-spacing:-.03em}
.method-hero-copy .lead{font-size:1rem;max-width:47ch;margin:1.7rem 0 1.9rem}
.method-actions{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center}
.method-actions .text-link{font-size:var(--text-caption)}
.method-dossier{padding:2rem;border-radius:var(--radius-card);border:1px solid #d8ddd4;outline:5px solid #ffffff50;background:var(--color-paper);rotate:1.5deg;box-shadow:0 20px 30px -24px #173a3d80}
.method-dossier-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--color-muted);font-size:.75rem}
.method-dossier-top img{width:25px;height:25px;}
.method-dossier dl{margin:1.6rem 0}
.method-dossier dl>div+div{margin-top:1.4rem}
.method-dossier dt{font:400 1.65rem/1.12 var(--font-display);letter-spacing:-.02em}
.method-dossier dd{margin:.45rem 0 0;font-size:.85rem;line-height:1.6;color:var(--color-muted)}
.method-rule{display:block;width:100%;height:1px;overflow:visible;color:var(--color-gold)}
.method-signature{margin-top:1.2rem;font:italic 1.2rem/1.3 var(--font-display);color:var(--color-sage-text)}
.method-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-layout-wide);padding-bottom:var(--space-section);align-items:start}
.method-process-intro h2{font-size:clamp(2.65rem,3.5vw,3.4rem);max-width:17ch}
.method-process-intro>p{font-size:var(--text-small);max-width:37ch;color:var(--color-muted);margin-top:1.7rem}
.method-intro-rule{width:4rem;margin-top:2rem}
.method-journey{position:relative;min-width:0}
.method-track{position:absolute;left:1.2rem;top:1.25rem;bottom:2rem;width:1px;background:#d4ddce}
.method-track>span{position:absolute;inset:0;display:block;background:var(--color-gold);transform:scaleY(0);transform-origin:center top}
.method-steps{list-style:none;margin:0;padding:0}
.method-steps>li{position:relative;padding-left:4rem;scroll-margin-top:1rem}
.method-steps>li+li{margin-top:1.5rem}
.method-number{position:absolute;top:1.7rem;left:0;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--color-gold);border-radius:50%;background:var(--color-canvas);color:var(--color-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;transition:background-color 400ms ease,color 400ms ease,border-color 400ms ease}
.method-step-paper{padding:2rem;border:1px solid #d6ded2;border-radius:1.35rem;background:var(--color-paper);transition:background-color 400ms ease,border-color 400ms ease,box-shadow 400ms ease}

.method-step-paper h3{font-size:1.9rem;max-width:23ch;display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.85rem;align-items:start}
.method-step-icon{display:block;width:var(--gold-icon-size);height:var(--gold-icon-size);margin-top:.08em;color:var(--color-gold)}
.method-step-paper p{font-size:var(--text-small);color:var(--color-muted);line-height:1.75;margin-top:1rem}
.method-steps>li[data-current=true] .method-step-paper{background:var(--method-sage);border-color:#bdcdb9;box-shadow:0 16px 30px -26px #173a3d70}
.method-steps>li[data-current=true] .method-number{color:var(--color-on-dark);border-color:var(--color-dark);background:var(--color-dark)}
.method-technology{background:var(--color-dark);color:var(--color-on-dark);padding-block:5.5rem}
.method-tech-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-layout-wide);align-items:center}
.method-technology h2{font-size:clamp(2.8rem,3.8vw,3.6rem)}
.method-technology h2 .italic{color:var(--color-on-dark-accent)}
.method-tech-copy{color:var(--color-on-dark-soft);font-size:.96rem;max-width:50ch;margin-top:1.8rem}
.method-responsibility{padding:2.5rem;border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-text);rotate:-1.5deg;box-shadow:0 25px 35px -25px #001b1e80}
.method-responsibility h3{font-size:2.1rem;margin-bottom:1.4rem}
.method-responsibility>p{font-size:var(--text-small);color:var(--color-muted);margin-top:1.5rem}
.method-values{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem;padding-top:var(--space-section)}
.method-value{min-width:0;padding:2.5rem;border:1px solid #d6ded2;border-radius:var(--radius-soft);background:var(--color-paper)}
.method-difference{background:var(--method-sage)}
.method-value h2{font-size:2.5rem;margin-bottom:1.5rem}
.method-value p{font-size:var(--text-small);line-height:1.75;color:var(--color-muted)}
.method-symbol{display:block;width:60px;height:36px;color:var(--color-gold);margin-bottom:1.7rem}
.method-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1100px) and (min-height:800px){.method-process-intro{position:sticky;top:9rem}}
@media(max-width:1100px){.method-hero-ground{padding:2.4rem;gap:var(--space-card)}.method-hero-copy h1{font-size:3.4rem}.method-dossier{padding:1.6rem}.method-process{gap:2.5rem;grid-template-columns:.8fr 1.2fr}.method-process-intro h2{font-size:2.7rem}.method-step-paper{padding:1.6rem}.method-step-paper h3{font-size:1.7rem}.method-tech-layout{gap:var(--space-layout)}.method-responsibility,.method-value{padding:2rem}}
@media(max-width:800px){.method-hero-ground{grid-template-columns:1fr}.method-hero-copy h1{font-size:3.7rem}.method-hero-copy .lead{max-width:57ch}.method-dossier{width:100%;max-width:32rem;margin:.5rem auto}.method-process{grid-template-columns:1fr;gap:2.5rem}.method-process-intro h2{max-width:24ch}.method-process-intro>p{max-width:60ch}.method-intro-rule{display:none}.method-tech-layout{grid-template-columns:1fr;gap:var(--space-layout)}.method-responsibility{max-width:36rem;margin-inline:auto}.method-values{grid-template-columns:1fr}}
@media(max-width:700px){
 .method-hero{padding:2.5rem 1rem 4rem}
 .method-hero-ground{padding:2rem 1.4rem;gap:2.4rem;border-radius:var(--radius-soft)}
 .method-hero-copy h1{font-size:clamp(2.65rem,10vw,3.4rem);line-height:1.04}
 .method-hero-copy .lead{font-size:.95rem;margin:1.5rem 0}
 .method-actions{gap:1rem}.method-actions .button{font-size:var(--text-caption)}
 .method-dossier{padding:1.5rem;max-width:100%}
 .method-dossier dd{font-size:var(--text-caption)}
 .method-process{padding-bottom:4rem}
 .method-process-intro h2{font-size:2.65rem;max-width:18ch}
 .method-process-intro>p{font-size:.92rem}
 .method-steps>li{padding-left:2.65rem}
 .method-steps>li+li{margin-top:1.2rem}
 .method-number{width:1.85rem;height:1.85rem;top:1.5rem;font-size:.75rem}
 .method-track{left:.9rem}
 .method-step-paper{padding:1.5rem 1.3rem;border-radius:1.15rem}
 .method-step-paper h3{font-size:1.65rem;grid-template-columns:1.5rem minmax(0,1fr);gap:.65rem}
 .method-step-icon{width:var(--gold-icon-size);height:var(--gold-icon-size)}
 .method-step-paper p{font-size:.9rem;margin-top:.8rem}
 .method-technology{padding-block:4rem}
 .method-technology h2{font-size:2.65rem}
 .method-tech-copy{font-size:.92rem}
 .method-responsibility{padding:1.8rem;rotate:-1deg}
 .method-responsibility h3{font-size:1.9rem}
 .method-responsibility>p{font-size:.9rem}
 .method-values{padding-top:4rem;gap:1.3rem}
 .method-value{padding:1.8rem}
 .method-value h2{font-size:2.3rem}
 .method-value p{font-size:.9rem}
}
.large-text .method-hero-ground,.large-text .method-process,.large-text .method-tech-layout,.large-text .method-values{grid-template-columns:1fr}
.large-text .method-process-intro{position:static}
.large-text .method-dossier,.large-text .method-responsibility{rotate:0deg;max-width:32rem;margin-inline:auto}
@media(prefers-reduced-motion:reduce){.method-number,.method-step-paper{transition:none}.method-process-intro{position:static}}
@media print{.method-hero-ground,.method-technology,.method-difference{background:white;color:var(--color-dark)}.method-tech-copy{color:var(--color-dark)}.method-process-intro{position:static}.method-dossier,.method-responsibility{rotate:0deg;box-shadow:none}.method-step-paper{break-inside:avoid}}