/* A full city becomes a circular window as the introduction enters. */
.future-story{position:relative;isolation:isolate;background:#fcfbf8;color:#171d36;--future-h:calc(100svh - 80px)}
.future-backdrop{position:sticky;top:80px;height:var(--future-h);margin-bottom:calc(-1 * var(--future-h));z-index:0;background:#a0d9dc;overflow:hidden;clip-path:circle(100% at 50% 50%);transition:clip-path 1.5s cubic-bezier(.65,.4,0,1);will-change:clip-path}
.future-backdrop .official-canvas{position:absolute;left:0;top:50%;width:100%;max-width:none;height:100%;max-height:none;min-height:0;aspect-ratio:auto;margin:0;transform:translateY(-50%);--hero-canvas-w:100vw;--hero-canvas-h:var(--future-h);transition:transform 2s cubic-bezier(.65,.4,0,1) .4s}
.future-backdrop .official-canvas .world-pin{min-width:145px;padding:14px 20px}.future-backdrop .world-pin strong{font-size:17px}.future-backdrop .world-pin span{font-size:12px}
.future-opening{height:var(--future-h);position:relative;z-index:1;pointer-events:none;transition:opacity .6s ease,transform .6s ease}
.future-title-wrap{position:absolute;left:5%;bottom:18%;isolation:isolate}.future-title-wrap:before{content:'';position:absolute;z-index:-1;inset:-80px -110px;background:radial-gradient(ellipse,#eefaf9f5 15%,#eefaf9c9 45%,transparent 72%);pointer-events:none}
.future-opening h1{font-family:var(--font-jp);font-size:clamp(38px,4.3vw,80px);font-weight:800;line-height:1.6;letter-spacing:.035em;color:#171d36;margin:0;text-shadow:0 1px 1px #ffffff30}.future-opening h1>span{display:block;white-space:nowrap}
.future-consult{position:absolute;right:4%;bottom:6%;width:clamp(120px,12vw,190px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff6500;color:#fff;text-decoration:none;box-shadow:0 10px 24px #171d3615;pointer-events:auto;transition:background .25s,transform .25s;font-size:clamp(15px,1.25vw,21px);font-weight:700;letter-spacing:.07em;line-height:1.75;text-align:center}.future-consult:hover{background:#171d36;transform:translateY(-5px)}.future-consult svg{position:absolute;bottom:0;right:0;width:38px;height:38px;padding:10px;border-radius:50%;background:#fff;color:#ff6500;box-sizing:border-box}.future-consult:focus-visible{outline:3px solid #171d36;outline-offset:5px}
.future-scroll{position:absolute;bottom:4%;left:5%;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.16em;color:#171d36}.future-scroll i{display:block;width:62px;height:1px;background:#171d36;transform-origin:left;animation:future-scroll-line 2.2s ease-in-out infinite}@keyframes future-scroll-line{0%,100%{transform:scaleX(.45);opacity:.4}50%{transform:scaleX(1);opacity:1}}
.future-intro{position:relative;z-index:1;min-height:var(--future-h);padding:65px 5% 50px 53%;pointer-events:none;box-sizing:border-box}.future-intro-copy{max-width:650px}.future-intro-copy>*{pointer-events:auto}.future-intro .hero-overline{font-size:12px;font-weight:700;line-height:1.7;color:#171d36;margin:0 0 10px}.future-intro .hero-boost-logo{display:block;width:180px;height:auto;margin:0 0 20px}.future-intro h2{font-size:clamp(27px,2.6vw,43px);line-height:1.6;font-weight:700;letter-spacing:.025em;margin:0 0 20px;color:#171d36}.future-intro h2 span{background:linear-gradient(transparent 83%,#ffd18a 83%,#ffd18a 95%,transparent 95%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.future-intro .hero-description{font-size:15px;line-height:2;color:#171d36;margin:0 0 24px}.future-intro .actions{display:flex;flex-wrap:wrap;gap:10px}.future-intro .btn{font-size:12px;min-height:48px;padding:12px 18px;gap:16px}.future-intro .hero-quick-links{pointer-events:auto;position:static;width:100%;margin:24px 0 0;border-radius:0;background:transparent;display:grid;grid-template-columns:1fr 1fr;border-color:#d7dce6}.future-intro .hero-quick-links a{font-size:11px;padding:12px 0;color:#171d36}
.future-story.is-second .future-backdrop{clip-path:circle(30% at 22% 50%)}.future-story.is-second .official-canvas{transform:translate(-20%,-50%) scale(1.08)}.future-story.is-second .future-opening{opacity:0;transform:translateY(-30px);visibility:hidden;transition:opacity .6s,transform .6s,visibility 0s .6s}
.future-story.motion-ready .future-intro-copy>*{opacity:0;transform:translate(15px,24px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}.future-story.is-second .future-intro-copy>*{opacity:1;transform:none;transition-delay:.6s}.future-story.is-second .future-intro-copy h2{transition-delay:.8s}.future-story.is-second .future-intro-copy .hero-description{transition-delay:1s}.future-story.is-second .future-intro-copy .actions{transition-delay:1.1s}
@media(max-width:767px){.future-story{--future-h:calc(100svh - 70px)}.future-backdrop{top:70px}.future-backdrop .official-canvas{display:block;width:150%;left:-40%;height:78%;top:43%;--hero-canvas-w:150vw;--hero-canvas-h:70svh}.future-backdrop .official-canvas .world-pin{min-width:0;padding:9px 12px}.future-backdrop .world-pin strong{font-size:12px}.future-backdrop .world-pin span{font-size:9px}.future-backdrop .official-canvas .pin-learning{left:63%;top:23%}.future-backdrop .official-canvas .pin-development{left:42%;top:45%}.future-backdrop .official-canvas .pin-organization{left:68%;top:66%}.future-title-wrap{left:6%;bottom:21%}.future-opening h1{font-size:clamp(24px,6.7vw,42px);letter-spacing:.01em;line-height:1.65}.future-consult{width:96px;right:6%;bottom:3%;font-size:12px}.future-consult svg{width:28px;height:28px;padding:7px}.future-scroll{left:6%;bottom:7%;font-size:8px;gap:8px}.future-scroll i{width:32px}.future-title-wrap:before{inset:-40px -30px}.future-intro{padding:88vw 7% 40px;min-height:0}.future-story.is-second .future-backdrop{clip-path:circle(39vw at 50% 41vw)}.future-story.is-second .official-canvas{transform:translate(-3%,-48%) scale(1.1)}.future-intro h2{font-size:28px}.future-intro .hero-description{font-size:14px}.future-intro .hero-boost-logo{width:160px}.future-intro .actions{flex-direction:column;align-items:stretch}.future-intro .hero-quick-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.future-backdrop,.future-backdrop .official-canvas,.future-opening,.future-intro-copy>*{transition:none!important}.future-scroll i,.future-backdrop img{animation:none!important}}
/* Keep the readability veil below the island pins. */
.future-title-wrap:before{display:none}.future-backdrop .official-canvas:after{content:'';position:absolute;z-index:5;left:-8%;bottom:-10%;width:72%;height:65%;background:radial-gradient(ellipse,#eefaf9f5 12%,#eefaf9d9 43%,transparent 72%);pointer-events:none;transition:opacity .6s}.future-story.is-second .official-canvas:after{opacity:0}
@media(max-width:767px){.future-backdrop .official-canvas:after{left:20%;bottom:-22%;width:76%;height:64%}}
.future-intro h2 .future-marker{position:relative;display:inline-block;background:none;isolation:isolate}.future-marker svg{position:absolute;inset:-9% -5%;width:110%;height:120%;z-index:-1;overflow:visible}.future-marker path{fill:none;stroke:#ffcc80;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s ease 1.6s}.is-second .future-marker path{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.future-marker path{transition:none;stroke-dashoffset:0}}
@media(max-width:767px){.future-backdrop .official-canvas{width:125%;left:-20%;height:75%;top:42%;--hero-canvas-w:125vw}.future-backdrop .p-hero__island--top{width:70%;left:40%;top:0}.future-backdrop .p-hero__island--left{width:70%;left:0;top:23%}.future-backdrop .p-hero__island--right{width:70%;left:30%;top:42%}.future-backdrop .official-canvas .pin-learning{left:63%;top:16%}.future-backdrop .official-canvas .pin-development{left:32%;top:40%}.future-backdrop .official-canvas .pin-organization{left:65%;top:65%}.future-opening h1{font-weight:800;color:#171d36}.future-consult{box-shadow:0 8px 18px #171d3620}}
/* Bound sticky art to the introduction, never to the following proof section. */
.future-story{overflow:clip}.future-scene-rail{position:absolute;inset:0;z-index:0;pointer-events:none}.future-backdrop{margin-bottom:0;pointer-events:auto}.future-title-wrap{top:50%;bottom:auto;transform:translateY(-50%);width:max-content;max-width:90%}.future-opening h1>span{position:relative;isolation:isolate;width:fit-content}.future-opening h1>span:before{content:'';position:absolute;z-index:-1;inset:9% -12px;background:#f9ffffed;border-radius:30%;filter:blur(14px);pointer-events:none}.future-backdrop .official-canvas:after{display:none}.future-backdrop .official-canvas .pin-development{left:58%}.future-consult{background:#171d36;color:#fff}.future-consult:hover{background:#ff6500}.future-consult svg{color:#171d36}.future-consult:hover svg{color:#ff6500}
@media(max-width:767px){.future-backdrop .official-canvas .pin-development{left:59%;top:41%}.future-opening h1>span:before{inset:12% -7px;filter:blur(9px)}.future-title-wrap{left:6%;max-width:88%}.future-backdrop .official-canvas .pin-organization{top:71%}}

/* Keep the circular illustration free of navigation overlays. */
.future-story.is-second .official-canvas .world-pin{opacity:0;visibility:hidden;pointer-events:none}
.future-intro .hero-quick-links{column-gap:48px;row-gap:8px}
.future-intro .hero-quick-links>a{align-items:center;min-width:0;padding:14px 0;gap:12px}
.future-intro .hero-quick-links>a>span{flex-shrink:0}
.future-intro .hero-quick-links>a:after{display:none}
@media(max-width:767px){.future-intro .hero-quick-links{grid-template-columns:1fr;gap:0}.future-intro .hero-quick-links>a{font-size:12px;border-bottom:1px solid #d7dce6;padding:14px 0}}
