:root{--navy:#17394c;--deep:#102c3d;--ink:#254454;--muted:#607582;--rust:#b96c3d;--gold:#f4b977;--paper:#fcfaf7;--cream:#f7f1e8;--line:#e4e6e2;--max:1150px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ed984c;outline-offset:4px}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.046em;line-height:1.1}h1,h2{font-weight:770}h2{font-size:clamp(2.25rem,4.1vw,3.7rem)}h3{font-size:1.4rem}em{font-style:normal;color:#c57b48}.shell,.section-wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.skip{position:fixed;left:1rem;top:-120px;background:white;color:#142d40;padding:.7rem 1rem;z-index:500}.skip:focus{top:12px}.eyebrow{display:flex;align-items:center;gap:10px;color:#ab643a;font-size:.67rem;font-weight:880;letter-spacing:.15em;line-height:1.4}.eyebrow.light{color:#ffd0a0}.eyebrow-circle{width:8px;height:8px;border-radius:50%;background:#ffc383;box-shadow:0 0 0 5px #ffc38333}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:11px 17px;border-radius:5px;text-decoration:none;font-size:.87rem;font-weight:820}.button-gold{color:#143246;background:#f4b876}.button-gold:hover{background:#ffd29b}.button-outline{border:1px solid #ffffff85;color:white;background:#ffffff0a}.button-outline:hover{background:#ffffff22}
/* site navigation */
.site-header,.topbar{height:74px;position:sticky;top:0;z-index:95;background:#fffdfaee;backdrop-filter:blur(12px);border-bottom:1px solid #e5e1d8}.header-content,.bar-inner{max-width:1300px;width:calc(100% - 52px);height:100%;margin:auto;display:flex;align-items:center;gap:2rem}.brand,.wordmark{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;text-decoration:none;color:#17394b;font-size:1.45rem;font-weight:850;letter-spacing:-.055em}.brand-dot,.wordmark>span:not(.brand-star){color:#c47a44}.brand-flower,.brand-star{font-size:1.4em;color:#d68d54;font-weight:500;margin-right:5px;line-height:1}.site-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.6rem)}.site-nav>a{font-size:.82rem;font-weight:730;text-decoration:none;white-space:nowrap}.site-nav>a:hover{color:#b66534}.site-nav .nav-directory,.nav-action{background:var(--navy);color:white;border-radius:4px;padding:10px 14px}.site-nav .nav-directory:hover,.nav-action:hover{color:white;background:#2b5365}.menu-toggle{display:none}
/* hero */
.hero{background:linear-gradient(115deg,#102e41,#245365);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(3rem,6vw,6rem);align-items:center;min-height:535px;padding-block:62px}.hero-copy h1{font-size:clamp(3.2rem,5.9vw,6rem);letter-spacing:-.067em;line-height:1.02;margin:20px 0}.hero-copy h1 em{color:#ffca8c}.hero-lead{font-size:clamp(1.18rem,1.7vw,1.5rem);font-weight:750;color:white;margin:0 0 15px}.hero-sub{max-width:595px;color:#e0e9e9;font-size:.99rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-aside{color:#cedee3;font-size:.81rem;margin:22px 0 0}.hero-photo{position:relative;aspect-ratio:1.1/1;min-height:380px;border-radius:10px;background:linear-gradient(0deg,#12384b3a,#fff0),url("/assets/collage-desert-sunset.webp") center/cover;box-shadow:0 25px 55px #07182750;overflow:hidden;border:5px solid #ffffff5e}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c2a3cb9,transparent 52%)}.hero-photo-caption{position:absolute;z-index:1;bottom:28px;left:28px;right:18px;display:flex;gap:14px;align-items:flex-start;font-family:Georgia,serif;font-size:clamp(1.25rem,1.8vw,1.75rem);font-style:italic;line-height:1.3}.caption-star{font-family:system-ui;color:#ffc18c;font-size:1.8rem}.hero-photo-caption strong{color:#ffd49f}
/* introduction */
.intro{display:grid;grid-template-columns:.96fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:start;padding-block:86px 79px;border-bottom:1px solid #e9e5dd}.intro h2{margin:16px 0 0}.intro-text{font-size:1.07rem;color:#516a78;padding-top:3px}.intro-text p:first-child{font-size:1.2rem;font-weight:610;color:#365664;line-height:1.5}.intro-text p:last-child{margin-bottom:0}
/* brand atlas */
.atlas{padding-bottom:80px}.atlas-section{padding:69px 0 65px;border-bottom:1px solid #e5e5de;scroll-margin-top:85px}.section-top{display:grid;grid-template-columns:1.35fr .65fr;gap:3rem;align-items:end;margin-bottom:30px}.section-top h2{margin:14px 0 0}.section-top>p{margin-bottom:4px;font-size:.95rem;line-height:1.64;max-width:350px;color:#5a707a}.brand-grid{display:grid;gap:14px}.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card{display:flex;gap:18px;align-items:stretch;min-height:205px;background:#fff;border:1px solid #e0e5e3;border-radius:9px;padding:19px;box-shadow:0 5px 17px #153a4806;transition:transform .2s ease,box-shadow .2s ease}.brand-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px #153a4812}.brand-art{width:104px;flex:0 0 104px;min-height:124px;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#e8efee}.brand-art img{width:90%;height:110px;object-fit:contain}.brand-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.brand-kicker{color:#a66843;font-size:.63rem;font-weight:840;letter-spacing:.09em;margin:0 0 7px;text-transform:uppercase}.brand-content h3{font-size:clamp(1.25rem,1.65vw,1.6rem);margin:0 0 8px}.brand-content>p:not(.brand-kicker){font-size:.87rem;line-height:1.57;color:#617480;margin-bottom:14px}.brand-content>a{display:inline-flex;gap:12px;align-items:center;font-size:.83rem;font-weight:810;text-decoration:none;color:#af6438;margin-top:auto;border-bottom:1px solid #ca9971;padding-bottom:2px}.brand-content>a:hover{color:#7e4528}.brand-content>a span{font-size:1.05rem}.brand-content .planned{margin-top:auto;font-size:.75rem;font-weight:780;color:#85684e;background:#f8eee2;padding:6px 8px;border-radius:3px}.section-footnote{margin:14px 1px 0;color:#607680;font-size:.82rem}.section-footnote a,.more-note a{color:#aa6338;text-decoration:none;font-weight:800}.art-book{background:#eee3d7}.art-book img{height:138px}.art-float{background:#e2eced}.art-mission{background:#eaf1ee}.art-join{background:#f5eadd}.art-church{background:#f4e9d6}.art-hrc{background:#dfeaed}.art-ranch{background:#ebede5}.art-ranch img{width:100%;height:100%;object-fit:cover}.art-help{background:#f3e8da}.art-shows{background:#edf1e3}.art-works{background:#e5eff0}.art-loaves{background:#f3e9df}.art-ideas{background:#ecf0e8}.columns-3 .brand-card{flex-direction:column;min-height:283px;gap:15px}.columns-3 .brand-art{width:100%;flex-basis:100px;min-height:100px}.columns-3 .brand-art img{height:100px;width:min(160px,85%)}.columns-3 .brand-content{height:100%}.columns-3 .brand-content h3{font-size:clamp(1.3rem,1.9vw,1.7rem)}.card-church{border-top:3px solid #dc9b59}.places{background:linear-gradient(180deg,#fffaf4,transparent);margin-inline:-16px;padding-inline:16px}.trio .brand-card{min-height:280px}.trio .brand-art{min-height:95px}.idea-symbol{display:flex;align-items:center;gap:9px;text-align:left}.idea-symbol>i{display:block;width:14px;height:14px;background:#d99158;border-radius:50%}.idea-symbol>i:nth-child(2){background:#8cb7ab;transform:translateY(-17px)}.idea-symbol>i:nth-child(3){background:#678b9a;transform:translateY(13px)}.idea-symbol>span{line-height:1.03;font-size:1.35rem;font-weight:850;letter-spacing:-.07em;color:#2e5860}.engine-note{display:flex;gap:18px;align-items:center;background:#e6f0ed;border-radius:8px;margin-top:15px;padding:17px 22px}.engine-note strong{font-size:.97rem;color:#2c505b}.engine-note p{font-size:.85rem;line-height:1.54;color:#526e76;margin:4px 0 0}.engine-mark{flex:0 0 49px;width:49px;height:49px;border:1px dashed #7aa5a4;border-radius:50%;position:relative}.engine-mark:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#d99460;left:17px;top:17px}.engine-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#5d8793}.engine-mark i:nth-child(1){left:20px;top:0}.engine-mark i:nth-child(2){right:1px;top:21px}.engine-mark i:nth-child(3){left:20px;bottom:0}.engine-mark i:nth-child(4){left:1px;top:21px}.next{border-bottom:0}.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.future-card{display:flex;gap:16px;align-items:flex-start;background:#f4f1eb;padding:21px;border-radius:8px;border:1px solid #e9e0d5}.future-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:12px;background:#e4d9c7;color:#a86942;font-size:1.9rem}.future-tag{color:#a66b43;font-size:.64rem;letter-spacing:.1em;font-weight:850}.future-card h3{font-size:1.4rem;margin:4px 0 5px}.future-card p{color:#637781;font-size:.86rem;margin:0}.more-note{font-size:.86rem;color:#607680;margin:22px 0 0}
/* founder & closing */
.founder{background:#f4eee5;padding:64px 0 68px}.founder-layout{display:grid;grid-template-columns:.92fr 1fr;gap:clamp(2rem,7vw,7rem)}.founder-heading h2{margin:16px 0 0}.founder-body{font-size:1.04rem;color:#4a6470}.founder-body p:last-of-type{margin-bottom:16px}.signature{display:flex;flex-direction:column;align-items:flex-start;margin:17px 0 14px;gap:0}.signature img{max-width:170px;height:auto;mix-blend-mode:multiply}.signature strong{font-size:.88rem;color:#2d5261}.signature span{font-size:.77rem;color:#6c7d83}.letter-link{font-size:.85rem;font-weight:810;color:#a26037;text-decoration:none;border-bottom:1px solid currentColor}.closing{background:#16384c;color:white;padding:57px 0}.closing-layout{display:flex;align-items:center;justify-content:space-between;gap:3rem}.closing h2{font-size:clamp(2.1rem,3.3vw,3.2rem);margin:11px 0 8px}.closing h2 em{color:#ffce92}.closing p:not(.eyebrow){max-width:680px;color:#ccdee3;font-size:.95rem;margin:0}.closing .button{flex-shrink:0}.footer{background:#0e293a;color:#d1dde0;padding:37px 0 23px}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem}.footer-brand{color:white;font-size:1.3rem}.footer-row p{font-size:.8rem;color:#bcd0d4;margin:7px 0 0}.footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 17px;max-width:700px}.footer nav a{font-size:.79rem;text-decoration:none;color:#d4e0e2}.footer nav a:hover{color:#ffc88c}.footer-meta{border-top:1px solid #355164;padding-top:18px;margin-top:30px;font-size:.73rem;color:#a8bec7}
/* directory compatibility */
.topbar .bar-inner{gap:2rem}.topbar .nav-action{text-decoration:none;font-size:.83rem;font-weight:800;white-space:nowrap;margin-left:0}
/* responsive */
@media(max-width:1080px){.header-content{gap:.9rem}.site-nav{gap:.7rem}.site-nav>a{font-size:.74rem}.brand{font-size:1.26rem}.brand-art{flex-basis:83px;width:83px}.brand-art img{height:93px}.brand-card{gap:14px;padding:16px}.brand-content h3{font-size:1.27rem}}
@media(max-width:850px){.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;width:43px;height:43px;border:1px solid #b5c6c7;border-radius:5px;background:transparent}.menu-toggle span{width:20px;height:2px;background:#173b4e}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fffdfa;padding:15px 28px 22px;flex-direction:column;align-items:stretch;box-shadow:0 18px 25px #0b2b3f21;border-bottom:1px solid #dadfdc}.site-nav.open{display:flex}.site-nav>a{padding:10px;font-size:.95rem}.hero-grid{gap:2rem}.hero-photo{min-height:280px}.hero-copy h1{font-size:clamp(3rem,6vw,4.8rem)}.section-top{grid-template-columns:1fr;gap:13px}.section-top>p{max-width:690px}.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-3 .brand-card:last-child:nth-child(odd){grid-column:auto}.brand-card{min-height:205px}.columns-3 .brand-card{min-height:275px}.intro{gap:2rem}.closing-layout{align-items:flex-start}}
@media(max-width:620px){html{scroll-padding-top:69px}.shell,.section-wrap{width:calc(100% - 32px)}.site-header,.topbar{height:68px}.header-content,.bar-inner{width:calc(100% - 30px)}.site-nav{top:67px;padding:14px 16px}.hero-grid{display:block;padding:50px 0 40px}.hero-copy h1{font-size:clamp(3.1rem,11vw,4.8rem)}.hero-lead{font-size:1.23rem}.hero-photo{aspect-ratio:1.7/1;min-height:230px;margin-top:30px}.hero-photo-caption{left:15px;bottom:14px;font-size:1.12rem}.hero-actions .button{width:100%}.intro{display:block;padding:58px 0 57px}.intro-text{margin-top:25px;font-size:1rem}.atlas{padding-bottom:20px}.atlas-section{padding:49px 0 47px}.section-top{display:block;margin-bottom:23px}.section-top>p{margin:18px 0 0;font-size:.94rem}.brand-grid.columns-2,.brand-grid.columns-3{grid-template-columns:1fr}.brand-card,.columns-3 .brand-card{flex-direction:row;align-items:stretch;min-height:175px;padding:13px;gap:12px}.brand-art,.columns-3 .brand-art{flex:0 0 82px;width:82px;min-height:100px}.brand-art img,.columns-3 .brand-art img{height:85px;width:92%;object-fit:contain}.art-ranch img{height:100%;width:100%;object-fit:cover}.brand-content h3,.columns-3 .brand-content h3{font-size:1.23rem}.brand-content>p:not(.brand-kicker){font-size:.81rem;margin-bottom:12px}.brand-content>a{font-size:.77rem}.brand-kicker{font-size:.58rem}.places{margin-inline:0;padding-inline:0}.brand-content .planned{font-size:.7rem}.idea-symbol{gap:2px;flex-wrap:wrap;justify-content:center}.idea-symbol i{width:10px;height:10px}.idea-symbol>span{font-size:1.07rem;width:100%;text-align:center}.engine-note{padding:15px}.next-grid{grid-template-columns:1fr}.founder{padding:53px 0}.founder-layout{display:block}.founder-body{margin-top:26px;font-size:.99rem}.closing{padding:55px 0}.closing-layout{display:block}.closing-layout .button{margin-top:25px}.footer-row{display:block}.footer nav{justify-content:flex-start;margin-top:24px;gap:12px 19px}.footer-meta{margin-top:27px}}
@media(max-width:365px){.brand-card,.columns-3 .brand-card{gap:10px}.brand-art,.columns-3 .brand-art{width:72px;flex-basis:72px}.brand-content h3{font-size:1.1rem}.brand-content>p:not(.brand-kicker){font-size:.78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-card{transition:none}.brand-card:hover{transform:none}}


/* SF-005 signature sizzle: optional, browseable image peeks across page shoulders. */
.brand-discovery{padding:34px 0 38px;border-top:1px solid #e8e5dd}
.discovery-copy{display:grid;grid-template-columns:1fr minmax(200px,.72fr);gap:25px;align-items:end}
.discovery-copy h2{font-size:clamp(1.9rem,3.2vw,2.65rem);margin:7px 0 0}
.discovery-copy>p{color:#607682;font-size:.89rem;margin:0 0 4px}
.section-guide{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.section-guide a{display:inline-flex;align-items:center;gap:11px;font-size:.81rem;text-decoration:none;color:#365a68;font-weight:780;border:1px solid #cddcd9;border-radius:50px;padding:8px 13px;background:#fff;transition:background .2s}
.section-guide a:hover{background:#eef3f1}
.section-guide a span{color:#b77143}
.brand-finder{background:#f0f5f3;border:1px solid #dce8e2;border-radius:10px;padding:19px 22px;margin-top:22px;max-width:850px}
.brand-finder[hidden]{display:none}
.finder-row{display:flex;align-items:end;gap:14px}
.finder-field{min-width:0;flex:1}
.finder-field label{font-size:.83rem;font-weight:800;color:#345868;display:block;margin-bottom:7px}
.finder-field input{background:white;border:1px solid #a3b9b8;border-radius:5px;padding:11px 13px;width:100%;min-height:45px;font:inherit;font-size:.9rem;color:#243f4d}
.finder-clear{min-height:45px;padding:9px 16px;border:1px solid #b8c9c7;border-radius:5px;background:white;color:#356174;font-weight:760;cursor:pointer}
.finder-clear:disabled{opacity:.55;cursor:default}
.finder-status{font-size:.77rem;color:#5d7883;margin:8px 0 0}
.finder-status:empty{display:none}
.brand-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:11px 0 0;padding:0}
.brand-matches[hidden]{display:none}
.brand-matches a{display:flex;flex-direction:column;gap:2px;min-height:61px;text-decoration:none;border:1px solid #d2deda;border-radius:5px;padding:9px 12px;background:white}
.brand-matches strong{font-size:.85rem;color:#234d5e}
.brand-matches span{font-size:.65rem;font-weight:800;letter-spacing:.04em;color:#a16a46}
.brand-matches a:hover{border-color:#b76e40;background:#fffaf4}
.brand-card:focus,.future-card:focus,.engine-note:focus{outline:3px solid #e5a466;outline-offset:5px}
.brand-card,.future-card,.engine-note{scroll-margin-top:92px}
.glimpse-section{padding:40px 0 47px;background:linear-gradient(180deg,#f4f1e8,#fbfaf7);border-top:1px solid #eae5d9;border-bottom:1px solid #e8e3d9;overflow:hidden}
.glimpse-intro{display:flex;justify-content:space-between;align-items:end;gap:32px}
.glimpse-intro h2{font-size:clamp(2.15rem,3.55vw,3.3rem);margin:8px 0 0}
.glimpse-heading-right{max-width:325px;display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.glimpse-heading-right>p{font-size:.88rem;color:#617580;text-align:right;margin:0}
.glimpse-controls{display:flex;gap:7px;align-items:center}
.glimpse-controls[hidden]{display:none}
.glimpse-arrow{border:1px solid #d0d8d1;border-radius:50%;background:white;color:#234657;width:38px;height:38px;cursor:pointer;font-size:1.35rem;line-height:1}
.glimpse-arrow:disabled{cursor:default;opacity:.4}
.glimpse-arrow:not(:disabled):hover{background:#ffe7c9}
.glimpse-shoulders{max-width:1470px;width:calc(100% - 20px);margin:24px auto 0;position:relative}
.glimpse-shoulders:before,.glimpse-shoulders:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:4;pointer-events:none}
.glimpse-shoulders:before{left:0;background:linear-gradient(90deg,#f5f2eb,transparent)}
.glimpse-shoulders:after{right:0;background:linear-gradient(270deg,#faf9f5,transparent)}
.glimpse-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#bb9b7f transparent;padding:13px 17px 23px;scroll-padding-inline:17px}
.glimpse-track:focus-visible{outline:3px solid #dc985c;outline-offset:-2px;border-radius:12px}
.glimpse-card{flex:0 0 clamp(194px,19vw,258px);height:195px;position:relative;overflow:hidden;isolation:isolate;border-radius:9px;scroll-snap-align:start;text-decoration:none;color:white;background:#183c4e;box-shadow:0 10px 17px #1838491c;border:3px solid #fffdf8;transform:rotate(var(--tilt,0deg));transition:transform .22s ease,box-shadow .22s ease}
.glimpse-card:nth-child(1){--tilt:-2deg}.glimpse-card:nth-child(2){--tilt:1.4deg}.glimpse-card:nth-child(3){--tilt:-1.2deg}.glimpse-card:nth-child(4){--tilt:1.5deg}.glimpse-card:nth-child(5){--tilt:-1.1deg}.glimpse-card:nth-child(6){--tilt:1.3deg}
.glimpse-card:hover,.glimpse-card:focus-visible{transform:translateY(-5px) rotate(0deg);box-shadow:0 17px 26px #15324433}
.glimpse-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.glimpse-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0e2a3508,#0e293db9 60%,#102c40ea)}
.glimpse-photo-label{position:absolute;bottom:13px;left:14px;right:12px;display:flex;flex-direction:column;align-items:flex-start}
.glimpse-photo-label>small{font-size:.57rem;letter-spacing:.12em;color:#ffdda9;font-weight:880}
.glimpse-photo-label>strong{font-size:clamp(1.12rem,1.7vw,1.4rem);letter-spacing:-.045em;line-height:1.18;margin:4px 0}
.glimpse-photo-label>span{font-size:.75rem;font-weight:760;color:#ffe0b7}
.glimpse-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.77rem;color:#70818a}
.glimpse-foot a{font-weight:830;text-decoration:none;color:#a15d37}
.glimpse-foot a:hover{text-decoration:underline}
@media(max-width:850px){.discovery-copy{display:block}.discovery-copy>p{margin-top:12px;max-width:610px}.glimpse-intro{align-items:start;flex-direction:column;gap:15px}.glimpse-heading-right{max-width:100%;width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between}.glimpse-heading-right>p{text-align:left;max-width:470px}}
@media(max-width:620px){.brand-discovery{padding:27px 0}.discovery-copy h2{font-size:2.2rem}.section-guide{gap:7px;margin-top:17px}.section-guide a{padding:7px 10px;font-size:.75rem}.brand-finder{padding:14px}.finder-row{gap:9px}.finder-clear{padding-inline:11px}.brand-matches{grid-template-columns:1fr}.glimpse-section{padding:35px 0 37px}.glimpse-intro h2{font-size:2.15rem}.glimpse-heading-right{gap:14px}.glimpse-heading-right>p{font-size:.83rem}.glimpse-shoulders{width:100%;margin-top:19px}.glimpse-shoulders:before,.glimpse-shoulders:after{display:none}.glimpse-track{gap:12px;padding:10px 16px 17px}.glimpse-card{flex-basis:76vw;max-width:275px;height:205px;transform:none}.glimpse-card:hover,.glimpse-card:focus-visible{transform:none}.glimpse-foot{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.glimpse-card,.section-guide a{transition:none}.glimpse-card:hover,.glimpse-card:focus-visible{transform:none}.glimpse-track{scroll-behavior:auto}}


/* A short invitation to the optional full-screen network relationship map. */
.intro-text .map-invitation{display:inline-flex;gap:13px;align-items:center;font-size:.88rem;color:#aa6139;text-decoration:none;font-weight:820;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:14px}
.intro-text .map-invitation:hover{color:#733f27}


/* Cross-brand action guidance stays intentionally compact: destination sites own details. */
.help-bridge{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:15px 18px;background:#e9f1ed;border:1px solid #d4e3df;border-radius:8px}
.help-bridge-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#315966;font-size:.75rem;font-weight:830}
.help-bridge-steps span{white-space:nowrap}
.help-bridge-steps i{font-style:normal;color:#b47346;font-size:1.1rem}
.help-bridge>a{color:#a55d35;text-decoration:none;font-weight:840;font-size:.81rem;white-space:nowrap}
.help-bridge>a:hover{text-decoration:underline}
.innovation-discovery{display:inline-flex;align-items:center;gap:14px;margin:16px 0 15px;color:#9a592f;text-decoration:none;font-size:.85rem;font-weight:850;border-bottom:1px solid #c99570;padding-bottom:3px}
.innovation-discovery:hover{color:#6f432d}
@media(max-width:940px){.help-bridge{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:420px){.help-bridge{padding:13px}.help-bridge-steps{gap:5px;font-size:.69rem}.help-bridge>a{white-space:normal}}


/* SF-006: emotionally clear welcome, illustrative connection, and optional interest routes. */
.hero-copy h1{max-width:750px}
.hero-lead{color:#ffdbad}
.together{position:relative;isolation:isolate;background:linear-gradient(112deg,#173b4d,#20566a);color:#f8fbfb;padding:65px 0 69px;overflow:hidden}
.together:before{content:"";position:absolute;inset:0;z-index:-1;background:url("/assets/collage-action.webp") center/cover;opacity:.10}
.together-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,6vw,90px);align-items:center}
.together h2{margin:14px 0 19px;font-size:clamp(2.25rem,4vw,3.5rem)}
.together h2 em{color:#ffd4a3}
.together-copy p:not(.eyebrow){color:#e1eaea;max-width:510px;font-size:1rem;margin-bottom:13px}
.together-link{display:inline-flex;gap:15px;align-items:center;color:#ffd5a3;text-decoration:none;font-size:.91rem;font-weight:820;border-bottom:1px solid #ffd5a380;padding:7px 0 4px;margin-top:8px}
.together-link:hover{color:white;border-color:white}
.together-example{border-radius:14px;border:1px solid #ffffff40;background:#102b3be8;box-shadow:0 18px 42px #061e2944;padding:24px 26px}
.together-example h3{font-size:1.12rem;color:#ffcc94;margin:0 0 16px;letter-spacing:-.025em}
.together-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.together-steps li{min-width:0;display:flex;align-items:flex-start;gap:10px;background:#ffffff0b;border:1px solid #ffffff24;border-radius:9px;padding:12px;min-height:94px}
.step-number{flex:0 0 28px;width:28px;height:28px;border:1px solid #e4ad75;color:#ffd4a1;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:850}
.together-steps strong{display:block;color:white;font-size:.86rem;line-height:1.28}
.together-steps small{display:block;margin-top:5px;color:#cbdcdf;font-size:.75rem;line-height:1.38}
.example-note{margin:13px 1px 0;color:#bbd0d6;font-size:.73rem;line-height:1.45}
#discover{scroll-margin-top:85px}
.interest-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}
.interest-route{min-width:0;display:flex;align-items:flex-start;gap:10px;position:relative;text-decoration:none;background:#fff;border:1px solid #dfe5e1;border-radius:10px;padding:16px 13px;min-height:100px;box-shadow:0 4px 13px #183a4907;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.interest-route:hover{transform:translateY(-2px);border-color:#c38455;box-shadow:0 9px 22px #14394917}
.interest-index{flex:0 0 28px;width:28px;height:28px;background:#edf3f0;color:#8e593e;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:850}
.interest-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.interest-copy strong{color:#244b5b;font-size:.9rem;line-height:1.25}
.interest-copy small{color:#657987;font-size:.77rem;line-height:1.38}
.interest-arrow{margin-left:auto;color:#b36d44;font-size:1rem;line-height:1}
.interest-reassurance{color:#647883;font-size:.83rem;margin:15px 0 0}
@media(max-width:940px){.together-inner{gap:28px}.interest-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.together{padding:49px 0 51px}.together-inner{grid-template-columns:1fr}.together h2{max-width:620px}.together-example{padding:20px}.together-steps{gap:10px}}
@media(max-width:500px){.interest-guide{grid-template-columns:1fr}.interest-route{min-height:72px;padding:12px 13px}.together-steps{grid-template-columns:1fr}.together-steps li{min-height:0}.together-example{padding:17px}.hero-copy h1{font-size:clamp(2.8rem,11vw,4.4rem)}}
@media(prefers-reduced-motion:reduce){.interest-route{transition:none}.interest-route:hover{transform:none}}


/* SF-007 — editorial family identity: Concept A starfish, ocean warmth, original brand-art mosaic. */
:root{--ocean:#123f50;--sea-glass:#629d9d;--family-orange:#eb873b;--story-serif:Georgia,"Times New Roman",serif}
.brand,.wordmark{gap:8px;letter-spacing:-.052em;font-family:var(--story-serif);font-size:1.5rem;font-weight:600;line-height:1.1}
.family-symbol{display:block;flex:0 0 auto;width:39px;height:39px;object-fit:contain}
.family-wordmark{display:inline-block;white-space:nowrap}
.brand-dot,.wordmark .brand-dot{color:var(--family-orange)}
.footer-brand .family-wordmark{color:#fff}
.footer-brand .brand-dot{color:#f5a262}
.hero{background:radial-gradient(ellipse at 79% 18%,#497b7c 0%,transparent 48%),linear-gradient(112deg,#102f42 0%,#184c5b 66%,#315c62 100%)}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(32px,4vw,64px);padding-block:76px 78px;min-height:645px}
.hero-copy{min-width:0}
.hero-copy h1,.intro h2,.section-top h2,.together h2,.discovery-copy h2,.glimpse-intro h2,.founder h2,.closing h2,.directory-hero h1,.map-lead h1{font-family:var(--story-serif);font-weight:400;letter-spacing:-.052em}
.hero-copy h1{font-size:clamp(3.7rem,5.8vw,6.2rem);line-height:.99;margin:22px 0}
.hero-copy h1 em{font-style:italic;color:#ffc890}
.hero-lead{font-family:var(--story-serif);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:400;color:#ffe0b9}
.hero-sub{font-size:1.01rem;line-height:1.7}
.hero-aside{max-width:560px;line-height:1.6}
.hero-actions .button{border-radius:999px;padding-inline:22px}
.family-mosaic{width:100%;position:relative;border-radius:23px;padding:18px;background:linear-gradient(135deg,#faf4e9,#e2eef0 58%,#f5e6d2);box-shadow:0 28px 70px #061b275c;overflow:hidden;color:#203e50}
.family-mosaic:before{content:"";position:absolute;inset:-30% auto auto -32%;width:90%;aspect-ratio:1;border:1px solid #dfa96a46;border-radius:50%;pointer-events:none}
.mosaic-eyebrow{position:relative;display:flex;justify-content:space-between;margin:0 1px 11px;color:#375b67;font-size:.62rem;font-weight:850;letter-spacing:.16em}
.mosaic-eyebrow span{color:#e79046;font-size:1.1rem;line-height:.6}
.mosaic-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(114px,1fr));gap:10px}
.mosaic-tile{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;text-decoration:none;background:#fff;border:1px solid #ffffffa8;border-radius:12px;box-shadow:0 5px 15px #25545e16;transition:transform .2s ease,box-shadow .2s ease}
.mosaic-tile:hover,.mosaic-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 21px #173c552b}
.mosaic-art{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:65px;width:100%;background:white;padding:9px}
.mosaic-art img{width:100%;height:100%;max-height:88px;object-fit:contain}
.mosaic-info{display:flex;flex-direction:column;justify-content:end;gap:2px;background:#f1f5f4;padding:6px 10px 8px;min-height:43px}
.mosaic-info strong{font-size:clamp(.66rem,.9vw,.82rem);font-weight:820;color:#214a5c;line-height:1.18;letter-spacing:-.02em}
.mosaic-info small{font-size:.61rem;color:#6a7e84;line-height:1.3}
.mosaic-story{grid-column:span 2;grid-row:span 2}
.mosaic-story .mosaic-art{padding:12px 22px;min-height:170px;background:radial-gradient(circle at 70% 20%,#fff7e9,#fff 65%)}
.mosaic-story .mosaic-art img{max-height:235px}
.mosaic-story .mosaic-info{padding:10px 16px 12px;min-height:57px;background:#ebf0ee}
.mosaic-story .mosaic-info strong{font-family:var(--story-serif);font-size:1.33rem;font-weight:500}
.mosaic-story .mosaic-info small{font-size:.75rem}
.mosaic-mission .mosaic-info{background:#eaf3ee}
.mosaic-church .mosaic-info{background:#f9efe3}
.mosaic-help .mosaic-info{background:#f8f1e6}
.mosaic-good .mosaic-info{background:#e7f1ef}
.mosaic-creative .mosaic-info{background:#f4ebe6}
.mosaic-foot{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 2px 0;color:#3d606d;font-family:var(--story-serif);font-size:.89rem;line-height:1.3}
.mosaic-foot img{flex:0 0 auto}
.mosaic-foot a{margin-left:auto;color:#9a5c38;font-family:inherit;text-decoration:none;font-size:.8rem;font-weight:700;border-bottom:1px solid #c29a76}
.mosaic-foot a:hover{color:#683e2c}
.intro h2 em,.section-top h2 em,.discovery-copy h2 em,.glimpse-intro h2 em,.founder h2 em{font-style:italic}
.glimpse-section{background:linear-gradient(180deg,#f8f5ef,#edf4f3)}
.glimpse-card{background:#fff;border-color:white}
.glimpse-card img{object-fit:contain;padding:14px 17px 62px;background:#fff;z-index:0}
.glimpse-card:after{background:linear-gradient(180deg,transparent 30%,#183749d8 76%,#122f40f7 100%);z-index:0}
.glimpse-photo-label{z-index:1}
.glimpse-card .glimpse-photo-label>small{color:#ffdfba}
@media(max-width:1080px){.brand,.wordmark{font-size:1.25rem}.family-symbol{width:34px;height:34px}.hero-grid{gap:26px}.mosaic-info small{font-size:.57rem}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:38px;max-width:720px}.family-mosaic{max-width:660px}.mosaic-grid{grid-template-rows:repeat(3,minmax(130px,1fr))}.mosaic-info strong{font-size:.86rem}.mosaic-info small{font-size:.67rem}.mosaic-art img{max-height:110px}.mosaic-story .mosaic-art img{max-height:255px}}
@media(max-width:620px){.hero-grid{padding-block:54px 47px}.hero-copy h1{font-size:clamp(3.25rem,11.1vw,5rem)}.hero-sub{font-size:.95rem}.family-mosaic{border-radius:16px;padding:12px}.mosaic-grid{gap:7px;grid-template-rows:repeat(3,minmax(100px,1fr))}.mosaic-tile{border-radius:9px}.mosaic-art{padding:5px;min-height:42px}.mosaic-art img{max-height:77px}.mosaic-info{padding:5px 6px 6px;min-height:43px}.mosaic-info strong{font-size:.67rem;line-height:1.1}.mosaic-info small{font-size:.56rem}.mosaic-story .mosaic-art{padding:9px;min-height:110px}.mosaic-story .mosaic-art img{max-height:190px}.mosaic-story .mosaic-info{padding:7px 10px}.mosaic-story .mosaic-info strong{font-size:1.04rem}.mosaic-foot{font-size:.77rem}.mosaic-foot a{margin-left:0}.brand,.wordmark{font-size:1.2rem}.family-symbol{width:32px;height:32px}}
@media(max-width:380px){.mosaic-info small{display:none}.mosaic-info{min-height:29px}.mosaic-grid{grid-template-rows:repeat(3,minmax(89px,1fr))}.mosaic-eyebrow{font-size:.51rem}}
@media(prefers-reduced-motion:reduce){.mosaic-tile{transition:none}.mosaic-tile:hover,.mosaic-tile:focus-visible{transform:none}}

/* SF-008 — approved connected family mark, accessible editorial wordmark and restrained orange-dot signature. */
:root{--family-navy:#103e61;--family-orange:#f58220;--family-orange-bright:#ff9a18}
.brand,.wordmark{gap:9px;letter-spacing:0;align-items:center}
.family-identity{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-width:0}
.family-wordmark,.wordmark .family-wordmark,.brand .family-wordmark{font-family:Georgia,"Times New Roman",serif;color:var(--family-navy);font-weight:600;letter-spacing:-.053em;line-height:1.04;white-space:nowrap}
.family-identity .brand-dot,.brand .brand-dot,.wordmark .brand-dot{color:var(--family-orange);font-weight:750}
.brand-tagline{display:block;color:#52728a;font:760 clamp(.47rem,.62vw,.56rem)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:.095em;text-transform:uppercase;white-space:nowrap}
.family-symbol{object-fit:contain;flex-shrink:0;border-radius:7px}
.footer-brand .family-identity .family-wordmark{color:white}
.footer-brand .brand-tagline{color:#c8dadd}
.footer-brand .brand-dot{color:#ff9b22}
.eyebrow.brand-signal::before{content:"";display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--family-orange);box-shadow:0 0 0 3px #f5822020}
.eyebrow.brand-signal.light::before{background:#ff9a25;box-shadow:0 0 0 3px #f5822025}
.mosaic-eyebrow .mosaic-signal{width:9px;height:9px;flex:0 0 9px;margin-top:2px;display:block;border-radius:50%;background:var(--family-orange);box-shadow:0 0 0 4px #f582201b}
.hero .eyebrow-circle{background:var(--family-orange-bright);box-shadow:0 0 0 5px #ff9a1830}
.brand:focus-visible,.wordmark:focus-visible{outline-offset:5px}
/* SF-012A: Keep the identity's purpose tagline visible at 100% browser zoom.
   Former 1220px breakpoint hid it on standard desktops and directory navigation. */
@media(max-width:1220px){.site-header .brand-tagline,.topbar .brand-tagline{display:block}}
@media(max-width:680px){.brand,.wordmark{gap:7px}.family-identity .family-wordmark{font-size:1.1rem}.brand-tagline{font-size:.49rem}.footer-brand .family-identity .family-wordmark{font-size:1.28rem}}

/* SF-009 — story-led welcome, one curated mosaic, more generous editorial experience. */
/* Typography and accent colors inherit SF-008; individual brands retain their artwork. */
:root{--family-sand:#faf5eb;--family-cream:#fffaf3;--family-shadow:0 22px 70px rgba(8,39,58,.12)}
html{scroll-padding-top:86px}
body{overflow-wrap:break-word}
.hero-editorial{position:relative;isolation:isolate;background:linear-gradient(112deg,#082b42 0%,#12465f 60%,#27596a 100%);overflow:hidden}
.hero-editorial:before{content:"";position:absolute;inset:-40% auto auto -12%;width:70%;aspect-ratio:1;border:1px solid rgba(255,187,111,.14);border-radius:50%;pointer-events:none}
.hero-editorial:after{content:"";position:absolute;inset:auto 0 0;min-height:140px;pointer-events:none;background:linear-gradient(to top,rgba(8,24,38,.2),transparent)}
.hero-editorial .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(30px,4.5vw,72px);padding-block:clamp(64px,7vw,116px);min-height:640px}
.hero-editorial .hero-copy{position:relative;z-index:2}
.hero-editorial .hero-copy h1{max-width:740px;margin:20px 0 23px;font-family:var(--story-serif);font-size:clamp(3.35rem,5.65vw,6.2rem);font-weight:400;line-height:.99;letter-spacing:-.058em;text-wrap:balance}
.hero-editorial .hero-copy h1 em{display:inline;color:#ffca90;font-style:italic}
.hero-editorial .hero-lead{font-size:clamp(1.48rem,2.15vw,2.05rem);color:#ffe0b3;margin-bottom:12px}
.hero-editorial .hero-sub{max-width:560px;font-size:1.04rem;line-height:1.78;color:#e1edee}
.hero-editorial .hero-aside{display:flex;gap:10px;align-items:baseline;margin-top:23px;color:#d1e2e6;font-size:.87rem}
.hero-aside-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;background:#ffa235;border-radius:50%}
.hero-editorial .hero-actions{margin-top:31px;gap:12px}
.hero-editorial .button{min-height:50px;font-size:.91rem;font-weight:790}
.hero-stage{position:relative;isolation:isolate;min-height:480px;aspect-ratio:4/4.6;background:#184559;overflow:hidden;border-radius:clamp(18px,2vw,30px);border:1px solid #ffffff4f;box-shadow:0 35px 80px rgba(3,24,37,.45)}
.hero-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,34,51,.05) 10%,rgba(9,29,47,.05) 40%,rgba(5,26,43,.78) 100%);pointer-events:none}
.hero-stage:after{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.28);z-index:1;border-radius:20px;pointer-events:none}
.hero-stage-glow{position:absolute;z-index:1;width:85%;aspect-ratio:1;left:17%;top:-27%;border-radius:50%;background:radial-gradient(circle,rgba(255,188,99,.25),transparent 69%);pointer-events:none}
.hero-stage-caption{position:absolute;z-index:2;bottom:clamp(20px,3vw,43px);left:clamp(20px,3vw,43px);right:clamp(20px,3vw,43px);display:flex;flex-direction:column;gap:13px;text-shadow:0 2px 8px rgba(2,25,41,.35)}
.hero-stage-kicker{font-size:.72rem;letter-spacing:.17em;font-weight:810;color:#ffe3c1}
.hero-stage-quote{font-family:var(--story-serif);font-size:clamp(1.8rem,2.7vw,3rem);font-style:italic;line-height:1.1;color:white}
.hero-stage-symbol{position:absolute;z-index:3;width:76px;height:76px;top:24px;right:24px;filter:drop-shadow(0 5px 10px rgba(5,27,39,.22))}
.intro{padding-block:clamp(68px,7vw,104px);border-bottom:0}
.intro-heading h2{max-width:590px}
.intro-text{line-height:1.78}
.intro-text p:first-child{font-family:var(--story-serif);font-size:clamp(1.16rem,1.5vw,1.4rem);font-weight:400;line-height:1.5;color:#2c5266}
.brand-discovery{width:min(1230px,calc(100% - 48px));padding:clamp(26px,4vw,54px);margin-bottom:clamp(55px,8vw,110px);border:1px solid #e7dfd0;border-radius:28px;background:linear-gradient(135deg,#fffdf9,#fbf4e9);box-shadow:0 16px 55px rgba(56,58,49,.05)}
.discovery-copy{grid-template-columns:1.2fr .8fr;gap:30px}
.discovery-copy h2{font-size:clamp(2.25rem,3.7vw,3.7rem);line-height:1.06}
.discovery-copy>p{font-size:1rem;line-height:1.65;color:#526f7e;max-width:365px}
.interest-guide{gap:13px;margin-top:30px}
.interest-route{align-items:center;gap:14px;min-height:125px;padding:19px;border-radius:15px;box-shadow:0 5px 15px rgba(14,57,76,.04);border:1px solid #e1e7e4;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.interest-route:hover,.interest-route:focus-visible{transform:translateY(-3px);border-color:#f2a563;box-shadow:0 16px 30px rgba(16,58,76,.13)}
.interest-route .interest-index{background:#fdf0df;color:#965324;width:39px;height:39px;flex-basis:39px;font-size:.84rem}
.interest-route .interest-copy strong{font-size:clamp(.99rem,1.18vw,1.1rem);font-weight:800;color:#133f56}
.interest-route .interest-copy small{font-size:.85rem;line-height:1.5;color:#547080}
.interest-route .interest-arrow{font-size:1.16rem}
.interest-reassurance{font-size:.9rem;margin-top:19px;color:#526c79}
.brand-finder{max-width:none;border-radius:15px}
.family-feature{padding:clamp(65px,8vw,110px) 0;background:linear-gradient(180deg,#e7f0f0 0%,#f3f5f0 100%);border-top:1px solid #e0e9e3;border-bottom:1px solid #e2e7de;scroll-margin-top:80px}
.family-feature-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(35px,6vw,88px)}
.family-feature-intro h2{font:400 clamp(2.5rem,3.9vw,4.25rem)/1.06 var(--story-serif);letter-spacing:-.05em;color:#103b53;margin:16px 0 22px;text-wrap:balance}
.family-feature-intro h2 em{font-style:italic;color:#b96637}
.family-feature-intro>p:not(.eyebrow){color:#4c6977;font-size:1.08rem;line-height:1.77;max-width:530px}
.family-feature-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:11px;font-size:.97rem;color:#87502d;font-weight:770;text-decoration:none;border-bottom:1px solid #bd845a}
.family-feature-link:hover{color:#4f331e;border-color:currentColor}
.family-feature .family-mosaic{max-width:none;padding:18px;border-radius:24px;box-shadow:0 25px 65px rgba(12,54,71,.18)}
.family-feature .mosaic-grid{grid-template-rows:repeat(3,minmax(122px,1fr))}
.family-feature .mosaic-info strong{font-size:clamp(.73rem,1vw,.9rem);line-height:1.23}
.family-feature .mosaic-info small{font-size:.75rem;line-height:1.3}
.family-feature .mosaic-eyebrow{font-size:.68rem;letter-spacing:.12em}
.family-feature-after{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:27px;color:#43606f;font-size:.94rem}
.family-feature-after a{font-weight:780;color:#9b6038;text-decoration:none;border-bottom:1px solid #c6a083;white-space:nowrap}
.family-feature-promise{display:inline-flex;align-items:center;gap:11px}
.family-feature-promise-dot{width:8px;height:8px;flex:0 0 8px;background:var(--family-orange);border-radius:50%}
.together{padding-block:clamp(65px,8vw,110px)}
.together-inner{gap:clamp(40px,7vw,100px)}
.together-example{padding:clamp(24px,3vw,38px);border-radius:22px}
.together-example h3{font:italic 400 clamp(1.4rem,1.7vw,1.8rem)/1.25 var(--story-serif);color:#ffe0b7}
.together-steps{gap:14px}
.together-steps li{border-radius:12px;min-height:108px;padding:16px}
.together-steps strong{font-size:1rem}
.together-steps small{font-size:.83rem;line-height:1.5}
.atlas{padding-bottom:clamp(55px,6vw,95px)}
.atlas-preface{display:grid;grid-template-columns:1.1fr .9fr;column-gap:clamp(32px,5vw,90px);align-items:end;border-bottom:1px solid #e3e6df;padding:clamp(65px,8vw,105px) 0 42px}
.atlas-preface .eyebrow{grid-column:1/-1}
.atlas-preface h2{font:400 clamp(2.7rem,4vw,4.5rem)/1.06 var(--story-serif);letter-spacing:-.05em;color:#153f54;margin:15px 0 0}
.atlas-preface h2 em{color:#ab683d;font-style:italic}
.atlas-preface>p:not(.eyebrow){font-size:1.03rem;line-height:1.68;color:#607581;margin-bottom:4px}
.atlas-preface a{color:#995935;text-underline-offset:4px}
.atlas-section{padding-block:clamp(55px,6vw,80px)}
.brand-card{border-radius:16px;box-shadow:0 6px 22px rgba(18,56,73,.05);padding:clamp(15px,1.8vw,23px)}
.brand-card:hover{transform:translateY(-2px)}
.brand-content>p:not(.brand-kicker){line-height:1.63}
.closing-layout{gap:clamp(20px,4vw,60px)}
.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:flex-end}
.closing-actions .button{min-height:52px;border-radius:999px;padding-inline:21px;white-space:nowrap}
.footer nav{max-width:610px}
.directory-skip-to-list{display:inline-flex;gap:11px;align-items:center;margin-top:19px;padding-bottom:4px;border-bottom:1px solid #ffd4a6;text-decoration:none;color:#ffe3bc;font-weight:770}
.directory-skip-to-list:hover{color:white;border-color:white}
.explorer-glimpse{padding-block:clamp(46px,5vw,72px)}
.explorer-glimpse .glimpse-card{border-radius:16px}
.explorer-glimpse .glimpse-intro h2{max-width:600px}
@media(max-width:1080px){
 .family-feature-layout{gap:34px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
 .family-feature-intro h2{font-size:clamp(2.2rem,3.8vw,3.2rem)}
 .hero-editorial .hero-grid{gap:26px}
 .hero-stage{min-height:400px}
 .closing-layout{flex-direction:column;align-items:flex-start}
 .closing-actions{justify-content:flex-start}
}
@media(max-width:850px){
 .hero-editorial .hero-grid{grid-template-columns:1fr;gap:38px;max-width:720px;padding-block:63px 70px}
 .hero-editorial .hero-copy h1{max-width:650px;font-size:clamp(3.3rem,9vw,5.8rem)}
 .hero-stage{min-height:370px;aspect-ratio:1.38/1}
 .family-feature-layout{grid-template-columns:1fr;gap:40px;max-width:690px}
 .family-feature .family-mosaic{width:100%}
 .family-feature-intro h2{font-size:clamp(2.65rem,6vw,4rem)}
 .family-feature-intro>p:not(.eyebrow){max-width:670px}
 .site-header .brand-tagline{display:block}
 .site-nav{top:calc(100% - 1px)}
 .intro{gap:28px}
}
@media(max-width:680px){
 .hero-editorial .hero-grid{padding:45px 0 52px;gap:29px}
 .hero-editorial .hero-copy h1{font-size:clamp(2.8rem,10.5vw,4.5rem);margin:16px 0 18px}
 .hero-editorial .hero-lead{font-size:clamp(1.35rem,5vw,1.7rem)}
 .hero-editorial .hero-sub{font-size:.99rem;line-height:1.68}
 .hero-editorial .hero-actions{margin-top:24px}
 .hero-stage{aspect-ratio:1.38/1;min-height:240px;border-radius:19px}
 .hero-stage:after{border-radius:13px}
 .hero-stage-symbol{width:54px;height:54px;top:17px;right:17px}
 .hero-stage-caption{bottom:20px;left:20px;gap:8px}
 .hero-stage-kicker{font-size:.66rem}
 .hero-stage-quote{font-size:clamp(1.5rem,5.5vw,2.5rem)}
 .intro{padding:56px 0}
 .brand-discovery{width:calc(100% - 28px);padding:22px 17px 25px;border-radius:20px;margin-bottom:55px}
 .discovery-copy{display:block}
 .discovery-copy>p{margin-top:13px;max-width:600px}
 .interest-guide{margin-top:23px;grid-template-columns:1fr;gap:10px}
 .interest-route{min-height:80px;padding:14px;gap:12px}
 .interest-route .interest-index{flex-basis:34px;width:34px;height:34px}
 .interest-route .interest-copy strong{font-size:1rem}
 .interest-route .interest-copy small{font-size:.82rem}
 .family-feature{padding-block:58px}
 .family-feature-intro h2{font-size:clamp(2.4rem,8vw,3.3rem)}
 .family-feature-after{flex-direction:column;align-items:flex-start;font-size:.88rem}
 .family-feature .family-mosaic{padding:12px}
 .family-feature .mosaic-info strong{font-size:.76rem}
 .family-feature .mosaic-info small{font-size:.7rem}
 .atlas-preface{display:block;padding:57px 0 29px}
 .atlas-preface h2{font-size:clamp(2.35rem,9vw,3.2rem)}
 .atlas-preface>p:not(.eyebrow){margin-top:19px}
 .together-example h3{font-size:1.47rem}
 .together-steps li{padding:12px;min-height:0}
 .closing-actions{flex-direction:column;align-items:stretch;width:100%}
 .closing-actions .button{width:100%}
 .site-header .brand-tagline{font-size:.51rem}
 .brand-card .brand-content>p:not(.brand-kicker){font-size:.88rem}
 .brand-content>a{font-size:.86rem}
 .brand-kicker{font-size:.68rem}
}
@media(max-width:540px){
 .family-feature .mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}
 .family-feature .mosaic-story{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:175px}
 .family-feature .mosaic-story .mosaic-art{min-height:175px;padding:8px}
 .family-feature .mosaic-story .mosaic-art img{max-height:168px}
 .family-feature .mosaic-story .mosaic-info{justify-content:center;min-height:0;padding:12px}
 .family-feature .mosaic-story .mosaic-info strong{font-size:1.15rem}
 .family-feature .mosaic-story .mosaic-info small{font-size:.77rem}
 .family-feature .mosaic-tile:not(.mosaic-story){min-height:164px}
 .family-feature .mosaic-art{min-height:96px;padding:8px}
 .family-feature .mosaic-art img{max-height:100px}
 .family-feature .mosaic-info{min-height:58px;padding:8px}
 .family-feature .mosaic-info small{display:block;font-size:.7rem}
 .family-feature .mosaic-info strong{font-size:.83rem}
 .family-feature .mosaic-creative{grid-column:span 2;max-height:178px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .family-feature .mosaic-creative .mosaic-art{min-height:148px}
 .family-feature .mosaic-creative .mosaic-info{justify-content:center}
 .family-feature .mosaic-eyebrow{font-size:.67rem}
}
@media(max-width:365px){
 .hero-editorial .hero-copy h1{font-size:clamp(2.65rem,10.4vw,3.1rem)}
 .hero-editorial .hero-stage{min-height:215px}
 .site-header .family-identity .family-wordmark{font-size:1.04rem}
 .site-header .brand-tagline{font-size:.44rem}
 .hero-stage-kicker{font-size:.58rem;letter-spacing:.08em}
 .family-feature .mosaic-info strong{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
 .hero-stage,.hero-stage-image,.interest-route,.brand-card,.family-feature .mosaic-tile{transition:none}
 .interest-route:hover,.interest-route:focus-visible,.brand-card:hover,.family-feature .mosaic-tile:hover{transform:none}
}

/* SF-009 refinements: semantic hero figure, full-card pointer targets, visible keyboard focus. */
.hero-stage{margin:0}
.brand-card{position:relative}
.brand-card .brand-content>a:last-child::after{content:"";position:absolute;inset:0;border-radius:inherit}
.brand-card:focus-within{outline:3px solid #c87b37;outline-offset:4px;box-shadow:0 12px 30px rgba(9,49,69,.12)}
.brand-card .brand-content a{color:#92542f;text-underline-offset:3px}
.brand-card .brand-content a:focus-visible{outline:none}
.brand-card .brand-content a:focus-visible::after{outline:3px solid #c87b37;outline-offset:3px}
.brand-card .brand-content a:hover{text-decoration-thickness:2px}


/* SF-010: Idea Potluck → Add Your Bit → Loaves & Links, distinct but connected. */
.innovation-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}
.innovation-grid .brand-card{flex-direction:column;gap:10px;min-width:0;min-height:350px}
.innovation-grid .brand-art{flex:0 0 auto;width:100%;min-height:130px;border-radius:12px}
.innovation-grid .brand-art img{max-height:120px;height:120px;width:100%;object-fit:contain}
.innovation-grid .brand-content{min-height:0}
.innovation-grid .brand-content h3{font-size:clamp(1.3rem,1.6vw,1.65rem);line-height:1.12}
.innovation-grid .brand-content p:not(.brand-kicker){font-size:.91rem;line-height:1.62}
.innovation-grid .brand-kicker{font-size:.69rem;line-height:1.5}
.innovation-grid .brand-content .planned{margin-top:auto}
.art-addyourbit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 10px;background:linear-gradient(135deg,#f6f9fb,#fffaf2);border:1px solid #e0e8ea}
.ayb-wordmark{font:750 clamp(1.32rem,2vw,1.85rem)/1.1 Georgia,"Times New Roman",serif;color:#123d63;letter-spacing:-.055em;white-space:nowrap;position:relative}
.ayb-wordmark>span:first-child,.ayb-directory-identity>span{color:#c8641f}
.ayb-square{display:inline-block;width:7px;height:7px;background:#f58220;transform:rotate(0deg);margin-left:7px;vertical-align:middle}
.ayb-art-tagline{font-size:.63rem;letter-spacing:.045em;text-align:center;color:#4b6980;line-height:1.45}
.innovation-bridge{display:flex;align-items:flex-start;gap:13px;padding:22px 25px;background:#f3f7f7;border:1px solid #dfe9e8;border-radius:15px;color:#3d6376;line-height:1.7;font-size:.97rem;margin:25px 0 12px}
.innovation-bridge strong{color:#20495c;font-weight:800}
.innovation-bridge-dot{display:block;width:9px;height:9px;flex:0 0 9px;margin-top:8px;border-radius:50%;background:var(--family-orange)}
@media(max-width:1050px){
  .innovation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .innovation-grid .brand-card:last-child{grid-column:1/-1;flex-direction:row;min-height:220px}
  .innovation-grid .brand-card:last-child .brand-art{width:33%;flex:0 0 33%;min-height:165px}
}
@media(max-width:750px){
  .innovation-grid{grid-template-columns:1fr}
  .innovation-grid .brand-card,.innovation-grid .brand-card:last-child{grid-column:auto;flex-direction:row;min-height:205px}
  .innovation-grid .brand-art,.innovation-grid .brand-card:last-child .brand-art{width:32%;flex:0 0 32%;min-height:145px;align-self:stretch}
  .ayb-wordmark{white-space:normal;text-align:center}
  .innovation-bridge{padding:17px 18px;font-size:.94rem}
}
@media(max-width:510px){
  .innovation-grid .brand-card,.innovation-grid .brand-card:last-child{display:flex;flex-direction:column;min-height:0}
  .innovation-grid .brand-art,.innovation-grid .brand-card:last-child .brand-art{width:100%;flex:0 0 auto;min-height:108px}
  .innovation-grid .brand-content p:not(.brand-kicker){font-size:.93rem}
  .ayb-wordmark{font-size:1.8rem}
  .innovation-bridge{display:block}
  .innovation-bridge-dot{float:left;margin-right:12px}
}


/* SF-011: official-brand asset fidelity and source-faithful Starfish Float book staging. */
/* Protect all of the book's corners. Ocean/radiating energy is behind artwork only. */
.mosaic-story .mosaic-book-stage{
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
 overflow:hidden;min-height:clamp(205px,24vw,340px);padding:16px 32px 12px;
 background:
  radial-gradient(ellipse at 58% 49%,rgba(244,204,128,.30) 0%,rgba(242,198,122,.09) 27%,transparent 60%),
  repeating-radial-gradient(ellipse at 52% 75%,rgba(165,231,237,.20) 0,rgba(165,231,237,.20) 1px,transparent 2px,transparent 20px),
  linear-gradient(145deg,#0c3953 0%,#166c86 54%,#09354f 100%);
}
.mosaic-story .mosaic-book-stage:after{content:"";position:absolute;inset:14px 24px;border:1px solid rgba(201,236,239,.26);border-radius:50%;pointer-events:none}
.mosaic-story .mosaic-book-stage .mosaic-book-cover{
 display:block;position:relative;z-index:2;width:auto;height:auto;max-width:84%;max-height:clamp(205px,24vw,323px);object-fit:contain;object-position:center;
 filter:drop-shadow(0 17px 17px rgba(3,27,40,.30));margin:auto;min-width:0;
}
.mosaic-story .mosaic-book-stage .mosaic-story-seal{position:absolute;top:13px;left:14px;width:47px;height:47px;object-fit:contain;opacity:.92;z-index:3;max-height:none;filter:drop-shadow(0 4px 8px rgba(5,31,49,.38))}
.art-book{position:relative;isolation:isolate;align-items:center;justify-content:center;background:radial-gradient(circle at 54% 38%,#e4f8f9 0%,#acd5db 28%,#36758a 62%,#103b53 100%)}
.art-book:before{content:"";position:absolute;inset:12px;background:repeating-radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 1px,transparent 2px,transparent 17px);pointer-events:none}
.art-book img{position:relative;z-index:1;display:block;width:auto!important;max-width:88%!important;height:auto!important;max-height:162px!important;object-fit:contain!important;object-position:center;margin:auto;filter:drop-shadow(0 9px 8px rgba(0,22,36,.25))}
.art-ranch{background:#342118}
.art-ranch img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:77% center!important}
.art-help,.art-ideas,.art-loaves,.art-join{align-items:center;justify-content:center;overflow:hidden}
.art-help img,.art-join img,.art-ideas img,.art-loaves img{display:block;object-fit:contain!important;object-position:center;max-width:90%;max-height:146px;margin:auto}
.art-loaves{background:#edf0f0}
.art-loaves img{width:140px!important;height:140px!important;max-height:140px!important}
.art-ideas{background:linear-gradient(135deg,#fbf4e5,#e7f6f2)}
.art-ideas img{width:150px!important;height:133px!important;max-height:133px!important}
.art-addyourbit{background:linear-gradient(135deg,#f9fbff,#eef4fc);display:flex;flex-direction:column;justify-content:center;gap:8px}
.art-addyourbit img.ayb-approved-icon{display:block;width:auto!important;max-width:125px;height:112px!important;max-height:112px!important;object-fit:contain!important;margin:auto}
.ayb-art-tagline{font-size:.68rem;line-height:1.4;text-align:center;color:#435b75}
@media(max-width:1050px){
 .innovation-grid .brand-card:last-child .brand-art img{max-width:130px}
 .mosaic-story .mosaic-book-stage{min-height:205px}
}
@media(max-width:850px){
 .mosaic-story .mosaic-book-stage .mosaic-book-cover{max-height:300px}
}
@media(max-width:620px){
 .mosaic-story .mosaic-book-stage{min-height:220px;padding:12px 20px}
 .mosaic-story .mosaic-book-stage .mosaic-book-cover{max-height:235px;max-width:91%}
 .mosaic-story .mosaic-book-stage .mosaic-story-seal{width:33px;height:33px;top:8px;left:9px}
 .art-book img{max-height:132px!important}
}
@media(max-width:540px){
 .family-feature .mosaic-story .mosaic-book-stage{min-height:170px;padding:10px 12px}
 .family-feature .mosaic-story .mosaic-book-stage .mosaic-book-cover{max-height:158px;max-width:90%}
 .family-feature .mosaic-story .mosaic-book-stage .mosaic-story-seal{width:25px;height:25px;top:7px;left:7px}
 .art-ranch img{object-position:75% center!important}
 .art-loaves img{max-height:124px!important}
}


/* SF-012 · A human welcome, clear family chapters, and a living destination footer. */
:root{--family-ink:#123d55;--family-warm:#fffaf2;--family-dawn:#fbf2e4;--family-soft:#eaf4f3;--family-reach:#f28c28}
.site-header .brand-tagline,.site-header .family-identity .brand-tagline{display:block!important;visibility:visible!important;font-size:clamp(.52rem,.64vw,.62rem);color:#607484;letter-spacing:.05em;line-height:1.22;font-weight:760}
.site-header .header-content{gap:clamp(15px,2.1vw,32px);max-width:1450px;width:calc(100% - 54px)}
.site-header .brand{flex-shrink:0;gap:10px;font-size:1.28rem}
.site-header .family-identity{gap:3px}
.site-header .family-wordmark{font-size:1.36rem}
.site-nav{gap:clamp(14px,1.8vw,28px)}
.site-nav>a{font-size:.87rem}
.site-header .family-symbol{height:45px;width:45px}
.welcome-landing{position:relative;isolation:isolate;overflow:hidden;color:#164154;background:
  radial-gradient(ellipse at 88% 25%,rgba(241,147,54,.22),transparent 31%),
  radial-gradient(ellipse at 5% 85%,rgba(89,170,181,.16),transparent 45%),
  linear-gradient(150deg,#fffdfa 0%,#faf0e2 63%,#f7f5ee 100%);
 border-bottom:1px solid #e3ddd2;
}
.welcome-landing:before{content:"";width:min(56vw,740px);height:min(56vw,740px);position:absolute;left:54%;top:-18%;pointer-events:none;border-radius:50%;
 background:repeating-radial-gradient(circle,transparent 0 44px,rgba(213,157,101,.12) 45px,transparent 46px 90px)}
.welcome-landing:after{content:"";position:absolute;width:clamp(12px,2.5vw,28px);height:clamp(12px,2.5vw,28px);border-radius:50%;top:23%;right:19%;background:var(--family-orange);box-shadow:0 0 0 14px rgba(242,148,47,.14),0 0 0 48px rgba(242,148,47,.07);pointer-events:none}
.welcome-content{position:relative;z-index:1;max-width:1230px;padding-block:clamp(94px,10vw,154px) clamp(76px,8vw,110px)}
.welcome-small{display:flex;gap:12px;align-items:center;font-size:.78rem;letter-spacing:.18em;font-weight:800;color:#a26638}
.welcome-orange-dot,.listen-dot{height:9px;width:9px;background:#f4861f;border-radius:50%;display:inline-block;flex-shrink:0}
.welcome-content h1{max-width:1120px;font-family:var(--story-serif);font-weight:400;font-size:clamp(4.3rem,8vw,8.5rem);letter-spacing:-.075em;line-height:1; margin:27px 0 23px;text-wrap:balance;color:#10394f}
.welcome-content h1 em{font-weight:400;color:#af6333;font-style:italic}
.welcome-purpose{font:600 clamp(1.2rem,2.0vw,1.7rem)/1.3 var(--story-serif);color:#9b603b;margin:0 0 23px}
.welcome-introduction{max-width:740px;font-size:clamp(1.07rem,1.7vw,1.28rem);line-height:1.73;color:#476477}
.welcome-introduction strong{color:#17485d;font-weight:760}
.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:38px}
.welcome-actions .button{padding:15px 24px;background:#f18b24;color:#112e44;font-weight:780}
.welcome-actions .button:hover{background:#ffad50}
.welcome-note-link{display:inline-flex;align-items:center;gap:12px;color:#865133;font-size:.97rem;font-weight:750;text-decoration:none;border-bottom:1px solid #c9a28c;padding:10px 0}
.welcome-note-link:hover{color:#4e321d}
.welcome-index{position:relative;z-index:2;padding-bottom:35px}
.welcome-index-label{font-size:.72rem;letter-spacing:.14em;font-weight:830;color:#8d674b;margin:0 0 13px}
.welcome-index-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.welcome-index-links a{display:flex;align-items:center;gap:9px;min-height:81px;padding:13px;background:#fffefaad;color:#22475a;text-decoration:none;font-weight:800;font-size:.88rem;line-height:1.3;border:1px solid #e8dbcc;border-radius:10px;transition:background .2s,transform .2s,border-color .2s}
.welcome-index-links:not(.atlas-door-grid) a span{align-self:flex-start;color:#bc7850;font-size:.75rem;font-weight:780;padding-top:1px}
.welcome-index-links a:hover,.welcome-index-links a:focus-visible{background:#fff;border-color:#dfab7f;transform:translateY(-3px)}
.family-introduction{background:#fffefa;padding:clamp(68px,7vw,110px) 0}
.intro-bridge>.eyebrow{margin-bottom:22px}
.intro-bridge-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,6vw,105px);align-items:start}
.intro-bridge-body h2{font:400 clamp(2.7rem,4vw,4.7rem)/1.06 var(--story-serif);letter-spacing:-.05em;color:#10394f}
.intro-bridge-body h2 em{color:#b27040;font-style:italic}
.intro-bridge-body p{line-height:1.8;font-size:1.06rem;color:#526d7a}
.intro-bridge-body p:first-child{font-size:1.24rem;color:#345668;margin-bottom:18px}
.intro-bridge-body a{display:inline-block;margin-top:12px;color:#9a5b2d;font-weight:740;text-decoration:none;border-bottom:1px solid #cfad91;padding-bottom:3px}
.family-directory-chapters{overflow:hidden}
.family-chapter{position:relative;padding:clamp(70px,7.7vw,115px) 0;scroll-margin-top:78px;border-top:1px solid #e7e9e6;background:#f6f9f8}
.family-chapter-origins{background:linear-gradient(160deg,#fffaf1,#f4f1e8)}
.family-chapter-places{background:#ebf5f3}
.family-chapter-help{background:linear-gradient(140deg,#eff4fb,#e7f1f1)}
.family-chapter-innovation{background:#fff8f0}
.family-chapter-work{background:linear-gradient(155deg,#eaf0f5,#f4f6f2)}
.family-chapter:before{content:"";position:absolute;width:360px;height:360px;right:-190px;top:15px;border:1px solid #c7d7d3;border-radius:50%;opacity:.4;pointer-events:none}
.chapter-header{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:clamp(28px,6vw,93px);align-items:start;margin-bottom:clamp(28px,3vw,46px)}
.chapter-label{display:flex;flex-direction:column;gap:7px}
.chapter-number{font:italic 400 clamp(4.3rem,6vw,6.5rem)/1 var(--story-serif);letter-spacing:-.07em;color:#c77e48}
.chapter-overline{font-size:.76rem;font-weight:850;letter-spacing:.11em;color:#845b44}
.chapter-headline h2{font:400 clamp(2.7rem,4.6vw,5.1rem)/1.04 var(--story-serif);letter-spacing:-.059em;color:#113d55;text-wrap:balance;margin:0 0 20px}
.chapter-headline h2 em{font-style:italic;color:#a9673b}
.chapter-headline p{font-size:clamp(1.04rem,1.5vw,1.16rem);max-width:730px;line-height:1.76;color:#55717b}
.chapter-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,1.8vw,24px)}
.family-chapter .brand-card{display:flex;flex-direction:column;min-width:0;min-height:0;gap:0;border-radius:19px;overflow:hidden;padding:0;background:#fff;border:1px solid #e1e8e5;box-shadow:0 12px 27px rgba(14,52,67,.05)}
.family-chapter .brand-card:hover,.family-chapter .brand-card:focus-within{box-shadow:0 23px 50px rgba(12,53,70,.13);transform:translateY(-3px)}
.family-chapter .brand-art{position:relative;flex:0 0 auto;width:100%;height:clamp(170px,16vw,245px);min-height:0;border-radius:0;background:#e6eeee}
.family-chapter .brand-art img{max-width:88%;max-height:88%;height:90%;width:auto;object-fit:contain;object-position:center}
.family-chapter .brand-content{padding:clamp(18px,2.2vw,29px);height:100%;min-width:0}
.family-chapter .brand-kicker{font-size:.68rem;line-height:1.4;letter-spacing:.075em}
.family-chapter .brand-content h3{font:600 clamp(1.34rem,1.75vw,1.8rem)/1.17 var(--story-serif);letter-spacing:-.025em;margin:12px 0}
.family-chapter .brand-content>p:not(.brand-kicker){font-size:.97rem;line-height:1.72;color:#526b77}
.family-chapter .brand-content>a{margin-top:auto;min-height:40px;padding-top:20px;font-size:.91rem;font-weight:790}
.family-chapter .brand-content .planned{margin-top:auto}
.family-chapter .art-book{background:radial-gradient(circle at 50% 43%,#a5d9dd,#2e7a94 62%,#0d3b57)}
.family-chapter .art-book img{max-height:96%!important;width:auto!important;height:94%!important;max-width:80%!important;object-fit:contain!important;filter:drop-shadow(0 9px 12px rgba(0,18,36,.27))}
.family-chapter .art-ranch img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:76% center}
.family-chapter .art-ideas img,.family-chapter .art-loaves img,.family-chapter .art-addyourbit img{height:88%!important;max-height:90%!important;width:auto!important}
.family-chapter .art-addyourbit{gap:5px}
.chapter-secondary{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px;padding:18px 22px;border:1px solid #dae5e2;border-radius:12px;background:#ffffffe0}
.chapter-secondary p{max-width:850px;font-size:.94rem;line-height:1.66;color:#55717a;margin:0}
.chapter-secondary a{color:#965b35;font-size:.9rem;font-weight:800;white-space:nowrap}
.chapter-target{display:block;position:relative;top:-100px}
.work-mark{display:grid!important;place-items:center!important;background:radial-gradient(circle at 72% 28%,rgba(255,187,101,.2),transparent 44%),linear-gradient(135deg,#0e344e,#1d6170)!important}
.work-mark span{font:italic 400 clamp(3.1rem,4vw,5rem)/1 var(--story-serif);color:#fff8ee;letter-spacing:-.06em;z-index:1}
.work-mark i{position:absolute;display:block;width:125px;height:125px;border:1px solid rgba(255,186,114,.45);border-radius:50%;transform:rotate(-18deg)}
.work-mark i:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#f7932c;right:-6px;top:42px}
.work-mark-real-social-life{background:linear-gradient(140deg,#176672,#113d5f)!important}
.work-mark-servant-signal{background:linear-gradient(150deg,#224b68,#0d354c)!important}
.explore-compact{padding:clamp(54px,7vw,100px) 0;background:#fffefa}
.explore-compact-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);column-gap:clamp(38px,5vw,80px);align-items:start}
.explore-compact h2{font:400 clamp(2.45rem,3.3vw,3.9rem)/1.09 var(--story-serif);letter-spacing:-.04em;color:#133e55;margin:18px 0}
.explore-compact h2 em{font-style:italic;color:#a5643a}
.explore-compact p:not(.eyebrow){font-size:1rem;line-height:1.78;color:#57727d}
.explore-compact .interest-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0}
.explore-compact .interest-route{min-height:103px;padding:14px;gap:10px}
.explore-compact .interest-copy strong{font-size:.96rem}
.explore-compact .interest-copy small{font-size:.78rem;line-height:1.43}
.explore-compact .brand-finder{grid-column:1/-1;margin-top:20px}
.explore-compact .finder-field label{color:#34576b}
.explore-compact .brand-finder:not([hidden]){display:block}
.participation-section{padding:clamp(68px,7vw,105px) 0;background:linear-gradient(135deg,#f3f6ef,#e9f2ed)}
.participation-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center}
.participation-layout h2{font:400 clamp(2.7rem,4vw,4.6rem)/1.08 var(--story-serif);letter-spacing:-.05em;color:#164057;margin:19px 0}
.participation-layout h2 em{color:#ad693b}
.participation-layout>div>p:not(.eyebrow){max-width:560px;font-size:1.12rem;line-height:1.79;color:#536d7b}
.participation-card{display:flex;align-items:center;gap:25px;border-radius:22px;padding:30px;background:#fff;border:1px solid #dbe8e1;box-shadow:0 15px 40px rgba(16,62,74,.09)}
.participation-card img{width:118px;height:118px;object-fit:contain;flex-shrink:0}
.participation-card h3{font:600 2rem/1.2 var(--story-serif);margin:9px 0}
.participation-card p:not(.brand-kicker){line-height:1.64;color:#587078;font-size:.97rem}
.participation-card a{display:inline-block;color:#955936;margin-top:17px;font-weight:800;text-decoration:none;border-bottom:1px solid #d4ac87}
.listen-section{background:#13384f;color:#fcfcf7;padding:clamp(75px,8vw,127px) 0}
.listen-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px);align-items:start}
.listen-welcome h2{font:400 clamp(3.1rem,5vw,5.8rem)/1.06 var(--story-serif);letter-spacing:-.055em;margin:19px 0 31px;text-wrap:balance}
.listen-welcome h2 em{font-style:italic;color:#ffca8a}
.listen-welcome>p:not(.eyebrow){font-size:1.08rem;line-height:1.79;color:#d5e7ea;max-width:550px}
.listen-welcome .listen-note{margin-top:25px;padding-top:20px;border-top:1px solid #ffffff31;color:#d5e7ea;font-size:.94rem;line-height:1.75}
.listen-note .listen-dot{margin-right:9px}
.listen-form-panel{background:#fffdfa;color:#25495b;padding:clamp(23px,3vw,46px);border-radius:23px;box-shadow:0 35px 60px rgba(3,17,28,.18)}
.listen-form-label{letter-spacing:.13em;color:#a16b45;font-size:.73rem;font-weight:860;margin-bottom:19px}
.listen-form-panel form{display:flex;flex-direction:column;gap:12px}
.listen-form-panel label{display:block;color:#23485a;font-size:.89rem;font-weight:820;line-height:1.5}
.listen-form-panel label span{font-size:.75rem;font-weight:540;color:#6f8895}
.contact-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-two>div{min-width:0}
.listen-form-panel input,.listen-form-panel select,.listen-form-panel textarea{display:block;width:100%;min-width:0;max-width:100%;border:1.5px solid #cbd8d9;border-radius:9px;background:white;color:#183d52;font:500 .99rem/1.5 system-ui,sans-serif;padding:12px 14px;margin-top:5px;outline-offset:3px}
.listen-form-panel textarea{resize:vertical;min-height:144px}
.listen-form-panel :is(input,select,textarea):focus{border-color:#db8246;box-shadow:0 0 0 3px #f5be8b57;outline:none}
.listen-form-panel :is(input,textarea):invalid:focus{border-color:#b14f3a}
.listen-form-panel .contact-privacy{color:#576f7c;font-size:.77rem;line-height:1.65;margin-top:1px}
.contact-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.contact-actions .button{font-size:.93rem;line-height:1.35;border:0;cursor:pointer;min-height:51px;border-radius:12px;padding:12px 18px;background:#f38e2d;color:#123247}
.contact-copy{border:0;background:none;color:#825037;font-size:.85rem;font-weight:820;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:13px}
.contact-status{min-height:1.1em;font-size:.85rem;font-weight:700;line-height:1.5;color:#286b53;margin:0}
.contact-alternative{color:#698390;font-size:.8rem;line-height:1.5}
.contact-alternative a{color:#91542e;font-weight:740}
.footer-directory{background:#0d2c40;padding:60px 0 23px;color:#d4e5e8}
.footer-directory .footer-topline{display:grid;grid-template-columns:1fr auto;align-items:start;gap:50px;padding-bottom:37px;border-bottom:1px solid #ffffff28}
.footer-directory .footer-welcome{min-width:0}
.footer-directory .footer-brand{display:flex!important;font-size:1.22rem}
.footer-directory .footer-brand .family-wordmark{color:#fff}
.footer-directory .footer-brand .brand-tagline{display:block;color:#c5e0e5;font-size:.58rem;line-height:1.4}
.footer-directory .footer-welcome>p{color:#b9d2d9;font-size:.92rem;margin:15px 0 0}
.footer-directory .footer-top-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-directory .footer-top-actions a{font-size:.88rem;color:#ffce98;text-decoration:none;font-weight:770}
.footer-directory a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,60px);padding-block:clamp(37px,4vw,62px)}
.footer-directory .footer-group h2{font-size:.85rem;letter-spacing:.04em;text-transform:none;font-weight:850;color:#faf3e5;line-height:1.4;margin-bottom:17px}
.footer-group-index{color:#eb9552;margin-right:11px;font-size:.76rem;letter-spacing:.08em}
.footer-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.footer-group li a{color:#c7dce0;font-size:.88rem;line-height:1.42;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:7px;text-decoration:none}
.footer-developing{font-size:.64rem;letter-spacing:.035em;font-weight:650;color:#e5b47f}
.footer-directory .footer-bottom{padding-top:25px;border-top:1px solid #ffffff29;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#9ebbc4;font-size:.76rem;line-height:1.5}
.footer-directory .footer-bottom p{max-width:720px;margin:0}
.footer-directory .footer-bottom>div{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.footer-directory .footer-bottom a{color:#c8dce2;text-decoration:none}
/* Multiple related pages can deep-link to directory cards. */
.directory-card[id]{scroll-margin-top:100px}
.family-chapter .brand-content>a:last-child:focus-visible,.welcome-index-links a:focus-visible,.footer-directory a:focus-visible,.contact-copy:focus-visible,.listen-form-panel button:focus-visible{outline:3px solid #ef9e4b;outline-offset:3px}
@media(max-width:1100px){
 .site-header .header-content{gap:13px}
 .site-nav{gap:12px}
 .site-nav>a{font-size:.78rem}
 .welcome-content{padding-block:88px 72px}
 .welcome-index-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .chapter-header{grid-template-columns:150px 1fr;gap:25px}
}
@media(max-width:850px){
 .site-header .brand-tagline{display:block!important;font-size:.55rem!important}
 .site-header .brand{gap:8px}
 .site-header .family-symbol{height:41px;width:41px}
 .site-header .header-content{width:calc(100% - 32px)}
 .welcome-content{padding-top:75px}
 .intro-bridge-body,.explore-compact-layout,.participation-layout,.listen-layout{grid-template-columns:1fr;gap:32px}
 .explore-compact .interest-guide{margin-top:7px}
 .chapter-header{grid-template-columns:1fr;gap:15px}
 .chapter-label{flex-direction:row;align-items:center;gap:20px}
 .chapter-number{font-size:4rem}
 .chapter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chapter-cards>.brand-card:last-child:nth-child(odd){grid-column:1/-1;max-width:100%}
 .chapter-cards>.brand-card:last-child:nth-child(odd) .brand-art{height:220px}
 .footer-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-directory .footer-topline{grid-template-columns:1fr}
 .footer-directory .footer-top-actions{flex-direction:row;flex-wrap:wrap;gap:16px}
}
@media(max-width:610px){
 .site-header .family-symbol{width:36px;height:36px}
 .site-header .family-wordmark{font-size:1.14rem}
 .site-header .brand-tagline{font-size:.49rem!important;letter-spacing:.025em}
 .welcome-content{padding-top:62px;padding-bottom:50px}
 .welcome-content h1{font-size:clamp(3.55rem,12vw,5rem);line-height:1.01}
 .welcome-content h1 em{display:block}
 .welcome-introduction{font-size:1.01rem}
 .welcome-actions{margin-top:23px;gap:14px}
 .welcome-index-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .welcome-index-links a{min-height:70px;padding:11px;font-size:.82rem}
 .welcome-index-links a:last-child{grid-column:1/-1}
 .intro-bridge-body h2,.chapter-headline h2{font-size:clamp(2.6rem,9vw,3.5rem)}
 .family-chapter{padding-block:61px}
 .chapter-cards{grid-template-columns:1fr;gap:15px}
 .chapter-cards>.brand-card:last-child:nth-child(odd){grid-column:auto}
 .family-chapter .brand-art,.chapter-cards>.brand-card:last-child:nth-child(odd) .brand-art{height:205px}
 .family-chapter .brand-content{padding:19px}
 .chapter-secondary{flex-direction:column;align-items:flex-start;padding:18px}
 .explore-compact .interest-guide{grid-template-columns:1fr}
 .explore-compact .interest-route{min-height:78px}
 .participation-card{padding:20px;gap:14px}
 .participation-card img{width:88px;height:88px}
 .listen-section{padding-block:62px}
 .listen-welcome h2{font-size:clamp(3.1rem,10vw,4.6rem)}
 .listen-form-panel{padding:23px}
 .contact-two{grid-template-columns:1fr}
 .contact-actions{flex-direction:column;align-items:stretch}
 .contact-actions .button{width:100%}
 .footer-destination-grid{gap:29px 20px}
 .footer-directory .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:375px){
 .site-header .header-content{width:calc(100% - 22px)}
 .site-header .brand{gap:5px}
 .site-header .family-symbol{width:31px;height:31px}
 .site-header .family-wordmark{font-size:1.03rem}
 .site-header .brand-tagline{font-size:.44rem!important}
 .welcome-index-links{grid-template-columns:1fr}
 .welcome-index-links a:last-child{grid-column:auto}
 .footer-destination-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .welcome-index-links a,.family-chapter .brand-card{transition:none!important}
 .welcome-index-links a:hover,.welcome-index-links a:focus-visible,.family-chapter .brand-card:hover{transform:none!important}
}

/* Visible selectable fall-back when secure clipboard APIs are unavailable. */
.contact-fallback-text{display:block;width:100%;min-height:130px;margin:9px 0;border:1px solid #cbd8d9;border-radius:8px;padding:12px;background:#fff;color:#123d55;font:400 .82rem/1.5 ui-monospace,monospace}
.contact-fallback-text[hidden]{display:none}
.contact-status[data-state="error"]{color:#a33323}
.contact-status[data-state="success"]{color:#126549}
.contact-status[data-state="info"]{color:#446780}


/* SF-013 | Calm, tactile navigation for the family front door.
   Navigation destinations remain links; the pill styling adds clarity, not button semantics. */
.site-header{background:rgba(255,252,247,.96);border-bottom:1px solid #e3e8e4;box-shadow:0 5px 22px rgba(20,58,71,.055)}
.site-header .header-content{max-width:1370px;gap:clamp(14px,2vw,28px)}
.site-header .site-nav{display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);margin-left:auto;min-width:0}
.site-header .nav-link-group{display:flex;align-items:center;gap:8px;min-width:0}
.site-header .nav-link-group .nav-pill{
 display:inline-flex;align-items:center;justify-content:center;min-height:43px;
 white-space:nowrap;padding:10px clamp(11px,1.25vw,17px);
 border:1px solid #dce7e5;border-radius:999px;
 background:rgba(248,251,249,.94);box-shadow:0 2px 7px rgba(16,63,77,.035);
 color:#234b5c;font-size:clamp(.75rem,.87vw,.85rem);
 letter-spacing:.005em;line-height:1.2;font-weight:730;text-decoration:none;
 transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;
}
.site-header .nav-link-group .nav-pill:hover{
 color:#143e54;background:#fff;border-color:#d2a984;
 box-shadow:0 7px 16px rgba(45,69,63,.09);transform:translateY(-1px)
}
.site-header .nav-link-group .nav-pill--hello{background:#fff6e9;border-color:#efdac4;color:#78492c;gap:9px}
.site-header .nav-link-group .nav-pill--hello::before{
 content:"";width:7px;height:7px;flex-shrink:0;background:#ee892f;border-radius:50%;
 box-shadow:0 0 0 3px rgba(239,142,55,.15)
}
.site-header .nav-link-group .nav-pill--hello:hover{background:#fff0dc;border-color:#e5a66b;color:#714024}
.site-header .site-nav .nav-directory{
 display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
 white-space:nowrap;min-height:45px;padding:7px 8px 7px 18px;
 border:1px solid #194559;border-radius:999px;background:#173b50;
 color:#fffaf5;font-size:clamp(.77rem,.93vw,.87rem);
 font-weight:790;line-height:1.2;text-decoration:none;
 box-shadow:0 6px 15px rgba(12,51,74,.14);
 transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease
}
.site-header .site-nav .nav-directory:hover{background:#23546b;color:#fff;transform:translateY(-1px);box-shadow:0 9px 18px rgba(12,51,74,.18)}
.site-header .site-nav .nav-directory-arrow{
 display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;
 border-radius:50%;background:#f4b577;color:#15364c;font-size:1rem;font-weight:800;line-height:1
}
.site-header .site-nav a:focus-visible,.site-header .menu-toggle:focus-visible{
 outline:3px solid #e79b56;outline-offset:3px
}
@media(max-width:1120px) and (min-width:1021px){
 .site-header .header-content{width:calc(100% - 32px);gap:12px}
 .site-header .nav-link-group{gap:6px}
 .site-header .nav-link-group .nav-pill{padding-inline:10px;font-size:.75rem}
 .site-header .site-nav .nav-directory{padding-left:13px;gap:7px;font-size:.77rem}
 .site-header .site-nav{gap:8px}
 .site-header .family-wordmark{font-size:1.21rem}
 .site-header .family-symbol{width:39px;height:39px}
}
@media(max-width:1020px){
 .site-header .menu-toggle{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;margin-left:auto;flex:0 0 44px;width:44px;height:44px;
  background:#fffaf3;border:1px solid #d3dfdd;border-radius:14px;
  box-shadow:0 2px 8px rgba(14,50,66,.06)
 }
 .site-header .site-nav{
  display:none;position:absolute;top:calc(100% + 8px);right:14px;left:auto;
  width:min(360px,calc(100vw - 28px));margin:0;flex-direction:column;align-items:stretch;gap:10px;
  padding:14px;border-radius:20px;border:1px solid #dce5e0;
  background:rgba(255,252,247,.99);
  box-shadow:0 22px 50px rgba(18,54,73,.18)
 }
 .site-header .site-nav.open{display:flex}
 .site-header .nav-link-group{width:100%;flex-direction:column;align-items:stretch;gap:8px}
 .site-header .nav-link-group .nav-pill{width:100%;min-height:47px;justify-content:flex-start;padding:13px 17px;font-size:.92rem}
 .site-header .site-nav .nav-directory{min-height:49px;width:100%;font-size:.91rem;padding:9px 9px 9px 18px}
 .site-header .nav-link-group .nav-pill:hover,.site-header .site-nav .nav-directory:hover{transform:none}
}
@media(max-width:620px){
 .site-header .site-nav{top:calc(100% + 5px);right:10px;width:min(345px,calc(100vw - 20px))}
 .site-header .menu-toggle{height:42px;width:42px;flex-basis:42px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .nav-link-group .nav-pill,.site-header .site-nav .nav-directory{transition:none}
 .site-header .nav-link-group .nav-pill:hover,.site-header .site-nav .nav-directory:hover{transform:none}
}


/* SF-015 — Editorial Family Atlas. The approved mockup becomes accessible links and local decorative SVG art, not a screenshot. */
.welcome-landing{background:
  radial-gradient(ellipse at 10% 64%,rgba(119,165,157,.16),transparent 45%),
  radial-gradient(ellipse at 88% 12%,rgba(247,203,148,.23),transparent 43%),
  linear-gradient(155deg,#fffdfa 0%,#f9f2e7 58%,#f5f5ef 100%)}
.welcome-content{padding-bottom:clamp(28px,3.8vw,55px)}
.family-atlas.welcome-index{width:min(1450px,calc(100% - 72px));position:relative;isolation:isolate;padding:clamp(22px,3.7vw,56px) 0 clamp(70px,7vw,112px)}
.atlas-editorial-heading{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin:0 0 clamp(28px,3.2vw,46px);padding:0 clamp(5px,1vw,16px)}
.atlas-heading-copy{flex:1;min-width:0}
.family-atlas .welcome-index-label{font-size:clamp(.69rem,.78vw,.82rem);font-weight:850;letter-spacing:.2em;color:#b76439;margin:0 0 15px}
.atlas-heading-copy h2{font:400 clamp(2.7rem,5.1vw,5.25rem)/1.04 var(--story-serif);letter-spacing:-.055em;color:#14394f;max-width:1040px;margin:0 0 16px;text-wrap:balance}
.atlas-heading-copy h2 em{font-weight:400;font-style:italic;color:#a96037}
.atlas-editorial-lede{max-width:800px;font:400 clamp(1rem,1.35vw,1.27rem)/1.6 var(--story-serif);letter-spacing:.003em;color:#496679;margin:0}
.atlas-editorial-aside{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;flex-shrink:0;width:200px;padding-top:3px;color:#526a74;font:italic 400 1.22rem/1.17 var(--story-serif);transform:rotate(-5deg)}
.atlas-editorial-aside em{color:#805e47;font-style:italic}
.atlas-aside-symbol{display:block;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(38,76,93,.12))}
.family-atlas .welcome-index-links.atlas-door-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,21px);position:relative;z-index:2}
.family-atlas .atlas-door-grid .atlas-door{
  position:relative;isolation:isolate;display:flex;align-items:stretch;justify-content:flex-start;
  grid-column:span 2;min-width:0;min-height:clamp(268px,21vw,326px);
  padding:clamp(24px,2.5vw,39px);margin:0;overflow:hidden;
  border:1.5px solid #e6d5c1;border-radius:22px;
  background:#fffaf3;box-shadow:0 13px 35px rgba(46,66,66,.09),0 2px 4px rgba(46,66,66,.03),inset 0 0 0 4px rgba(255,255,255,.54);
  color:#143950;text-align:left;text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease;
}
.family-atlas .atlas-door-grid .atlas-door:nth-child(-n+2){grid-column:span 3;min-height:clamp(295px,23vw,368px)}
.family-atlas .atlas-door-grid .atlas-door--story{background:#fffaf0}
.family-atlas .atlas-door-grid .atlas-door--places{background:#f6f9f3}
.family-atlas .atlas-door-grid .atlas-door--help{background:#f3f8f8}
.family-atlas .atlas-door-grid .atlas-door--ideas{background:#fff9ee}
.family-atlas .atlas-door-grid .atlas-door--work{background:#eaf3f3}
.family-atlas .atlas-door-grid .atlas-door:hover{transform:translateY(-4px);border-color:#daa471;box-shadow:0 22px 44px rgba(39,67,73,.17),0 3px 6px rgba(46,66,66,.05),inset 0 0 0 4px rgba(255,255,255,.7)}
.family-atlas .atlas-door-grid .atlas-door:focus-visible{outline:4px solid #e98e3b;outline-offset:4px;transform:none}
.atlas-door-art{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;z-index:0}
.atlas-door-art .atlas-inline-art{position:absolute;right:-4%;top:0;width:min(85%,660px);height:100%;object-fit:contain;object-position:right center;max-width:none;opacity:.98;filter:saturate(.87) contrast(.98);transition:transform .45s ease,filter .45s ease}
.atlas-door--help .atlas-door-art .atlas-inline-art,.atlas-door--ideas .atlas-door-art .atlas-inline-art,.atlas-door--work .atlas-door-art .atlas-inline-art{right:-11%;width:95%;opacity:.92}
.atlas-door-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,244,.97) 0%,rgba(255,250,244,.85) 35%,rgba(255,250,244,.05) 88%);pointer-events:none}
.atlas-door--places .atlas-door-art:after{background:linear-gradient(90deg,rgba(246,249,243,.96),rgba(246,249,243,.78) 38%,rgba(246,249,243,.02) 89%)}
.atlas-door--help .atlas-door-art:after{background:linear-gradient(90deg,rgba(243,248,248,.97),rgba(243,248,248,.89) 44%,rgba(243,248,248,.07) 94%)}
.atlas-door--ideas .atlas-door-art:after{background:linear-gradient(90deg,rgba(255,249,238,.97),rgba(255,249,238,.84) 53%,rgba(255,249,238,.03) 94%)}
.atlas-door--work .atlas-door-art:after{background:linear-gradient(90deg,rgba(234,243,243,.98),rgba(234,243,243,.88) 52%,rgba(234,243,243,.10) 94%)}
.atlas-door:hover .atlas-door-art .atlas-inline-art{transform:scale(1.035);filter:saturate(.99) contrast(1.02)}
.atlas-door-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100%;width:100%;max-width:360px;pointer-events:none}
.atlas-door-number{display:flex;align-items:center;gap:15px;color:#b86b3f;font:750 1.04rem/1.1 system-ui,sans-serif;letter-spacing:.045em;margin-bottom:clamp(20px,2.1vw,29px)}
.atlas-door-hairline{display:block;width:58px;height:1px;background:linear-gradient(90deg,#d98c5b,#e5c1a5 75%,transparent)}
.atlas-door-title{display:block;max-width:340px;color:#0e3551;font:500 clamp(1.75rem,2.3vw,2.65rem)/1.08 var(--story-serif);letter-spacing:-.044em;text-wrap:balance}
.atlas-door-description{display:block;max-width:300px;color:#395b6e;font:400 clamp(.92rem,1.12vw,1.15rem)/1.45 var(--story-serif);letter-spacing:.006em;margin-top:clamp(9px,1vw,14px)}
.atlas-door-action{display:flex;align-items:center;gap:11px;max-width:100%;margin-top:auto;padding-top:22px;color:#b75a29;font:800 clamp(.67rem,.76vw,.8rem)/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em}
.atlas-door-arrow{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;border:1.5px solid #ce6b37;font:700 1rem/1 system-ui,sans-serif;letter-spacing:0;color:#bb5a2a;background:#fffaf5c9;transition:background-color .2s,color .2s,transform .2s}
.atlas-door:hover .atlas-door-arrow,.atlas-door:focus-visible .atlas-door-arrow{background:#bc6a39;color:#fff;transform:translate(2px,-1px)}
.atlas-connecting-lines{display:block;position:absolute;z-index:1;pointer-events:none;inset:auto -15px 22px;width:calc(100% + 30px);height:75%;opacity:.6}
.atlas-editorial-footer{position:relative;z-index:2;display:flex;align-items:center;gap:11px;margin:25px 0 0 9px;color:#587282;font:.9rem/1.55 system-ui,sans-serif}
.atlas-editorial-footer .welcome-orange-dot{width:7px;height:7px}
@media(max-width:1130px){
 .family-atlas.welcome-index{width:calc(100% - 52px)}
 .atlas-editorial-aside{width:155px;font-size:1.03rem}
 .atlas-door-copy{max-width:300px}
 .atlas-door-title{font-size:clamp(1.65rem,2.45vw,2.3rem)}
 .atlas-door-description{font-size:clamp(.93rem,1.15vw,1.06rem);max-width:270px}
 .family-atlas .atlas-door-grid .atlas-door{padding:24px}
}
@media(max-width:850px){
 .family-atlas .welcome-index-links.atlas-door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .family-atlas .atlas-door-grid .atlas-door,.family-atlas .atlas-door-grid .atlas-door:nth-child(-n+2){grid-column:span 1;min-height:300px;padding:25px}
 .family-atlas .atlas-door-grid .atlas-door:last-child{grid-column:1/-1;min-height:260px}
 .atlas-door-title{font-size:clamp(1.86rem,3.6vw,2.45rem)}
 .atlas-door-description{font-size:1.03rem;max-width:315px}
 .atlas-door-art .atlas-inline-art{width:93%}
 .atlas-door-number{margin-bottom:21px}
 .atlas-connecting-lines{display:none}
}
@media(max-width:620px){
 .family-atlas.welcome-index{width:calc(100% - 28px);padding-top:28px;padding-bottom:72px}
 .atlas-editorial-heading{display:block;margin-bottom:23px;padding:0 8px}
 .atlas-editorial-aside{display:none}
 .family-atlas .welcome-index-label{font-size:.65rem;line-height:1.55;letter-spacing:.15em}
 .atlas-heading-copy h2{font-size:clamp(2.4rem,9vw,3.65rem);margin-bottom:13px}
 .atlas-editorial-lede{font-size:1.02rem}
 .family-atlas .welcome-index-links.atlas-door-grid{grid-template-columns:1fr;gap:13px}
 .family-atlas .atlas-door-grid .atlas-door,.family-atlas .atlas-door-grid .atlas-door:nth-child(-n+2),.family-atlas .atlas-door-grid .atlas-door:last-child{grid-column:auto;min-height:247px;padding:22px;border-radius:17px}
 .atlas-door-number{margin-bottom:16px;font-size:.9rem}
 .atlas-door-title{font-size:clamp(1.83rem,7.25vw,2.35rem)}
 .atlas-door-description{font-size:1.02rem;max-width:min(100%,285px);margin-top:10px}
 .atlas-door-copy{max-width:92%}
 .atlas-door-art .atlas-inline-art{right:-22%;width:118%;opacity:.8}
 .atlas-door-art:after{background:linear-gradient(90deg,rgba(255,250,244,.99),rgba(255,250,244,.92) 48%,rgba(255,250,244,.24) 98%)}
 .atlas-door--help .atlas-door-art:after,.atlas-door--ideas .atlas-door-art:after,.atlas-door--work .atlas-door-art:after{background:linear-gradient(90deg,rgba(252,251,246,.98),rgba(251,251,245,.9) 54%,rgba(255,255,253,.3))}
 .atlas-door-action{padding-top:20px;font-size:.7rem}
 .atlas-editorial-footer{font-size:.83rem;margin-top:19px}
}
@media(max-width:370px){
 .atlas-heading-copy h2{font-size:clamp(2.14rem,9vw,2.6rem)}
 .family-atlas .atlas-door-grid .atlas-door{padding:18px}
 .atlas-door-title{font-size:1.77rem}
 .atlas-door-description{font-size:.96rem}
 .atlas-door-action{letter-spacing:.085em}
}
@media(prefers-reduced-motion:reduce){
 .family-atlas .atlas-door-grid .atlas-door,.atlas-door-art .atlas-inline-art,.atlas-door-arrow{transition:none}
 .family-atlas .atlas-door-grid .atlas-door:hover{transform:none}
 .atlas-door:hover .atlas-door-art .atlas-inline-art{transform:none}
 .atlas-door:hover .atlas-door-arrow{transform:none}
}

/* Network-level privacy page uses the atlas's approved typography and spacing. */
.family-privacy{padding-block:clamp(50px,7vw,94px);max-width:930px}
.family-privacy h1{font-size:clamp(2.7rem,5.5vw,4.8rem);color:#143949;margin:15px 0}
.family-privacy .family-privacy-lead{font-size:clamp(1.05rem,1.8vw,1.3rem);color:#4d6572;max-width:70ch}
.family-privacy section{padding:23px 0;border-top:1px solid var(--line)}
.family-privacy section h2{font-size:clamp(1.5rem,2.7vw,2.2rem);color:#173b4e;margin:0 0 13px}
.family-privacy section p{max-width:77ch;line-height:1.7}
.family-privacy a{text-decoration:underline;text-underline-offset:3px}
.family-privacy-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-weight:750}
.family-privacy-footer{margin-top:10px}
@media(max-width:600px){.family-privacy{padding-block:44px}.family-privacy-back{font-size:.84rem}}

/* Family and connection: distinct programs, real brand imagery. */
.family-connection-bridge{padding:clamp(55px,7vw,105px) 0;background:linear-gradient(148deg,#e9f3f4,#fffaf2 56%,#f6efe5);border-block:1px solid #d7e5e3}
.family-connection-heading{max-width:830px;margin-bottom:clamp(24px,3.5vw,43px)}
.family-connection-heading h2{color:#123b53;font:500 clamp(2.45rem,4.3vw,4.6rem)/1.08 var(--story-serif,Georgia,serif);letter-spacing:-.044em;margin:12px 0 17px}
.family-connection-heading h2 em{color:#326977;font-weight:400}
.family-connection-heading>p:last-child{color:#425f6d;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65;max-width:76ch}
.family-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.family-connection-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dbe4e2;border-radius:22px;box-shadow:0 16px 40px #163e4a10;transition:transform .2s,border-color .2s}
.family-connection-card:hover,.family-connection-card:focus-within{transform:translateY(-3px);border-color:#9fc5c4}
.family-connection-image{display:grid;place-items:center;min-height:220px;padding:25px;background:linear-gradient(140deg,#f0f7fa,#fff9ee)}
.family-connection-image--carefully{background:linear-gradient(140deg,#e5f3ef,#f7f2e7)}
.family-connection-image img{display:block;max-width:min(100%,430px);max-height:190px;width:auto;height:auto;object-fit:contain}
.family-connection-image--carefully img{max-width:min(100%,430px);max-height:190px}
.family-connection-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,38px)}
.family-connection-body h3{font:500 clamp(1.9rem,2.5vw,2.65rem)/1.15 var(--story-serif,Georgia,serif);color:#143d53;margin:10px 0 12px}
.family-connection-body p:not(.brand-kicker){font-size:1rem;line-height:1.68;color:#4c6672;margin:0 0 22px}
.family-connection-body a{margin-top:auto;color:#16576c;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:7px}
.family-connection-body a::after{content:"";position:absolute;inset:0}
.family-connection-card:focus-within{outline:3px solid #f19a42;outline-offset:3px}
.family-connection-note{max-width:75ch;color:#4b6672;line-height:1.7;margin:24px 0 0}
.family-connection-note a{color:#174f67;text-underline-offset:3px}
.work-card .work-mark img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}
.work-card .work-mark-real-social-life img{object-fit:cover}
.future-card#brand-still-we-seek{align-items:center}
.future-card#brand-still-we-seek img{width:62px;height:62px;object-fit:contain;flex:none}
.future-card a{color:#175a69;font-weight:750;text-underline-offset:3px}
@media(max-width:750px){.family-connection-grid{grid-template-columns:1fr}.family-connection-image{min-height:175px}.family-connection-image img{max-height:145px}.family-connection-body{padding:24px}}
@media(prefers-reduced-motion:reduce){.family-connection-card{transition:none}.family-connection-card:hover{transform:none}}

/* Network footer family attribution and open invitation. */
.family-footer-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 30px;padding-block:18px;border-top:1px solid #ffffff36;color:#dbe9ea;font-size:.88rem;line-height:1.55}
.family-footer-connection p{margin:0}
.family-footer-connection a{color:#fff4de;text-decoration:underline;text-underline-offset:4px}
.family-footer-connection p:last-child a{color:#f9bd72;font-weight:800}
.map-care-connection{padding:clamp(45px,6vw,82px) 0;background:#f7f4ee}
.map-care-connection h2{font:500 clamp(2.2rem,4vw,3.6rem)/1.12 var(--story-serif,Georgia,serif);color:#183f50;margin:10px 0}
.map-care-connection h2 em{color:#266b71}
.map-care-connection>.shell>p:not(.eyebrow){max-width:77ch;color:#526d76;line-height:1.7}
.map-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.map-care-grid a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:27px 22px;text-align:center;border:1px solid #d7e4e2;border-radius:18px;background:#fff;color:#17465b;text-decoration:none;min-height:225px}
.map-care-grid a:focus-visible{outline:3px solid #ee8d3f;outline-offset:3px}
.map-care-grid img{max-width:150px;height:90px;object-fit:contain}
.map-care-grid strong{font:600 1.45rem/1.2 var(--story-serif,Georgia,serif)}
.map-care-grid span{font-size:.88rem;color:#315d6b}
@media(max-width:720px){.map-care-grid{grid-template-columns:1fr}.map-care-grid a{min-height:0}.family-footer-connection{align-items:flex-start;flex-direction:column}}

/* Generous single-destination card interactions: one existing semantic anchor owns the whole card. */
.family-chapter .brand-card{position:relative}
.family-chapter .brand-card .brand-content>a::after{content:"";position:absolute;inset:0;z-index:2}
.family-chapter .brand-card:focus-within{outline:3px solid #ea8c42;outline-offset:3px}
.family-chapter .brand-card:hover{border-color:#c1d7d4}
@media(prefers-reduced-motion:reduce){.family-chapter .brand-card{transition:none}}

/* Keep the Join invitation readable without its flex content forcing a wider grid track. */
.participation-layout>*,.participation-card>div{min-width:0}
@media(max-width:420px){.participation-card{flex-direction:column;align-items:flex-start}}
@media(max-width:750px){.family-connection-image--carefully img{max-height:145px}}

#family-contact-form[hidden],[data-family-email-reveal][hidden]{display:none!important}

/* Reciprocal discovery keeps the existing Starfish identity and local welcome. */
.family-crossroads{display:flex;flex-wrap:wrap;gap:16px 32px;margin:24px 0;max-width:750px}
.family-crossroads a{display:flex;flex-direction:column;padding:10px 0;font-weight:700;color:inherit;text-underline-offset:4px;min-height:44px}
.family-crossroads span{font-size:.9rem;font-weight:400}.family-status-note{max-width:700px;font-size:.95rem;line-height:1.6}
.family-crossroads a:focus-visible{outline:3px solid #b65d2c;outline-offset:5px}

/* SF-018 — Still We Seek receives its own mission spotlight; next chapters are paths, not an initiative inventory. */
.sws-feature{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;margin:clamp(40px,6vw,82px) 0 12px;color:#f8f6ec;background:radial-gradient(circle at 91% 17%,#326d77 0%,transparent 37%),linear-gradient(126deg,#092b3f,#124e61 77%,#0d3448);box-shadow:0 25px 50px rgba(10,46,57,.15)}
.sws-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 85%,rgba(245,185,99,.13),transparent 44%);z-index:-1;pointer-events:none}
.sws-feature-top{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(245px,.73fr);gap:clamp(22px,4vw,70px);align-items:center;padding:clamp(30px,5.4vw,78px)}
.sws-feature-copy{max-width:730px}
.sws-eyebrow{color:#f9c990;letter-spacing:.15em;font-size:.73rem;font-weight:850;margin:0 0 17px}
.sws-feature h2{color:#fff9ef;font-family:var(--story-serif,Georgia,serif);font-size:clamp(2.4rem,4.25vw,4.8rem);font-weight:500;letter-spacing:-.045em;line-height:1.09;margin:0 0 25px}
.sws-feature h2 em{font-weight:400;color:#f5c790}
.sws-feature-copy>p:not(.sws-eyebrow):not(.sws-resource-note){font-size:clamp(.97rem,1.24vw,1.15rem);line-height:1.72;color:#e0eef0;margin:0 0 14px}
.sws-feature-copy .sws-lead{font-weight:650;color:#fff8ed!important;font-size:clamp(1.06rem,1.42vw,1.27rem)!important}
.sws-feature-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;min-width:0}
.sws-mark-frame{display:grid;place-items:center;width:clamp(190px,22vw,315px);height:clamp(190px,22vw,315px);padding:clamp(25px,3vw,46px);border:1px solid #ffffff38;border-radius:50%;background:linear-gradient(140deg,#ffffff25,#ffffff06);box-shadow:inset 0 0 50px #ffffff08,0 20px 45px #031b2840}
.sws-mark-frame img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 15px #061e2c45)}
.sws-feature-art p{font-size:.7rem;letter-spacing:.16em;text-align:center;color:#edcda7;margin:0}
.sws-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin:26px 0 9px}
.sws-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:10px;font-size:.9rem;font-weight:800;text-underline-offset:5px}
.sws-actions .sws-primary{padding:13px 21px;color:#12384b;background:#ffd192;border-radius:9px;text-decoration:none}
.sws-actions .sws-primary:hover{background:#ffe2b5}
.sws-actions .sws-secondary{color:#f7f6ee}
.sws-resource-note{font-size:.73rem!important;line-height:1.5;color:#bfd2d8;margin:14px 0 0}
.sws-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff35;background:#ffffff09}
.sws-ways>div{display:flex;flex-direction:column;gap:8px;padding:24px clamp(18px,3vw,45px)}
.sws-ways>div+div{border-left:1px solid #ffffff28}
.sws-ways strong{font-family:var(--story-serif,Georgia,serif);color:#ffe0b0;font-size:1.3rem;font-weight:600}
.sws-ways span{font-size:.85rem;line-height:1.6;color:#e3eceb}
.sws-feature a:focus-visible,.next-path-card a:focus-visible{outline:3px solid #fdbf75;outline-offset:4px}
.sws-feature:focus,.next-path-card:focus{outline:3px solid #e8a966;outline-offset:4px}
.next-pathways{padding-top:clamp(50px,7vw,90px);padding-bottom:clamp(70px,8vw,110px)}
.next-pathways .section-top>p{max-width:560px}
.next-pathways .section-top h2{font-size:clamp(2.4rem,4.4vw,4.8rem)}
.next-pathways .next-grid{gap:clamp(15px,2vw,28px)}
.next-path-card{position:relative;display:flex;gap:23px;background:linear-gradient(145deg,#faf7f1,#f2ede5);border:1px solid #e8ddcb;border-radius:19px;padding:clamp(23px,3vw,38px);min-height:295px;box-shadow:0 12px 29px #17374909}
.next-path-card:nth-child(2){background:linear-gradient(145deg,#eff5f3,#f9f5ed);border-color:#d6e3de}
.next-path-symbol{flex:0 0 70px;width:70px;height:70px;display:grid;place-items:center;position:relative;border-radius:17px;background:#e8ddc9;color:#8f5935}
.next-path-symbol--more{background:#daeae6;color:#17616a}
.next-path-numeral{position:absolute;top:9px;left:11px;font-size:.66rem;font-weight:800;letter-spacing:.06em}
.next-path-arrow{font-family:var(--story-serif,Georgia,serif);font-size:2.4rem;font-weight:500;line-height:1}
.next-path-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.next-path-body h3{font-family:var(--story-serif,Georgia,serif);font-size:clamp(1.9rem,2.45vw,2.6rem);font-weight:600;line-height:1.12;color:#173c50;margin:12px 0}
.next-path-body>p:not(.future-tag):not(.next-path-status){font-size:1.02rem;line-height:1.68;color:#4f6672;margin:0 0 18px}
.next-path-status{color:#6d6e66;font-size:.76rem;font-weight:750;letter-spacing:.02em;margin:auto 0 9px}
.next-path-body>a{color:#126173;font-weight:800;font-size:.91rem;text-underline-offset:5px;min-height:38px;display:inline-flex;align-items:center;gap:8px}
.next-path-card:hover{border-color:#b5c9c5}
.next-path-body>a:after{content:"";position:absolute;inset:0}
@media(max-width:900px){.sws-feature-top{grid-template-columns:1fr}.sws-feature-art{flex-direction:row;justify-content:flex-start;gap:22px}.sws-mark-frame{width:175px;height:175px;padding:24px}.sws-feature-art p{max-width:160px;line-height:1.6;text-align:left}.next-path-card{flex-direction:column}.next-path-symbol{flex:0 0 70px}}
@media(max-width:680px){.sws-feature{border-radius:16px}.sws-feature-top{padding:26px 23px}.sws-feature-art{justify-content:center}.sws-feature-art p{display:none}.sws-ways{grid-template-columns:1fr}.sws-ways>div{padding:18px 24px}.sws-ways>div+div{border-left:0;border-top:1px solid #ffffff28}.sws-actions{align-items:stretch;flex-direction:column}.sws-actions a{justify-content:flex-start}.sws-actions .sws-primary{justify-content:center}.next-path-card{min-height:0;gap:14px}}
@media(prefers-reduced-motion:reduce){.sws-feature *,.next-path-card *{scroll-behavior:auto}}

/* SF-020: personal editorial collection; distinct identities, no invented brand marks. */
.personal-collection{padding-block:64px;scroll-margin-top:110px;color:#16394b}
.personal-heading{max-width:760px;margin-bottom:30px}.personal-heading h2{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.12;margin:14px 0 22px}.personal-heading p{line-height:1.75}
.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.personal-entry{padding:28px 0;border-top:1px solid #d6c6b0;scroll-margin-top:120px}.personal-entry h3,.sharing-feature h3,.care-overview h3{font-family:Georgia,serif;font-size:1.7rem;line-height:1.25;margin:0 0 14px}.personal-entry p,.sharing-feature p,.care-overview p{line-height:1.7}
.personal-entry summary{cursor:pointer;min-height:44px;padding:12px 0;color:#754425;font-weight:650}.personal-note,.invitation-status{color:#465c65;font-size:.95rem;line-height:1.65}
.sharing-feature{padding:30px clamp(20px,4vw,44px);margin:30px 0;background:#f3e8d7;border-radius:16px;scroll-margin-top:120px}.sharing-feature a,.personal-next a{display:inline-block;min-height:44px;padding-block:12px;color:#754425;font-weight:650;text-underline-offset:4px}.personal-next{display:flex;flex-wrap:wrap;gap:8px 28px}
.care-overviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0}.care-overview{padding-top:24px;border-top:1px solid #cbbca9;scroll-margin-top:120px}
.personal-entry:focus,.sharing-feature:focus,.care-overview:focus,.family-connection-card:focus{outline:3px solid #9b501f;outline-offset:5px}.personal-collection a:focus-visible,.personal-entry summary:focus-visible{outline:3px solid #9b501f;outline-offset:4px}
@media(max-width:680px){.personal-collection{padding-block:38px}.personal-grid,.care-overviews{grid-template-columns:1fr}.personal-next{display:block}.personal-next a{display:block}.personal-heading h2{font-size:2.4rem}}
/* Readable editorial labels in the changed light-background sections. */
.personal-heading h2{font-family:var(--story-serif,Georgia,serif);font-weight:500}
.personal-collection .eyebrow,#family-care .brand-kicker,.next-pathways .eyebrow{color:#754425}
.next-path-numeral{color:#694022}

/* Production accessibility gate: retain the copper/navy palette with readable text contrast. */
:is(#brand-church,#brand-gwo,#brand-book,#brand-mission,#brand-vision,#brand-hrc,#brand-ranch,#brand-hfaw,#brand-hsu,#brand-ideas,#brand-addyourbit,#brand-loaves,#brand-neighborward,#brand-real-social-life,#brand-servant-signal,#brand-join) .brand-kicker,
.founder .eyebrow,.founder h2 em,.founder .letter-link,.listen-form-label{color:#754425}
#places .chapter-number{color:#96512c}
.signature span,.listen-form-panel label span,.contact-alternative{color:#465c68}

/* Guided discovery: editorial chapters, with the existing family artwork and identity. */
.welcome-content{padding-top:clamp(48px,7vw,96px)!important;padding-bottom:38px!important}.welcome-introduction{max-width:760px}.story-trail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:26px 50px}.story-trail a{padding:30px;background:#fffaf1;border:1px solid #dbcbb7;border-radius:4px 28px 28px 28px;display:flex;flex-direction:column;gap:16px;text-decoration:none;color:#17374a;min-height:220px}.story-trail small{letter-spacing:.12em;color:#80502e;font-weight:700}.story-trail strong{font-family:Georgia,serif;font-size:1.8rem;line-height:1.2}.story-trail a:hover{background:#f6e9d6}.story-trail a:focus-visible,.deeper-chapter summary:focus-visible{outline:3px solid #a84e19;outline-offset:5px}.story-trail span{margin-top:auto}.guided-chapter{padding-block:64px;border-top:1px solid #d9d5c8}.guided-chapter header{max-width:750px;margin-bottom:30px}.guided-chapter h2,.ayb-readiness h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12}.guided-chapter header>p:last-child{max-width:650px;font-size:1.1rem;line-height:1.7}.trail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.trail-card{padding:26px 0;border-top:1px solid #cbcfc9}.trail-card h3{font-family:Georgia,serif;font-size:1.6rem;margin:10px 0}.trail-card p{max-width:450px;line-height:1.7}.trail-index{font-size:.75rem;color:#8b542f;letter-spacing:.12em}.trail-note{font-size:.9rem;color:#4d616b;margin-top:24px}.guided-chapter:nth-of-type(even) .trail-index{color:#306960}.deeper-chapter{max-width:1200px;margin:20px auto;border-block:1px solid #d7d6cd}.deeper-chapter>summary{padding:24px;cursor:pointer;font-size:1.1rem;color:#17374a}.more-between{background:#e8eee5}.more-between .family-connection-body{padding:clamp(25px,5vw,60px)}.more-between h3{font-size:2.4rem}.ayb-readiness{padding-block:60px;border-top:1px solid #d5d0c4;max-width:1000px}.ayb-readiness p{max-width:760px;line-height:1.7}.personal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.family-chapter-beginning .sharing-feature{margin-top:30px}.brand-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.story-trail,.trail-grid,.personal-grid,.brand-grid.columns-3{grid-template-columns:1fr}.story-trail{gap:12px}.story-trail a{min-height:0;padding:24px}.story-trail strong{font-size:1.5rem}.guided-chapter{padding-block:40px}.trail-card{padding-block:22px}.welcome-content{padding-top:42px!important}.family-crossroads{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.family-chapter{overflow:clip}.illustrated-map>summary{cursor:pointer;max-width:1150px;margin:0 auto;padding:24px 0;min-height:60px;border-top:1px solid #d6cbbb;list-style:none;color:#17374a;font-weight:700}.illustrated-map>summary span{float:right}.illustrated-map>summary:focus-visible{outline:3px solid #a84e19;outline-offset:5px}.illustrated-map>summary::-webkit-details-marker{display:none}.illustrated-map[open]>summary span{transform:rotate(45deg)}.trail-card a{display:inline-flex;align-items:center;min-height:44px}.story-trail a{min-height:190px}.brand-art img{object-fit:contain!important;max-height:100%}.art-mission img{padding:18px}.art-float img{padding:20px}@media(max-width:1200px){.illustrated-map>summary{margin-inline:24px}}
/* Reflow also holds when a visitor doubles text size. */
.header-content{flex-wrap:wrap}.chapter-header>*,.intro-bridge>*,.intro-bridge-body>*,.family-connection-grid>*,.listen-layout>*,.trail-grid>*,.story-trail>*,.participation-layout>*,.founder-layout>*{min-width:0}h1,h2,h3,.chapter-overline{overflow-wrap:anywhere}.family-identity{min-width:0}.brand-tagline{white-space:normal}.guided-chapter#life-turns .trail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guided-chapter#life-turns .trail-card:last-child{grid-column:1/-1;background:#e7ede6;padding:28px;border:0}.guided-chapter#growth{background:#f4ece0;padding-inline:clamp(20px,4vw,46px);border-radius:24px}.trail-grid>.trail-card:last-child p{max-width:680px}@media(max-width:700px){.guided-chapter#life-turns .trail-grid{grid-template-columns:1fr}.header-content{gap:12px}.site-header .brand{max-width:100%}.intro-bridge-body{min-width:0}.chapter-header{grid-template-columns:minmax(0,1fr)}.welcome-actions>a{max-width:100%;white-space:normal}}

.eyebrow.brand-signal,.sharing-feature>.eyebrow{color:#834620}.eyebrow.brand-signal.light{color:#f5c392}@media(max-width:700px){.welcome-landing:after{display:none}}
/* Give identity art a definite height so percentage limits cannot crop the marks. */
.family-chapter .brand-art{height:clamp(190px,17vw,250px);min-height:0;flex:none}.family-chapter .brand-art img,.family-chapter .art-book img{height:85%!important;max-height:85%!important;width:85%!important;max-width:85%!important;object-fit:contain!important;padding:0}
.family-chapter .brand-art{display:flex;align-items:center;justify-content:center}.family-chapter .brand-art img,.family-chapter .art-book img{height:clamp(150px,13vw,195px)!important;max-height:clamp(150px,13vw,195px)!important;flex:0 1 85%}

/* Round two: a useful return point and optional long-form reading. */
.wayfinder{padding-block:48px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:start;scroll-margin-top:100px}.wayfinder h2{font:400 clamp(2rem,4vw,3.4rem)/1.1 var(--story-serif);margin:12px 0 20px}.wayfinder p{line-height:1.7}.wayfinder .brand-finder{margin:0;padding:0;background:transparent;border:0;box-shadow:none}.wayfinder a{min-height:44px;display:inline-flex;align-items:center}.wayfinder-paths{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px}.wayfinder-paths a{font-weight:650;font-size:.95rem}.wayfinder .finder-row{align-items:end}.wayfinder .finder-field{min-width:0}.guided-chapter{padding-block:0!important}.story-chapter>summary{display:flex;align-items:center;gap:24px;cursor:pointer;list-style:none;padding:34px 0}.story-chapter>summary::-webkit-details-marker{display:none}.story-chapter>summary>div{min-width:0;flex:1}.story-chapter>summary h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:12px 0}.story-chapter>summary p:last-child{margin-bottom:0;max-width:730px;line-height:1.7}.chapter-disclosure{flex-shrink:0;font-size:2rem;color:#84542f}.story-chapter[open] .chapter-disclosure{transform:rotate(45deg)}.story-chapter>summary:focus-visible{outline:3px solid #a84e19;outline-offset:5px}.story-chapter>.trail-grid{padding-bottom:12px}.return-to-paths{display:inline-flex;min-height:48px;align-items:center;margin-bottom:25px}.story-chapter .trail-note{max-width:720px}.wayfinder .brand-matches{max-height:380px;overflow:auto;overscroll-behavior:contain}.wayfinder :focus-visible{outline:3px solid #a84e19;outline-offset:3px}@media(max-width:700px){.wayfinder{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:34px}.story-chapter>summary{gap:12px;padding-block:26px}.wayfinder-paths{gap:2px 15px}.wayfinder .finder-row{gap:10px}}

@media(max-width:700px){.family-chapter{padding-block:42px}.family-introduction{padding-block:42px}.family-chapter .brand-art{height:170px}.family-chapter .brand-art img,.family-chapter .art-book img{height:140px!important;max-height:140px!important}.chapter-header{margin-bottom:25px}.chapter-number{font-size:3.2rem}.story-trail{padding-block:16px 28px}.welcome-content{padding-bottom:20px!important}.family-status-note{font-size:.88rem}}
.story-chapter>summary h2{font-family:var(--story-serif);font-weight:400}.story-chapter>summary .eyebrow{text-transform:uppercase}.trail-card:focus{outline:2px solid #a84e19;outline-offset:5px;border-radius:8px}

/* Native developing-brand overviews remain usable without scripts. */
.destination-overview { margin-top: 1rem; overflow-wrap: anywhere; }
.destination-overview summary { cursor: pointer; min-height: 44px; padding: .6rem 0; font-weight: 700; line-height: 1.5; }
.destination-overview summary:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; border-radius: 4px; }
.destination-overview p { max-width: 65ch; }

/* Provisional personal park trail. Existing approved identity assets are unchanged. */
.welcome-landing{background:#f7f5ed}.welcome-landing:before,.welcome-landing:after{display:none}.welcome-content{padding-top:36px!important;padding-bottom:20px!important}.welcome-content h1{font-size:clamp(2.8rem,5.3vw,4.8rem);margin-block:12px 18px}.welcome-introduction{max-width:800px;font-size:1.08rem}.welcome-purpose{font-size:1.2rem}.welcome-actions{margin-block:20px}.personal-park{padding-block:18px 36px}.personal-park-heading{max-width:780px;margin-bottom:24px}.personal-park h2{font:400 clamp(2rem,3vw,3rem)/1.15 var(--story-serif);margin:10px 0 16px}.personal-park-heading>p{line-height:1.65}.trail-layout-note{font-size:.8rem;color:#526358}.personal-park-layout{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #adb7a3;background:#dce3d1;box-shadow:0 10px 28px #34443312}.trail-guide{background:#faf8f0;border-right:1px solid #adb7a3;padding:24px;display:flex;flex-direction:column}.trail-guide>a{min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 0;border-bottom:1px solid #d2dac9;color:#244638;text-decoration:none}.trail-guide small{font-size:.8rem;line-height:1.5;color:#526358}.trail-guide>p:last-child{font-size:.78rem;line-height:1.6;color:#526358;margin:20px 0 0}.trail-guide a:hover strong{text-decoration:underline}.personal-route{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:30px;background:repeating-radial-gradient(ellipse at 18% 28%,transparent 0 28px,#60765216 29px 30px,transparent 31px 44px),radial-gradient(ellipse at 80% 85%,#acbea188,transparent 65%),linear-gradient(140deg,#e3e7d8,#d3deca);isolation:isolate}.personal-route:before{content:"";position:absolute;inset:18% 18%;border:3px dashed #8b805f;border-left:0;border-radius:0 50% 50% 0;opacity:.45;z-index:-1}.route-caption,.route-footnote{grid-column:1/-1;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:#52634b}.route-footnote{font-size:.6rem;align-self:end}.route-stop{display:flex;align-items:flex-start;gap:14px;min-width:0;text-decoration:none;color:#244638;background:#fffcf4;border:1px solid #97a38a;padding:22px 18px;border-radius:4px;box-shadow:0 5px 12px #34433315;min-height:170px}.route-stop>span:last-child{display:flex;flex-direction:column;gap:12px;min-width:0}.route-stop small{font-size:.62rem;letter-spacing:.08em;line-height:1.5;color:#70583e}.route-stop strong{font:400 1.45rem/1.2 var(--story-serif)}.route-stop>span>span{font-size:.8rem;line-height:1.5}.stop-number{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#526d4d;color:white;font-size:.75rem}.route-stop:hover{border-color:#385c3e;background:#fffdf7}.route-stop:focus-visible,.trail-guide a:focus-visible,.trail-return a:focus-visible{outline:3px solid #a65527;outline-offset:4px}.stop-three{grid-column:2;grid-row:3}.stop-four{grid-column:1;grid-row:3}.trail-return{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0 0;font-size:.85rem}.trail-return a{display:inline-flex;align-items:center;min-height:44px}.personal-park-layout>*{min-width:0}.personal-park a,.personal-park strong{overflow-wrap:anywhere}
@media(max-width:900px){.personal-park-layout{grid-template-columns:220px minmax(0,1fr)}.personal-route{padding:22px;gap:18px}.route-stop{padding:18px 14px;gap:10px}.route-stop strong{font-size:1.25rem}}
@media(max-width:700px){.welcome-content{padding-top:24px!important}.personal-park-layout{grid-template-columns:1fr}.trail-guide{border-right:0;border-bottom:1px solid #adb7a3;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:20px}.trail-guide>p{grid-column:1/-1}.personal-route{grid-template-columns:1fr;padding:22px}.route-stop{grid-column:1;grid-row:auto;min-height:140px;padding:22px}.personal-route:before{inset:50px auto 50px 37px;border:0;border-left:3px dashed #8b805f;border-radius:0}.route-caption,.route-footnote{grid-column:1}.route-stop strong{font-size:1.4rem}.trail-return{display:block}.trail-return>span{display:block}}
@media(max-width:360px){.trail-guide{grid-template-columns:1fr}.route-stop{padding:18px 12px}.personal-route{padding:18px}}

/* Pending local email preparation remains visibly cancelable. */
.contact-actions button:disabled{opacity:.55;cursor:default;text-decoration:none}