@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker{animation:tick 36s linear infinite}
@media (prefers-reduced-motion: reduce){.ticker{animation:none}.bento>a{transition:none}}
@property --holo{syntax:'<angle>';inherits:false;initial-value:0deg}
#credentials{view-timeline-name:--edv}
.ed-pin{position:sticky;top:0;height:min(100vh, 900px);min-height:780px;display:flex;flex-direction:column;justify-content:center;gap:30px;overflow:hidden}
.ed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1400px}
.ed-card{animation:edin linear both;animation-timeline:--edv;transform-origin:50% 100%}
@keyframes edin{0%{opacity:0;transform:translateY(120px) translateZ(-300px) rotateX(38deg) scale(.85);filter:blur(6px)}100%{opacity:1;transform:none;filter:none}}
.ed-holo{background:conic-gradient(from var(--holo),#2563EB,#3B82F6,#60A5FA,#E9B949,#93C5FD,#2563EB);animation:holospin 6s linear infinite}
@keyframes holospin{to{--holo:360deg}}
@keyframes shine2{0%,55%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(220%) skewX(-20deg)}}.ed-shine{animation:shine2 5s ease-in-out infinite}
.ed-line{transform-origin:left;animation:skxprog linear both;animation-timeline:--edv;animation-range:contain 0% contain 80%}
@keyframes edcount{from{transform:translateY(0)}to{transform:translateY(-320px)}}
.ed-count{animation:edcount linear both;animation-timing-function:steps(9,jump-none);animation-timeline:--edv;animation-range:contain 0% contain 80%}
.ed-card:hover .ed-inner{transform:translateY(-6px) rotateX(4deg)}
.ed-inner{transition:transform .35s ease}
@supports not (animation-timeline: view()){#credentials{height:auto !important}.ed-pin{position:static;height:auto;min-height:0;padding:96px 0}.ed-count{transform:translateY(-320px)}}
@media (max-width: 1024px){.ed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 960px){#credentials{height:auto !important}.ed-pin{position:static;height:auto;min-height:0;padding:80px 0}.ed-card{animation:none}.ed-count{animation:none;transform:translateY(-320px)}.ed-line{animation:none}}
@media (max-width: 560px){.ed-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ed-holo,.ed-shine{animation:none}}
#work{view-timeline-name:--wkv}
.wk-pin{position:sticky;top:0;height:min(100vh, 900px);display:flex;flex-direction:column;justify-content:center;gap:clamp(14px, 2.4vh, 26px);overflow:hidden;box-sizing:border-box;padding:24px 0}
.wk-stage{position:relative;height:clamp(320px, calc(100vh - 260px), 500px)}
.wk-slide{position:absolute;inset:0;opacity:0;animation:wkmid linear both;animation-timeline:--wkv}
.wk-slide.first{animation-name:wkfirst}.wk-slide.last{animation-name:wklast}
@keyframes wkmid{0%{opacity:0;transform:translateY(60px) scale(.94)}18%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-60px) scale(1.03)}}
@keyframes wkfirst{0%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-60px) scale(1.03)}}
@keyframes wklast{0%{opacity:0;transform:translateY(60px) scale(.94)}18%,100%{opacity:1;transform:none}}
@keyframes wkind{from{transform:translateY(0)}to{transform:translateY(192px)}}
.wk-ind{animation:wkind linear both;animation-timing-function:steps(4,jump-none);animation-timeline:--wkv;animation-range:contain 0% contain 100%}
.wk-num{animation:skxnum linear both;animation-timing-function:steps(4,jump-none);animation-timeline:--wkv;animation-range:contain 0% contain 100%}
@keyframes wknum{from{transform:translateY(0)}to{transform:translateY(-120px)}}.wk-num{animation-name:wknum}
.wk-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:stretch}
@supports not (animation-timeline: view()){#work{height:auto !important}.wk-pin{position:static;height:auto;min-height:0;padding:80px 0}.wk-stage{height:auto;display:flex;flex-direction:column;gap:20px}.wk-slide{position:relative;opacity:1;animation:none}}
@media (max-width: 960px){#work{height:auto !important}.wk-pin{position:static;height:auto;min-height:0;padding:72px 0}.wk-grid{grid-template-columns:1fr}.wk-rail{display:none !important}.wk-stage{height:auto;display:flex;flex-direction:column;gap:20px}.wk-slide{position:relative;opacity:1;animation:none}}
#industries{view-timeline-name:--indv}
.ihz-pin{position:sticky;top:0;height:min(100vh, 900px);min-height:720px;display:flex;flex-direction:column;justify-content:center;gap:28px;overflow:hidden}
.ihz-track{display:flex;gap:24px;width:max-content;padding:0 max(20px, calc((100vw - 1240px) / 2));animation:ihzx linear both;animation-timeline:--indv;animation-range:contain 0% contain 100%}
@keyframes ihzx{from{transform:translateX(0)}to{transform:translateX(calc(-100% + 100vw))}}
@keyframes ihznum{from{transform:translateY(0)}to{transform:translateY(-200px)}}
.ihz-num{animation:ihznum linear both;animation-timing-function:steps(6,jump-none);animation-timeline:--indv;animation-range:contain 0% contain 100%}
.ihz-prog{transform-origin:left;animation:skxprog linear both;animation-timeline:--indv;animation-range:contain 0% contain 100%}
@keyframes arrowx{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}.ihz-arrow{animation:arrowx 1.4s ease-in-out infinite}
@supports not (animation-timeline: view()){#industries{height:auto !important}.ihz-pin{position:static;height:auto;min-height:0;padding:80px 0}.ihz-view{overflow-x:auto}}
@media (max-width: 900px){#industries{height:auto !important}.ihz-pin{position:static;height:auto;min-height:0;padding:72px 0}.ihz-track{animation:none;flex-direction:column;width:auto}.ihz-track>article{width:auto !important}.ihz-count{display:none !important}}
#skills{view-timeline-name:--skv}
.skx-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.5fr);gap:48px;align-items:start}
.skx-left{position:sticky;top:90px}
.skx-card{position:sticky}
@keyframes skxind{from{transform:translateY(0)}to{transform:translateY(312px)}}
@keyframes skxnum{from{transform:translateY(0)}to{transform:translateY(-240px)}}
@keyframes skxprog{from{transform:scaleX(0.04)}to{transform:scaleX(1)}}
.skx-ind{animation:skxind linear both;animation-timing-function:steps(7,jump-none);animation-timeline:--skv;animation-range:contain 0% contain 100%}
.skx-num{animation:skxnum linear both;animation-timing-function:steps(7,jump-none);animation-timeline:--skv;animation-range:contain 0% contain 100%}
.skx-prog{transform-origin:left;animation:skxprog linear both;animation-timeline:--skv;animation-range:contain 0% contain 100%}
@keyframes mousewheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}.skx-wheel{animation:mousewheel 1.4s ease-in-out infinite}
@media (max-width: 960px){.skx-grid{grid-template-columns:1fr}.skx-left{position:static}.skx-card{position:relative !important;top:0 !important}.skx-nav{display:none !important}}
@media (prefers-reduced-motion: reduce){.skx-wheel{animation:none}}
.sk-bg{background-color:#F6F8FA;background-image:radial-gradient(#D9E0E8 1px,transparent 1px);background-size:22px 22px}
.sk-tile2{transition:transform .25s ease, box-shadow .25s ease}.sk-tile2:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,31,58,0.12)}
@keyframes skbar{from{width:0}}.sk-bar{animation:skbar 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes skmark{from{left:0}}.sk-mark{animation:skmark 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes skglow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.sk-glow{animation:skglow 4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.sk-bar,.sk-mark,.sk-glow{animation:none}}
.ind-acc{display:flex;gap:12px;height:580px}
.ind-acc>button{transition:flex .55s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease}
.ind-acc>button:hover{box-shadow:0 18px 40px rgba(0,0,0,0.35)}
@keyframes indin{from{opacity:0;transform:translateY(14px)}}.ind-in{animation:indin .5s .15s ease both}
@keyframes indfloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-4deg)}}.ind-float{animation:indfloat 7s ease-in-out infinite}
@media (max-width: 900px){.ind-acc{flex-direction:column;height:auto}.ind-acc>button{flex:none !important;min-height:96px}.ind-vert{writing-mode:horizontal-tb !important;transform:none !important}}
@media (prefers-reduced-motion: reduce){.ind-in,.ind-float{animation:none}.ind-acc>button{transition:none}}
.apps-stage{position:relative;padding:30px 0 22px;overflow:hidden}
.apps-ribbon{transform:rotate(-2deg) scale(1.04)}
.apps-ribbon2{transform:rotate(1.5deg) scale(1.04)}
@keyframes appglow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.15)}}.apps-glow{animation:appglow 6s ease-in-out infinite}
@media (max-width: 700px){.apps-badge{display:none !important}}
@media (prefers-reduced-motion: reduce){.apps-glow{animation:none}}
#about{view-timeline-name:--abv}
@supports (animation-timeline: view()){
.ab-w{color:inherit;animation:abword linear both;animation-timeline:--abv}
@keyframes abword{from{opacity:.18}to{opacity:1}}
.ab-p1{animation:abp1 linear both;animation-timeline:--abv;animation-range:cover 0% cover 100%}
@keyframes abp1{from{translate:0 60px}to{translate:0 -60px}}
.ab-p2{animation:abp2 linear both;animation-timeline:--abv;animation-range:cover 0% cover 100%}
@keyframes abp2{from{translate:0 -40px;rotate:8deg}to{translate:0 70px;rotate:0deg}}
.ab-chip1,.ab-chip2,.ab-chip3{animation:abchip linear both;animation-timeline:--abv;animation-range:entry 30% cover 40%}
.ab-chip2{animation-range:entry 45% cover 45%}.ab-chip3{animation-range:entry 60% cover 50%}
@keyframes abchip{from{opacity:0;scale:.7;translate:0 30px}to{opacity:1;scale:1;translate:0 0}}
}
@keyframes abfly{0%{left:0}100%{left:100%}}.ab-plane{animation:abfly 3.5s ease-in-out infinite alternate}
@media (max-width: 600px){.ab-stage{height:420px !important}}
@media (prefers-reduced-motion: reduce){.ab-w,.ab-p1,.ab-p2,.ab-chip1,.ab-chip2,.ab-chip3,.ab-plane{animation:none !important;opacity:1}}
@keyframes appsL{to{transform:translateX(-50%)}}@keyframes appsR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.apps-l{animation:appsL 40s linear infinite}.apps-r{animation:appsR 46s linear infinite}
.apps-row:hover .apps-l,.apps-row:hover .apps-r{animation-play-state:paused}
@keyframes ringin{from{stroke-dashoffset:100}}.sk-ring{animation:ringin 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes barin{from{width:0}}.ind-bar{animation:barin 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}}.sk-fade{animation:fadeup .45s ease both}
.sk-tile{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}.sk-tile:hover{transform:translateY(-3px)}
.sk-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.ind-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width: 960px){.sk-wrap,.ind-wrap{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.apps-l,.apps-r,.sk-ring,.ind-bar,.sk-fade{animation:none}}
@keyframes playring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 22px rgba(255,255,255,0)}}.sp-play{animation:playring 1.8s ease-out infinite}
@keyframes vprog{from{width:8%}to{width:92%}}.sp-prog{animation:vprog 14s linear infinite}
@keyframes eq{0%,100%{height:30%}50%{height:100%}}.sp-eq span{animation:eq 1s ease-in-out infinite}.sp-eq span:nth-child(2){animation-delay:.2s}.sp-eq span:nth-child(3){animation-delay:.4s}
@keyframes bub{0%,8%{opacity:0;transform:translateY(10px)}14%,88%{opacity:1;transform:none}100%{opacity:0}}
.sp-b{opacity:0;animation:bub 9s ease infinite}.sp-b2{animation-delay:1.6s}.sp-b3{animation-delay:3.2s}.sp-b4{animation-delay:4.8s}
@keyframes bookfloat{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-12px)}}.sp-book{animation:bookfloat 5s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}.sp-shine{animation:shine 4s ease-in-out infinite}
@keyframes topics{to{transform:translateX(-50%)}}.sp-topics{animation:topics 30s linear infinite}
.sp-card{transition:transform .25s ease, box-shadow .25s ease}.sp-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(11,31,58,0.16)}
@media (prefers-reduced-motion: reduce){.sp-play,.sp-prog,.sp-eq span,.sp-b,.sp-book,.sp-shine,.sp-topics{animation:none}.sp-b{opacity:1}}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbitrev{to{transform:rotate(-360deg)}}
.hub-orbit{animation:orbit 80s linear infinite}.hub-node{animation:orbitrev 80s linear infinite}
.hub:hover .hub-orbit,.hub:hover .hub-node{animation-play-state:paused}
@keyframes ringspin{to{transform:rotate(360deg)}}.hub-ring{animation:ringspin 6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-40}}.hub-flow{animation:flow 1.6s linear infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.85}}.hub-breathe{animation:breathe 4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.hub-orbit,.hub-node,.hub-ring,.hub-flow,.hub-breathe{animation:none}}
@keyframes apfill{0%{width:0}100%{width:100%}}
@keyframes apcomet{0%{left:0}100%{left:100%}}
@keyframes apactive{0%,22%{border-color:#2563EB;box-shadow:0 18px 44px rgba(37,99,235,0.22);transform:translateY(-6px)}26%,100%{border-color:#E3E8EF;box-shadow:0 6px 20px rgba(11,31,58,0.05);transform:none}}
@keyframes apnode{0%,22%{background:#2563EB;color:#FFFFFF;box-shadow:0 0 0 8px rgba(37,99,235,0.15),0 0 30px rgba(37,99,235,0.7)}26%,100%{background:#FFFFFF;color:#2563EB;box-shadow:0 0 0 6px rgba(37,99,235,0.06)}}
.ap-fill{animation:apfill 12s linear infinite}.ap-comet{animation:apcomet 12s linear infinite}
.ap-card{animation:apactive 12s ease infinite}.ap-node{animation:apnode 12s ease infinite}
.ap-s2{animation-delay:3s}.ap-s3{animation-delay:6s}.ap-s4{animation-delay:9s}
@keyframes scan{0%{top:8%}50%{top:82%}100%{top:8%}}.ap-scan{animation:scan 2.4s ease-in-out infinite}
@keyframes flagin{0%,30%{opacity:0;transform:scale(.8)}40%,100%{opacity:1;transform:none}}.ap-flag{animation:flagin 2.4s ease infinite}
@keyframes chk{0%,15%{opacity:0;transform:translateX(-8px)}25%,90%{opacity:1;transform:none}100%{opacity:0}}
.ap-chk{opacity:0;animation:chk 4s ease infinite}.ap-chk:nth-child(2){animation-delay:.5s}.ap-chk:nth-child(3){animation-delay:1s}
@keyframes diff1{0%,30%{opacity:1}33%,100%{opacity:0}}@keyframes diff2{0%,30%{opacity:0}33%,63%{opacity:1}66%,100%{opacity:0}}@keyframes diff3{0%,63%{opacity:0}66%,100%{opacity:1}}
.ap-d1{animation:diff1 4.5s infinite}.ap-d2{animation:diff2 4.5s infinite}.ap-d3{animation:diff3 4.5s infinite}
@keyframes grow{0%{width:38%}66%,100%{width:86%}}.ap-grow{animation:grow 4.5s ease-in-out infinite}
@keyframes cal{0%,10%{background:#EDF1F5}20%,100%{background:#2563EB}}
.ap-cal{animation:cal 6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}50%{box-shadow:0 0 0 8px rgba(22,163,74,0)}}.ap-pulse{animation:pulse 1.8s infinite}
.ap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width: 960px){.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-track{display:none !important}}
@media (max-width: 560px){.ap-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ap-fill,.ap-comet,.ap-card,.ap-node,.ap-scan,.ap-flag,.ap-chk,.ap-d1,.ap-d2,.ap-d3,.ap-grow,.ap-cal,.ap-pulse{animation:none !important}.ap-chk{opacity:1}.ap-d1,.ap-d2{opacity:0}.ap-d3{opacity:1}.ap-fill{width:100%}}
@keyframes workscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.work-track{display:flex;gap:24px;width:max-content;animation:workscroll 60s linear infinite}
.work-viewport:hover .work-track,.work-viewport:focus-within .work-track{animation-play-state:paused}
.work-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
@keyframes agentglow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.agent-ring{background:linear-gradient(90deg,#2563EB,#3B82F6,#60A5FA,#3B82F6,#2563EB);background-size:200% 100%;animation:agentglow 3s linear infinite}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
.dot{animation:blink 1.2s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
@media (prefers-reduced-motion: reduce){.work-track,.agent-ring,.dot{animation:none}.work-viewport{overflow-x:auto}}
.sp-grid>*{min-width:0}@media (max-width: 1024px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width: 640px){.sp-grid{grid-template-columns:1fr !important}.sp-grid>*{grid-column:span 1 !important}}
@supports (animation-timeline: view()){
.bento>a{animation:bxinL linear both;animation-timeline:view();animation-range:entry 5% cover 35%}
.bento>a:nth-child(3n+2){animation-name:bxinU}
.bento>a:nth-child(3n){animation-name:bxinR}
@keyframes bxinL{from{opacity:0;translate:-90px 60px;rotate:-4deg;scale:.92}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@keyframes bxinU{from{opacity:0;translate:0 120px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@keyframes bxinR{from{opacity:0;translate:90px 60px;rotate:4deg;scale:.92}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
.bx-row{animation:bxrow linear both;animation-timeline:view();animation-range:entry 20% cover 30%}
@keyframes bxrow{from{opacity:0;translate:40px 0}to{opacity:1;translate:0 0}}
.bx-bar{transform-origin:50% 100%;animation:bxbar linear both;animation-timeline:view();animation-range:entry 40% cover 45%}
@keyframes bxbar{from{scale:1 0}to{scale:1 1}}
.bx-par{animation:bxpar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
@keyframes bxpar{from{translate:0 40px}to{translate:0 -40px}}
.bx-head{animation:bxhead linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
@keyframes bxhead{from{opacity:0;translate:0 50px;letter-spacing:.04em}to{opacity:1;translate:0 0;letter-spacing:-0.01em}}
}
@media (prefers-reduced-motion: reduce){.bento>a,.bx-row,.bx-bar,.bx-par,.bx-head{animation:none !important}}
.bento>a{isolation:isolate}
.bx-more{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;background:rgba(11,31,58,0.94);backdrop-filter:blur(10px);color:#FFFFFF;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;transform:translateY(calc(100% + 20px));opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.bento>a:hover .bx-more,.bento>a:focus-visible .bx-more{transform:none;opacity:1}
.bx-hint{position:absolute;right:16px;top:16px;z-index:4;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;transition:opacity .2s ease}
.bento>a:hover .bx-hint{opacity:0}
@media (hover: none){.bx-more{position:relative;left:auto;right:auto;bottom:auto;margin:0 12px 12px;transform:none;opacity:1}.bx-hint{display:none}}
@keyframes mon{0%,8%{background:#2A4468;color:#A9B4C6}14%,100%{background:#3B82F6;color:#FFFFFF}}.bx-mon{animation:mon 6s ease infinite}
@keyframes flowstep{0%,10%{opacity:.35;transform:scale(.96)}18%,90%{opacity:1;transform:none}100%{opacity:.35}}.bx-step{animation:flowstep 4.5s ease infinite}
@media (prefers-reduced-motion: reduce){.bx-mon,.bx-step{animation:none}.bx-more{transition:none}}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.bento>a{transition:transform .25s ease, box-shadow .25s ease}
.bento>a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,31,58,0.14)}
@media (max-width: 1024px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento>a{grid-column:span 1 !important}.bento>a.wide{grid-column:span 2 !important}}
@media (max-width: 640px){.bento{grid-template-columns:1fr}.bento>a,.bento>a.wide{grid-column:span 1 !important}}
.nav-burger{display:none}
@media (max-width: 900px){.nav-links,.nav-ctas{display:none !important}.nav-burger{display:inline-flex !important}nav[aria-label="Main"]{border-radius:22px !important;padding:8px 8px 8px 18px !important}.ann-email{display:none !important}}
@media (max-width: 960px){.wk-inner{flex-direction:column}.wk-inner>div:first-child{min-height:300px;flex:none !important}.wk-inner>div{flex:none !important}}
.tabbar{display:none !important}.tb-pad{display:none}
@media (max-width: 768px){.tabbar{display:grid !important}.tb-pad{display:block;height:100px}.nav-burger{display:none !important}}
@media (max-width: 1100px){.mega>div:nth-child(2){grid-template-columns:1fr 1fr !important}.mega>div:nth-child(2)>a{grid-column:1 / -1}}
@keyframes edin-m{0%{opacity:0;transform:translateY(70px) rotateX(28deg) scale(.9);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@media (max-width:960px){
.ed-pin{overflow:clip!important}
.ed-card{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 32%!important}
.ed-line{animation:skxprog linear both!important;animation-timeline:--edv!important;animation-range:cover 12% cover 80%!important}
.ed-count{animation:edcount linear both!important;animation-timing-function:steps(9,jump-none)!important;animation-timeline:--edv!important;animation-range:cover 12% cover 80%!important}
}
@media (prefers-reduced-motion:reduce){.ed-card{animation:none!important}}
@supports not (animation-timeline: view()){
.msk-io :is(.rv,.rvl,.rvr,.rvs,.ed-card,.skx-card,.ihz-track>article,.bx-head,.bx-row,.ab-chip1,.ab-chip2,.ab-chip3,.bento>a){animation:none!important;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1),scale .8s cubic-bezier(.2,.7,.2,1)}
.msk-io :is(.rv,.ed-card,.skx-card,.ihz-track>article,.bx-head,.bx-row,.ab-chip1,.ab-chip2,.ab-chip3,.bento>a):not(.msk-in){opacity:0;translate:0 40px}
.msk-io .rvl:not(.msk-in){opacity:0;translate:-50px 20px}
.msk-io .rvr:not(.msk-in){opacity:0;translate:50px 20px}
.msk-io .rvs:not(.msk-in){opacity:0;scale:.9}
.msk-io .ed-count{animation:none!important;transform:translateY(-320px)}
}
@media (max-width:960px){
.skx-card{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 30%!important}
}
@media (max-width:900px){
.ihz-pin,.ihz-view{overflow:clip!important}
.ihz-track>article{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 30%!important}
}
@media (max-width:380px){.logo-sub{display:none}}