/* Aus dem Designsystem übernommen (Vereins-Repo, Branding/Designsystem/components/bundle.css). Nicht hier ändern, sondern dort; danach scripts/designsystem_uebernehmen.py ausführen. */
/* Friedenspraxis – Komponenten (aus Website V6, css/styles.css, 01.10.2026; Listenzeichen und Wirkung mit Federset C) */
:root{--display:var(--font-display);--body:var(--font-body);
  --gutter:clamp(16px,4vw,40px);--frame:clamp(8px,1.6vw,20px);
  --icon-check-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231a2e44' fill-rule='evenodd' d='M4.87 11.77 4.74 11.90 4.66 12.03 4.61 12.19 4.62 12.29 4.69 12.43 4.85 12.66 5.50 13.48 6.27 14.40 7.20 15.46 8.20 16.58 9.21 17.68 9.29 17.74 9.49 17.80 9.65 17.80 9.79 17.76 10.00 17.67 10.19 17.55 10.62 17.15 13.33 14.48 15.99 11.76 18.19 9.42 19.85 7.59 20.21 7.17 20.31 7.02 20.38 6.86 20.39 6.78 20.38 6.71 20.34 6.64 20.24 6.61 20.10 6.63 19.98 6.69 19.64 6.95 18.89 7.61 16.98 9.36 14.88 11.36 12.80 13.39 10.80 15.40 10.64 15.52 10.52 15.57 10.32 15.61 10.19 15.60 10.00 15.54 9.88 15.47 8.47 14.20 7.25 13.14 6.17 12.25 5.49 11.73 5.31 11.62 5.21 11.61 5.05 11.65Z'/%3E%3C/svg%3E");--icon-x-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M5.62 18.31 5.65 18.35 5.71 18.38 5.78 18.39 5.86 18.38 6.00 18.33 6.24 18.16 7.05 17.47 8.30 16.34 9.71 15.03 11.19 13.61 11.36 13.51 11.49 13.47 11.63 13.46 11.76 13.47 11.89 13.51 12.06 13.61 13.44 14.90 14.79 16.10 16.18 17.27 17.24 18.10 17.56 18.32 17.75 18.39 17.86 18.38 17.95 18.35 18.08 18.27 18.17 18.19 18.27 18.08 18.34 17.97 18.38 17.86 18.39 17.75 18.32 17.56 18.10 17.25 17.27 16.18 16.10 14.79 14.90 13.44 13.61 12.06 13.51 11.89 13.47 11.76 13.46 11.63 13.47 11.49 13.51 11.36 13.61 11.19 14.96 9.78 16.21 8.45 17.27 7.27 18.05 6.37 18.25 6.11 18.36 5.92 18.39 5.76 18.38 5.69 18.35 5.65 18.31 5.62 18.24 5.61 18.08 5.64 17.89 5.75 17.63 5.95 16.73 6.73 15.55 7.79 14.22 9.04 12.81 10.39 12.64 10.49 12.51 10.53 12.37 10.54 12.24 10.53 12.11 10.49 11.94 10.39 10.56 9.10 9.21 7.90 7.82 6.73 6.76 5.90 6.44 5.68 6.25 5.61 6.14 5.62 6.05 5.65 5.92 5.73 5.83 5.81 5.73 5.92 5.66 6.03 5.62 6.14 5.61 6.25 5.68 6.44 5.90 6.75 6.73 7.82 7.90 9.21 9.10 10.56 10.39 11.94 10.46 12.05 10.51 12.17 10.54 12.37 10.53 12.51 10.49 12.64 10.39 12.81 9.04 14.22 7.86 15.48 6.79 16.66 6.01 17.55 5.79 17.83 5.66 18.03 5.61 18.19Z'/%3E%3C/svg%3E")}
body{margin:0;background:var(--ground);color:var(--ink);font:400 18px/1.6 var(--body);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--display);line-height:1.02;text-wrap:balance;margin:0}
h2{font-size:clamp(34px,5vw,58px);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:-.01em}
h3{font-size:22px;font-weight:700}
p{margin:0}
.pink{color:var(--pink)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.ds-pad{padding:24px}
.ds-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* Navy-Band */
.panel{background:var(--navy);color:var(--on-dark);position:relative;overflow:hidden}
.panel .lead{color:var(--on-dark-muted)}.panel .eyebrow{color:var(--green)}.panel .em{color:var(--green)}

/* Abschnittskopf */
.eyebrow{font:700 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--pink-ink)}
.lead{font-size:clamp(19px,2vw,22px);color:var(--muted);max-width:62ch}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}

