/* V2 refinements: acquisition, connected timeline and investment. */
.channel-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:50px;align-items:start}
.channel-piece{border-radius:24px;overflow:hidden;background:var(--purple);color:var(--cream)}
.channel-google{background:var(--soft-pink);color:var(--violet-dark);margin-top:22px}
.channel-portals{background:#e6dec7;color:var(--violet-dark);margin-top:44px}
.channel-art{height:265px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.channel-art .art-caption{position:absolute;bottom:12px;left:24px;right:16px;font-size:10px;line-height:1.4;opacity:.85}
.meta-art{padding-bottom:20px}
.ad-sheet{width:190px;border-radius:12px;overflow:hidden;transform:rotate(-8deg);box-shadow:0 16px 28px #211a3433;transition:transform .6s var(--ease)}
.ad-sheet img{display:block;width:100%;height:auto}
.inquiry-bubble{position:absolute;right:18px;bottom:47px;display:flex;align-items:center;gap:9px;padding:13px 16px;background:var(--cream);color:var(--violet-dark);border-radius:13px;font-size:12px;box-shadow:0 12px 25px #211a3426;transform:rotate(4deg);transition:transform .6s var(--ease)}
.inquiry-bubble svg{width:19px;height:19px}
.channel-piece:hover .ad-sheet,.channel-piece:focus-within .ad-sheet{transform:rotate(-3deg) translateY(-5px)}
.channel-piece:hover .inquiry-bubble,.channel-piece:focus-within .inquiry-bubble{transform:rotate(0deg) translateY(-7px)}
.search-art{display:block;padding:27px 24px 35px}
.search-query{position:relative;z-index:1;display:flex;gap:10px;align-items:center;padding:15px 13px;background:var(--cream);color:var(--violet-dark);border-radius:30px;font-size:11px;box-shadow:0 8px 22px #2c215114;transform:rotate(-3deg)}
.search-query>svg{width:18px;height:18px;flex-shrink:0}
.search-caret{display:inline-block;width:1px;height:12px;background:var(--purple);vertical-align:-2px;margin-left:2px;animation:query-caret 1.4s steps(1) 4}
.search-result{padding:20px 17px 17px;margin:7px 8px 0;background:var(--cream);border-radius:12px;transform:rotate(2deg);box-shadow:0 12px 22px #2c215114;transition:transform .6s var(--ease)}
.search-result small{display:block;font-size:8px;color:#65616d;margin-bottom:8px}
.search-result strong{display:block;font-size:21px;line-height:1.12;color:var(--purple)}
.search-result p{font-size:10px;line-height:1.45;margin:9px 0}
.search-result>span{font-size:9px;display:flex;align-items:center;gap:10px}
.search-result>span svg{width:15px;height:15px}
.channel-piece:hover .search-result,.channel-piece:focus-within .search-result{transform:rotate(0deg) translateY(-4px)}
.portal-art{padding:18px 23px 42px}
.portal-photo{position:relative;width:100%;max-width:280px;transform:rotate(-4deg);border-radius:12px;box-shadow:0 16px 28px #211a3426;transition:transform .6s var(--ease)}
.portal-photo img{display:block;aspect-ratio:1.3;object-fit:cover;width:100%;height:auto;border-radius:12px}
.portal-photo>span{position:absolute;bottom:12px;left:-7px;right:-7px;background:var(--cream);color:var(--violet-dark);border-radius:7px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;padding:10px 7px;transform:rotate(4deg)}
.portal-photo svg{width:16px;height:16px;color:var(--purple);flex-shrink:0}
.channel-piece:hover .portal-photo,.channel-piece:focus-within .portal-photo{transform:rotate(0deg) translateY(-5px)}
.search-art .art-caption{display:none}
.channel-body{padding:16px 27px 27px}
.channel-purpose{font-size:11px;line-height:1.4;display:block;margin-bottom:9px}
.channel-body h3{font-size:35px;line-height:1.05;font-weight:800;margin:0 0 15px}
.channel-body p{font-size:14px;line-height:1.6;min-height:67px;max-width:32ch}
.channel-body>a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid currentColor;padding-top:17px;margin-top:24px;min-height:44px;font-size:12px;font-weight:600}
.channel-body>a svg{width:22px;height:22px;transition:transform .3s var(--ease)}
.channel-body>a:hover svg{transform:translateX(5px)}
.channel-convergence{height:77px;margin:0 3px;overflow:hidden}
.channel-convergence svg{width:100%;height:100%;fill:none;stroke:var(--purple);stroke-width:1.2;opacity:.45}
.consultation-route{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:center;gap:20px 25px;padding:28px 0;border-top:1px solid #b7a7c4;border-bottom:1px solid #b7a7c4}
.consultation-route>div:first-child{display:flex;align-items:center;gap:17px}
.consultation-route>div:first-child>svg{width:35px;height:35px;color:var(--purple);flex-shrink:0}
.consultation-route h3{font-size:21px;line-height:1.2;font-weight:800}
.consultation-route h3 em{font:600 20px/1.3 Quicksand,sans-serif}
.route-steps{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--purple)}
.route-steps svg{width:20px;height:20px;flex-shrink:0}
.route-steps strong{padding:12px 15px;border-radius:12px;background:var(--soft-pink)}
.route-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;min-height:44px}
.route-link svg{width:22px;height:22px}
.consultation-route>p{grid-column:1/-1;font-size:12px;line-height:1.6;color:#65616d;padding-left:52px;max-width:none}
.objective .rental-note{margin-top:24px;max-width:none;background:transparent;padding:10px 0;gap:15px}
.objective .rental-note p{font-size:13px}

/* The line locates the selected phase; it is not a claim of project progress. */
.plan-dynamic .phase-guide{border:0;margin-bottom:28px;padding-bottom:0}
.timeline-track{position:relative;height:2px;margin:0 9.8% 30px;background:#6c557d}
.timeline-track>span{display:block;width:100%;height:100%;background:var(--pink);transform-origin:left center;transform:scaleX(var(--phase-progress,0));transition:transform .65s cubic-bezier(.16,1,.3,1)}
.timeline-track>i{position:absolute;left:0;top:50%;width:14px;height:14px;border-radius:50%;background:var(--pink);transform:translate(calc(var(--phase-offset,0px) - 50%),-50%);transition:transform .65s cubic-bezier(.16,1,.3,1);box-shadow:0 5px 13px #100b2040}
.plan-dynamic .timeline{gap:15px;margin-bottom:29px;align-items:stretch}
.plan-dynamic .phase{position:relative;padding:25px 20px 21px;display:flex;flex-direction:column;min-height:218px;transition:transform .5s var(--ease),background .35s,color .35s}
.plan-dynamic .phase::before{content:"";position:absolute;top:-36px;left:50%;width:10px;height:10px;background:var(--violet-dark);border:1px solid #b89dcf;border-radius:50%;transform:translateX(-50%)}
.plan-dynamic .phase.active::before{background:var(--pink);border-color:var(--pink)}
.plan-dynamic .phase.active{transform:translateY(-7px)}
.plan-dynamic .phase.active::before{top:-29px}
.plan-dynamic .phase-dot{font-size:54px;line-height:1;margin:0 0 20px;font-weight:800;letter-spacing:-.025em}
.plan-dynamic .phase strong{font-size:15px;min-height:40px}
.plan-dynamic .phase small{font-size:10px;margin-top:5px;min-height:28px}
.plan-dynamic .phase-open{margin-top:auto;padding-top:16px;width:100%;display:flex;justify-content:space-between;font-size:11px}
.plan-dynamic .phase.active .phase-open svg{transform:rotate(90deg)}
.plan-dynamic .phase-panel{position:relative;grid-template-columns:.9fr 1.3fr;gap:45px;padding:40px;overflow:hidden;min-height:450px}
.phase-panel.panel-changing>.phase-heading,.phase-panel.panel-changing>.phase-detail{animation:phase-reveal .5s cubic-bezier(.16,1,.3,1) both}
.phase-panel.panel-changing>.phase-detail{animation-delay:.055s}
.plan-dynamic .phase-heading h3{font-size:36px;margin-top:18px}
.plan-dynamic .phase-actions{gap:18px 25px}
.phase-output{margin-top:27px;padding-top:22px;border-top:1px solid #dcd9e3}
.phase-output>span{font-size:10px;color:#65616d;display:block;margin-bottom:13px}
.phase-output strong{display:block;font-size:17px;font-weight:600;color:var(--purple);line-height:1.35;margin-top:12px}
.parallel-streams{display:flex;flex-direction:column;gap:8px}
.parallel-stream{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--violet-dark)}
.parallel-stream>span{min-width:107px}
.parallel-stream>i{position:relative;flex:1;height:1px;background:#dcd9e3;overflow:hidden}
.parallel-stream>i::after{content:"";position:absolute;height:1px;width:35%;background:var(--purple);animation:parallel-flow 2.9s linear infinite;animation-delay:var(--delay,0s)}
.parallel-stream>svg{width:17px;height:17px;color:var(--purple)}
.phase-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 0;font-size:12px;color:#e2c2f2}
.phase-navigation>div{display:flex;gap:10px}
.phase-nav-button{display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid #9477ad;border-radius:30px;min-height:44px;padding:12px 20px;font-size:11px;color:var(--cream);background:transparent;transition:background .25s,border-color .25s}
.phase-nav-button:first-child{width:44px;padding:10px}
.phase-nav-button svg{width:19px;height:19px}
.phase-nav-button:hover:not(:disabled){background:#5a427e;border-color:var(--pink)}
.phase-nav-button:disabled{opacity:.35;cursor:default}
.plan-dynamic .timeline-foot{font-size:11px;margin-top:24px;max-width:75ch}
.investment-simple{display:block}
.investment-simple .investment-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.investment-simple .investment-copy>div{padding:30px 0 0;border-top:1px solid #b7a7c4}
.investment-simple .investment-rate{font-size:clamp(35px,3.4vw,48px);line-height:1.15;margin-top:23px}
.investment-simple .investment-rate span{font-size:16px;line-height:1.5;margin-top:12px}
.investment-simple .investment-copy>div>p:last-child{max-width:43ch;margin-top:22px;font-size:14px}
@keyframes query-caret{50%{opacity:0}}
@keyframes parallel-flow{from{transform:translateX(-110%)}to{transform:translateX(390%)}}
@keyframes phase-reveal{from{opacity:.35;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.motion-paused .parallel-stream>i::after,.motion-paused .search-caret{animation-play-state:paused}
.motion-paused .phase-panel.panel-changing>*{animation:none;opacity:1;filter:none;transform:none}
.plan-dynamic:not(.section-in-view) .parallel-stream>i::after{animation-play-state:paused}
@media(max-width:1100px){
 .channel-showcase{gap:16px}.channel-art{height:240px}.ad-sheet{width:160px}.channel-body{padding:16px 23px 23px}.channel-body h3{font-size:30px}.channel-body p{font-size:13px;min-height:82px}.channel-purpose{font-size:10px}.search-art{padding:24px 17px 35px}.search-query{font-size:10px;padding:12px 10px;gap:7px}.search-result{padding:16px 13px;margin-inline:4px}.search-result strong{font-size:19px}.search-result p{font-size:9px}.portal-art{padding-inline:20px}.portal-photo>span{font-size:8px}.inquiry-bubble{font-size:10px;padding:11px;right:12px}.consultation-route{grid-template-columns:1fr 1fr;gap:19px}.route-link{grid-column:2;grid-row:2;justify-self:end}.consultation-route>p{grid-column:1;grid-row:2;padding:0}.route-steps{justify-content:flex-end}.consultation-route h3{font-size:19px}.consultation-route h3 em{font-size:18px}.plan-dynamic .phase{padding:22px 15px 18px;min-height:210px}.plan-dynamic .phase strong{font-size:13px}.plan-dynamic .phase-dot{font-size:46px}.plan-dynamic .phase-panel{padding:31px;gap:30px}.plan-dynamic .phase-heading h3{font-size:32px}.plan-dynamic .phase-actions{grid-template-columns:1fr}.investment-simple .investment-copy{gap:45px}
}
@media(max-width:800px){
 .channel-showcase{gap:12px}.channel-art{height:216px}.ad-sheet{width:137px}.channel-body{padding:14px 17px 22px}.channel-body h3{font-size:27px}.channel-body p{font-size:12px;min-height:96px}.channel-body>a{font-size:10px;gap:6px}.channel-body>a svg{width:17px}.channel-purpose{font-size:9px}.channel-art .art-caption{font-size:8px;left:17px}.search-query{font-size:8px;padding:11px 8px;gap:5px}.search-query>svg{width:14px;height:14px}.search-result{padding:12px 10px;margin-inline:0}.search-result strong{font-size:17px}.search-result p{font-size:8px}.search-result small{font-size:7px}.search-result>span{font-size:8px}.portal-art{padding-inline:14px}.portal-photo>span{font-size:7px;bottom:8px;gap:3px}.portal-photo svg{width:12px}.inquiry-bubble{font-size:9px;padding:10px;right:8px;bottom:36px;gap:5px}.inquiry-bubble svg{width:15px;height:15px}.channel-google{margin-top:15px}.channel-portals{margin-top:30px}.consultation-route h3{font-size:17px}.consultation-route h3 em{font-size:16px}.consultation-route>div:first-child{gap:10px}.consultation-route>div:first-child>svg{width:27px}.route-steps{gap:7px;font-size:10px}.route-steps svg{width:15px}.route-steps strong{padding:10px}.consultation-route>p{font-size:11px}.route-link{font-size:11px}.plan-dynamic .timeline{gap:9px}.plan-dynamic .phase{padding:18px 12px;min-height:198px}.plan-dynamic .phase strong{font-size:11px;min-height:37px}.plan-dynamic .phase small{font-size:8px;line-height:1.5;min-height:29px}.plan-dynamic .phase-dot{font-size:38px}.plan-dynamic .phase-open{font-size:9px;gap:6px}.plan-dynamic .phase-open svg{width:15px;height:15px}.plan-dynamic .phase-panel{padding:26px;gap:27px;grid-template-columns:.9fr 1.1fr}.plan-dynamic .phase-heading h3{font-size:29px}.parallel-stream{font-size:9px;gap:8px}.parallel-stream>span{min-width:88px}.phase-output strong{font-size:15px}.phase-navigation{font-size:10px}.investment-simple .investment-copy{gap:35px}
}
@media(max-width:600px){
 .channel-showcase{grid-template-columns:1fr;gap:20px;margin-top:34px}.channel-piece,.channel-google,.channel-portals{margin-top:0;border-radius:23px}.channel-art{height:258px}.ad-sheet{width:180px}.inquiry-bubble{font-size:12px;padding:13px 15px;right:27px;bottom:43px}.inquiry-bubble svg{width:19px;height:19px}.channel-art .art-caption{font-size:10px;left:25px;bottom:8px}.channel-body{padding:19px 26px 25px}.channel-purpose{font-size:11px;margin-bottom:8px}.channel-body h3{font-size:35px;margin-bottom:13px}.channel-body p{font-size:14px;min-height:0;max-width:33ch}.channel-body>a{font-size:12px;margin-top:20px;padding-top:16px}.channel-body>a svg{width:22px}.search-art{padding:24px 27px 32px}.search-query{font-size:12px;padding:15px 12px;gap:9px}.search-query>svg{width:18px;height:18px}.search-result{padding:17px 18px;margin:5px 9px 0}.search-result strong{font-size:22px}.search-result p{font-size:10px}.search-result small{font-size:8px}.search-result>span{font-size:10px}.portal-art{padding:23px 33px 37px}.portal-photo{max-width:285px}.portal-photo img{max-height:200px}.portal-photo>span{font-size:10px;gap:7px;bottom:12px}.portal-photo svg{width:16px}.channel-convergence{height:42px;position:relative}.channel-convergence svg{display:none}.channel-convergence::before{content:"";position:absolute;left:50%;height:100%;width:1px;background:#b7a7c4}.consultation-route{grid-template-columns:1fr;gap:19px;padding-block:25px}.consultation-route>div:first-child{gap:15px}.consultation-route h3{font-size:22px}.consultation-route h3 em{font-size:20px}.consultation-route>div:first-child>svg{width:31px;height:31px}.route-steps{justify-content:flex-start;font-size:12px;gap:13px;padding-left:46px}.route-steps svg{width:17px}.route-steps strong{padding:10px 14px}.consultation-route>p{grid-column:1;grid-row:auto;font-size:12px;padding-left:46px}.route-link{grid-column:1;grid-row:auto;justify-self:start;font-size:12px;margin-left:46px;order:4}.objective .rental-note{margin-top:17px;padding:6px 0}.objective .rental-note p{font-size:12px}.timeline-track{display:none}.plan-dynamic .phase-guide{margin-bottom:22px;font-size:10px}.plan-dynamic .phase-guide>span:last-child{max-width:18ch;font-size:9px}.plan-dynamic .timeline{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:23px}.plan-dynamic .phase{display:grid;grid-template-columns:32px 1fr;gap:5px 10px;padding:18px 14px;min-height:132px}.plan-dynamic .phase::before{display:none}.plan-dynamic .phase.active{transform:translateY(-3px)}.plan-dynamic .phase-dot{font-size:31px;margin:0;grid-row:1/3}.plan-dynamic .phase strong{font-size:12px;min-height:0;line-height:1.3}.plan-dynamic .phase small{font-size:9px;min-height:0;margin-top:2px;grid-column:2}.plan-dynamic .phase-open{grid-column:2;padding-top:8px;font-size:10px;margin:0;gap:5px}.plan-dynamic .phase:last-child{grid-column:1/-1;grid-template-columns:32px 1fr auto;min-height:96px}.plan-dynamic .phase:last-child .phase-open{grid-column:3;grid-row:1/3;align-self:center;max-width:74px}.plan-dynamic .phase-panel{grid-template-columns:1fr;gap:25px;padding:26px 22px;min-height:0}.plan-dynamic .phase-heading h3{font-size:32px}.plan-dynamic .phase-heading p{font-size:14px}.phase-output{margin-top:22px;padding-top:19px}.parallel-stream{font-size:11px}.parallel-stream>span{min-width:108px}.parallel-stream>i{max-width:180px}.phase-output strong{font-size:16px;margin-top:13px}.plan-dynamic .phase-actions{gap:17px}.phase-navigation{align-items:center;gap:13px;font-size:10px;flex-wrap:wrap}.phase-navigation>span{max-width:40%}.phase-navigation>div{gap:7px}.phase-nav-button{font-size:10px;padding:10px 13px;gap:8px}.phase-nav-button:first-child{width:40px}.phase-nav-button svg{width:16px}.plan-dynamic .timeline-foot{margin-top:23px;font-size:11px}.investment-simple .investment-copy{grid-template-columns:1fr;gap:30px}.investment-simple .investment-copy>div{padding-top:25px}.investment-simple .investment-rate{font-size:40px;margin-top:18px}.investment-simple .investment-rate span{font-size:16px;margin-top:10px}.investment-simple .investment-copy>div>p:last-child{font-size:14px;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.parallel-stream>i::after{animation:none;width:100%}.search-caret{animation:none}.phase-panel.panel-changing>*{animation:none}.plan-dynamic .phase.active{transform:none}.plan-dynamic .phase.active::before{top:-36px}}
