/* Editorial opening and one idea carried across three practical possibilities. */
.home-page .purpose-opening{max-width:1320px;padding-top:80px}
.home-page .purpose-heading{margin:0 25px 48px;gap:60px;align-items:center}
.home-page .purpose-heading h1{font-size:clamp(3.8rem,6.4vw,6.6rem);line-height:1.02;max-width:790px}
.home-page .purpose-heading .eyebrow{font-size:.75rem;letter-spacing:.18em;color:#a6bbdf}
.home-page .purpose-intro{max-width:290px}.home-page .purpose-intro p{font-size:1rem;line-height:1.8;color:#b7c3d6;margin-bottom:25px}
.home-page .home-pillar-links{margin-bottom:60px}.home-page .pillar-destination{background:transparent;border-color:#8faeff30}
.pillar-story{position:relative;border-top:1px solid #8faeff40;border-bottom:1px solid #8faeff25;padding:25px 25px 0;background:radial-gradient(ellipse at 78% 44%,#446fa61c,transparent 60%)}
.pillar-story-top{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.14em;color:#adbfdb}.pillar-story-top>span+span{color:#8191ab;letter-spacing:.08em}
.pillar-story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:45px 0 40px;min-height:550px}
.story-chapter{font-size:.75rem;color:#8faeff;letter-spacing:.15em;margin-bottom:23px}.story-headline{font-size:clamp(2.5rem,4.1vw,4.2rem);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin-bottom:24px}.story-headline em{font-family:Georgia,serif;font-weight:400;color:#cbd9ff}.story-description{max-width:355px;font-size:1rem;color:#acb9cb;line-height:1.8;margin-bottom:20px}.story-origin{border-left:2px solid #8faeff70;padding-left:20px;margin-top:42px;max-width:330px}.story-origin>span{font-size:.75rem;letter-spacing:.13em;color:#8e9eb9}.story-origin p{font-family:Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.55;color:#d2dced;margin:8px 0 0}
.story-stage{min-width:0;position:relative}.story-panel{min-height:455px;padding:28px 30px;border:1px solid #738db64d;border-radius:16px;background:linear-gradient(135deg,#1f3049,#141e2e);box-shadow:0 20px 65px #0003;overflow:hidden}.story-panel[hidden]{display:none}.story-panel.is-entering{animation:story-assemble .65s cubic-bezier(.2,.7,.2,1) both}.story-panel.is-entering .plan-row{animation:story-assemble .65s .12s both}.story-panel.is-entering .plan-row:nth-of-type(3){animation-delay:.2s}.story-panel.is-entering .plan-row:nth-of-type(4){animation-delay:.3s}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.story-kicker{font-size:.75rem;letter-spacing:.1em;color:#a9c2ed}.story-stamp{font-size:.75rem;color:#b9c7de}.story-panel h3{font-size:2.1rem;font-weight:400;line-height:1.15;letter-spacing:-.035em;color:#edf3ff;margin-bottom:28px}.plan-row{display:grid;grid-template-columns:125px 1fr;gap:18px;border-top:1px solid #8faeff25;padding:17px 0}.plan-row>span{font-size:.75rem;letter-spacing:.07em;color:#98b6e7;padding-top:4px}.plan-row p{font-size:1rem;line-height:1.55;color:#d5deec;margin:0}.story-result{font-size:.8125rem;color:#a8bfdf;padding-top:23px;line-height:1.6}.browser-chrome{margin:-28px -30px 28px;padding:14px 20px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #8faeff30;font-size:.8125rem;color:#b1c2dc;background:#132036}.browser-dots{color:#8faeff80;letter-spacing:3px;font-size:.75rem}.website-concept{padding:12px 5px 0}.website-concept h3{font-size:clamp(2.5rem,3.4vw,3.5rem);margin:20px 0}.website-concept>p{color:#b6c6dd;font-size:1rem;max-width:330px;line-height:1.7}.mini-service-grid{display:flex;flex-wrap:wrap;gap:9px 18px;padding:5px 0 25px;font-size:.8125rem;color:#a7bfe5}.concept-cta{display:inline-block;background:#8faeff;color:#10151f;padding:12px 17px;border-radius:3px;font-size:.875rem}.story-disclosure{font-size:.75rem;line-height:1.6;color:#a5b5cd;margin:20px 0 0}.development{border:1px solid #8faeff50;padding:4px 8px;border-radius:4px;font-size:.75rem;color:#c5d8ff}
.inquiry-summary,.prepared-reply{padding:19px 22px;border:1px solid #8faeff35;border-radius:8px;background:#101b2c}.inquiry-summary>span,.prepared-reply>span{font-size:.75rem;color:#9ebbea;letter-spacing:.1em}.inquiry-summary p,.prepared-reply p{font-size:1rem;line-height:1.65;color:#dae4f5;margin:9px 0 0}.handoff-connector{height:30px;width:1px;background:#8faeff;margin-left:25px;transform-origin:top}.is-entering .handoff-connector{animation:story-connect .65s .2s both}.is-entering .prepared-reply{animation:story-assemble .65s .4s both}.human-decision{display:flex;align-items:center;gap:16px;margin-top:24px}.human-decision strong{display:block;font-size:1rem;font-weight:400;color:#d7e3ff}.human-decision div>span{display:block;font-size:.8125rem;color:#a9bad3;margin-top:3px}.decision-dot{flex-shrink:0;width:10px;height:10px;background:#8faeff;border-radius:50%;box-shadow:0 0 0 5px #8faeff15}
.story-bottom{border-top:1px solid #8faeff25;display:flex;justify-content:space-between;align-items:center;gap:22px}.pillar-story-tabs{display:flex;gap:24px;flex:1}.pillar-story-tabs button{position:relative;background:transparent;border:0;border-top:2px solid transparent;margin-top:-1px;padding:20px 12px;color:#99a8be;font-size:.9375rem;min-height:56px}.pillar-story-tabs button>span{font-size:.75rem;margin-right:10px;color:#8faeff}.pillar-story-tabs button[aria-selected=true]{color:#e1ebff;border-color:#8faeff}.pillar-story-tabs button:hover{color:#cbd9ff}.story-play{background:transparent;border:0;color:#a8c1ed;font-size:.875rem;min-height:48px;white-space:nowrap}
.home-page .purpose-bridge{margin-top:0;padding-block:85px 90px}.home-page .purpose-bridge p{font-size:1.45rem}.home-page .purpose-bridge .story-node{top:96px}


.home-page .flow-moment{padding-block:110px}.home-page .moment-copy>h2{line-height:1.08}.home-page .learning-example{box-shadow:0 25px 80px #0002}.home-page .philosophy-moment{padding-block:150px}
@keyframes story-assemble{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-connect{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1000px){.pillar-story-layout{gap:35px;grid-template-columns:1fr 1.15fr}.story-panel{padding:24px}.browser-chrome{margin:-24px -24px 25px}.plan-row{grid-template-columns:105px 1fr;gap:14px}.home-page .purpose-heading h1{font-size:4.8rem}}
@media(max-width:800px){.home-page .purpose-opening{padding-top:45px}.home-page .purpose-heading{margin-inline:10px}.home-page .purpose-intro{max-width:none;display:block}.home-page .purpose-intro p{max-width:470px}.home-page .purpose-heading h1{font-size:4.5rem}.pillar-story-layout{grid-template-columns:1fr;gap:30px;padding-top:35px}.story-narrative{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.story-chapter,.story-headline,.story-description,.story-more{grid-column:1}.story-origin{grid-column:2;grid-row:2/5;align-self:center;margin-top:0}.story-headline{font-size:2.8rem}.story-panel{min-height:440px}.pillar-story-tabs{gap:5px}.pillar-story-tabs button{padding-inline:10px}.pillar-story-top>span+span{max-width:190px;text-align:right}}
@media(max-width:600px){.home-page .purpose-opening{padding-top:35px}.home-page .purpose-heading{margin:0 0 30px}.home-page .purpose-heading h1{font-size:clamp(2.8rem,12vw,4.2rem)}.home-page .purpose-heading .eyebrow{font-size:.75rem;letter-spacing:.08em}.home-page .home-pillar-links{margin-bottom:35px}.pillar-story{padding:21px 0 0}.pillar-story-top{font-size:.75rem;line-height:1.6;display:block}.pillar-story-top>span+span{display:block;max-width:none;text-align:left;letter-spacing:.04em;margin-top:4px}.story-narrative{display:block}.story-headline{font-size:2.65rem}.story-description{max-width:none}.story-origin{margin-top:25px;max-width:none}.story-origin p{font-size:1.1rem}.story-panel{min-height:0;padding:23px 18px;border-radius:12px}.story-stage{min-height:520px}.plan-row{display:block;padding:15px 0}.plan-row>span{display:block;margin-bottom:6px}.plan-heading{gap:10px;margin-bottom:24px}.story-panel h3{font-size:2rem}.browser-chrome{margin:-23px -18px 25px;padding-inline:14px}.website-concept h3{font-size:2.8rem}.story-bottom{display:block}.pillar-story-tabs{gap:0;justify-content:space-between}.pillar-story-tabs button{font-size:.8125rem;padding:15px 5px;flex:1}.pillar-story-tabs button>span{display:block;margin:0 0 6px}.story-play{display:block;margin:0 auto 8px}.home-page .purpose-bridge{padding:50px 12px 55px;gap:22px}.home-page .purpose-bridge p{font-size:1.15rem}.home-page .purpose-bridge .story-node{top:58px}.home-page .flow-moment{padding-block:80px}.home-page .philosophy-moment{padding-block:100px}.inquiry-summary,.prepared-reply{padding:16px}.human-decision{gap:13px}}
@media(prefers-reduced-motion:reduce){.story-panel,.story-panel *{animation:none!important}}

/* The periwinkle reading rail lives entirely in the outside margin. */
.home-page .story-thread .thread-track{stroke:#8faeff26}
.home-page .story-thread .thread-progress{stroke:#8faeff;stroke-width:1.6}
.home-page .story-thread .thread-halo{stroke:#8faeff;opacity:.25}
.home-page .story-thread .thread-tip{fill:#cbd9ff;filter:drop-shadow(0 0 7px #8faeff)}
.home-page .flow-moment,.home-page .purpose-bridge{position:relative}
.home-page .story-node.visual-node{display:none}
.home-page .story-node.is-connected{background:#8faeff;border-color:#cbd9ff;box-shadow:0 0 0 6px #8faeff15,0 0 24px #8faeff40}
.home-page .reveal-ready .flow-moment>:not(.story-node){transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:.08s}
.home-page .reveal-ready .flow-moment>:not(.story-node):nth-child(n+3){transition-delay:.2s}
.home-page .reveal-ready .flow-moment:not(.is-revealed)>:not(.story-node){opacity:0;transform:translateY(22px)}
.home-page .reveal-ready .flow-moment.is-revealed>:not(.story-node),.home-page .reveal-ready .flow-moment:focus-within>:not(.story-node){opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.home-page .reveal-ready .flow-moment>:not(.story-node){opacity:1!important;transform:none!important;transition:none!important}}
@media print{.home-page .reveal-ready .flow-moment>:not(.story-node){opacity:1!important;transform:none!important}}