/* A page about Shanties thinking, with room for the reader's question. */
body .method-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(34px,6vw,90px);padding:clamp(40px,5vw,76px) var(--gutter);background:radial-gradient(ellipse at 92% 90%,#E7A6B53B,transparent 54%),#43235B;color:white;align-items:center}
.method-hero .eyebrow{color:var(--green)}
.method-hero h1{font-size:clamp(44px,4.6vw,70px);line-height:1.08;color:white;max-width:15ch;margin:0}
.method-hero h1 em{color:var(--pink)}
.method-hero>div>p:not(.eyebrow){max-width:50ch;color:white;font-size:19px;line-height:1.75;margin:26px 0}
.method-hero .button{font-size:16px;gap:22px}
.method-map{position:relative;border:1px solid #ffffff45;border-radius:26px;padding:34px;background:#ffffff09;box-shadow:0 20px 60px #1c102838;color:white}
.method-map-label,.method-map-answer>span{font-size:11px;letter-spacing:.09em;font-weight:650;color:var(--green)}
.method-map .method-map-question{font-size:32px;line-height:1.22;margin:18px 0 26px;color:white}
.method-map-threads{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:34px;position:relative}
.method-map-threads:after{content:'';width:1px;height:34px;position:absolute;background:var(--pink);bottom:0;left:50%}
.method-map-threads span{border:1px solid #ffffff50;border-radius:50px;padding:10px 18px;font-size:15px}
.method-map-answer{padding:24px 26px;border-radius:18px;background:var(--pink);color:var(--purple)}
.method-map-answer>span{color:var(--purple)}
.method-map-answer p{font-size:34px;line-height:1.17;margin:12px 0 0;font-weight:600;letter-spacing:-.02em}
body .method-belief{padding-block:70px}
.method-belief>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,88px)}
.method-belief h2,.method-ai h2,.method-agreements h2{font-size:clamp(32px,3.6vw,50px);line-height:1.13;margin:0}
.method-belief p,.method-ai p,.method-agreements p{font-size:18px;line-height:1.75}
.method-belief>div>div>p:first-child{margin-top:0}
body .method-explore{padding-block:64px;background:linear-gradient(130deg,#E7A6B51F,#E7A6B510);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,72px);align-items:start}
.method-explore .section-lead{max-width:390px}
.method-explore .section-lead h2{font-size:clamp(34px,3.6vw,50px)}
.method-explore .section-lead>p:not(.eyebrow){font-size:18px;line-height:1.7}
.method-example-note{display:block;font-size:13px;color:var(--muted);margin-top:25px}
.method-explore .choice-menu{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.method-explore .choice-menu button{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:50px;padding:12px 16px;font-size:14px;background:white;color:var(--purple);flex:1 1 auto}
.method-explore .choice-menu button i{display:none}
.method-explore .choice-menu button[aria-pressed=true]{color:white;background:var(--purple);border-color:var(--purple)}
.method-explore .choice-menu button>span{font-size:11px;color:inherit}
.method-explore .choice-panels{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:22px;background:white;padding:30px}
.method-explore .choice-panels article{padding:0;border:0;background:none;box-shadow:none}
.method-explore .choice-panels h3{font-size:32px;line-height:1.2}
.method-explore .choice-panels p{font-size:17px;line-height:1.7}
.method-explore .method-example{margin-top:26px;padding:24px;border-radius:14px;border:0;background:#C4E8893D}
.method-explore .method-example>span{font-size:11px;letter-spacing:.06em;color:var(--purple)}
.method-explore .method-example p{font-size:22px;line-height:1.4;color:var(--purple);margin:12px 0}
.method-explore .method-example strong{font-size:16px;line-height:1.65;font-weight:400}
body .method-ai{width:auto;margin:60px var(--gutter) 0;padding:clamp(30px,4vw,56px);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);background:linear-gradient(125deg,#43235B,#5c376c);color:white}
.method-ai .eyebrow{color:var(--green)}.method-ai h2{color:white}.method-ai h2 em{color:var(--pink)}.method-ai p{color:white}.method-ai>div>p:first-child:not(.eyebrow){margin-top:0}.method-ai a{color:white}
body .method-agreements{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,6vw,90px);padding-block:70px 25px}
.method-agreements ol{list-style:none;padding:0;margin:0}.method-agreements li{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.method-agreements li>span{flex:none;font-size:13px;color:var(--purple);padding-top:5px}.method-agreements h3{font-size:24px;margin:0 0 9px}.method-agreements li p{font-size:17px;margin:0}
body .method-contact{padding-block:25px 60px}
@media(max-width:850px){body .method-hero,body .method-explore,.method-belief>div,body .method-ai,body .method-agreements{grid-template-columns:1fr;gap:32px}.method-hero h1{max-width:19ch}.method-map{max-width:620px}.method-map-question br{display:none}.method-hero>div>p:not(.eyebrow){max-width:65ch}.method-explore .section-lead{max-width:600px}.method-belief h2 br,.method-ai h2 br{display:none}.method-hero .button{white-space:normal}.method-hero .button span{flex:none}}
@media(max-width:480px){body .method-hero{padding-block:34px}.method-hero h1{font-size:42px}.method-map{padding:24px}.method-map-threads span{padding:9px 14px}.method-map .method-map-question{font-size:28px}.method-map-answer p{font-size:30px}.method-hero>div>p:not(.eyebrow){font-size:17px}.method-explore .choice-panels{padding:22px}.method-explore .choice-panels h3{font-size:27px}.method-explore .choice-menu{display:grid;grid-template-columns:1fr}.method-explore .choice-menu button{justify-content:flex-start}.method-explore .method-example{padding:18px}body .method-belief,body .method-explore,body .method-agreements{padding-block:42px}body .method-ai{margin-top:35px;padding:26px}.method-agreements h3{font-size:22px}}
.method-hero .method-map>p.method-map-question{font-size:32px;line-height:1.25;margin:18px 0 26px}
@media(max-width:480px){.method-hero .method-map>p.method-map-question{font-size:28px}}

/* The same collaboration block now belongs to the single personal page. */
.method-agreements ul{list-style:none;padding:0;margin:0}
.page-over-shantie #mijn-blik,.page-over-shantie #samenwerken{scroll-margin-top:110px}
.page-over-shantie .method-agreements{padding-bottom:55px}