/* Humanika: three development visions. Scoped additions to the current site. */
body.humanika-vision{--bg:#0c1816;--bg-deep:#091310;--header:#0c1816ed;--strip:#091310f2;--accent:#bdd1a2;--text:#e8eee5;--muted:#b4c3b8;--quiet:#9aafa1;--line:#b5cbb32b;--line-strong:#b5cbb35c;background:radial-gradient(ellipse at 85% 16%,#405c351c,transparent 40%),var(--bg-deep)}
.vision{width:min(1280px,calc(100% - 80px));margin:0 auto;padding:38px 0 0}
.vision a{ text-underline-offset:4px }
.vision-back{display:inline-block;color:var(--muted);font-size:.79rem;text-decoration:none;margin-bottom:32px}
.vision-back:hover,.vision a:hover{color:#fff}
.vision-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(32px,5vw,76px);align-items:center;padding-bottom:42px}
.vision-eyebrow,.vision-kicker{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--accent);line-height:1.6;margin:0 0 18px}
.vision-project{font-size:1.04rem;color:var(--muted);margin:0 0 16px;letter-spacing:.01em}
.vision h1{font-size:clamp(2.5rem,4.3vw,4.35rem);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0;max-width:16ch;color:var(--strong);text-wrap:balance}
.vision-intro{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.8;color:var(--muted);max-width:55ch;margin:24px 0 28px}
.vision-button{display:inline-flex;min-height:46px;align-items:center;gap:24px;font-size:.79rem;font-weight:500;color:var(--strong);padding:11px 18px;border:1px solid var(--line-strong);border-radius:4px;text-decoration:none;background:#bdd1a20c}
.vision-button:hover{background:#bdd1a21a}
.vision figure{margin:0;min-width:0}
.vision img{max-width:100%;display:block;height:auto;width:100%;background:#14241c;border-radius:7px}
.vision figcaption{font-size:.73rem;line-height:1.65;color:var(--muted);margin:12px 0 0;max-width:70ch}
.vision figcaption span{color:var(--accent)}
.vision-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:12px 28px;flex-wrap:wrap;padding:18px 0;margin-bottom:18px}
.vision-index a{font-size:.75rem;color:var(--muted);text-decoration:none;line-height:1.6}
.vision-index a span{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:7px;font-size:.65rem}
.vision-section{padding:58px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,94px);align-items:center;scroll-margin-top:16px}
.vision-section:nth-child(even).has-image .vision-copy{order:2}
.vision-section:nth-child(even).has-image figure{order:1}
.vision h2{font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:0 0 24px;color:var(--strong);text-wrap:balance;max-width:25ch}
.vision-copy p:not(.vision-kicker){font-size:.99rem;line-height:1.87;color:#c4d0c7;margin:0 0 18px;max-width:67ch}
.vision-copy p:last-child{margin-bottom:0}
.vision-section.text-only{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);align-items:start}
.vision-section.text-only .vision-copy{display:contents}
.vision-section.text-only .vision-copy .vision-section-heading{grid-column:1}
.vision-section.text-only .vision-copy .vision-paragraphs{grid-column:2}
.vision-quote{margin:0;padding:52px 0 8px;max-width:960px;font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:1.5;letter-spacing:-.025em;color:var(--accent);font-weight:300}
.vision-quote::before{content:'“';display:block;font-family:Georgia,serif;font-size:4rem;line-height:.65;opacity:.6}
.vision-steps{padding:64px 0;border-bottom:1px solid var(--line)}
.vision-steps ol{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.vision-steps li{padding:20px 0 0;border-top:2px solid #728661}
.vision-step-number{color:var(--accent);font-size:.7rem;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.vision h3{font-size:1.2rem;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:14px 0;color:var(--strong)}
.vision-steps li p{font-size:.91rem;line-height:1.8;color:var(--muted);margin:0}
.vision-connect{padding:60px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:start}
.vision-connect p{font-size:.98rem;line-height:1.8;color:var(--muted);margin:0 0 24px;max-width:63ch}
.vision-related{display:grid;gap:0;border-top:1px solid var(--line)}
.vision-related a{display:flex;justify-content:space-between;align-items:center;gap:25px;text-decoration:none;border-bottom:1px solid var(--line);padding:20px 0;font-size:.98rem;line-height:1.5}
.vision-related a span:last-child{color:var(--accent)}
.vision-note{padding:22px 0 0;margin:0;color:var(--muted);font-size:.79rem;line-height:1.8;max-width:80ch}
.vision .vision-related-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:17px}
.humanika-vision .site-footer{max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding-left:0;padding-right:0}
@media(min-width:1500px){.vision{padding-top:48px}.vision-hero{padding-bottom:54px}}
@media(max-width:960px){.vision{width:calc(100% - 48px)}.vision-hero{gap:32px}.vision h1{font-size:clamp(2.35rem,4.8vw,3.5rem)}.vision-section{gap:32px}.vision-section.text-only{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.humanika-vision .site-footer{width:calc(100% - 48px)}}
@media(max-width:700px){.vision{width:calc(100% - 36px);padding-top:25px}.vision-back{margin-bottom:26px}.vision-hero{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.vision h1{font-size:clamp(2.4rem,9vw,3.4rem);max-width:20ch}.vision-project{font-size:.95rem}.vision-intro{font-size:1rem;line-height:1.8;margin:20px 0 23px}.vision-eyebrow{font-size:.63rem;margin-bottom:14px}.vision-index{gap:10px 22px;padding:16px 0;margin-bottom:0}.vision-index a{font-size:.72rem}.vision-section,.vision-section.text-only{grid-template-columns:1fr;gap:25px;padding:40px 0}.vision-section.text-only .vision-copy{display:block}.vision-section:nth-child(even).has-image .vision-copy{order:0}.vision-section:nth-child(even).has-image figure{order:0}.vision h2{font-size:1.85rem;margin-bottom:19px}.vision-copy p:not(.vision-kicker){font-size:.98rem;line-height:1.85}.vision-kicker{font-size:.65rem;margin-bottom:12px}.vision-quote{padding-top:38px;font-size:1.52rem;line-height:1.5}.vision-steps{padding:42px 0}.vision-steps ol{grid-template-columns:1fr;gap:24px;margin-top:24px}.vision-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 16px;padding-top:16px}.vision-step-number{padding-top:5px;grid-row:1/3}.vision-steps h3{margin:0 0 8px;font-size:1.16rem}.vision-connect{grid-template-columns:1fr;padding:42px 0;gap:38px}.vision-note{font-size:.75rem}.humanika-vision .site-footer{width:calc(100% - 36px)}.vision figcaption{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.vision-hero>figure{width:min(100%,420px);justify-self:end}.vision-section>figure{width:min(100%,380px);justify-self:center}
@media(max-width:700px){.vision-hero>figure,.vision-section>figure{width:min(100%,360px);justify-self:center}}
@media(max-width:360px){.humanika-vision .site-header>.brand img{display:none}.humanika-vision .site-header>.brand>span{font-size:14px;white-space:nowrap!important}.humanika-vision .site-header>.brand{gap:0}}