/* Author: Oliver Dombrowsky */
.method-hero{padding:46px 0 0;background:#f4f6f3}
.method-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
.method-hero-copy{padding:20px 0;min-width:0}
.method-hero-copy .eyebrow{font-size:10px;margin-bottom:28px}
.method-hero-copy h1{font-size:clamp(40px,3.7vw,58px);line-height:1.07;letter-spacing:-.045em;max-width:18ch;hyphens:none;margin:0 0 26px}
.method-hero-copy h1 em{color:#347d76}
.method-hero-copy .lead{font-size:17px;line-height:1.8;max-width:46ch}
.method-hero-copy .hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}
.method-hero-copy .btn{font-size:13px;padding:17px 22px}
.method-hero-copy .text-link{font-size:12px;gap:14px}
.method-hero-visual{position:relative;border-radius:4px;overflow:hidden;background:#e6eae4;min-width:0;height:510px;margin:0}
.method-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.method-hero-visual::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0b273e90);pointer-events:none}
.method-hero-visual figcaption{position:absolute;bottom:26px;left:30px;right:25px;z-index:1;color:#fff;font-size:12px;font-weight:550;line-height:1.6}
.method-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;border-top:1px solid #d0dbd4;margin-top:42px;padding:28px 0 32px}
.method-benefits>div{min-width:0}
.method-benefits small,.method-benefits .eyebrow{display:block;color:#4b776c;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.method-benefits strong{display:block;font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.02em;color:var(--navy)}
.method-benefits p{font-size:13px;line-height:1.7;margin-top:10px;max-width:40ch}
.method-map{background:#102c3f;color:#e1eee9;border:0;padding:42px 0 30px;scroll-margin-top:86px}
.method-map-heading .eyebrow{color:#a2cfc1;font-size:10px}
.method-map-heading p{color:#c6d9dd;font-size:14px;max-width:42ch}
.method-map-stages{gap:32px;margin-top:30px}
.method-map-stages>a>img{height:104px;width:164px;max-width:100%;object-fit:contain;border-radius:3px;background:#edf4f1;padding:3px 8px}
.method-map-stages::before{top:137px;background:#537879}
.method-map-number{background:#102c3f;border-color:#608d86;color:#b4dccf;margin-top:20px}
.method-map-stages strong{color:#f1f8f5;font-size:17px;margin-top:17px}
.method-map-stages small{color:#adc6ca;font-size:12px}
.method-map-stages>a:hover strong{color:#b4dfcb}
.method-map-stages>a:focus-visible{outline-color:#b5e0cb;outline-offset:7px}
.method-map-foundation{border-color:#3b5b69;margin-top:30px;padding-top:23px}
.method-map-foundation>span{color:#a2cfc1;font-size:9px}
.method-map-foundation p{color:#b5ccd0;font-size:13px}
.method-stages{padding:78px 0 68px}
.method-stages .section-heading{max-width:760px;margin-bottom:40px}
.method-stages .section-heading .eyebrow{font-size:10px;margin-bottom:20px}
.method-stages .section-heading h2{font-size:43px;line-height:1.15;letter-spacing:-.04em;max-width:23ch}
.method-stages .section-heading>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:61ch;margin-top:20px}
.method-stage{display:grid;grid-template-columns:56px minmax(0,1.45fr) minmax(0,.78fr);gap:38px;border-top:1px solid #d2dfdd;padding:32px 0 36px;scroll-margin-top:110px;align-items:start}
.method-stage-number{display:block;font-size:33px;font-weight:300;line-height:1.2;color:#5d9286;letter-spacing:-.05em;margin-top:3px;font-variant-numeric:tabular-nums}
.method-stage-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;max-width:30ch}
.method-stage-copy>p{font-size:15px;line-height:1.85;margin-top:15px;max-width:62ch}
.method-stage-copy details{margin-top:20px}
.method-stage-copy summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dae5e0;padding-top:15px;cursor:pointer;list-style:none;font-size:12px;font-weight:550;color:#34756a;max-width:580px}
.method-stage-copy summary::-webkit-details-marker{display:none}
.method-stage-copy summary::after{content:'+';font-size:21px;font-weight:400;line-height:1}
.method-stage-copy details[open] summary::after{content:'−'}
.method-stage-copy details ul{padding-left:18px;margin:18px 0 0;display:grid;gap:8px}
.method-stage-copy details li{font-size:13px;line-height:1.7;color:#4c6974;padding-left:3px}
.method-stage-copy details li::marker{color:#66998c}
.method-stage-result{border-left:2px solid #83aea1;background:#f0f5f1;padding:24px 26px 25px;margin-left:20px;min-width:0}
.method-stage-result>span{display:block;color:#4c7c71;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:600;margin-bottom:14px}
.method-stage-result strong{display:block;font-size:21px;font-weight:550;line-height:1.25;letter-spacing:-.025em;color:#24433e;max-width:23ch}
.method-stage-result p{font-size:13px;line-height:1.75;margin-top:11px;color:#536e68}
.method-start{padding:68px 0 72px;background:#e9f1ed;border-top:1px solid #d8e4db}
.method-start-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px}
.method-start-visual{margin:0;overflow:hidden;border-radius:4px;background:#e4e9e2}
.method-start-visual img{display:block;width:100%;height:470px;object-fit:cover;object-position:center}
.method-start-copy .eyebrow{font-size:10px;margin-bottom:22px}
.method-start-copy h2{font-size:40px;line-height:1.13;letter-spacing:-.04em;max-width:20ch;hyphens:none}
.method-start-copy>p:not(.eyebrow):not(.method-start-note){font-size:16px;line-height:1.8;max-width:49ch;margin-top:23px}
.method-start-list{list-style:none;counter-reset:start;padding:0;margin:24px 0 28px;display:grid;gap:10px}
.method-start-list li{counter-increment:start;display:flex;align-items:baseline;gap:13px;font-size:14px;color:#405d58;line-height:1.6}
.method-start-list li::before{content:'0' counter(start);font:10px monospace;color:#528274}
.method-start-note{font-size:11px;line-height:1.7;margin-top:14px;max-width:48ch;color:#59766d}
@media(min-width:1600px){.method-hero-visual{height:550px}.method-hero-grid{gap:80px}}
@media(max-width:1180px){.method-hero-grid{gap:40px;grid-template-columns:1fr 1.05fr}.method-hero-copy h1{font-size:44px}.method-hero-visual{height:490px}.method-benefits{gap:30px}.method-benefits strong{font-size:17px}.method-map-stages{gap:20px}.method-map-stages strong{font-size:15px}.method-map-stages small{font-size:11px}.method-stage{grid-template-columns:44px minmax(0,1.3fr) minmax(0,.8fr);gap:25px}.method-stage-result{margin-left:0;padding:23px}.method-stage-copy h3{font-size:26px}.method-start-grid{gap:45px}.method-start-copy h2{font-size:35px}}
@media(max-width:900px){.method-hero{padding-top:35px}.method-hero-grid{grid-template-columns:1fr;gap:30px}.method-hero-copy{max-width:760px;padding:0}.method-hero-copy h1{font-size:48px;max-width:24ch}.method-hero-copy .lead{max-width:58ch}.method-hero-copy .hero-actions{margin-top:25px}.method-hero-visual{height:auto;aspect-ratio:2.1}.method-hero-visual img{height:100%}.method-benefits{margin-top:30px;gap:25px}.method-benefits strong{font-size:16px}.method-map-stages strong{font-size:14px}.method-map-stages small{font-size:10px}.method-map-stages>a>img{height:85px}.method-map-stages::before{top:118px}.method-stages .section-heading h2{font-size:38px}.method-stage{grid-template-columns:36px 1fr;gap:18px 26px}.method-stage-number{font-size:29px}.method-stage-result{grid-column:2;max-width:none;padding:20px 24px}.method-stage-result strong{max-width:none;font-size:19px}.method-stage-result p{margin-top:8px}.method-start-grid{gap:30px}.method-start-copy h2{font-size:30px}.method-start-visual img{height:450px}.method-start-copy>p:not(.eyebrow):not(.method-start-note){font-size:14px}}
@media(max-width:700px){.method-hero{padding-top:28px}.method-hero-grid{gap:26px}.method-hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.method-hero-copy h1{font-size:clamp(34px,7.9vw,44px);max-width:20ch;line-height:1.1;margin-bottom:21px}.method-hero-copy .lead{font-size:15px;line-height:1.8}.method-hero-copy .hero-actions{gap:20px}.method-hero-copy .btn{font-size:12px;min-height:50px;padding:15px 18px;gap:23px}.method-hero-copy .text-link{font-size:11px}.method-hero-visual{aspect-ratio:1.6;min-height:205px}.method-hero-visual figcaption{left:19px;right:19px;bottom:16px;font-size:10px}.method-benefits{grid-template-columns:1fr;gap:18px;margin-top:25px;padding:24px 0 28px}.method-benefits>div{display:grid;grid-template-columns:24px 1fr;gap:7px 13px}.method-benefits small,.method-benefits .eyebrow{grid-column:1;grid-row:1/3;font-size:9px;margin:4px 0 0}.method-benefits strong{grid-column:2;font-size:17px}.method-benefits p{grid-column:2;font-size:12px;line-height:1.65;margin:0;max-width:none}.method-map{padding:31px 0 25px}.method-map-heading .eyebrow{font-size:9px}.method-map-heading p{font-size:13px;max-width:none;margin-top:12px}.method-map-stages{gap:0;margin-top:23px}.method-map-stages>a{grid-template-columns:65px 25px 1fr;gap:0 13px;min-height:82px;padding:8px 0}.method-map-stages>a>img{grid-column:1;grid-row:1/3;width:65px;height:55px;padding:2px;border-radius:2px}.method-map-stages::before{top:38px;bottom:38px;left:90px;height:auto}.method-map-number{margin:0;width:25px;height:25px;font-size:9px}.method-map-stages strong{font-size:15px;margin:0;align-self:end}.method-map-stages small{font-size:10px;margin-top:5px;align-self:start}.method-map-foundation{margin-top:22px;padding-top:20px}.method-map-foundation>span{font-size:8px}.method-map-foundation p{font-size:12px;line-height:1.7}.method-stages{padding:47px 0 27px}.method-stages .section-heading{margin-bottom:30px}.method-stages .section-heading .eyebrow{font-size:9px;margin-bottom:18px}.method-stages .section-heading h2{font-size:32px;line-height:1.15;max-width:22ch}.method-stages .section-heading>p:not(.eyebrow){font-size:14px;margin-top:19px;line-height:1.8}.method-stage{grid-template-columns:26px minmax(0,1fr);gap:20px 15px;padding:25px 0 29px;scroll-margin-top:90px}.method-stage-number{font-size:22px;margin-top:2px}.method-stage-copy h3{font-size:23px;line-height:1.24}.method-stage-copy>p{font-size:14px;line-height:1.8;margin-top:15px}.method-stage-copy details{margin-top:18px}.method-stage-copy summary{font-size:12px;line-height:1.6;gap:12px;padding-top:14px}.method-stage-copy details ul{margin-top:15px;padding-left:15px;gap:9px}.method-stage-copy details li{font-size:12px}.method-stage-result{padding:18px 19px}.method-stage-result>span{font-size:8px;margin-bottom:10px}.method-stage-result strong{font-size:18px}.method-stage-result p{font-size:12px;line-height:1.7;margin-top:9px}.method-start{padding:35px 0 45px}.method-start-grid{grid-template-columns:1fr;gap:30px}.method-start-visual img{height:auto;aspect-ratio:1.7;object-fit:cover}.method-start-copy .eyebrow{font-size:9px;margin-bottom:18px}.method-start-copy h2{font-size:32px;max-width:20ch}.method-start-copy>p:not(.eyebrow):not(.method-start-note){font-size:14px;line-height:1.8;margin-top:20px}.method-start-list{gap:9px;margin:23px 0}.method-start-list li{font-size:13px}.method-start-note{font-size:10px;margin-top:15px}.method-start-copy .btn{font-size:13px;min-height:52px}}
@media(max-width:360px){.method-hero-copy h1{font-size:34px}.method-hero-copy .hero-actions{gap:18px}.method-benefits>div{grid-template-columns:20px 1fr;gap:7px 11px}.method-map-stages>a{grid-template-columns:58px 23px 1fr;gap:0 11px}.method-map-stages>a>img{width:58px;height:50px}.method-map-stages::before{left:80px}.method-map-number{width:23px;height:23px}.method-map-stages strong{font-size:14px}.method-stage{gap:18px 12px}.method-stage-copy h3{font-size:22px}.method-stage-result{padding:17px}.method-stages .section-heading h2,.method-start-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.method-map-stages>a>img{transition:none}.method-map-stages>a:hover>img{transform:none}}

.method-start-note{display:block}.method-start-list li{display:grid;grid-template-columns:20px 120px 1fr;gap:5px 12px}.method-start-list li strong{font-size:13px;font-weight:550}.method-start-list li span{font-size:13px}
@media(max-width:1180px){.method-start-list li{grid-template-columns:20px 1fr}.method-start-list li::before{grid-row:1/3;margin-top:3px}.method-start-list li span{grid-column:2;font-size:12px}}
@media(max-width:700px){.method-benefits>div{display:block;border-left:2px solid #8cb5a6;padding-left:15px}.method-benefits small{margin:0 0 6px}.method-benefits p{margin-top:7px}.method-start-note{max-width:100%}}

.method-hero-visual{width:100%;max-width:100%}@media(max-width:700px){.method-hero-visual{min-height:0}}

.method-map,.method-stage{scroll-margin-top:18px}