/* About-page Journey and Team reference layouts. */
body[data-page="about"] .story-sec,
body[data-page="about"] .team-sec{position:relative;isolation:isolate;overflow:hidden;color:#071d3d;background:#f5faff url("assets/translucent-blue-cloud-ribbons.png") center center/cover no-repeat}
body[data-page="about"] .story-sec{padding:76px 0 88px}
body[data-page="about"] .story-sec::before,
body[data-page="about"] .team-sec::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.56),rgba(255,255,255,.21));pointer-events:none}
body[data-page="about"] .story-sec>.wrap{display:grid;grid-template-columns:minmax(350px,.83fr) minmax(0,1.17fr);align-items:start;gap:clamp(42px,6vw,112px);width:min(100% - 76px,1600px)}
body[data-page="about"] .story-intro{padding-top:12px}
body[data-page="about"] .story-intro .sec-tag,
body[data-page="about"] .team-sec .sec-tag{display:inline-flex;align-items:center;gap:11px;padding:10px 17px;border:1px solid #d6e9ff;border-radius:999px;background:rgba(255,255,255,.83);box-shadow:0 8px 23px rgba(43,120,205,.09);color:#0879ed;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body[data-page="about"] .story-intro .sec-tag::before,
body[data-page="about"] .team-sec .sec-tag::before{content:"";width:10px;height:10px;border-radius:50%;background:#138aff;box-shadow:0 0 0 5px #d5eaff,0 0 13px #399cff}
body[data-page="about"] .story-intro h2{max-width:570px;margin:23px 0 18px;color:#091d3b;font-size:clamp(40px,3.7vw,60px);font-weight:800;line-height:1.06;letter-spacing:-.05em}
body[data-page="about"] .story-intro h2 span{display:block;color:#147af0}
body[data-page="about"] .story-intro p{max-width:510px;margin:0;color:#536d8b;font-size:clamp(17px,1.45vw,22px);line-height:1.55}
body[data-page="about"] .timeline{margin:0;padding:0 0 0 54px}
body[data-page="about"] .timeline::before{left:0;top:18px;bottom:38px;width:2px;background:linear-gradient(#8cc9ff,#237bf1,#a9d5ff)}
body[data-page="about"] .tl-item{display:grid;grid-template-columns:clamp(105px,9vw,150px) minmax(0,1fr);column-gap:18px;min-height:148px;margin:0 0 20px;padding:22px 24px;border:1px solid #d7e9ff;border-radius:24px;background:rgba(255,255,255,.69);box-shadow:0 14px 36px rgba(68,129,195,.08);backdrop-filter:blur(12px)}
body[data-page="about"] .tl-item:last-child{margin-bottom:0}
body[data-page="about"] .tl-item::before{left:-63px;top:24px;width:18px;height:18px;background:#167df3;box-shadow:0 0 0 5px rgba(42,148,255,.11),0 0 18px rgba(24,112,237,.35)}
body[data-page="about"] .tl-date{grid-row:1/3;align-self:start;width:max-content;max-width:100%;margin:2px 0 0;padding:10px 12px;border:1px solid #d2e7ff;border-radius:13px;background:linear-gradient(135deg,#eaf5ff,#dfefff);color:#0873e4;font-size:12px;font-weight:800;letter-spacing:.055em;white-space:nowrap}
body[data-page="about"] .tl-item h4{grid-column:2;margin:0 0 8px;color:#081c39;font-size:clamp(18px,1.5vw,23px);font-weight:800;line-height:1.2}
body[data-page="about"] .tl-item p{grid-column:2;margin:0;color:#526b89;font-size:clamp(14px,1.1vw,17px);line-height:1.53}
body[data-page="about"] .team-sec{padding:66px 0 74px;text-align:center}
body[data-page="about"] .team-sec>.wrap{width:min(100% - 100px,1580px)}
body[data-page="about"] .team-heading{max-width:940px!important;margin:16px auto 12px!important;text-align:center;color:#091d3b;font-size:clamp(42px,4vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.045em}
body[data-page="about"] .team-heading span{color:#1b7ff5}
body[data-page="about"] .team-lead{max-width:720px;margin:0 auto!important;color:#536d8b;font-size:clamp(16px,1.25vw,21px);line-height:1.55}
body[data-page="about"] .team-carousel{position:relative;margin-top:28px}
body[data-page="about"] .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0}
body[data-page="about"] .team-card{position:relative;min-width:0;min-height:390px;padding:14px 14px 24px;border:1px solid #d9e9fa;border-radius:25px;background:rgba(255,255,255,.72);box-shadow:0 16px 36px rgba(47,116,185,.09);transition:transform .25s,box-shadow .25s,border-color .25s}
body[data-page="about"] .team-card:nth-child(2){background:rgba(255,252,248,.79)}
body[data-page="about"] .team-card:nth-child(3){background:rgba(248,255,252,.79)}
body[data-page="about"] .team-card:nth-child(4){background:rgba(251,248,255,.79)}
body[data-page="about"] .team-card:hover,body[data-page="about"] .team-card.is-active{transform:translateY(-4px);border-color:#9bcdfd;box-shadow:0 22px 44px rgba(36,117,204,.15)}
body[data-page="about"] .team-av-wrap{display:block;width:100%;height:clamp(160px,15vw,210px);margin:0 0 13px;border-radius:19px;box-shadow:none!important;background:linear-gradient(145deg,#e9f6ff,#cde7ff)!important}
body[data-page="about"] .team-card:nth-child(2) .team-av-wrap{background:linear-gradient(145deg,#fff9ef,#f8e8ce)!important}
body[data-page="about"] .team-card:nth-child(3) .team-av-wrap{background:linear-gradient(145deg,#eafdf5,#c7f0e4)!important}
body[data-page="about"] .team-card:nth-child(4) .team-av-wrap{background:linear-gradient(145deg,#f5edff,#ddd5ff)!important}
body[data-page="about"] .team-av-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
body[data-page="about"] .team-card-icon{position:absolute;top:calc(clamp(160px,15vw,210px) - 18px);right:27px;display:grid;place-items:center;width:52px;height:52px;border:1px solid #e0eeff;border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 10px 24px rgba(41,120,207,.13);color:#087ff2}
body[data-page="about"] .team-card-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page="about"] .team-card:nth-child(2) .team-av-wrap img{object-position:center 18%}
body[data-page="about"] .team-name{margin:0 0 3px;color:#0b2141;font-size:clamp(16px,1.3vw,20px);font-weight:800;line-height:1.2}
body[data-page="about"] .team-role{min-height:22px;margin:0;color:#0878ee;font-size:11px;font-weight:800;letter-spacing:.055em}
body[data-page="about"] .team-role::after{content:"";display:block;width:36px;height:3px;margin:10px auto 13px;border-radius:3px;background:#d9eafa}
body[data-page="about"] .team-bio{max-width:285px;margin:0 auto;color:#536d8b;font-size:clamp(12px,1vw,15px);line-height:1.48}
body[data-page="about"] .team-arrow{position:absolute;z-index:2;top:44%;display:grid;place-items:center;width:54px;height:54px;border:1px solid #d5e9ff;border-radius:50%;background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(44,120,204,.11);color:#0d7aef;font-size:35px;line-height:1;cursor:pointer}
body[data-page="about"] .team-arrow-prev{left:-76px}
body[data-page="about"] .team-arrow-next{right:-76px}
body[data-page="about"] .team-dots{display:flex;justify-content:center;gap:9px;margin-top:22px}
body[data-page="about"] .team-dot{width:13px;height:13px;padding:0;border:0;border-radius:50%;background:#c5d7ec;cursor:pointer}
body[data-page="about"] .team-dot[aria-current="true"]{background:#147af0;box-shadow:0 0 0 3px #ddebff}
@media(max-width:1100px){body[data-page="about"] .team-sec>.wrap{width:min(100% - 62px,1000px)}body[data-page="about"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="about"] .team-arrow-prev{left:-28px}body[data-page="about"] .team-arrow-next{right:-28px}}
@media(max-width:760px){body[data-page="about"] .story-sec>.wrap{grid-template-columns:1fr;gap:30px;width:min(100% - 36px,650px)}body[data-page="about"] .story-intro{text-align:center}body[data-page="about"] .story-intro h2,body[data-page="about"] .story-intro p{margin-left:auto;margin-right:auto}body[data-page="about"] .timeline{padding-left:30px}body[data-page="about"] .tl-item{grid-template-columns:1fr;padding:20px}body[data-page="about"] .tl-date{grid-row:auto;margin-bottom:13px}body[data-page="about"] .tl-item h4,body[data-page="about"] .tl-item p{grid-column:1}body[data-page="about"] .tl-item::before{left:-39px}body[data-page="about"] .team-sec>.wrap{width:min(100% - 42px,600px)}body[data-page="about"] .team-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}body[data-page="about"] .team-grid::-webkit-scrollbar{display:none}body[data-page="about"] .team-card{flex:0 0 min(78vw,360px);scroll-snap-align:center}body[data-page="about"] .team-arrow{top:48%;width:42px;height:42px;font-size:29px}body[data-page="about"] .team-arrow-prev{left:-14px}body[data-page="about"] .team-arrow-next{right:-14px}}
html:not([data-theme="light"]) body[data-page="about"] .story-sec,
html:not([data-theme="light"]) body[data-page="about"] .team-sec{background-color:#071729;background-image:linear-gradient(rgba(3,16,31,.86),rgba(3,16,31,.82)),url("assets/translucent-blue-cloud-ribbons.png");color:#edf6ff}
html:not([data-theme="light"]) body[data-page="about"] .story-sec::before,
html:not([data-theme="light"]) body[data-page="about"] .team-sec::before{background:none}
html:not([data-theme="light"]) body[data-page="about"] :is(.story-intro h2,.team-heading,.tl-item h4,.team-name){color:#f1f7ff}
html:not([data-theme="light"]) body[data-page="about"] :is(.story-intro p,.team-lead,.tl-item p,.team-bio){color:#b7cbe3}
html:not([data-theme="light"]) body[data-page="about"] :is(.tl-item,.team-card){border-color:#214567;background:rgba(9,30,51,.85);box-shadow:0 16px 36px rgba(0,0,0,.2)}
html:not([data-theme="light"]) body[data-page="about"] .team-card:nth-child(n){background:rgba(9,30,51,.85)}
html:not([data-theme="light"]) body[data-page="about"] .team-role{color:#6bb6ff}