/* Button */
.btn{display:inline-flex;align-items:center;gap:10px;font:700 18px/1 var(--display);letter-spacing:.02em;text-decoration:none;padding:16px 26px;border-radius:var(--r-pill);border:2px solid transparent;cursor:pointer;transition:transform .25s,background .25s,color .25s}
.btn-primary{background:var(--green);color:var(--navy)}.btn-primary:hover{transform:translateY(-2px);background:var(--green-hover)}
.btn-ghost{border-color:currentColor;color:var(--on-dark);background:transparent}.btn-ghost:hover{background:var(--on-dark);color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{transform:translateY(-2px)}
.btn-pink{background:var(--pink-deep);color:#fff}.btn-pink:hover{transform:translateY(-2px);background:var(--pink)}
.btn-pink[aria-current]{box-shadow:var(--shadow-s) var(--shadow-s) 0 var(--pink-200)}
.btn-sm{padding:12px 20px;font-size:16px}
.btn .arr{transition:transform .25s}.btn:hover .arr{transform:translateX(4px)}

/* Tag */
.tag{display:inline-block;justify-self:start;font:700 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:var(--r-pill);background:var(--pink-50);color:var(--pink-ink)}

/* Verben-Pillen */
.verbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;max-width:460px}
.verbs span{text-align:center;font:700 italic 19px/1 var(--display);text-transform:capitalize;padding:12px 22px;border-radius:var(--r-pill);border:2px solid var(--pc);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s) var(--shadow-s) 0 var(--pc)}
.verbs span:nth-child(1){--pc:var(--navy)}.verbs span:nth-child(2){--pc:var(--cyan)}.verbs span:nth-child(3){--pc:var(--green)}.verbs span:nth-child(4){--pc:var(--pink)}

