/* Strategy, creation and improvement share one continuous path. */
.home-stage.stage-connected{display:block;position:relative;isolation:isolate;overflow:hidden;padding:96px max(var(--space),calc((100vw - 1280px)/2)) 72px;background:#061a29;color:#f3f9fd;scroll-margin-top:96px}
.stage-space{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 65%,#12668b3b,transparent 55%),linear-gradient(#7fcae505 1px,transparent 1px),linear-gradient(90deg,#7fcae505 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;mask-image:linear-gradient(125deg,transparent,#000 70%)}
.stage-connected::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#7edcf566,transparent)}
.stage-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end}
.stage-connected .stage-kicker{font-size:12px;line-height:1.7;letter-spacing:.12em;color:#8fc7dc;margin:0 0 26px}
.stage-connected h2{font-size:clamp(40px,4.6vw,68px);line-height:1.35;letter-spacing:-.045em;margin:0;font-weight:700}
.stage-connected h2 span{color:#b2e7f6}
.stage-summary>p{font-size:16px;line-height:2.1;color:#bcd3e0;margin:0}
.stage-link{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;border-bottom:1px solid #8fbdd15e;padding:14px 0;margin-top:22px;font-size:14px;color:#eefaff;text-decoration:none}
.stage-link>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #94cde654;border-radius:50%;font-size:23px;color:#bfeeff;transition:background .25s,color .25s,transform .25s}
.stage-link:hover>span{background:#bfeeff;color:#072338;transform:translate(2px,-2px)}.stage-link:focus-visible{outline:2px solid #bfeeff;outline-offset:6px}
.stage-system-flow{position:relative;margin-top:66px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}
.stage-work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;border-top:1px solid #87bdd62e;border-bottom:1px solid #87bdd62e}
.stage-work{min-width:0;position:relative;padding:42px 32px 34px}
.stage-work:first-child{padding-left:0}.stage-work:last-child{padding-right:0}
.stage-work+.stage-work{border-left:1px solid #87bdd61c}
.stage-work:not(:last-child)::after{content:"↗";position:absolute;right:-18px;top:121px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #69c5e56b;background:#082132;border-radius:50%;color:#aff0ff;font-size:20px;transform:rotate(45deg)}
.stage-illustration{height:192px;position:relative;margin:0 0 29px;isolation:isolate}
.stage-illustration::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#36bce322,transparent 65%);z-index:-1}
.stage-illustration svg{display:block;height:100%;width:100%;max-width:320px;margin:auto;filter:drop-shadow(0 0 10px #67d6ff14)}
.stage-illustration svg>ellipse{opacity:0}
.stage-forward{position:absolute;left:12%;right:12%;top:139px;height:1px;background:linear-gradient(90deg,transparent,#78c9e32e 10%,#78c9e32e 90%,transparent);z-index:-1;overflow:hidden}
.stage-forward i{display:block;height:1px;width:22%;background:linear-gradient(90deg,transparent,#b4efff,transparent);animation:stage-connect 8s linear infinite}
.stage-work-copy{position:relative;padding:0;border:0}
.stage-number{position:absolute;left:0;top:-251px;color:#72cce3;font-size:14px;letter-spacing:.14em;font-variant-numeric:tabular-nums}
.stage-number::after{content:"";display:inline-block;vertical-align:middle;width:32px;height:1px;margin-left:12px;background:#69bfd34d}
.stage-connected .stage-work h3{margin:0 0 17px;font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:.025em;line-height:1.4}
.stage-connected .stage-work p{font-size:15px;line-height:2;color:#abc8da;margin:0;max-width:27em}
.stage-feedback{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:80px;color:#a7ccdf;font-size:13px;letter-spacing:.06em}
.stage-feedback::before,.stage-feedback::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#67b7d33b);max-width:210px}
.stage-feedback::after{transform:scaleX(-1)}
.stage-feedback-arrow{font-size:26px;color:#9ee6fa}.stage-feedback-line{position:absolute;left:15%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#a9ebff,transparent);transform:scaleX(.15);animation:stage-return 10s ease-in-out infinite}
.stage-signal{animation:stage-diagram-flow 9s linear infinite}
@keyframes stage-connect{from{transform:translateX(-110%)}to{transform:translateX(560%)}}
@keyframes stage-return{0%,100%{transform:translateX(38%) scaleX(.15);opacity:0}20%,75%{opacity:.75}90%{transform:translateX(-38%) scaleX(.15);opacity:0}}
@keyframes stage-diagram-flow{to{stroke-dashoffset:-100}}
@media(max-width:1000px){.stage-intro{gap:36px}.stage-work{padding-left:24px;padding-right:24px}.stage-illustration{height:156px;margin-bottom:25px}.stage-number{top:-211px}.stage-forward{top:121px}.stage-work:not(:last-child)::after{top:103px}.stage-connected .stage-work p{font-size:14px}.stage-connected .stage-work p br{display:none}.stage-summary>p{font-size:15px}}
@media(max-width:700px){
.home-stage.stage-connected{padding:60px 24px 40px;scroll-margin-top:76px}.stage-intro{grid-template-columns:1fr;gap:24px}.stage-connected .stage-kicker{font-size:11px;margin-bottom:22px;letter-spacing:.06em}.stage-connected h2{font-size:clamp(34px,9vw,50px);line-height:1.4}.stage-summary>p{font-size:14px;line-height:2}.stage-link{font-size:13px;margin-top:12px;gap:34px}.stage-link>span{width:36px;height:36px}
.stage-system-flow{margin-top:38px}.stage-work-list{grid-template-columns:1fr;border-top:0}
.stage-work,.stage-work:first-child,.stage-work:last-child{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;align-items:center;padding:26px 0;border:0;border-top:1px solid #87bdd62e}
.stage-work+.stage-work{border-left:0}
.stage-work:not(:last-child)::after{right:auto;left:42px;top:auto;bottom:-13px;width:25px;height:25px;font-size:15px;transform:rotate(135deg)}
.stage-illustration{height:112px;margin:0}.stage-illustration svg{width:135%;max-width:none;margin-left:-17.5%}.stage-work-copy{padding:0}.stage-number{position:static;display:block;font-size:10px;margin-bottom:9px}.stage-number::after{width:20px;margin-left:8px}
.stage-connected .stage-work h3{font-size:25px;margin-bottom:10px}.stage-connected .stage-work p{font-size:13px;line-height:1.9}
.stage-forward{left:54px;top:45px;bottom:110px;right:auto;width:1px;height:auto;background:linear-gradient(transparent,#78c9e32e,transparent)}.stage-forward i{width:1px;height:22%;animation-name:stage-connect-down}
.stage-feedback{min-height:76px;font-size:11px;gap:10px;letter-spacing:.02em}.stage-feedback::before,.stage-feedback::after{display:none}.stage-feedback-line{left:8%;right:8%}.stage-feedback-arrow{font-size:22px}
}
@keyframes stage-connect-down{from{transform:translateY(-110%)}to{transform:translateY(560%)}}
@media(max-width:360px){.home-stage.stage-connected{padding-left:20px;padding-right:20px}.stage-work,.stage-work:first-child,.stage-work:last-child{grid-template-columns:86px minmax(0,1fr);gap:16px}.stage-work:not(:last-child)::after{left:31px}.stage-forward{left:43px}.stage-connected .stage-work h3{font-size:23px}.stage-connected .stage-work p{font-size:12px}.stage-feedback{font-size:10px}}
@media(prefers-reduced-motion:reduce){.stage-connected *,.stage-connected *::before,.stage-connected *::after{animation:none!important;transition:none!important}.stage-forward i,.stage-feedback-line{display:none}}

/* Photographic work scenes replace the decorative diagrams. */
.stage-work{padding-top:26px}
.stage-number{position:static;display:block;margin:0 0 20px;font-size:12px}
.stage-illustration.stage-photo{height:auto;aspect-ratio:1.55;margin:0 0 28px;overflow:hidden;border:1px solid #91d4ed29;background:#0b2537}
.stage-photo::before{display:none}
.stage-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.93);transition:filter .4s,transform .6s}
.stage-work:hover .stage-photo img{filter:saturate(.95) brightness(1);transform:scale(1.025)}
.stage-work:not(:last-child)::after{top:153px;background:#082132ed}
.stage-forward{top:171px}
.stage-image-note{text-align:right;margin:0;color:#83a4b9;font-size:10px;line-height:1.7;letter-spacing:.025em}
@media(max-width:1000px) and (min-width:701px){.stage-work:not(:last-child)::after{top:130px}.stage-forward{top:148px}}
@media(max-width:700px){
.stage-work,.stage-work:first-child,.stage-work:last-child{display:block;padding:24px 0 28px}
.stage-number{font-size:11px;margin-bottom:16px}
.stage-illustration.stage-photo{aspect-ratio:1.7;height:auto;margin:0 0 22px}
.stage-work-copy{padding:0 0 0 2px}
.stage-connected .stage-work h3{font-size:28px;margin-bottom:10px}
.stage-connected .stage-work p{font-size:14px;max-width:none}
.stage-work:not(:last-child)::after{left:auto;right:4px;top:auto;bottom:-13px}
.stage-forward{display:none}.stage-image-note{text-align:left;font-size:9px;margin-top:4px}
}

@media(min-width:701px){.stage-work,.stage-work:first-child,.stage-work:last-child{padding:26px 24px 34px}}