/* A quiet, full-width counterpart to the Horyzont hero. */
.interlude-section{position:relative;padding:0;background:#fff;scroll-margin-top:0}
.brand-interlude{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100svh;min-height:700px;color:#080b12;background:#fff;--interlude-progress:.5;--horizon:80%}
.interlude-art{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 96% 30%,#e8f2ff70,transparent 55%),linear-gradient(#fff 20%,#f8fcff 70%,#edf6ff)}
.interlude-light{position:absolute;top:43%;left:-20%;width:140%;height:72%;background:radial-gradient(ellipse at center,#c9e5ffb3 0%,#8bbaf077 24%,#b0cef333 48%,transparent 72%);filter:blur(25px);transform:translateY(calc((var(--interlude-progress) - .5)*-20px))}
.interlude-orbit{position:absolute;top:var(--horizon);left:-200%;width:500%;height:200%;border-radius:50%;background:linear-gradient(180deg,#b2d2f6,#e3f0fc 14%,#fcfeff 40%);border-top:1px solid #f6fdff;box-shadow:0 -1px 7px #f2fdff,0 -8px 28px #75a9e560,inset 0 10px 22px #e1f3ff80}
.interlude-beam{position:absolute;left:70%;top:-20%;width:68px;height:120%;background:linear-gradient(90deg,transparent,#7ba4d707 25%,#6c9cd31b 43%,#89b5e62d 49%,#c4e1fd0b 58%,transparent);transform:rotate(19deg) translateX(calc((var(--interlude-progress) - .5)*24px));filter:blur(2px)}
.beam-two{left:74%;width:23px;opacity:.5}
.interlude-top{position:absolute;left:6.2%;right:6.2%;top:14%;z-index:1}
.interlude-label{display:block;font-size:14px;font-weight:400;letter-spacing:.17em;color:#72829a;margin-bottom:27px}
.brand-interlude h2{font-size:clamp(34px,3.7vw,54px);line-height:1.14;letter-spacing:-.045em;font-weight:350;max-width:790px;margin:0;text-wrap:balance}
.brand-interlude h2 span{display:block}
.interlude-bottom{position:absolute;inset:0;pointer-events:none}
.interlude-bottom>p{position:absolute;left:6.2%;bottom:7%;margin:0;font-size:14px;font-weight:350;line-height:1.6;color:#71819a}
.interlude-pillars{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.interlude-pillars li{position:absolute;left:47%;top:52%;bottom:17%;padding:0;font-size:clamp(21px,1.8vw,26px);font-weight:350;line-height:1.2;letter-spacing:-.035em;color:#203d70;opacity:0;transform:translateY(10px);transition:opacity 1.1s ease var(--landmark-delay),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--landmark-delay);--landmark-delay:.15s}
.interlude-pillars li:nth-child(2){left:65%;top:60%;--landmark-delay:.5s}
.interlude-pillars li:nth-child(3){left:81%;top:68%;--landmark-delay:.85s}
.interlude-pillars span{display:block;font-size:14px;letter-spacing:.05em;margin-bottom:11px;color:#758db1}
.interlude-pillars li:before{content:"";position:absolute;top:64px;bottom:24px;left:7px;width:1px;background:linear-gradient(#6f96c540,#80a7d514)}
.interlude-pillars li:after{content:"";position:absolute;left:0;bottom:0;width:7px;height:7px;background:#648fc9;border:4px solid #deeeff;border-radius:50%;box-sizing:content-box;box-shadow:0 0 0 7px #86b8ef15,0 0 20px #6099dd38;animation:landmark-pulse 4.8s ease-in-out infinite;animation-delay:var(--landmark-delay);animation-play-state:paused}
.map-active .interlude-pillars li{opacity:1;transform:none}
.map-active .interlude-pillars li:after{animation-play-state:running}
@keyframes landmark-pulse{0%,100%{box-shadow:0 0 0 5px #86b8ef10,0 0 15px #6099dd30}50%{box-shadow:0 0 0 10px #86b8ef20,0 0 24px #6099dd45}}
@media(max-width:800px){
.brand-interlude{min-height:740px;--horizon:78%}
.interlude-top{left:6%;right:6%;top:12%}
.interlude-label{font-size:14px;margin-bottom:24px}
.brand-interlude h2{font-size:clamp(30px,7.9vw,42px);line-height:1.18;max-width:540px}
.brand-interlude h2 span:last-child{max-width:15ch}
.interlude-light{top:43%;left:-50%;width:200%;height:65%}
.interlude-beam{left:75%;top:-5%;height:110%;width:55px}.beam-two{left:86%;width:20px}
.interlude-bottom>p{left:6%;bottom:5%;font-size:14px;max-width:190px}
.interlude-pillars li{left:12%;top:51%;bottom:19%;font-size:clamp(18px,4.9vw,23px)}
.interlude-pillars li:nth-child(2){left:43%;top:58.5%}
.interlude-pillars li:nth-child(3){left:70%;top:66%}
.interlude-pillars span{font-size:14px;margin-bottom:10px}
.interlude-pillars li:before{top:53px;bottom:22px;left:6px}
.interlude-pillars li:after{width:5px;height:5px}
}
@media(prefers-reduced-motion:reduce){.interlude-art>*{transform:none!important}.interlude-pillars li{opacity:1;transform:none;transition:none}.interlude-pillars li:after{animation:none}}

/* A visible sequence: map point, connecting line, then its label. */
.interlude-pillars li{opacity:1;transform:none;transition:none;--landmark-delay:.12s}
.interlude-pillars li:nth-child(2){--landmark-delay:.68s}
.interlude-pillars li:nth-child(3){--landmark-delay:1.24s}
.landmark-caption{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.interlude-pillars li:before{transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.interlude-pillars li:after{opacity:0;transform:scale(.3);transition:opacity .4s ease,transform .7s cubic-bezier(.2,.8,.2,1.2);animation:none}
.map-reveal .interlude-pillars li:after{opacity:1;transform:scale(1);transition-delay:var(--landmark-delay);animation:landmark-pulse 3.6s ease-in-out infinite;animation-delay:calc(var(--landmark-delay) + .7s);animation-play-state:paused}
.map-active.map-reveal .interlude-pillars li:after{animation-play-state:running}
.map-reveal .interlude-pillars li:before{transform:scaleY(1);transition-delay:calc(var(--landmark-delay) + .18s)}
.map-reveal .landmark-caption{opacity:1;transform:none;transition-delay:calc(var(--landmark-delay) + .45s)}
@keyframes landmark-pulse{0%,100%{box-shadow:0 0 0 5px #86b8ef20,0 0 18px #6099dd45}50%{box-shadow:0 0 0 14px #86b8ef30,0 0 36px #6099dd80}}
.interlude-top{opacity:0;translate:0 18px;transition:opacity .8s ease,translate 1s cubic-bezier(.22,1,.36,1)}
.map-reveal .interlude-top{opacity:1;translate:0 0}
@media(prefers-reduced-motion:no-preference){
 .interlude-beam{animation:interlude-beam-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
 .interlude-light{animation:interlude-light-drift 9s ease-in-out infinite alternate;animation-play-state:paused}
 .map-active .interlude-beam,.map-active .interlude-light{animation-play-state:running}
 @keyframes interlude-beam-drift{from{translate:-10px 0}to{translate:14px 0}}
 @keyframes interlude-light-drift{from{opacity:.7;scale:1}to{opacity:1;scale:1.04}}
}
@media(prefers-reduced-motion:reduce){
 .interlude-top,.landmark-caption{opacity:1;transform:none;translate:none;transition:none}
 .interlude-pillars li:before,.interlude-pillars li:after,.map-reveal .interlude-pillars li:after{opacity:1;transform:none;transition:none;animation:none}
}
