:root{--ink:#191919;--paper:#f2f2f2;--coral:#ff6f61;--accent:#b8453b;--sans:'neue-haas-grotesk-display',Arial,sans-serif;--rail-height:66px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 20px/1.5 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.04em;line-height:1.04}h1{font-size:clamp(64px,7.8vw,132px)}h2{font-size:clamp(44px,5.5vw,88px)}h3{font-size:clamp(25px,2.25vw,36px)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}section:focus{outline:none}[hidden]{display:none!important}::selection{background:var(--coral);color:var(--ink)}.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:100;top:10px;left:10px;background:white;padding:12px}.wrap{width:calc(100% - 8.5vw);max-width:1960px;margin-inline:auto}.dark-surface{color:white;background:var(--ink)}.light-surface{color:var(--ink);background:var(--paper)}.button{color:white;background:var(--ink);border:1px solid var(--ink)}.dark-surface .button{background:white;color:var(--ink);border-color:white}.method-eyebrow{font-size:17px;font-weight:600;color:var(--coral);margin-bottom:28px}.method-opening{padding:clamp(48px,5vw,96px) 0 55px;min-height:calc(100svh - 75px);display:flex;align-items:center;position:relative}.method-opening h1{max-width:12ch}.opening-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:38px}.opening-bottom p{max-width:45ch;font-size:clamp(21px,1.75vw,28px);line-height:1.4}.opening-bottom .button{flex-shrink:0}.method-overview{display:grid;grid-template-columns:repeat(6,1fr);padding:0;list-style:none;margin:70px 0 0;border-top:1px solid #777}.method-overview a{padding:20px 12px 0 0;display:flex;gap:12px;font-size:clamp(16px,1.35vw,22px);font-weight:600}.method-overview span{font-size:14px;color:var(--coral);align-self:center}.method-stage{position:relative;padding:clamp(76px,7.3vw,136px) 0 0;isolation:isolate;scroll-margin-top:0}.stage-name{display:flex;align-items:center;gap:17px;font-size:18px;margin-bottom:30px;font-weight:600}.stage-name span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--ink);background:var(--coral);box-shadow:4px 4px 0 #797979}.stage-heading h2{max-width:17ch}.stage-intro{max-width:54ch;margin:32px 0 0;font-size:clamp(21px,1.75vw,28px);line-height:1.42}.stage-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8vw;margin-top:65px;align-items:start}.stage-visual{position:sticky;top:105px;text-align:left;padding-bottom:50px}.stage-sculpture{width:100%;max-width:580px;aspect-ratio:1;transform:perspective(1100px) rotateY(var(--art-y,0deg)) rotateZ(var(--art-r,0deg)) translateY(var(--art-rise,0px));transform-origin:center;will-change:transform}.stage-sculpture img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 22px #0002)}.stage-outcome{max-width:23ch;font-size:clamp(26px,2.6vw,43px);font-weight:600;line-height:1.14;letter-spacing:-.03em;margin-top:0}.method-deliverable{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:32px 30px 36px;background:#fff;color:var(--ink);border:1px solid var(--ink);box-shadow:7px 7px 0 #777;margin-bottom:32px}.dark-surface .method-deliverable{background:#272727;color:white;border-color:#777;box-shadow:7px 7px 0 #080808}.deliverable-index{font-size:16px;font-weight:600;color:var(--accent);padding-top:5px}.dark-surface .deliverable-index{color:var(--coral)}.method-deliverable h3{margin-bottom:18px}.method-deliverable p{font-size:clamp(18px,1.35vw,23px);line-height:1.5;max-width:49ch}.stage-decision{border-left:5px solid var(--coral);padding:10px 0 10px 24px;margin:44px 0 20px;font-size:clamp(19px,1.55vw,25px);line-height:1.45;max-width:49ch}.drivers-example{padding:32px;background:var(--ink);color:white;box-shadow:7px 7px 0 var(--coral);margin:40px 0}.drivers-example>p{margin:15px 0 28px;color:#ddd}.drivers-example dl{margin:0}.drivers-example dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:20px 0;border-top:1px solid #666}.drivers-example dt{color:var(--coral);font-weight:600}.drivers-example dd{margin:0;font-size:20px}.approach-comparison{padding:65px 0 80px}.comparison-label{font-size:18px;font-weight:600;margin-bottom:24px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:0;align-items:stretch}.comparison-option{padding:28px 30px;border:1px solid #999;background:#e6e6e6;color:#444}.comparison-option+div{border-left:0}.comparison-option h3{font-size:19px;letter-spacing:-.02em;margin-bottom:20px}.comparison-option p{font-size:clamp(18px,1.4vw,23px);line-height:1.4}.comparison-option.our-way{background:var(--ink);color:white;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--coral);position:relative;transform:translateY(-7px)}.dark-surface .comparison-option{background:#272727;color:#d5d5d5;border-color:#666}.dark-surface .comparison-option.our-way{background:var(--paper);color:var(--ink);border-color:var(--paper)}.our-way h3{color:var(--coral)}.dark-surface .our-way h3{color:var(--accent)}.method-close{padding:110px 0 100px}.method-close h2{font-size:clamp(56px,7vw,116px)}.method-close p:not(.method-eyebrow){font-size:25px;line-height:1.4;margin-top:32px}.close-actions{display:flex;align-items:center;gap:45px;margin-top:40px}.text-link{border-bottom:1px solid currentColor;padding-bottom:6px;font-weight:600}.text-link span{margin-left:14px}.method-footer{display:flex;justify-content:space-between;gap:25px;padding:35px 4.25vw calc(35px + var(--rail-height));font-size:15px}.method-footer>a{font-size:24px;font-weight:700;letter-spacing:-.04em}.method-rail{position:fixed;z-index:45;bottom:0;left:0;width:100%;height:var(--rail-height);color:white;background:#191919f5;border-top:1px solid #666}.method-rail-inner{position:relative;display:grid;grid-template-columns:repeat(6,1fr);height:100%}.method-rail a{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-left:1px solid #666;font-size:18px;font-weight:600}.method-rail a:first-child{border-left:0}.method-rail a:hover{background:#303030}.rail-number{font-size:13px;font-weight:400;color:#bbb}.rail-dot{width:8px;height:8px;background:#777;border-radius:50%}.method-rail a[aria-current]{color:var(--coral)}.method-rail a[aria-current] .rail-dot{background:var(--coral);box-shadow:0 0 0 4px #ff6f6120}.method-rail-progress{position:absolute;bottom:0;left:0;height:4px;width:var(--method-progress,0%);background:var(--coral);pointer-events:none;transition:width .12s linear}.method-mobile-rail{display:none}
@media(min-width:901px){.method-stage+.method-stage{margin-top:-1px}.method-deliverable:nth-child(2){margin-left:-24px;margin-right:24px}.method-deliverable:nth-child(3){margin-left:12px;margin-right:-12px}}
@media(min-width:1800px){.stage-layout{gap:10vw}.stage-visual{top:130px}.stage-sculpture{max-width:630px}}
@media(max-width:1100px){html{scroll-padding-top:90px}.method-opening{min-height:auto;padding:60px 0 48px}.stage-layout{gap:4vw;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.method-deliverable{padding:25px 22px;grid-template-columns:33px 1fr;gap:12px}.method-rail a{font-size:16px;gap:8px}.rail-number{display:none}.opening-bottom{align-items:start}.opening-bottom .button{font-size:18px}.comparison-option{padding:25px 20px}.drivers-example{padding:25px}.drivers-example dl>div{display:block}.drivers-example dd{margin-top:10px}}
@media(max-width:760px){:root{--rail-height:66px}html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}h1{font-size:clamp(55px,11vw,80px)}h2{font-size:clamp(42px,9vw,63px)}h3{font-size:29px}.method-opening{padding-top:44px}.opening-bottom{display:block;margin-top:26px}.opening-bottom p{font-size:21px}.opening-bottom .button{margin-top:30px}.method-overview{grid-template-columns:repeat(3,1fr);row-gap:25px;margin-top:45px}.method-overview a{font-size:16px;gap:8px}.method-stage{padding-top:65px}.stage-name{font-size:17px;gap:14px;margin-bottom:26px}.stage-name span{width:41px;height:41px}.stage-intro{font-size:21px;margin-top:27px}.stage-layout{display:flex;flex-direction:column;gap:20px;margin-top:30px}.stage-visual{position:relative;top:auto;padding:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.stage-sculpture{width:100%;max-width:250px;margin-left:-15px}.stage-outcome{font-size:26px}.stage-details{width:100%}.method-deliverable{margin-bottom:24px;padding:26px 22px;grid-template-columns:30px 1fr;box-shadow:5px 5px 0 #777}.method-deliverable p{font-size:19px}.method-deliverable h3{margin-bottom:14px}.stage-decision{font-size:20px;margin-top:36px;padding-left:20px}.drivers-example h3{font-size:27px}.drivers-example dd{font-size:18px}.approach-comparison{padding:40px 0 55px}.comparison-grid{grid-template-columns:1fr 1fr;gap:0}.comparison-option{padding:22px 17px}.comparison-option h3{font-size:17px;line-height:1.2}.comparison-option p{font-size:18px}.comparison-option.our-way{grid-column:1/-1;transform:none;margin-top:16px;box-shadow:5px 5px 0 var(--coral);border:1px solid var(--ink)}.method-close{padding:75px 0 65px}.method-close p:not(.method-eyebrow){font-size:22px}.close-actions{flex-direction:column;align-items:start;gap:30px}.method-footer{flex-wrap:wrap;font-size:14px;padding-inline:20px}.method-footer span{flex-basis:100%}.method-rail{display:none}.method-mobile-rail{display:flex;position:fixed;z-index:45;bottom:0;left:0;width:100%;height:var(--rail-height);align-items:center;gap:15px;background:var(--ink);color:white;padding:12px 20px;border-top:1px solid #666}.method-mobile-rail label{font-size:14px;color:#ccc;flex-shrink:0}.method-mobile-rail select{width:100%;min-width:0;padding:8px 3px;border:0;background:var(--ink);color:white;font-size:17px;font-weight:600}.method-mobile-rail select:focus-visible{outline-color:var(--coral)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-sculpture{transform:none!important;will-change:auto}.method-rail-progress{transition:none}.method-deliverable{transform:none!important;opacity:1!important}}
.fallback-nav{display:flex;gap:24px;padding:20px;flex-wrap:wrap}.fallback-nav a{text-decoration:underline}@media(max-width:380px){.method-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The opening pairs the method's promise with one crafted alignment sculpture. */
.method-hero-heading { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr); align-items:center; gap:clamp(16px,2.2vw,44px); }
.method-hero-copy { min-width:0; }
.method-opening .method-hero-copy h1 { max-width:none; font-size:clamp(64px,7.8vw,132px); }
.method-hero-art { width:100%; max-width:620px; aspect-ratio:1; justify-self:end; min-width:0; }
.method-hero-art img { width:100%; height:100%; object-fit:contain; }
.method-opening:has(.method-hero-heading) .opening-bottom { margin-top:24px; }
.method-opening:has(.method-hero-heading) .method-overview { margin-top:44px; }
@media (max-width:900px) {
  .method-hero-heading { grid-template-columns:1fr; gap:12px; }
  .method-opening .method-hero-copy h1 { font-size:clamp(44px,11.4vw,76px); }
  .method-hero-art { width:clamp(210px,58vw,290px); max-width:100%; justify-self:center; }
  .method-opening:has(.method-hero-heading) .opening-bottom { margin-top:16px; }
  .method-opening:has(.method-hero-heading) .method-overview { margin-top:32px; }
}
@media (min-width:600px) and (max-width:900px) {
  .method-hero-heading { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:14px; }
  .method-opening .method-hero-copy h1 { font-size:clamp(44px,6.9vw,62px); }
  .method-hero-art { width:100%; }
}

/* Native disclosures stay fully open on desktop and without JavaScript. On a
   phone, each deliverable becomes a paper tab: scan its title, then unfold it. */
.method-deliverable { display:block; }
.method-deliverable summary {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  list-style:none;
}
.method-deliverable summary::-webkit-details-marker { display:none; }
.method-deliverable summary h3 { margin-bottom:0; }
.method-deliverable .deliverable-content { padding-left:60px; margin-top:18px; }
.deliverable-toggle { display:none; }
.method-deliverable summary:focus-visible { outline:3px solid var(--accent); outline-offset:8px; }
.dark-surface .method-deliverable summary:focus-visible { outline-color:var(--coral); }
.method-mobile-progress { position:absolute; bottom:0; left:0; height:3px; width:var(--method-progress,0%); background:var(--coral); pointer-events:none; }
@media (min-width:901px) {
  .method-deliverable summary { cursor:default; }
}
@media (min-width:901px) and (max-width:1100px) {
  .method-deliverable summary { grid-template-columns:33px minmax(0,1fr); gap:12px; }
  .method-deliverable .deliverable-content { padding-left:45px; }
}

/* A compact reading journey, rather than a scaled-down desktop column. */
@media (max-width:900px) {
  :root { --rail-height:calc(82px + env(safe-area-inset-bottom,0px)); }
  html { scroll-padding-top:calc(var(--header,68px) + 20px); }
  .wrap { width:calc(100% - 40px); }
  .method-opening { padding:36px 0 32px; min-height:0; }
  .method-eyebrow { font-size:16px; margin-bottom:24px; }
  .method-opening h1 { font-size:clamp(44px,11.4vw,76px); line-height:1.01; }
  .opening-bottom { display:block; margin-top:25px; }
  .opening-bottom p { font-size:19px; line-height:1.5; max-width:42ch; }
  .opening-bottom .button { margin-top:25px; }
  .method-overview { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:32px; row-gap:0; }
  .method-overview a { min-height:52px; padding:10px 2px; gap:7px; font-size:16px; line-height:1.2; }
  .method-overview span { font-size:12px; }
  .method-stage { padding-top:42px; }
  .stage-name { margin-bottom:23px; gap:13px; font-size:16px; line-height:1.3; }
  .stage-name span { width:36px; height:36px; box-shadow:3px 3px 0 #777; flex-shrink:0; }
  .stage-heading h2 { font-size:clamp(36px,9.5vw,60px); line-height:1.04; max-width:19ch; text-wrap:balance; }
  .stage-intro { font-size:19px; line-height:1.52; margin-top:24px; }
  .stage-layout { display:flex; flex-direction:column; gap:25px; margin-top:24px; }
  .stage-visual { position:relative; top:auto; padding:0; display:grid; grid-template-columns:minmax(90px,.8fr) minmax(0,1.25fr); gap:20px; align-items:center; width:100%; }
  .stage-sculpture { max-width:200px; margin:0; aspect-ratio:1; width:100%; will-change:auto; }
  .stage-sculpture img { filter:drop-shadow(0 12px 10px #0002); }
  .stage-outcome { font-size:clamp(20px,5.5vw,29px); line-height:1.18; max-width:23ch; }
  .stage-details { width:100%; min-width:0; }
  .method-deliverable { margin:0 4px 14px 0; padding:20px; box-shadow:4px 4px 0 #777; }
  .dark-surface .method-deliverable { box-shadow:4px 4px 0 #080808; }
  .method-deliverable summary { grid-template-columns:27px minmax(0,1fr) 20px; align-items:center; gap:10px; cursor:pointer; min-height:44px; }
  .method-deliverable summary h3 { font-size:23px; line-height:1.1; letter-spacing:-.03em; }
  .deliverable-index { padding-top:3px; font-size:13px; }
  .deliverable-toggle { display:block; width:20px; text-align:center; font:400 24px/1 var(--sans); color:var(--accent); }
  .deliverable-toggle::after { content:'+'; }
  .method-deliverable[open] .deliverable-toggle::after { content:'−'; }
  .dark-surface .deliverable-toggle { color:var(--coral); }
  .method-deliverable .deliverable-content { padding-left:0; margin-top:17px; }
  .method-deliverable p { font-size:18px; line-height:1.5; max-width:56ch; }
  .stage-decision { font-size:18px; line-height:1.5; padding:4px 0 4px 17px; border-left-width:3px; margin:30px 0 0; }
  .drivers-example { padding:24px 22px; margin:30px 4px 30px 0; box-shadow:4px 4px 0 var(--coral); }
  .drivers-example h3 { font-size:27px; line-height:1.12; }
  .drivers-example>p { font-size:17px; line-height:1.5; margin:15px 0 20px; }
  .drivers-example dl>div { display:block; padding:16px 0; }
  .drivers-example dt { font-size:17px; }
  .drivers-example dd { font-size:18px; line-height:1.5; margin-top:5px; }
  .approach-comparison { padding:34px 0 42px; }
  .comparison-label { font-size:17px; margin-bottom:17px; }
  .comparison-grid { display:flex; flex-direction:column; gap:0; padding-right:4px; }
  .comparison-option { padding:19px 20px; }
  .comparison-option+div { border-left:1px solid #999; border-top:0; }
  .dark-surface .comparison-option+div { border-left-color:#666; }
  .comparison-option h3 { font-size:16px; line-height:1.3; letter-spacing:0; margin-bottom:8px; }
  .comparison-option p { font-size:18px; line-height:1.45; }
  .comparison-option.our-way { margin-top:12px; transform:none; box-shadow:4px 4px 0 var(--coral); border:1px solid var(--ink); }
  .comparison-option.our-way h3 { font-size:18px; }


  .method-close { padding:58px 0 50px; }
  .method-close h2 { font-size:clamp(44px,11.5vw,78px); }
  .method-close p:not(.method-eyebrow) { font-size:20px; line-height:1.45; margin-top:24px; }
  .close-actions { flex-direction:column; align-items:start; gap:24px; margin-top:28px; }
  .close-actions .text-link { display:inline-flex; align-items:center; min-height:44px; font-size:18px; }
  .method-footer { flex-wrap:wrap; padding:25px 20px calc(28px + var(--rail-height)); gap:12px; font-size:14px; }
  .method-footer span { flex-basis:100%; }
  .method-rail { display:none; }
  .method-mobile-rail { display:flex; position:fixed; z-index:45; bottom:0; left:0; width:100%; height:var(--rail-height); align-items:center; gap:12px; padding:8px max(16px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); background:var(--ink); color:white; border-top:1px solid #666; }
  .method-stage-picker { flex:1; min-width:0; }
  .method-mobile-rail label { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#ccc; font-size:12px; line-height:1.2; }
  .method-mobile-rail select { width:100%; min-height:44px; min-width:0; padding:3px 0; background:var(--ink); color:white; font:600 17px/1.3 var(--sans); border:0; border-radius:0; }
  .method-mobile-rail select:focus-visible { outline:2px solid var(--coral); outline-offset:3px; }
  .method-stage-arrow { width:44px; height:44px; flex:0 0 44px; display:flex; align-items:center; justify-content:center; color:white; background:#303030; border:1px solid #666; border-radius:0; box-shadow:2px 2px 0 #080808; font:400 23px/1 var(--sans); transition:transform .15s,background .15s; }
  .method-stage-arrow:active { transform:translate(2px,2px); background:#494949; }
  .method-stage-arrow:disabled { opacity:.3; box-shadow:none; }
  .method-stage-arrow:focus-visible { outline-color:var(--coral); outline-offset:3px; }
  .method-mobile-rail:has(.method-stage-picker select:focus-visible) { z-index:46; }
}
@media (max-width:359px) {
  .method-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .method-deliverable { padding:18px 16px; }
  .method-deliverable summary { gap:8px; grid-template-columns:24px minmax(0,1fr) 18px; }
  .method-deliverable summary h3 { font-size:22px; }
  .stage-visual { gap:12px; grid-template-columns:100px minmax(0,1fr); }
  .method-mobile-rail { gap:10px; padding-inline:12px; }
}
@media (min-width:600px) and (max-width:900px) {
  .method-opening h1 { max-width:14ch; }
  .stage-layout { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:28px; }
  .stage-visual { position:sticky; top:calc(var(--header,68px) + 25px); display:block; }
  .stage-sculpture { max-width:240px; }
  .stage-outcome { font-size:26px; margin-top:15px; }
  .comparison-grid { display:grid; grid-template-columns:1fr 1fr; }
  .comparison-option+div { border-top:1px solid #999; border-left:0; }
  .comparison-option.our-way { grid-column:1/-1; }
  .method-mobile-rail { padding-inline:24px; gap:20px; }
  .method-stage-picker { max-width:420px; margin:auto; }
}
@media (max-height:500px) and (max-width:900px) {
  :root { --rail-height:calc(58px + env(safe-area-inset-bottom,0px)); }
  .method-mobile-rail { padding-top:5px; padding-bottom:calc(5px + env(safe-area-inset-bottom,0px)); }
  .method-mobile-rail label { display:none; }
  .method-mobile-rail select { min-height:44px; }
  .stage-visual { position:relative; top:auto; }
  .method-stage { padding-top:26px; }
  .stage-name { margin-bottom:18px; }
  .stage-heading h2 { font-size:38px; max-width:27ch; }
  .stage-intro { font-size:18px; margin-top:20px; }
  .method-opening h1 { font-size:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .method-stage-arrow { transition:none; }
  .method-stage-arrow:active { transform:none; }
  .deliverable-content { animation:none!important; }
}