/* Baukasten */
.elements{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,88px);align-items:center}
.nest{--top:clamp(52px,5.2vw,68px);--pad:clamp(16px,2vw,24px);--ring:5px;--in:clamp(22px,2.4vw,32px);justify-self:center;width:min(100%,580px)}
.nest .layer{position:relative;border-radius:clamp(var(--r-lg),4.2vw,var(--r-xl));padding:var(--top) var(--pad) var(--pad)}
.nest .layer > .bg{position:absolute;inset:0;border-radius:inherit;background:var(--c)}
.nest .layer .layer > .bg{border:var(--ring) solid var(--ground);background-clip:padding-box}
.nest .name,.nest .core{display:flex;align-items:center;gap:.6em;font:700 italic clamp(22px,1vw + 15px,26px)/1 var(--display);text-transform:uppercase}
.nest .layer > .name{position:absolute;left:0;right:0;top:0;height:var(--top);padding-left:calc(var(--d) * var(--pad) + var(--in));color:var(--on)}
.nest > .layer{--d:3}.nest > .layer > .layer{--d:2}.nest > .layer > .layer > .layer{--d:1}
.nest .layer > .layer,.nest .core{position:relative}
.nest .core{height:clamp(58px,6vw,76px);padding-left:var(--in);border-radius:var(--r-pill);background:var(--navy);color:#fff;box-shadow:0 0 0 var(--ring) var(--ground)}
.nest .ico{width:1.2em;height:1.2em;flex:none}
.steps{display:grid;gap:clamp(18px,2.4vw,28px);list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
.steps h3{font-size:clamp(22px,2.6vw,26px);font-weight:700;font-style:italic;text-transform:uppercase}
.steps p{grid-column:2;margin-top:6px;color:var(--muted);font-size:17px;max-width:44ch}
.steps .sym{grid-row:span 2;align-self:start;width:48px;height:48px;border-radius:34%;display:grid;place-items:center;background:var(--c);color:var(--on)}
.steps .sym .ico{width:28px;height:28px}
.c-green{--c:var(--green);--on:var(--navy)}.c-pink{--c:var(--pink);--on:#fff}.c-navy{--c:var(--navy);--on:#fff}.c-cyan{--c:var(--cyan);--on:var(--navy)}
@media (max-width:860px){.elements{grid-template-columns:1fr}}

/* Info-Karte */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,40px)}
.fact{background:var(--surface);border:3px solid var(--pink-200);box-shadow:var(--shadow-m) var(--shadow-m) 0 var(--pink-200);border-radius:var(--r-lg);padding:30px;display:grid;gap:12px;align-content:start}
.fact p{color:var(--muted);font-size:17px}
@media (max-width:860px){.facts{grid-template-columns:1fr}}

/* Karten – drei Kategorien auf einer Basis (Formprinzip „Schatten“): Regel-Karte, Bereichs-Karte, Rahmen-Karte */
:root{--akzent:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill-rule='evenodd' d='M7.09,28.67 L7.13,28.75 L7.21,28.82 L7.29,28.87 L7.38,28.90 L7.57,28.90 L7.69,28.88 L7.88,28.81 L8.11,28.68 L8.33,28.50 L8.61,28.22 L8.84,27.91 L9.10,27.47 L9.36,26.98 L9.69,26.31 L10.01,25.61 L10.32,24.91 L10.64,24.12 L11.22,22.60 L11.49,21.81 L11.74,21.03 L11.94,20.35 L12.15,19.58 L12.35,18.77 L12.52,18.02 L12.66,17.28 L12.78,16.55 L12.90,15.64 L12.97,14.95 L13.01,14.37 L13.00,13.83 L12.98,13.58 L12.95,13.41 L12.91,13.33 L12.84,13.23 L12.74,13.15 L12.67,13.12 L12.58,13.10 L12.49,13.09 L12.31,13.12 L12.12,13.19 L11.89,13.32 L11.67,13.50 L11.43,13.74 L11.29,13.91 L11.10,14.19 L10.85,14.62 L10.59,15.11 L10.26,15.79 L9.94,16.49 L9.36,17.88 L8.78,19.40 L8.32,20.78 L7.95,22.03 L7.61,23.42 L7.34,24.72 L7.23,25.36 L7.14,25.99 L7.06,26.70 L7.01,27.30 L6.99,27.80 L7.00,28.24 L7.03,28.48 L7.09,28.67Z M17.10,31.58 L17.12,31.67 L17.15,31.74 L17.20,31.80 L17.26,31.85 L17.37,31.90 L17.44,31.91 L17.61,31.91 L17.82,31.86 L18.03,31.77 L18.33,31.62 L18.78,31.36 L19.31,31.01 L20.05,30.50 L20.67,30.05 L21.29,29.59 L21.90,29.11 L22.76,28.41 L23.97,27.36 L25.31,26.11 L26.45,24.98 L27.73,23.61 L28.25,23.02 L28.75,22.42 L29.12,21.96 L29.40,21.58 L29.64,21.23 L29.80,20.93 L29.88,20.70 L29.91,20.49 L29.88,20.33 L29.85,20.26 L29.80,20.20 L29.71,20.13 L29.56,20.09 L29.39,20.09 L29.18,20.14 L29.00,20.21 L28.67,20.38 L28.22,20.64 L27.84,20.89 L26.64,21.72 L25.48,22.59 L24.17,23.65 L23.03,24.64 L21.83,25.75 L20.76,26.80 L19.59,28.03 L18.69,29.06 L17.88,30.04 L17.65,30.34 L17.40,30.71 L17.25,30.96 L17.15,31.19 L17.10,31.40 L17.10,31.58Z M21.38,38.96 L21.59,39.04 L21.98,39.13 L22.39,39.19 L22.81,39.23 L23.33,39.26 L23.95,39.28 L24.50,39.28 L25.15,39.25 L26.29,39.16 L27.60,39.00 L28.80,38.78 L30.03,38.51 L31.40,38.15 L32.65,37.75 L33.88,37.31 L34.31,37.13 L34.74,36.92 L35.01,36.76 L35.23,36.59 L35.44,36.40 L35.63,36.17 L35.75,35.99 L35.85,35.77 L35.90,35.54 L35.90,35.37 L35.85,35.25 L35.80,35.17 L35.76,35.12 L35.67,35.06 L35.45,34.97 L35.08,34.88 L34.61,34.81 L34.02,34.76 L33.23,34.73 L32.59,34.72 L31.94,34.74 L31.29,34.78 L30.61,34.85 L29.80,34.95 L29.10,35.05 L28.40,35.18 L27.69,35.32 L26.97,35.49 L26.22,35.68 L25.50,35.88 L24.77,36.11 L24.14,36.32 L23.33,36.61 L22.80,36.82 L22.33,37.04 L22.04,37.21 L21.75,37.42 L21.50,37.67 L21.29,37.95 L21.16,38.19 L21.12,38.33 L21.10,38.46 L21.10,38.58 L21.12,38.67 L21.17,38.79 L21.22,38.86 L21.38,38.96Z'/%3E%3C/svg%3E");--ul-schwung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 16' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M4.20,10.64 L4.25,10.71 L4.29,10.75 L4.36,10.80 L4.43,10.82 L4.53,10.83 L4.85,10.81 L12.15,10.12 L14.80,9.88 L17.75,9.64 L20.71,9.41 L23.97,9.18 L26.94,8.99 L30.20,8.80 L35.86,8.50 L41.52,8.25 L47.48,8.03 L53.76,7.84 L58.24,7.73 L63.03,7.63 L67.83,7.54 L72.93,7.47 L78.03,7.42 L83.44,7.38 L89.15,7.36 L94.87,7.35 L105.43,7.38 L116.60,7.45 L128.70,7.57 L148.43,7.82 L151.78,7.85 L153.92,7.85 L154.53,7.83 L154.70,7.81 L154.89,7.74 L155.10,7.62 L155.27,7.49 L155.40,7.37 L155.62,7.10 L155.71,6.94 L155.78,6.79 L155.81,6.70 L155.83,6.53 L155.82,6.43 L155.78,6.32 L155.73,6.27 L155.64,6.20 L155.51,6.17 L154.97,6.10 L153.21,5.95 L150.86,5.78 L144.95,5.40 L137.84,5.01 L130.12,4.64 L122.38,4.34 L114.76,4.09 L108.48,3.93 L102.20,3.81 L95.91,3.74 L89.91,3.70 L83.91,3.71 L77.90,3.76 L71.89,3.85 L66.17,3.99 L60.45,4.17 L54.72,4.39 L48.99,4.67 L43.56,4.99 L38.12,5.35 L32.99,5.75 L28.16,6.19 L23.32,6.67 L20.90,6.94 L18.48,7.22 L15.93,7.54 L13.52,7.86 L11.10,8.21 L8.99,8.53 L7.18,8.83 L5.67,9.11 L5.29,9.20 L5.06,9.29 L4.84,9.42 L4.60,9.63 L4.38,9.90 L4.24,10.17 L4.19,10.30 L4.17,10.44 L4.18,10.53 L4.20,10.64Z'/%3E%3C/svg%3E")}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,40px)}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,28px)}
.card{--sc:var(--navy);background:var(--surface);color:var(--ink);border:3px solid var(--sc);box-shadow:var(--shadow-m) var(--shadow-m) 0 var(--sc);border-radius:var(--r-lg);padding:clamp(24px,4vw,40px);display:grid;gap:18px;align-content:start}
.card.c-navy{--sc:var(--navy)}.card.c-cyan{--sc:var(--cyan)}.card.c-green,.card.yes{--sc:var(--green)}.card.c-pink,.card.no{--sc:var(--pink)}
.cards-4 .card{padding:24px;gap:14px}
.card > p:not(.eyebrow){color:var(--muted);font-size:17px}
.card-title{font:700 italic 30px/1.05 var(--display);text-transform:uppercase;color:var(--ink);margin:0}
.cards-4 .card-title{font-size:22px}
.card-title span{position:relative;display:inline-block;padding-bottom:.32em}
.card-title span::after{content:"";position:absolute;left:-2%;width:104%;bottom:0;height:.34em;background:currentColor;-webkit-mask:var(--ul-schwung) center/100% 100% no-repeat;mask:var(--ul-schwung) center/100% 100% no-repeat}
.card.no .card-title span::after,.card.yes .card-title span::after{background:var(--sc)}
.card.frame .card-title span{padding-bottom:0;padding-right:1.05em}
.card.frame .card-title span::after{left:auto;right:0;top:-.24em;bottom:auto;width:.9em;height:.9em;background:var(--pink-ink);-webkit-mask:var(--akzent) center/contain no-repeat;mask:var(--akzent) center/contain no-repeat}
.card.frame .card-title.has-akzent span::after{display:none}
.card.frame .card-title span.w,.card .card-title span.w{display:inline;position:static;padding:0}
.card.frame .card-title span.w::after,.card .card-title span.w::after{content:none;display:none}
.card-title .akzent{display:inline;position:relative}
.card-title .akzent::before{content:"";position:absolute;left:.12em;top:-.52em;width:.9em;height:.9em;background:var(--pink-ink);-webkit-mask:var(--akzent) center/contain no-repeat;mask:var(--akzent) center/contain no-repeat}
.card-icon{width:52px;height:52px;border-radius:34%;display:grid;place-items:center;background:var(--sc);color:var(--navy)}
.card.c-navy .card-icon,.card.c-pink .card-icon{color:#fff}.card.c-pink .card-icon{background:var(--pink-deep)}
.card-icon svg{width:28px;height:28px}
.list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.list li::before{content:"";width:28px;height:28px;border-radius:50%;margin-top:1px;background:var(--c) var(--icon) center/18px no-repeat}
.list.no{--c:var(--pink-deep);--icon:var(--icon-x-white)}.list.yes{--c:var(--green);--icon:var(--icon-check-navy)}
.list b{font-weight:700}
@media (max-width:960px){.cards-4{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.two{grid-template-columns:1fr}}
@media (max-width:480px){.cards-4{grid-template-columns:1fr}}

/* Zitat */
.quote{padding:clamp(40px,6vw,72px) 0}
.quote .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:start;padding-inline:var(--gutter)}
.quote .mark{font:700 italic clamp(120px,16vw,220px)/.7 var(--display);color:var(--pink);align-self:end;margin-bottom:calc(16px * 1.3 + 20px + .16em)}
.quote blockquote{margin:0;position:relative;font:700 italic clamp(28px,3.6vw,46px)/1.15 var(--display);text-transform:uppercase;letter-spacing:-.005em;max-width:24ch}
.quote .q-end{position:absolute;left:100%;top:.08em;margin-left:clamp(8px,1vw,16px);font:700 italic clamp(120px,16vw,220px)/.7 var(--display);color:var(--pink)}
.quote cite{display:block;margin-top:20px;font:600 16px/1.3 var(--body);font-style:normal;color:var(--on-dark-muted);letter-spacing:.02em}
.quote .after{grid-column:2;margin-top:32px;font-size:20px;max-width:58ch;color:var(--green)}

/* Haltungsliste */
.stance{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px) clamp(24px,5vw,64px);list-style:none;margin:0;padding:0}
.stance li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px 18px;align-items:baseline;align-content:start;padding-top:22px;border-top:1px solid var(--navy-700)}
.stance .n{grid-row:span 2;font:700 italic 34px/1 var(--display);color:var(--green);min-width:1.2em}
.stance h3{font-size:24px;font-weight:700;font-style:italic;text-transform:uppercase;color:#fff}
.stance p{color:var(--on-dark-muted);font-size:17px}
.stance li:first-child{grid-column:1/-1;border-top:0;padding-top:0}
.stance li:first-child h3{font-size:clamp(30px,4vw,48px);color:var(--pink)}
.stance li:first-child .n{font-size:clamp(40px,5vw,64px)}
@media (max-width:760px){.stance{grid-template-columns:1fr}}

/* Wirkung */
.impact{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;background:var(--surface);border-radius:var(--r-lg);padding:clamp(24px,4vw,48px)}
.impact .sq{width:clamp(72px,9vw,120px);aspect-ratio:1;border-radius:34%;background:var(--green);display:grid;place-items:center;color:var(--navy)}
.impact .sq svg{width:50%;height:auto}
.impact p{font-size:19px;color:var(--muted);max-width:70ch}
.impact h3{font-size:30px;font-weight:700;font-style:italic;text-transform:uppercase;margin-bottom:12px}

/* Person */
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(36px,5vw,64px)}
.person{display:grid;grid-template-columns:clamp(140px,14vw,190px) 1fr;grid-template-rows:auto auto 1fr;gap:12px 28px;align-content:start;align-items:start}
.person > p,.person > .li{grid-column:2}
.person .li{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:700 16px/1 var(--display);color:var(--ink);text-decoration:none;padding-block:6px}
.photo{grid-row:span 3;margin:0 var(--shadow-m) var(--shadow-m) 0;border:3px solid var(--green);border-radius:var(--r-md);box-shadow:var(--shadow-m) var(--shadow-m) 0 var(--green);overflow:hidden}
.photo img,.photo .ph{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.05);display:block}
.photo .ph{background:#c3cad3;display:grid;place-items:center;font:600 13px/1.2 var(--body);color:#52627a;text-align:center}
.person h3{font-size:26px;font-weight:700;font-style:italic;text-transform:uppercase}
.person .role{color:var(--pink-ink);font-weight:700;font-size:16px;margin-top:4px}
.person p{color:var(--muted);font-size:17px}

/* Mitmachen-Band */
.join{background:var(--pink);color:#fff;padding-block:clamp(48px,7vw,88px);position:relative;overflow:hidden}
.join .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center;padding-inline:var(--gutter)}
.join h2{color:#fff}
.join p{font-size:22px;font-weight:700;max-width:46ch;margin-top:16px}
.join .actions{display:grid;gap:12px;justify-items:start}
.join .actions span{font-size:19px;font-weight:700}
.join-more{color:#fff;font:700 18px/1.3 var(--display);text-underline-offset:4px;margin-top:6px}
.join :focus-visible{outline-color:#fff}
.join .btn-navy{background:#fff;color:var(--pink-deep);border-color:#fff;box-shadow:var(--shadow-s) var(--shadow-s) 0 var(--green)}
@media (max-width:860px){.join .wrap{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}