.method-stage[open] summary span{transform:none}.method-journey{--method-plane:#1d2938;--method-metal:#5a6a80;--method-track:#46505f;--method-copy:#dbe3ee;--method-soft:#f6815c17;--method-duration:.3s;border-top:1px solid var(--line);padding-block:56px;scroll-margin-top:24px}.method-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;display:flex}.method-heading .eyebrow{color:var(--accent);margin-bottom:20px}.method-heading h2{font-size:clamp(38px,4vw,60px)}.method-heading .text-link{flex-shrink:0;margin-bottom:5px;font-size:13px}.method-experience{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}.method-map{border:1px solid var(--method-track);background:radial-gradient(ellipse at 70% 25%,var(--method-soft),transparent 60%),var(--surface);border-radius:8px;margin:0;position:relative;overflow:hidden}.method-map-top{font:8px var(--mono);letter-spacing:.06em;color:var(--method-copy);border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:20px 22px;display:flex}.method-map-top>span:last-child{color:var(--accent);white-space:nowrap}.method-map-scene{padding:12px 10px 22px}.method-map svg{width:100%;height:auto;display:block;overflow:visible}.method-ground{stroke:var(--method-track);stroke-width:.7px}.method-grid{stroke:var(--method-metal);stroke-width:.6px;opacity:.23}.method-route-under{stroke:var(--bg);stroke-width:8px}.method-route{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .5s}.dock-side{fill:var(--bg);stroke:var(--method-track)}.dock-face{stroke:var(--method-metal)}.dock-inset{stroke:var(--method-metal);fill:var(--surface)}.dock-stem{stroke:var(--method-metal);stroke-dasharray:2 3;opacity:.55}.dock-point{fill:var(--method-metal)}.dock-ring{stroke:var(--accent);stroke-width:1.5px;opacity:0;transition:opacity var(--method-duration),transform var(--method-duration);transform:translateY(8px)}.method-dock text{font:10px var(--mono);fill:var(--method-copy)}.method-map-axis{stroke:var(--method-metal);stroke-width:1px;opacity:.5}.method-map-note{font:7px var(--mono);letter-spacing:.09em;text-align:center;color:var(--method-copy);padding-top:2px;display:block}.method-map figcaption{border-top:1px solid var(--method-track);background:var(--bg);padding:20px 22px 24px}.method-map figcaption>.eyebrow{color:var(--accent);margin-bottom:9px;font-size:8px}.method-map figcaption>strong{letter-spacing:-.035em;min-height:29px;font-size:24px;font-weight:600;line-height:1.2;display:none}.method-stages{min-width:0}.method-instruction{color:var(--method-copy);margin:0 0 17px;font-size:12px}.method-stage{border-bottom:1px solid var(--method-track)}.method-stage:first-of-type{border-top:1px solid var(--method-track)}.method-stage summary{touch-action:manipulation;cursor:pointer;transition:color var(--method-duration);grid-template-columns:30px 1fr 22px;align-items:center;gap:18px;padding:21px 0;display:grid}.method-stage-number{font:12px var(--mono);color:var(--method-copy);align-self:start;margin-top:3px}.method-stage summary small{letter-spacing:.13em;text-transform:uppercase;color:var(--method-copy);margin-bottom:7px;font-size:9px;font-weight:600;display:block}.method-stage summary .method-stage-title{font:600 clamp(22px,2vw,29px)/1.15 var(--font);letter-spacing:-.035em;color:var(--paper);display:block}.method-stage summary .method-stage-toggle{color:var(--silver);transition:transform var(--method-duration);justify-self:end;font-size:24px;font-weight:400;line-height:1}.method-stage[open] summary{padding-bottom:14px}.method-stage[open] summary .method-stage-number,.method-stage[open] summary small,.method-stage[open] summary .method-stage-toggle,.method-stage summary:hover .method-stage-title{color:var(--accent)}.method-stage[open] summary .method-stage-toggle{transform:rotate(45deg)}.method-stage-content{padding:0 22px 22px 48px}.method-stage-content>p{max-width:560px;color:var(--method-copy);margin:0;padding:0;font-size:15px;line-height:1.75}.method-stage-output{color:var(--paper);border-left:2px solid var(--accent);margin-top:17px;padding-left:13px;font-size:12px;line-height:1.6;display:block}.method-stage-output>span{font:8px var(--mono);letter-spacing:.08em;color:var(--accent);margin-bottom:4px;display:block}.method-stage summary:focus-visible{outline-offset:5px}.method-journey[data-phase="0"] [data-dock="0"] .dock-ring,.method-journey[data-phase="1"] [data-dock="1"] .dock-ring,.method-journey[data-phase="2"] [data-dock="2"] .dock-ring,.method-journey[data-phase="3"] [data-dock="3"] .dock-ring{opacity:1;transform:translateY(0)}.method-journey[data-phase="0"] [data-dock="0"] .dock-face,.method-journey[data-phase="1"] [data-dock="1"] .dock-face,.method-journey[data-phase="2"] [data-dock="2"] .dock-face,.method-journey[data-phase="3"] [data-dock="3"] .dock-face{stroke:var(--accent)}.method-journey[data-phase="0"] [data-dock="0"] .dock-point,.method-journey[data-phase="1"] [data-dock="1"] .dock-point,.method-journey[data-phase="2"] [data-dock="2"] .dock-point,.method-journey[data-phase="3"] [data-dock="3"] .dock-point{fill:var(--accent)}.method-journey[data-phase="0"] [data-output="0"],.method-journey[data-phase="1"] [data-output="1"],.method-journey[data-phase="2"] [data-output="2"],.method-journey[data-phase="3"] [data-output="3"]{display:block}.method-journey[data-phase="1"] .method-route{stroke-dasharray:33.33 100}.method-journey[data-phase="2"] .method-route{stroke-dasharray:66.66 100}.method-journey[data-phase="3"] .method-route{stroke-dasharray:100 100}@media (width>=1101px){.method-map{position:sticky;top:24px}}@media (width<=800px){.method-experience{grid-template-columns:1fr 1fr;gap:28px}.method-heading h2{font-size:39px}.method-stage summary{grid-template-columns:24px 1fr 16px;gap:12px;padding-block:18px}.method-stage summary .method-stage-title{font-size:23px}.method-stage-content{padding-left:36px;padding-right:0}.method-stage-content>p{font-size:14px}.method-map-top{padding:17px 15px;font-size:7px}.method-map-top>span:last-child{display:none}.method-map figcaption{padding:19px 17px 22px}.method-map figcaption>strong{font-size:23px}.method-map-note{font-size:6px}.method-map-scene{padding:25px 8px}.method-heading{gap:20px}}@media (width<=650px){.method-journey{padding-block:40px}.method-heading{margin-bottom:27px;display:block}.method-heading .eyebrow{margin-bottom:17px;font-size:9px}.method-heading h2{font-size:clamp(37px,8.8vw,48px)}.method-heading .text-link{margin-top:20px;font-size:13px}.method-experience{grid-template-columns:1fr;gap:25px}.method-map-top{padding:16px 18px;font-size:8px}.method-map-top>span:last-child{display:block}.method-map-scene{padding:0 15px 19px}.method-map svg{max-height:270px}.method-map-note{font-size:6px}.method-map figcaption{padding:17px 20px 20px}.method-map figcaption>strong{min-height:30px;font-size:25px}.method-instruction{margin-bottom:15px;font-size:12px}.method-stage summary{grid-template-columns:25px 1fr 20px;gap:15px;padding-block:21px}.method-stage summary .method-stage-title{font-size:25px}.method-stage summary small{font-size:9px}.method-stage-content{padding-bottom:23px;padding-left:40px}.method-stage-content>p{font-size:15px}.method-stage-output{font-size:12px}}@media (width<=360px){.method-map-top{padding-inline:14px;font-size:7px}.method-map figcaption{padding-inline:17px}.method-map figcaption>strong{font-size:23px}.method-stage summary{grid-template-columns:22px 1fr 18px;gap:12px}.method-stage summary .method-stage-title{font-size:23px}.method-stage-content{padding-left:34px}.method-map-note{font-size:5px}}@media (prefers-reduced-motion:reduce){.method-journey *{transition:none!important;animation:none!important}}html[data-motion=off] .method-journey *{transition:none!important;animation:none!important}
