/* Interactive purpose screen, echoing the teal business card. */
.home-page main>#about.chapter-brand{position:relative;isolation:isolate;overflow:hidden;background:#073f4b;color:#f3f8f7;padding:64px var(--chapter-edge);justify-content:center;gap:0;min-height:calc(100svh - var(--header-h))}
.home-page #about.chapter-brand .brand-slogan{position:relative;z-index:1;width:100%;margin:0 auto;padding:0;text-align:center;transition:opacity .35s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1),filter .35s cubic-bezier(.32,.72,0,1)}
.home-page #about.chapter-brand .brand-slogan h2{font-size:clamp(12px,3.4vw,48px);line-height:1.2;letter-spacing:-.025em;font-weight:600;color:#fff;max-width:none;margin:0;white-space:nowrap;text-wrap:nowrap}
.home-page #about.chapter-brand.brand-open .brand-slogan{opacity:0;transform:translateY(-64px);filter:blur(4px);pointer-events:none}
.home-page #about.chapter-brand .brand-choices{position:absolute;inset:auto 12% 16%;display:flex;justify-content:space-between;gap:32px;z-index:1}
.home-page #about.chapter-brand .brand-choice{display:flex;align-items:center;gap:24px;background:none;border:0;border-bottom:1px solid #8ed6c74d;border-radius:0;padding:16px 0;color:#d7f0e9;font:inherit;font-size:24px;line-height:32px;font-weight:500;cursor:pointer;transition:color .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1)}
.home-page #about.chapter-brand .brand-choice:hover{color:#fff;transform:translateY(-4px)}
.home-page #about.chapter-brand .brand-choice:focus-visible{outline:2px solid #8ed6c7;outline-offset:8px}
.brand-choice-plus{font-size:20px;font-weight:400;color:#8ed6c7}
.home-page #about.chapter-brand .brand-world-map{position:absolute;width:104%;height:76%;inset:12% -2% auto;object-fit:contain;opacity:.27;filter:saturate(.7) brightness(1.3);pointer-events:none;z-index:-1}
.home-page #about.chapter-brand .brand-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url('/assets/brand-tech-grid.svg');background-size:cover;opacity:.35}
.home-page #about.chapter-brand .brand-dialog{position:fixed;inset:0;margin:auto;width:min(720px,calc(100vw - 48px));max-height:calc(100svh - 64px);overflow:auto;padding:64px;border:1px solid #e3efeb;border-radius:16px;background:#f1f6f3;color:#244c4c;box-shadow:0 24px 80px #001e3340;text-align:start}
.home-page #about.chapter-brand .brand-dialog[open]{animation:purpose-panel-enter .6s .12s cubic-bezier(.32,.72,0,1) both}
.home-page #about.chapter-brand .brand-dialog.closing{animation:purpose-panel-exit .28s cubic-bezier(.32,.72,0,1) both}
.brand-dialog::backdrop{background:#042f3a38;backdrop-filter:blur(2px)}
.home-page #about.chapter-brand .brand-dialog h3{font-size:30px;line-height:36px;color:#195a59;margin:0 0 24px;font-weight:600}
.home-page #about.chapter-brand .brand-dialog p{font-size:20px;line-height:32px;color:#3e5c59;margin:0;max-width:none;text-wrap:pretty}
.home-page #about.chapter-brand .brand-dialog-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#e1ebe5;color:#315c55;font:inherit;font-size:30px;line-height:40px;cursor:pointer}
.brand-dialog-close:hover{background:#cedfd6}.brand-dialog-close:focus-visible{outline:2px solid #195a59;outline-offset:4px}
@keyframes purpose-panel-enter{from{opacity:0;transform:translateY(-64px)}to{opacity:1;transform:translateY(0)}}
@keyframes purpose-panel-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}
@media(max-width:900px){.home-page main>#about.chapter-brand{padding:48px 24px}.home-page #about.chapter-brand .brand-choices{inset:auto 8% 18%;gap:24px}.home-page #about.chapter-brand .brand-choice{font-size:18px;line-height:28px;gap:16px}.home-page #about.chapter-brand .brand-world-map{width:150%;inset:15% -25% auto;height:66%}.home-page #about.chapter-brand .brand-dialog{padding:64px 24px 40px}.home-page #about.chapter-brand .brand-dialog h3{font-size:24px;line-height:32px}.home-page #about.chapter-brand .brand-dialog p{font-size:18px;line-height:28px}}
@media(prefers-reduced-motion:reduce){.home-page #about.chapter-brand .brand-slogan{transition:none}.home-page #about.chapter-brand .brand-dialog[open],.home-page #about.chapter-brand .brand-dialog.closing{animation:none}}