.method-page{
  background:var(--hv2-paper);
  color:var(--hv2-slate);
  font-family:var(--hv2-text);
  font-size:var(--type-field);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.method-page *{box-sizing:border-box;}
.method-page a{text-decoration:none;}
.method-page ul{margin:0;padding:0;list-style:none;}
html:has(.method-page){scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html:has(.method-page){scroll-behavior:auto;}
}
.method-hero{
  padding:var(--gap-row) var(--hv2-pad-x) 0;
  display:grid;grid-template-columns:1fr 1fr;gap:52px;
  align-items:stretch;
  overflow:hidden;
}
.method-hero-copy{
  display:flex;flex-direction:column;justify-content:space-between;
  min-width:0;
}
.method-eyebrow{
  font-family:var(--hv2-eyebrow);
  font-size:var(--type-caption);letter-spacing:.16em;text-transform:uppercase;
  color:var(--hv2-clay);
  margin:0 0 var(--inset-box);
}
.method-title{
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);
  font-size:clamp(38px,4.6vw,62px);
  line-height:1;
  letter-spacing:-.045em;
  color:var(--hv2-slate);
  margin:0 0 var(--gap-block);
}
.method-title em{font-style:normal;color:var(--hv2-clay);}
.method-standfirst{
  font-size:var(--type-prose);line-height:1.62;
  color:var(--hv2-body-ink);
  max-width:46ch;
  margin:0 0 var(--space-lg);
}
.method-facts{
  display:flex;gap:32px;
  border-top:1px solid var(--hv2-line);
  padding-top:var(--gap-block);
}
.method-fact b{
  display:block;
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);font-size:var(--type-section-title);
  letter-spacing:-.035em;line-height:1;
  color:var(--hv2-slate);
}
.method-fact span{
  display:block;margin-top:5px;
  font-size:var(--type-note);line-height:1.4;
  color:var(--hv2-soft);
  max-width:15ch;
}
.method-heroart{
  margin:0;
  padding:0;
  background:none;
  border-radius:0;
  overflow:visible;
  position:relative;
  display:block;
  min-width:0;
  align-self:start;
}
.method-heroart img{
  display:block;
  width:110%;
  max-width:none;
  height:auto;
  mix-blend-mode:multiply;
}
.method-rail{
  display:grid;grid-template-columns:200px 1fr;gap:56px;
  padding:var(--inset-panel) var(--hv2-pad-x) 60px;
}
.method-toc{
  position:sticky;top:26px;
  align-self:start;
  border-top:2px solid var(--hv2-slate);
  padding-top:var(--inset-panel);
}
.method-toc li{
  padding:9px 0;
  border-bottom:1px solid var(--hv2-line);
  font-size:var(--type-label);
}
.method-toc li:last-child{border-bottom:0;}
.method-toc a{
  display:block;
  color:var(--hv2-soft);
  transition:color .15s;
}
.method-toc a:hover{color:var(--hv2-slate);}
.method-toc-n{
  font-family:var(--hv2-eyebrow);
  font-size:var(--type-caption);
  color:var(--hv2-clay);
  margin-right:var(--inset-control);
}
.method-toc li.is-current a{color:var(--hv2-slate);font-weight:var(--weight-semibold);}
.method-sec{
  padding:0 0 56px;
  max-width:68ch;
}
@media (min-width:1440px){
  .method-sec{max-width:calc(68ch + 120px);}
}
.method-sec:last-child{padding-bottom:0;}
.method-page .method-sec > :last-child{margin-bottom:0;}
.method-sec::after{content:"";display:block;clear:both;}
.method-sec-h{
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);
  font-size:clamp(24px,2.7vw,33px);
  letter-spacing:-.035em;
  color:var(--hv2-slate);
  margin:0 0 var(--gap-tight);
}
.method-dek{
  font-size:var(--type-prose);line-height:1.55;
  color:var(--hv2-soft);
  margin:0 0 var(--space-lg);
}
.method-page .prose{
  font-size:var(--type-field);line-height:1.78;
  color:var(--hv2-body-ink);
  margin:0 0 var(--inset-panel);
}
.method-page .prose strong{font-weight:var(--weight-semibold);color:var(--hv2-slate);}
.method-page .prose em{font-style:italic;}
.method-page .prose-list{padding-left:1.4em;}
.method-page ol.prose-list{list-style:decimal;}
.method-page ul.prose-list{list-style:disc;}
.method-page .prose-list li{margin:0 0 var(--gap-tight);padding-left:.2em;}
.method-page .prose-list li::marker{color:var(--hv2-soft);}
.method-page h3{
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);font-size:var(--type-prose);
  letter-spacing:-.02em;
  color:var(--hv2-slate);
  margin:var(--space-lg) 0 var(--inset-control);
}
.method-page h3:first-child{margin-top:0;}
.method-inline-art{
  float:right;
  width:clamp(190px,30%,260px);
  margin:var(--inset-tag) 0 var(--inset-panel) 32px;
  shape-outside:polygon(26% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 78%, 2% 46%, 12% 16%);
  shape-margin:14px;
}
.method-inline-art img{
  display:block;
  width:100%;height:auto;
  mix-blend-mode:multiply;
}
.method-inline-art figcaption{
  margin-top:var(--gap-row);
  font-family:var(--hv2-text);
  font-size:var(--type-note);line-height:1.5;
  color:var(--hv2-soft);
}
.method-inline-art figcaption em{font-style:italic;}
.method-page .pull-quote{clear:right;}
.method-page .pull-quote{
  background:var(--hv2-tint);
  border:0;
  border-radius:var(--hv2-r);
  padding:28px 32px;
  margin:var(--space-lg) 0;
}
.method-page .pq-text{
  font-family:var(--hv2-display);
  font-weight:var(--weight-medium);font-size:var(--type-card-name);
  line-height:1.42;letter-spacing:-.02em;
  color:var(--hv2-slate);
  margin:0 0 var(--gap-row);
  max-width:none;
}
.method-page .pq-attr{
  font-family:var(--hv2-eyebrow);
  font-size:var(--type-caption);letter-spacing:.1em;text-transform:uppercase;
  color:var(--hv2-soft);
  font-style:normal;
}
.method-page .note{
  background:var(--hv2-card);
  border:0;
  border-left:3px solid var(--hv2-clay);
  border-radius:0 var(--hv2-r-sm) var(--hv2-r-sm) 0;
  padding:var(--gap-block) var(--space-lg);
  margin:var(--space-lg) 0;
}
.method-page .note-label{
  display:block;
  font-family:var(--hv2-eyebrow);
  font-size:var(--type-badge);letter-spacing:.14em;text-transform:uppercase;
  color:var(--hv2-clay);
  margin-bottom:var(--inset-control);
}
.method-page .note-body{
  margin:0;
  font-size:var(--type-field);line-height:1.7;
  color:var(--hv2-body-ink);
}
.method-page .refs{}
.method-page .ref{
  display:grid;grid-template-columns:34px 1fr;gap:var(--inset-box);
  padding:var(--inset-box) 0;
  border-bottom:1px solid var(--hv2-line);
  font-size:var(--type-label);line-height:1.55;
  color:var(--hv2-body-ink);
}
.method-page .ref:last-child{border-bottom:0;}
.method-page .ref-n{
  font-family:var(--hv2-eyebrow);
  font-size:var(--type-caption);
  color:var(--hv2-clay);
}
.method-page .ref-body strong{font-weight:var(--weight-semibold);color:var(--hv2-slate);}
.method-page .ref-body em{color:var(--hv2-soft);font-style:italic;}
.method-pairdemo{
  background:var(--hv2-card);
  border-radius:var(--hv2-r);
  padding:var(--space-lg) 28px 28px;
  margin:var(--space-lg) 0;
  box-shadow:var(--hv2-shadow);
}
.method-pd-lede{
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);font-size:var(--type-field);
  letter-spacing:-.02em;
  color:var(--hv2-slate);
  margin:0 0 var(--inset-panel);
}
.method-pd-row{
  display:grid;grid-template-columns:1fr 54px 1fr;
  align-items:center;
}
.method-pd-row + .method-pd-row{margin-top:var(--gap-row);}
.method-pd-close{
  margin:var(--gap-block) 0 0;
  font-family:var(--hv2-text);
  font-size:var(--type-field);line-height:1.7;
  color:var(--hv2-body-ink);
}
.method-pd-card{
  background:var(--hv2-tint);
  border-radius:var(--hv2-r-sm);
  padding:var(--space-lg) var(--gap-block);
  text-align:center;
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);font-size:var(--type-prose);
  letter-spacing:-.02em;
  color:var(--hv2-slate);
}
.method-pd-card.is-picked{
  background:var(--hv2-sage);
  color:var(--on-ink);
  box-shadow:0 12px 26px rgba(var(--hv2-sage-rgb), .3);
}
.method-pd-or{
  text-align:center;
  font-size:var(--type-caption);font-weight:var(--weight-semibold);letter-spacing:.1em;
  color:var(--hv2-soft);
}
.method-end{
  background:var(--hv2-slate);
  color:var(--hv2-paper);
  padding:54px var(--hv2-pad-x);
  display:grid;grid-template-columns:1fr auto;gap:40px;
  align-items:center;
}
.method-end-h{
  font-family:var(--hv2-display);
  font-weight:var(--weight-semibold);
  font-size:clamp(26px,3.2vw,38px);
  letter-spacing:-.04em;line-height:1.1;
  color:var(--hv2-paper);
  margin:0 0 var(--inset-control);
}
.method-end-h em{font-style:normal;color:var(--hv2-clay);}
.method-end-body{
  margin:0;
  color:var(--hv2-on-dark);
  font-size:var(--type-field);line-height:1.6;
  max-width:44ch;
}
.method-end-btns{display:grid;gap:var(--gap-row);}
.method-end-btns .hv2-btn-stack{display:grid;gap:var(--gap-row);width:auto;}
.method-end-btns .hv2-btn-stack > a,
.method-end-btns .hv2-btn-stack > .tpl-switcher{flex:none;width:100%;min-width:270px;}
.method-page .hv2-btn{
  border-radius:var(--hv2-pill);
  padding:var(--inset-panel) 32px;
  font-family:var(--hv2-text);
  font-size:var(--type-field);font-weight:var(--weight-semibold);
  letter-spacing:0;text-transform:none;line-height:1.25;
}
.method-page .hv2-btn.hv2-btn-primary{background:var(--hv2-clay);color:var(--on-ink);}
.method-page .hv2-btn.hv2-btn-primary:hover{background:var(--hv2-clay-hover);color:var(--on-ink);}
.method-page .hv2-btn-stack .tpl-switcher-trigger:not(.tpl-action-btn){
  background:var(--hv2-card);
  color:var(--hv2-slate);
  border:0;border-radius:var(--hv2-pill);
  padding:var(--inset-panel) 32px;
  font-family:var(--hv2-text);
  font-size:var(--type-field);font-weight:var(--weight-semibold);
  letter-spacing:0;text-transform:none;
  box-shadow:0 8px 22px rgba(var(--hv2-slate-rgb), .08);
}
.method-page .hv2-btn-stack .tpl-switcher-trigger:not(.tpl-action-btn):hover{
  background:var(--color-white);
}
@media (min-width:1201px){
  .method-inline-art{
    width:clamp(260px,44%,360px);
    margin-right:calc(-1 * clamp(0px,5vw,90px));
  }
}
@media (max-width:1100px){
  .method-rail{grid-template-columns:170px 1fr;gap:36px;}
  .method-hero{gap:36px;}
}
@media (max-width:900px){
  .method-hero{grid-template-columns:1fr;gap:28px;padding-bottom:36px;}
  .method-heroart img{width:100%;}
  .method-rail{grid-template-columns:1fr;gap:28px;}
  .method-toc{position:static;}
  .method-end{grid-template-columns:1fr;gap:28px;}
  .method-end-body{max-width:none;}
}
@media (max-width:768px){
  .method-facts{flex-wrap:wrap;gap:var(--gap-block) 28px;}
  .method-title{font-size:clamp(32px,8.4vw,46px);}
  .method-standfirst{font-size:var(--type-field);}
  .method-page .prose{font-size:var(--type-field);line-height:1.72;}
  .method-page .pull-quote{padding:var(--space-lg) var(--space-lg);}
  .method-page .pq-text{font-size:var(--type-prose);}
  .method-pairdemo{padding:var(--gap-block) var(--gap-block) var(--space-lg);}
  .method-pd-row{grid-template-columns:1fr 40px 1fr;}
  .method-pd-card{padding:var(--inset-panel) var(--inset-box);font-size:var(--type-field);}
  .method-end-btns .hv2-btn-stack > a,
  .method-end-btns .hv2-btn-stack > .tpl-switcher{min-width:0;}
}
@media (max-width:620px){
  .method-inline-art{
    float:none;
    width:auto;max-width:300px;
    margin:var(--inset-panel) auto var(--space-lg);
    shape-outside:none;
  }
}
@media (max-width:480px){
  .method-facts{gap:var(--inset-panel) var(--space-lg);}
  .method-fact b{font-size:var(--type-display-s);}
  .method-page .ref{grid-template-columns:26px 1fr;gap:var(--inset-control);}
}