.loc-radius{position:relative;padding:150px 0;background:#e9e6de;color:#141714;overflow:hidden}.loc-radius:before{content:"RADIUS";position:absolute;left:-.04em;bottom:.05em;color:rgba(15,18,15,.028);font:900 clamp(12rem,27vw,30rem)/.7 var(--f-d);letter-spacing:-.06em;pointer-events:none}.loc-radius .loc-kicker{color:var(--orange)}.loc-radius .loc-section-head>p{color:#646963}.loc-radius .loc-section-head h2 em{color:var(--orange)}.radius-console{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);min-height:690px;margin-top:75px;border:1px solid #bdbbb4;background:#f2f0ea;box-shadow:0 42px 90px rgba(35,37,32,.14)}.radius-network{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;align-items:center;padding:64px 46px;background-image:linear-gradient(rgba(20,24,20,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,20,.045) 1px,transparent 1px);background-size:48px 48px}.radius-core{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:170px;aspect-ratio:1;border:1px solid #1d211d;border-radius:50%;background:#171b17;color:#f4f1ea;text-align:center;box-shadow:0 22px 40px rgba(20,22,19,.24),inset 0 0 0 14px #202520}.radius-core:after{content:"";position:absolute;inset:-13px;border:1px dashed color-mix(in srgb,var(--orange) 65%,#1d211d);border-radius:50%}.radius-core small{color:#818980;font:.44rem var(--f-m);letter-spacing:.12em;text-transform:uppercase}.radius-core>strong{margin:8px 0;color:var(--orange);font:900 2rem var(--f-d)}.radius-core>span{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ba29a;font:.42rem var(--f-m);text-transform:uppercase}.radius-core>span i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px var(--orange)}.radius-branches{display:grid;gap:34px}.radius-branch{position:relative;display:grid;grid-template-columns:125px 48px minmax(0,1fr);align-items:center}.radius-route-label i,.radius-route-label strong{display:block}.radius-route-label i{color:var(--orange);font:.48rem var(--f-m);font-style:normal}.radius-route-label strong{margin-top:6px;font:800 .82rem var(--f-d);text-transform:uppercase}.radius-route-line{height:1px;background:linear-gradient(90deg,var(--orange),#989d96);position:relative}.radius-route-line:before{content:"";position:absolute;left:-6px;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--orange)}.radius-places{display:flex;flex-wrap:wrap;gap:7px;padding-left:14px}.radius-places button{position:relative;padding:9px 11px;border:1px solid #c4c3bc;background:#eeece6;color:#535a53;font:.52rem var(--f-m);cursor:pointer;transition:.2s}.radius-places button i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#a9aea8}.radius-places button:hover,.radius-places button.on{border-color:#1d211d;background:#1a1e1a;color:#fff;transform:translateY(-2px);box-shadow:0 9px 20px rgba(30,32,28,.13)}.radius-places button.on i{background:var(--orange);box-shadow:0 0 8px var(--orange)}.radius-dossier{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:64px 42px;border-left:1px solid #c1bfb8;background:#171b17;color:#f3f0e9;overflow:hidden}.radius-dossier:after{content:"";position:absolute;right:-110px;bottom:-90px;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--orange) 20%,transparent);border-radius:50%;box-shadow:0 0 0 38px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 76px color-mix(in srgb,var(--orange) 3%,transparent)}.radius-dossier-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #363c37;color:#7e867f;font:.48rem var(--f-m);letter-spacing:.1em;text-transform:uppercase}.radius-dossier-top strong{color:var(--orange)}.radius-dossier>p{margin:50px 0 0;color:var(--orange);font:.52rem var(--f-m);letter-spacing:.14em}.radius-dossier h3{position:relative;z-index:2;margin:15px 0 32px;font-size:clamp(3.5rem,5vw,6rem);line-height:.86;letter-spacing:-.045em}.radius-status{display:flex;gap:13px;padding:17px;border:1px solid #353b36;background:#1d221e}.radius-status>i{flex:0 0 auto;width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.radius-status strong,.radius-status span{display:block}.radius-status strong{font:700 .7rem var(--f-d)}.radius-status span{margin-top:6px;color:#8d958e;font:.52rem/1.5 var(--f-m)}.radius-cta{position:relative;z-index:2;display:block;margin-top:16px;padding:20px 52px 20px 19px;background:var(--orange);color:var(--on-accent)411;text-decoration:none}.radius-cta small,.radius-cta strong{display:block}.radius-cta small{font:.44rem var(--f-m);letter-spacing:.1em;text-transform:uppercase}.radius-cta strong{margin-top:5px;font:800 .82rem var(--f-d)}.radius-cta>i{position:absolute;right:20px;top:50%;translate:0 -50%;font-size:1.25rem;font-style:normal}.radius-dossier.is-changing h3,.radius-dossier.is-changing .radius-status{animation:radiusReveal .38s ease both}.radius-dossier.is-changing .radius-status{animation-delay:.04s}@keyframes radiusReveal{from{opacity:0;translate:12px 0}to{opacity:1;translate:0}}@media(max-width:1000px){.radius-console{grid-template-columns:1fr}.radius-dossier{border-left:0;border-top:1px solid #c1bfb8}.radius-network{min-height:610px}}@media(max-width:720px){.loc-radius{padding:105px 0}.radius-console{margin-top:50px}.radius-network{display:block;min-height:0;padding:42px 22px}.radius-core{width:150px;margin:0 auto 55px}.radius-core:before{content:"";position:absolute;left:50%;top:100%;width:1px;height:45px;background:linear-gradient(var(--orange),#a7aba5)}.radius-branches{gap:0}.radius-branch{display:block;padding:24px 0 28px 24px;border-left:1px solid #aeb2ac}.radius-branch:before{content:"";position:absolute;left:-5px;top:29px;width:9px;height:9px;border:2px solid var(--orange);border-radius:50%;background:#f2f0ea}.radius-route-label{display:flex;align-items:center;gap:9px}.radius-route-label strong{margin:0}.radius-route-line{display:none}.radius-places{padding:15px 0 0}.radius-places button{font-size:.56rem}.radius-dossier{padding:52px 24px 45px}.radius-dossier h3{font-size:clamp(3.5rem,15vw,5.2rem)}.radius-dossier>p{margin-top:38px}}@media(prefers-reduced-motion:reduce){.radius-dossier.is-changing h3,.radius-dossier.is-changing .radius-status{animation:none!important}}
