/* 1 the sector name above the scene tabs */
#hx-stage .hx-sn{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:-6px;opacity:0;transform:translateX(-22px);transition:opacity .45s,transform .45s ease-in}@media (max-width:640px){#hx-stage .hx-sn{gap:10.8px;margin-bottom:-5.4px;transform:translateX(-19.8px)}}
/* Batu 22:52: slower and softer ("çok agresif şu an geçişler") */
#hx-stage .hx-pan.on .hx-sn{opacity:1;transform:none;transition:opacity 1.1s .35s ease-out,transform 1.6s .35s cubic-bezier(.25,.6,.25,1)}
#hx-stage .hx-sn i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--c);box-shadow:0 10px 22px -10px rgba(0,0,0,.5)}@media (max-width:640px){#hx-stage .hx-sn i{width:36px;height:36px;border-radius:10.8px}}
#hx-stage .hx-sn b{font:800 clamp(24px,2.6vw,32px)/1.05 var(--f-display);letter-spacing:-.025em}@media (max-width:640px){#hx-stage .hx-sn b{font:800 clamp(21.6px,2.6vw,28.8px)/1.05 var(--f-display)}}
@media (max-width:640px){#hx-stage .hx-sn{gap:10px;margin-bottom:-4px}@media (max-width:640px){#hx-stage .hx-sn{gap:9px;margin-bottom:-3.6px}}#hx-stage .hx-sn i{width:34px;height:34px;border-radius:10px}@media (max-width:640px){#hx-stage .hx-sn i{width:30.6px;height:30.6px;border-radius:9px}}#hx-stage .hx-sn b{font-size:22px}@media (max-width:640px){#hx-stage .hx-sn b{font-size:19.8px}}}
@media (prefers-reduced-motion:reduce){#hx-stage .hx-sn,#hx-stage .hx-pan.on .hx-sn{transform:none;transition:opacity .2s}}
#hx-stage .hx-tc{display:none!important}
/* each sector starts right under the sector tabs, so the name sits at the same height for all three */
#hx-stage .hx-pan{align-items:start}
/* the screen under the name fades in more gently too */
#hx-stage .hx-pan{transition:opacity .9s ease-out,transform 1.2s cubic-bezier(.25,.6,.25,1)}
/* 2 a sliding pill; the other sectors greyed out */
#hx-stage .hx-tabs{isolation:isolate}
#hx-stage .hx-ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:14px;background:#fff;z-index:-1;transition:left .9s cubic-bezier(.45,.05,.25,1),width .9s cubic-bezier(.45,.05,.25,1)}@media (max-width:640px){#hx-stage .hx-ind{top:3.6px;bottom:3.6px;border-radius:12.6px}}
#hx-stage .hx-tab,#hx-stage .hx-tab[aria-selected="true"]{background:none}
#hx-stage .hx-tab[aria-selected="true"]{color:#013d14;transition:color .5s .3s}
#hx-stage .hx-tab[aria-selected="false"]{color:rgba(255,255,255,.38);transition:color .5s}
#hx-stage .hx-tab[aria-selected="false"]:hover{color:rgba(255,255,255,.75);background:none}
@media (min-width:1100px){#hx-stage .hx-ind{top:5px;bottom:5px;border-radius:15px}}
@media (prefers-reduced-motion:reduce){#hx-stage .hx-ind{transition:none}}