.anchorFollowTabTemplate{--tab-height: 44px;--tab-radius: 30px;--tab-padding: 6px;--tab-gap: 8px;--tab-count: 5;position:sticky;top:70px;margin:-100px auto var(--space-xl);z-index:200;width:max-content;max-width:90vw;box-shadow:var(--shadow-md);border-radius:var(--tab-radius);@media(max-width:768px){width:max-content;max-width:calc(100vw - 40px);border-radius:24px}.selectPanel{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),minmax(0,1fr));gap:var(--tab-gap);border-radius:var(--tab-radius);padding:var(--tab-padding);background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);@media(max-width:768px){display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;border-radius:24px;scrollbar-width:none;&::-webkit-scrollbar{display:none}}}.tabInput{display:none;&:checked+.tabLabel{color:var(--sixthback);&:is(:hover,:focus-visible){background:none;transform:scale(1)}}}.tabLabel{position:relative;z-index:1;height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));display:flex;align-items:center;justify-content:center;padding:0 var(--width-auto-padding);color:#fffc;cursor:pointer;user-select:none;transition:.2s;font-size:14px;font-weight:700;white-space:nowrap;&:is(:hover,:focus-visible){background:#ffffff1a;color:var(--white)}&:active{transition:.1s;transform:scale(.95)}@media(max-width:768px){padding:0 12px;height:36px;font-size:13px;border-radius:calc(var(--tab-radius) - var(--tab-padding))}}.activeBg{position:absolute;z-index:0;top:var(--tab-padding);left:var(--bg-left, var(--tab-padding));width:var(--bg-width, calc((100% - var(--tab-padding) * 2 - var(--tab-gap) * (var(--tab-count) - 1)) / var(--tab-count)));height:var(--tab-height);border-radius:calc(var(--tab-radius) - var(--tab-padding));background:var(--white);opacity:0;filter:blur(0px);transition:left .4s cubic-bezier(.2,1.28,.32,1),width .3s ease,top .3s ease,height .3s ease,opacity .4s ease,transform .4s ease,filter .4s ease;pointer-events:none;transform:scale(.7);.selectPanel:has(.tabInput:checked) &{opacity:1;transform:scale(1)}}&.is-at-top{.activeBg{opacity:0!important;transform:scale(.7)!important;filter:blur(10px)!important}.tabInput:checked+.tabLabel{color:#fffc!important;background:transparent!important;&:is(:hover,:focus-visible){background:#ffffff1a!important;color:#fff!important}}}@supports (anchor-name: --selected-tab) and (left: anchor(--selected-tab left)) and (width: anchor-size(--selected-tab width)){.selectPanel{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:has(#af-option-1:checked) #af-label-1,&:has(#af-option-2:checked) #af-label-2,&:has(#af-option-3:checked) #af-label-3,&:has(#af-option-4:checked) #af-label-4,&:has(#af-option-5:checked) #af-label-5{anchor-name:--selected-tab}}.tabLabel{min-width:max-content}.activeBg{left:anchor(--selected-tab left);top:anchor(--selected-tab top);width:anchor-size(--selected-tab width);height:anchor-size(--selected-tab height)}}}.hero-section{height:100svh;position:relative;display:flex;align-items:center;background-color:var(--sixthback);overflow:hidden;.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:#21252966;pointer-events:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:radial-gradient(circle at 30% 25%,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(circle at 30% 25%,rgb(0 0 0 / 100%) 20%,rgb(0 0 0 / 0%) 70%);mask-composite:intersect;@media(min-width:768px){mask-image:radial-gradient(circle at min(calc(50% + 340px),calc(100% - 340px)) 50%,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(circle at min(calc(50% + 340px),calc(100% - 340px)) 50%,rgb(0 0 0 / 100%) 20%,rgb(0 0 0 / 0%) 70%)}}.hero-content{position:relative;z-index:1;width:100%;max-width:var(--widthThisPage);margin:0 auto;padding:0 var(--width-auto-padding);display:flex;justify-content:flex-end}.hero-text-block{max-width:600px;text-align:left;color:var(--white);h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:var(--space-4)}p{font-size:1.1rem;line-height:1.8;color:#ffffffe6}}@media(max-width:767px){align-items:flex-start;padding-top:15svh;.hero-content{justify-content:flex-start;padding:0 var(--width-auto-padding)}}}main{width:100%}.department-section{position:relative;.sticky-bg{position:sticky;top:0;height:100vh;width:100%;z-index:0;overflow:hidden;background-color:var(--sixthback);img{width:100%;height:100%;object-fit:cover}}.blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);pointer-events:none}.content-layer{position:relative;z-index:1;margin-top:-100vh;padding:0 var(--width-auto-padding) 150px;min-height:150vh;display:flex;flex-direction:column;justify-content:space-between}.header-area{text-align:center;color:var(--white);margin-top:30vh;text-shadow:0 2px 20px rgba(0,0,0,.8);h2{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-3)}h3{font-size:clamp(2rem,10vw,5rem);font-weight:700;line-height:1.2;word-break:keep-all;overflow-wrap:anywhere}}.details-area{margin:10vh auto 0;width:min(100%,var(--widthThisPage));padding:50px 0;color:var(--white);@media(max-width:768px){padding:0}.intro{width:min(100%,767px);font-size:20px;line-height:1.8;font-weight:700;text-align:center;margin:0 auto 200px;color:#ffffffb3;word-break:keep-all;overflow-wrap:anywhere;@media(max-width:768px){font-size:16px}}.data-grid{display:flex;justify-content:space-around;align-items:center;margin-bottom:80px;flex-wrap:wrap;gap:20px;@media(max-width:768px){gap:10px;justify-content:space-between;padding:0 10px}.data-col{display:flex;flex-direction:column;align-items:center;text-align:center}.data-title{font-size:.9rem;font-weight:700;margin-bottom:8px;color:#ffffffb3;@media(max-width:768px){font-size:.75rem;margin-bottom:4px}}.data-value{font-size:2.5rem;font-weight:900;line-height:1;small{font-size:1.2rem;margin-left:4px}@media(max-width:768px){font-size:1.5rem;small{font-size:.8rem;margin-left:2px}}}.data-divider{width:1px;height:60px;background-color:#fff3;@media(max-width:768px){height:40px}}}.feature-card{display:flex;flex-direction:column;img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin-bottom:var(--space-md)}.feature-text{padding:0 10px;p{font-size:.95rem;line-height:1.7;color:#ffffffd9;margin:0;strong{font-weight:700;color:var(--white);margin-right:8px}}}}.carousel-wrapper{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);--side-padding: var(--width-auto-padding);@media(max-width:768px){--side-padding: 20px}}.features-carousel{--card-gap: 24px;--small-w: min(300px, 80vw);--large-w: calc(var(--small-w) * 2 + var(--card-gap));@media(max-width:768px){--card-gap: 16px;--large-w: calc(100vw - var(--side-padding) * 2);--small-w: calc(var(--large-w) * .75)}display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;padding-left:var(--side-padding);padding-right:var(--side-padding);scroll-padding-left:var(--side-padding);scrollbar-width:none;scroll-behavior:smooth;width:max-content;max-width:100vw;margin:0 auto;&::-webkit-scrollbar{display:none}.feature-card{flex:0 0 var(--small-w);width:var(--small-w);scroll-snap-align:start;img{aspect-ratio:auto;height:calc(var(--small-w) * 4 / 3)}}.feature-card--large{flex:0 0 var(--large-w);width:var(--large-w);@media(max-width:768px){img{aspect-ratio:1 / 1;height:auto}}}}.carousel-controls{display:flex;justify-content:flex-end;gap:16px;margin-top:8px;padding-right:var(--side-padding);.carousel-btn{background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:.2s;&:hover:not(:disabled){background:#ffffff4d}&:disabled{opacity:.3;cursor:not-allowed}svg{width:24px;height:24px;fill:currentColor}}}.features-single{.feature-card{flex-direction:row;align-items:flex-start;gap:30px;img{width:50%;margin-bottom:0}.feature-text{width:50%;padding:10px 0 0}@media(max-width:768px){flex-direction:column;gap:0;img,.feature-text{width:100%}img{margin-bottom:var(--space-md)}}}}}}
