@font-face{font-family:FullstackSans;src:url('/assets/fonts/PlusJakartaSans-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
.fo-page{--fo-orange:#f96c16;--fo-pad:clamp(22px,5.9vw,112px);font-family:FullstackSans,Arial,sans-serif;background:#faf9f7;color:#1b1b19;text-align:left;line-height:1.5;overflow:clip}.fo-page *{box-sizing:border-box}.fo-page :is(h1,h2,h3,p,figure){margin:0}.fo-page :is(h1,h2,h3){font-family:inherit;font-weight:500;letter-spacing:-.065em;line-height:1.04;color:inherit;text-transform:none}.fo-page a{color:inherit;text-decoration:none}.fo-page a:focus-visible{outline:2px solid #ed681d;outline-offset:7px}.fo-page small,.fo-eyebrow{font-size:10px;letter-spacing:.035em}.fo-wrap{padding-inline:var(--fo-pad)}.fo-image{overflow:hidden;border-radius:22px}.fo-image img{display:block;width:100%;height:100%;object-fit:contain}.fo-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:50px;font-size:13px}.fo-label>span{display:flex;align-items:center;gap:16px}.fo-label i,.fo-symbol{display:block;width:40px;height:40px;flex:none;background:var(--fo-orange);mask:url('/assets/six-petal-emblem-transparent.svg') center/contain no-repeat;-webkit-mask:url('/assets/six-petal-emblem-transparent.svg') center/contain no-repeat}.fo-label small{opacity:.55}.fo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;padding:55px 0}.fo-heading h2{font-size:clamp(38px,5.3vw,88px)}.fo-heading>p{max-width:310px;font-size:14px;line-height:1.85;color:#74716d}.fo-hero{padding:105px var(--fo-pad) 28px;min-height:100svh;display:flex;flex-direction:column}.fo-meta,.fo-hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px}.fo-hero-layout{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:4%;flex:1;padding:40px 0}.fo-hero-copy h1{font-size:clamp(65px,8.1vw,150px);margin:28px 0 30px;line-height:.99}.fo-hero-copy>p{font-size:clamp(15px,1.3vw,20px);line-height:1.7}.fo-hero-copy>a{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #aaa;padding:16px 0;margin-top:38px;max-width:280px;font-size:13px}.fo-hero-copy>a span{font-size:24px}.fo-hero-art{aspect-ratio:1;max-height:72svh}.fo-hero-bottom{border-top:1px solid #ddd7d1;padding-top:20px;font-size:9px}.fo-intro{padding-bottom:100px}.fo-bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.fo-bento article{position:relative;overflow:hidden;border-radius:24px;background:#100b07;color:#fff;isolation:isolate}.fo-bento .fo-image{position:absolute;inset:0;border-radius:0;z-index:-2}.fo-bento .fo-image img{object-fit:cover}.fo-bento article:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080400d9,transparent 55%)}.fo-bento article>div{padding:30px}.fo-bento h3{font-size:clamp(24px,2.8vw,45px);margin-top:15px}.fo-bento p{font-size:13px;line-height:1.7;margin-top:15px;color:#ead4c4}.fo-bento small{font-size:8px;color:#f6cbb0}.fo-bento-main{grid-row:span 2;min-height:750px}.fo-bento-main .fo-image img{object-position:50% 90%}.fo-bento-human,.fo-bento-data{min-height:385px}.fo-bento-wide{grid-column:2/4;min-height:347px}.fo-bento-wide .fo-image{left:45%}.fo-bento-wide:after{background:linear-gradient(90deg,#100b07 30%,transparent 80%)!important}.fo-bento-wide>div{max-width:65%;padding-top:45px!important}.fo-bento-wide h3{font-size:clamp(23px,2.5vw,40px)}
.fo-burn{background:#0e0b09;color:#fff4e9}.fo-burn-pin{padding:70px var(--fo-pad)}.fo-burn-top,.fo-burn-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em}.fo-burn-layer{padding:30px 0}.fo-burn-layer p{font-size:clamp(40px,6vw,95px);line-height:1.1;letter-spacing:-.06em;font-weight:500}.fo-motion .fo-burn{height:350svh}.fo-motion .fo-burn-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#6b2a0e33,transparent 60%),#0e0b09}.fo-motion .fo-burn-top{position:absolute;top:110px;left:var(--fo-pad);right:var(--fo-pad)}.fo-motion .fo-burn-bottom{position:absolute;bottom:45px;left:var(--fo-pad);right:var(--fo-pad);color:#caa285}.fo-motion .fo-burn-layer{position:absolute;inset:0;display:grid;place-items:center;visibility:hidden;padding:0;will-change:transform}.fo-motion .fo-burn-layer p{position:relative;width:min(80vw,780px);font-size:clamp(34px,5.7vw,84px);text-align:center;text-shadow:calc(var(--ab,.35)*-1px) 0 #ff6c1b88,calc(var(--ab,.35)*1px) 0 #ffd8b088}.fo-motion .fo-burn-layer p span{opacity:clamp(0,calc((var(--t,1) + .09 - var(--b,0))*11),1)}
.fo-stories{background:#0e0b09;color:#fff4e9;padding-bottom:95px}.fo-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:95px 0}.fo-story .fo-image{aspect-ratio:.9;max-height:680px}.fo-story-copy h2{font-size:clamp(38px,4.8vw,78px);margin:25px 0}.fo-story-copy p{font-size:15px;line-height:1.9;max-width:370px;color:#bbada3}.fo-story-copy>span{display:block;font-size:9px;letter-spacing:.06em;color:#da9670;margin-top:38px}.fo-story-copy>small{color:#ef975e}.fo-reverse .fo-image{grid-column:1;grid-row:1}.fo-reverse .fo-story-copy{grid-column:2;grid-row:1}.fo-perspective{background:#0e0b09;color:#fff4e9;padding-bottom:110px}.fo-perspective .fo-heading>p{color:#bbada3}.fo-editorial{display:grid;grid-template-columns:1fr 1fr .85fr;gap:24px;align-items:center}.fo-editorial .fo-image{aspect-ratio:.75}.fo-editorial .fo-image:nth-child(2){margin-top:90px}.fo-editorial>div{padding-left:25px}.fo-editorial h3{font-size:clamp(27px,3vw,48px);margin:25px 0}.fo-editorial p{color:#bbada3;font-size:13px;line-height:1.8}.fo-editorial small{color:#ef975e;font-size:8px}.fo-process{padding-bottom:95px}.fo-process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding-top:65px}.fo-process h2{font-size:clamp(38px,4.5vw,75px)}.fo-process .fo-image{height:360px;margin-top:30px;mix-blend-mode:multiply}.fo-process ol{padding:0;margin:0;list-style:none}.fo-process li{display:grid;grid-template-columns:30px 1fr 20px;gap:18px;border-top:1px solid #d8d2cb;padding:30px 0}.fo-process li small{color:#b65420}.fo-process h3{font-size:27px}.fo-process li p{font-size:13px;line-height:1.8;color:#74716d;margin-top:15px}.fo-footer{background:#f87721;color:#211307;padding-bottom:28px}.fo-footer .fo-label i{background:#211307}.fo-footer h2{font-size:clamp(48px,8.2vw,145px);padding-top:70px}.fo-footer em{font-style:normal;color:#fff2df}.fo-footer-action{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:50px 0 80px}.fo-footer-action p{font-size:16px}.fo-footer-action a{font-size:18px;border-bottom:1px solid #70300b;padding:20px 0;min-width:330px;display:flex;justify-content:space-between;gap:25px}.fo-footer-bottom{border-top:1px solid #21130740;display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:9px}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav{height:64px!important;min-height:64px!important;padding:10px clamp(22px,5.9vw,112px)!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;isolation:isolate;overflow:visible!important;color:#22170e!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav:before{content:'';position:absolute;inset:0 0 -38px;z-index:-1;background:linear-gradient(#faf9f7f5,#faf9f7aa 45%,transparent);backdrop-filter:blur(18px);mask:linear-gradient(#000 35%,transparent)}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-emblem{background:#f87721!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-index{font-size:9px!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back{border:1px solid #fff!important;border-radius:30px!important;background:#ffffff99!important;backdrop-filter:blur(16px);padding:0 20px!important;min-height:42px!important;color:#22170e!important;font:11px FullstackSans,Arial!important;box-shadow:0 3px 14px #2113070a!important}
@media(min-width:1600px){.fo-bento-main{min-height:880px}.fo-bento-human,.fo-bento-data{min-height:460px}.fo-bento-wide{min-height:402px}}
@media(max-width:900px){.fo-heading{gap:30px}.fo-heading>p{max-width:250px}.fo-bento{grid-template-columns:1fr 1fr}.fo-bento-main{min-height:660px}.fo-bento-human,.fo-bento-data{min-height:320px}.fo-bento-wide{grid-column:1/-1;min-height:320px}.fo-editorial{grid-template-columns:1fr 1fr}.fo-editorial>div{grid-column:1/-1;padding:20px 0}.fo-editorial h3 br{display:none}.fo-story{gap:7%}.fo-process-layout{gap:6%}}
@media(max-width:600px){.fo-hero{padding-top:95px}.fo-meta span:nth-child(3){display:none}.fo-meta{font-size:8px}.fo-hero-layout{grid-template-columns:1fr;padding-top:45px;gap:30px}.fo-hero-copy h1{font-size:19vw}.fo-hero-copy>a{margin-top:22px}.fo-hero-art{width:100%;max-height:none}.fo-hero-bottom{font-size:7px}.fo-label{font-size:11px;gap:10px}.fo-label i{width:32px;height:32px}.fo-label small{font-size:7px}.fo-heading{display:block;padding:35px 0}.fo-heading>p{max-width:none;margin-top:25px}.fo-bento{gap:12px}.fo-bento article>div{padding:20px}.fo-bento-main{grid-column:1/-1;min-height:540px;grid-row:auto}.fo-bento h3{font-size:25px}.fo-bento-human,.fo-bento-data{min-height:350px}.fo-bento small{font-size:6px}.fo-bento-wide{min-height:290px}.fo-bento-wide>div{max-width:75%}.fo-intro{padding-bottom:55px}.fo-motion .fo-burn{height:280svh}.fo-burn-top{font-size:8px}.fo-story{grid-template-columns:1fr;padding:55px 0;gap:30px}.fo-reverse .fo-image,.fo-reverse .fo-story-copy{grid-column:auto;grid-row:auto}.fo-story h2{font-size:45px}.fo-story .fo-image{aspect-ratio:.9}.fo-story-copy p{font-size:14px}.fo-editorial{gap:12px}.fo-editorial .fo-image:nth-child(2){margin-top:45px}.fo-editorial h3{font-size:32px}.fo-process-layout{grid-template-columns:1fr;padding-top:40px}.fo-process .fo-image{height:250px}.fo-process ol{margin-top:30px}.fo-footer h2{font-size:12vw;padding-top:50px}.fo-footer-action{display:block;padding:30px 0 55px}.fo-footer-action a{min-width:0;margin-top:20px;font-size:15px}.fo-footer-bottom{font-size:7px;flex-wrap:wrap}.fo-stories,.fo-perspective{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.fo-page *{scroll-behavior:auto!important;transition:none!important}}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back:focus{outline:2px solid #e86a20!important;outline-offset:4px}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back:not(:focus-visible){outline:none!important}.fo-page .fo-label i,.fo-page .fo-symbol{width:54px;height:54px}.fo-stories .fo-image img{border-radius:22px}.fo-motion .fo-burn-layer p>span{display:inline-block}
@media(max-width:600px){.fo-hero{padding-top:70px}.fo-hero-layout{padding-top:32px}.fo-hero-copy h1{font-size:15.7vw;margin:20px 0 22px}.fo-hero-copy>p{font-size:14px}.fo-hero-copy>a{margin-top:15px}.fo-page .fo-label i,.fo-page .fo-symbol{width:42px;height:42px}.fo-bento-human,.fo-bento-data{grid-column:1/-1;min-height:440px}.fo-bento-human h3,.fo-bento-data h3{font-size:32px}}
/* Supplied motion artwork and the shared elliptical chapter transition. */
.fo-hero{position:relative;isolation:isolate;background:#fff;min-height:calc(100svh - 64px);overflow:hidden}.fo-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:scaleX(-1);z-index:-1;pointer-events:none}.fo-hero-layout{display:flex;min-height:640px}.fo-hero-copy{width:55%;max-width:810px}.fo-hero-copy h1{font-size:clamp(65px,7.7vw,145px)}.fo-hero-bottom{border:0}.fo-horizon{height:65svh;min-height:420px;position:relative;margin:-1px 0;background:radial-gradient(ellipse 80% 110% at 50% -20%,#0e0b09 0%,#0e0b09 38%,#3b190d 49%,#86320e 57%,#e76219 65%,#ffa652 74%,#ffe0b6 86%,#faf9f7 100%)}.fo-horizon:before,.fo-horizon:after{content:'';position:absolute;left:0;right:0;height:24%;pointer-events:none}.fo-horizon:before{top:0;background:linear-gradient(#0e0b09,transparent)}.fo-horizon:after{bottom:0;background:linear-gradient(transparent,#faf9f7)}.fo-horizon-in{transform:rotate(180deg)}.fo-display{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:90px}.fo-display .fo-image{aspect-ratio:1}.fo-display h2{font-size:clamp(32px,3.7vw,60px);margin:25px 0}.fo-display p{font-size:14px;color:#74716d}.fo-footer{background:#fff;color:#20170e;position:relative;padding-bottom:25px}.fo-footer .fo-label i{background:#ef6a19}.fo-footer h2{position:relative;z-index:1}.fo-footer em{color:#ed6718}.fo-footer-action{padding-bottom:25px}.fo-footer-action a{border-color:#a78c79}.fo-footer-film{display:block;width:calc(100% + 2*var(--fo-pad));max-width:none;margin:0 calc(-1*var(--fo-pad));aspect-ratio:3536/1760;height:auto;object-fit:contain;pointer-events:none}.fo-footer-bottom{padding-top:24px;border:0}
@media(max-width:900px){.fo-hero-layout{min-height:560px}.fo-hero-copy{width:65%}.fo-hero-copy h1{font-size:8.5vw}}
@media(max-width:600px){.fo-hero{padding-top:70px;min-height:0;padding-bottom:20px}.fo-hero-layout{min-height:0;display:block;padding:35px 0 0}.fo-hero-copy{width:100%}.fo-hero-copy h1{font-size:15.7vw}.fo-hero-film{position:relative;inset:auto;width:calc(100% + 44px);height:auto;aspect-ratio:3344/1872;order:2;margin:25px -22px 0;z-index:0}.fo-hero-bottom{order:3;margin-top:20px}.fo-horizon{height:45svh;min-height:300px;background-size:155% 100%;background-position:center}.fo-display{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.fo-display h2{font-size:35px}.fo-footer-action{padding-bottom:10px}.fo-footer-film{margin-top:20px}.fo-footer-bottom{padding-top:15px}}
/* Reference texture: eight progressive backdrop layers, independently masked. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav{isolation:isolate;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;z-index:20!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav:before{display:none!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav>.fo-gradient-blur{position:absolute;inset:0 0 -65px;z-index:-1;pointer-events:none;overflow:hidden}.fo-gradient-blur>i{position:absolute;inset:0;display:block;backdrop-filter:blur(var(--glass-blur)) saturate(125%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);mask-image:linear-gradient(to bottom,#000 0%,#000 var(--glass-stop),transparent var(--glass-end));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav>.fo-gradient-blur:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(250,249,247,.82),rgba(250,249,247,.58) 30%,rgba(250,249,247,.13) 66%,transparent 100%);pointer-events:none}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back{position:relative;isolation:isolate;overflow:hidden;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.62)!important;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.13) 48%,rgba(237,232,226,.28))!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 2px rgba(89,69,48,.09),0 4px 14px rgba(40,27,14,.07)!important;min-height:44px!important;padding:0 22px!important;text-transform:none!important;font:12px FullstackSans,Arial,sans-serif!important;transition:box-shadow .25s,background .25s}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back>.fo-gradient-blur{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;overflow:hidden;font-size:0!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back .fo-gradient-blur>i{backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end));-webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back:hover{box-shadow:inset 0 1px 2px #fff,0 5px 20px #281b1418!important;background:linear-gradient(145deg,#ffffffb3,#ffffff40 55%,#eee8e052)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-index{color:#49423d!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back:focus-visible{outline:2px solid #e86a20!important;outline-offset:4px!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back:not(:focus-visible){outline:none!important}@media(max-width:600px){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav>.fo-gradient-blur{bottom:-48px}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back{padding:0 18px!important}}@supports not (backdrop-filter:blur(1px)){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav>.fo-gradient-blur{background:linear-gradient(#faf9f7f5,#faf9f7c9 50%,transparent)}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-back{background:#faf9f7e6!important}}
/* Complete navigation in a contained smoky-glass surface. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{top:16px;width:calc(100% - 48px)!important;margin:16px 24px -80px!important;height:64px!important;min-height:64px!important;padding:8px 12px!important;gap:20px;border:1px solid #ffffff1c!important;border-radius:34px!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff18,inset 0 -1px 0 #ffffff0a,0 8px 32px #100a0714!important;background:linear-gradient(120deg,#302c29b8,#171717b0 55%,#332d29bf)!important;isolation:isolate}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur{inset:-1px!important;border-radius:34px;overflow:hidden;z-index:-1}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:linear-gradient(115deg,#ffffff0c,transparent 36%,#ffffff05 65%,#ffffff10)!important;border-radius:inherit}.fo-full-nav>.fo-gradient-blur>i{mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end));-webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end));backdrop-filter:blur(var(--glass-blur)) saturate(115%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(115%)}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back{color:#fff!important;background:linear-gradient(120deg,#ffffff14,#ffffff04 60%,#ffffff0c)!important;border:1px solid #ffffff1c!important;box-shadow:inset 0 1px 1px #ffffff14!important;min-height:46px!important;padding:0 20px!important;font-size:12px!important;gap:12px}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back:hover{background:#ffffff20!important}.fo-nav-brand{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0}.fo-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:36px;flex:1}.fo-full-nav a{font:12px FullstackSans,Arial,sans-serif;color:#f8f6f3;text-decoration:none;white-space:nowrap}.fo-nav-links>a:not(.fo-nav-project){opacity:.7;transition:opacity .2s}.fo-nav-links>a:hover,.fo-nav-links>a[aria-current]{opacity:1}.fo-nav-links .fo-nav-project{display:flex;align-items:center;gap:35px;border:1px solid #ffffff24;border-radius:24px;padding:13px 21px;background:linear-gradient(140deg,#ffffff20,#ffffff07);box-shadow:inset 0 1px 0 #ffffff14}.fo-nav-project:hover{background:#ffffff22}.fo-nav-toggle{display:none}.fo-full-nav :is(a,button):focus-visible{outline:2px solid #ffb27c!important;outline-offset:3px!important}.fo-full-nav .sx-emblem{width:30px!important;height:30px!important}.fo-hero{padding-top:130px}
@media(max-width:760px){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{top:12px;width:calc(100% - 24px)!important;margin:12px 12px -76px!important;gap:14px}.fo-nav-brand{margin-right:auto}.fo-nav-toggle{display:flex;align-items:center;gap:18px;border:1px solid #ffffff20;border-radius:25px;padding:12px 18px;background:#ffffff0c;color:#fff;font:12px FullstackSans,Arial!important}.fo-nav-toggle span{font-size:18px}.fo-nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:24px;border:1px solid #ffffff20;border-radius:28px;background:linear-gradient(145deg,#302c29e8,#171717e6);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:inset 0 1px 0 #ffffff10,0 15px 40px #0002;align-items:stretch;gap:0}.fo-menu-open .fo-nav-links{display:flex;flex-direction:column}.fo-nav-links>a:not(.fo-nav-project){padding:16px 4px;font-size:17px;border-bottom:1px solid #ffffff12}.fo-nav-links .fo-nav-project{margin-top:20px;justify-content:space-between}.fo-menu-open .fo-nav-toggle span{transform:rotate(45deg)}.fo-hero{padding-top:115px}}

/* Source: 21st.dev/@pate1kiran/components/progressive-blur-modal.
   Original warm surface, inset light and radial mask stops; live backdrop added for navigation. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:rgba(22,22,22,.94)!important;border:2px solid rgb(35,33,32)!important;box-shadow:inset 0 0 150px rgb(52,46,45)!important;border-radius:32px!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.075),transparent 68%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back{background:rgb(39,35,34)!important;border:2px solid rgba(255,255,255,.04)!important;box-shadow:inset 0 0 48px rgba(255,255,255,.035)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back:hover{background:rgb(39,35,34)!important;box-shadow:inset 0 0 64px rgba(255,255,255,.075)!important}.fo-full-nav .fo-nav-project{background:transparent;border:2px solid rgba(255,255,255,.04);box-shadow:inset 0 0 64px rgba(255,255,255,.075)}.fo-full-nav .fo-nav-project:hover{background:rgba(255,255,255,.05)}.fo-full-nav .fo-gradient-blur>i{transition:.4s ease-out;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(1){z-index:1;mask-image:radial-gradient(circle,transparent 21%,#000 29%)!important;-webkit-mask-image:radial-gradient(circle,transparent 21%,#000 29%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(2){z-index:2;mask-image:radial-gradient(circle,transparent 29%,#000 37%)!important;-webkit-mask-image:radial-gradient(circle,transparent 29%,#000 37%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(3){z-index:3;mask-image:radial-gradient(circle,transparent 37%,#000 45%)!important;-webkit-mask-image:radial-gradient(circle,transparent 37%,#000 45%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(4){z-index:4;mask-image:radial-gradient(circle,transparent 45%,#000 53%)!important;-webkit-mask-image:radial-gradient(circle,transparent 45%,#000 53%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(5){z-index:5;mask-image:radial-gradient(circle,transparent 53%,#000 61%)!important;-webkit-mask-image:radial-gradient(circle,transparent 53%,#000 61%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(6){z-index:6;mask-image:radial-gradient(circle,transparent 61%,#000 69%)!important;-webkit-mask-image:radial-gradient(circle,transparent 61%,#000 69%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(7){z-index:7;mask-image:radial-gradient(circle,transparent 69%,#000 77%)!important;-webkit-mask-image:radial-gradient(circle,transparent 69%,#000 77%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(8){z-index:8;mask-image:radial-gradient(circle,transparent 77%,#000 85%)!important;-webkit-mask-image:radial-gradient(circle,transparent 77%,#000 85%)!important}@media(max-width:760px){.fo-nav-links{background:rgb(22,22,22);border:2px solid rgb(35,33,32);box-shadow:inset 0 0 150px rgb(52,46,45)}.fo-nav-toggle{background:rgb(39,35,34);border:2px solid #ffffff0a}}/* Blue progressive glass: clear upper edge, soft diffused lower edge. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:linear-gradient(115deg,rgba(19,49,148,.82),rgba(38,82,201,.65) 48%,rgba(74,119,234,.53))!important;border:1px solid rgba(191,218,255,.38)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(238,247,255,.38),inset 0 -1px 0 rgba(137,188,255,.12),0 10px 30px rgba(18,56,142,.10)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur{inset:0 0 -18px!important;border-radius:22px 22px 30px 30px;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:linear-gradient(120deg,rgba(108,166,255,.15),rgba(52,106,224,.10) 50%,rgba(187,219,255,.16))!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-gradient-blur>i:nth-child(n){mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))!important;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))!important;backdrop-filter:blur(var(--glass-blur)) saturate(130%)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%)!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back{border:1px solid rgba(210,231,255,.38)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(189,220,255,.24),rgba(92,151,248,.09) 60%,rgba(154,198,255,.16))!important;box-shadow:inset 0 1px 0 rgba(243,249,255,.3),0 3px 10px rgba(12,38,112,.1)!important;color:#fff!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back:hover{background:linear-gradient(145deg,#d3eaff50,#73adff26)!important;box-shadow:inset 0 1px 0 #eff8ff66!important}.fo-full-nav .fo-nav-project{border:1px solid #d5e9ff66;border-radius:16px;background:linear-gradient(130deg,#e5f2ff33,#a1ceff14);box-shadow:inset 0 1px 0 #f0f8ff40;color:#fff}.fo-full-nav .fo-nav-project:hover{background:#d6eaff40}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-emblem{background:#fff!important}.fo-full-nav .fo-nav-links>a:not(.fo-nav-project){opacity:.84}.fo-full-nav .fo-nav-links>a:hover,.fo-full-nav .fo-nav-links>a[aria-current]{opacity:1}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav :is(a,button):focus-visible{outline:2px solid #d8eeff!important;outline-offset:3px!important}
@media(max-width:760px){.fo-full-nav .fo-nav-links{background:linear-gradient(135deg,rgba(18,48,143,.94),rgba(58,108,222,.83));border:1px solid #c4e0ff55;border-radius:22px;backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);box-shadow:inset 0 1px 0 #eff8ff33,0 16px 36px #15357925}.fo-nav-toggle{background:linear-gradient(135deg,#d3eaff30,#86b9ff10);border:1px solid #cce4ff55;border-radius:16px}.fo-full-nav .fo-nav-links>a:not(.fo-nav-project){border-color:#c1dfff24}}

.sx-world-web-design{--glass-hue:220}.sx-world-ecommerce{--glass-hue:125}.sx-world-full-stack{--glass-hue:25}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:linear-gradient(115deg,hsla(var(--glass-hue),77%,33%,.82),hsla(var(--glass-hue),70%,47%,.65) 48%,hsla(var(--glass-hue),78%,60%,.53))!important;border-color:hsla(var(--glass-hue),90%,84%,.38)!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:linear-gradient(120deg,hsla(var(--glass-hue),100%,72%,.15),hsla(var(--glass-hue),75%,55%,.10) 50%,hsla(var(--glass-hue),100%,87%,.16))!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back,:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-nav-project{background:linear-gradient(145deg,hsla(var(--glass-hue),100%,87%,.24),hsla(var(--glass-hue),90%,65%,.09) 60%,hsla(var(--glass-hue),100%,80%,.16))!important;border-color:#ffffff60!important;color:#fff!important}
.fo-full-nav>.w5-nav-blur,.fo-full-nav>.cg-nav-blur,.fo-full-nav .sx-back>.w5-nav-blur,.fo-full-nav .sx-back>.cg-nav-blur{display:none!important}
@media(max-width:760px){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-links{background:linear-gradient(135deg,hsla(var(--glass-hue),77%,30%,.94),hsla(var(--glass-hue),72%,52%,.83))!important}.fo-full-nav .fo-nav-toggle{background:#ffffff18;border-color:#ffffff55}}
/* Clear blue navigation on every page; reference expanding buttons retain service colours. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:linear-gradient(115deg,rgba(34,88,210,.63),rgba(79,143,241,.40) 52%,rgba(141,191,255,.32))!important;border-color:#d5e9ff77!important;box-shadow:inset 0 1px 0 #f0f8ff66,0 8px 28px #164faa14!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:linear-gradient(120deg,#8bbaff22,#5595ec15 55%,#d4e9ff22)!important}
.sx-world-web-design{--button-from:#c0c7ff;--button-to:#4c64ff;--button-border:#656fe2}.sx-world-ecommerce{--button-from:#bde9c4;--button-to:#258644;--button-border:#59a570}.sx-world-full-stack{--button-from:#ffd0ad;--button-to:#d45c13;--button-border:#e59455}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-expand{position:relative!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;flex:none;overflow:hidden!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:999px!important;border:2px solid var(--button-border)!important;background:linear-gradient(to right,var(--button-from),var(--button-to))!important;box-shadow:none!important;color:#fff!important;transition:width .3s ease!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-expand:hover,:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-expand:focus-visible{width:128px!important;background:linear-gradient(to right,var(--button-from),var(--button-to))!important;box-shadow:none!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-project.fo-expand:hover,:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-project.fo-expand:focus-visible{width:174px!important}
.fo-full-nav .fo-expand .fo-expand-label{display:inline-flex;white-space:nowrap;opacity:0;transform:translateX(0);transition:opacity .2s,transform .2s;font:12px FullstackSans,Arial,sans-serif!important}.fo-full-nav .fo-expand:is(:hover,:focus-visible) .fo-expand-label{opacity:1;transform:translateX(-12px)}.fo-full-nav .fo-expand .fo-expand-icon{position:absolute;right:12px;width:20px;height:20px;flex:none}.fo-full-nav .sx-back.fo-expand .fo-expand-icon{transform:rotate(180deg)}.fo-full-nav .fo-expand>.fo-gradient-blur{display:none!important}
@media(max-width:760px){.fo-full-nav .fo-nav-links{background:linear-gradient(135deg,#2258d2eb,#4f8ff1d9)!important;border-color:#d5e9ff66!important}.fo-full-nav .fo-nav-toggle{background:#c4deff20!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-project.fo-expand{width:174px!important;align-self:flex-end}.fo-full-nav .fo-nav-project.fo-expand .fo-expand-label{opacity:1;transform:translateX(-12px)}}
@media(hover:none){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back.fo-expand{width:104px!important}.fo-full-nav .sx-back.fo-expand .fo-expand-label{opacity:1;transform:translateX(-12px)}}
@media(prefers-reduced-motion:reduce){.fo-full-nav .fo-expand,.fo-full-nav .fo-expand-label{transition:none!important}}
/* Navigation backdrop: strongest at the controls, progressively clear below. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:linear-gradient(115deg,rgba(49,106,212,.36),rgba(129,181,248,.20) 55%,rgba(193,220,255,.16))!important;backdrop-filter:blur(20px) saturate(115%)!important;-webkit-backdrop-filter:blur(20px) saturate(115%)!important;border-color:rgba(220,237,255,.5)!important;overflow:visible!important;box-shadow:inset 0 1px 0 #f4f9ff55,0 5px 24px #2659950d!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur{inset:-16px -24px -56px!important;border-radius:0!important;overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important;pointer-events:none}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur>i:nth-child(n){mask-image:linear-gradient(to bottom,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--glass-stop),transparent var(--glass-end))!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:linear-gradient(to bottom,rgba(186,214,255,.2),rgba(169,205,255,.12) 40%,transparent 95%)!important;border-radius:0!important}
@media(max-width:760px){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur{inset:-12px -12px -42px!important}}
/* Neutral navigation glass: no colour tint, only backdrop blur. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.32)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:inset 0 1px 0 #ffffff33,0 5px 24px #00000008!important;color:#181818!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur:after{background:none!important}
.fo-full-nav .fo-nav-links>a:not(.fo-nav-project){color:#181818!important;opacity:1;text-shadow:0 1px 10px #ffffff88}.fo-full-nav .fo-nav-brand .sx-emblem{background:#181818!important}.fo-full-nav .fo-nav-toggle{color:#181818!important;background:#ffffff18!important;border-color:#ffffff66!important}
@media(max-width:760px){:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-links{background:rgba(245,245,245,.72)!important;border-color:#ffffff66!important;backdrop-filter:blur(32px)!important;-webkit-backdrop-filter:blur(32px)!important;box-shadow:inset 0 1px 0 #ffffff44,0 12px 32px #00000012!important}.fo-full-nav .fo-nav-links>a:not(.fo-nav-project){border-color:#00000012!important}}
/* j-2 header layout and glass recipe: full bleed, one control at each edge. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{position:sticky!important;top:0!important;left:0!important;width:100%!important;height:72px!important;min-height:72px!important;margin:0!important;padding:12px clamp(22px,5.9vw,112px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;background:rgba(255,255,255,.38)!important;backdrop-filter:blur(14px) saturate(160%)!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important;box-shadow:none!important;overflow:visible!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav>.fo-gradient-blur{display:none!important}.fo-full-nav .fo-nav-brand{margin:0 0 0 auto!important;width:40px;height:40px}.sx-world-web-design .fo-full-nav .sx-emblem{background:#1500ff!important}.sx-world-ecommerce .fo-full-nav .sx-emblem{background:#329c27!important}.sx-world-full-stack .fo-full-nav .sx-emblem{background:#ef6a19!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back.fo-expand{width:128px!important}.fo-full-nav .sx-back.fo-expand .fo-expand-label{opacity:1!important;transform:translateX(-12px)!important}.fo-hero{padding-top:65px}@media(max-width:600px){.fo-hero{padding-top:35px}}
/* j-2 dark glass tint. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{background:rgba(16,16,16,.55)!important;border-bottom-color:rgba(255,255,255,.09)!important;color:#fff!important;backdrop-filter:blur(14px) saturate(160%)!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important}
/* Originkit Starfield button, adapted from /nutton without React. */
.sx-world-web-design{--star-color:#7782ff}.sx-world-ecommerce{--star-color:#70ed8c}.sx-world-full-stack{--star-color:#fc731c}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back.fo-starfield{position:relative!important;isolation:isolate;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:142px!important;height:48px!important;min-height:48px!important;padding:0 19px!important;border:1px dotted #ffffff24!important;border-radius:24px!important;background:#000!important;box-shadow:none!important;overflow:hidden!important;color:white!important;transition:box-shadow .6s cubic-bezier(.44,0,.56,1)!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .sx-back.fo-starfield:hover{background:#000!important;box-shadow:inset 0 0 16px color-mix(in srgb,var(--star-color) 45%,transparent)!important}.fo-starfield-label{font:12px FullstackSans,Arial!important;position:relative;z-index:3}.fo-starfield-icon{order:-1;transform:rotate(180deg);position:relative;z-index:3;flex:none}.fo-starfield canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.fo-starfield-rim{position:absolute;inset:0;border-radius:inherit;padding:2px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:2}.fo-starfield-light{position:absolute;left:0;top:0;width:96px;height:96px;margin:-48px;background:radial-gradient(circle,var(--star-color) 0%,var(--star-color) 30%,transparent 72%)}.fo-starfield>.fo-gradient-blur{display:none!important}
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-brand{mix-blend-mode:difference!important;isolation:auto!important}:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .fo-full-nav .fo-nav-brand .sx-emblem{background:#fff!important;filter:none!important}

.sx-world-digital{--star-color:#a995ff}.fo-starfield-rim{opacity:0;transition:opacity .25s}.fo-starfield:hover .fo-starfield-rim{opacity:1}@media(prefers-reduced-motion:reduce){.fo-starfield-rim{transition:none}}

/* Actual j-2 ShinyButton styling. */

        @property --gradient-angle {
          syntax: "<angle>";
          initial-value: 0deg;
          inherits: false;
        }

        @property --gradient-angle-offset {
          syntax: "<angle>";
          initial-value: 0deg;
          inherits: false;
        }

        @property --gradient-percent {
          syntax: "<percentage>";
          initial-value: 5%;
          inherits: false;
        }

        @property --gradient-shine {
          syntax: "<color>";
          initial-value: white;
          inherits: false;
        }

        /* Rainbow cycle: animatable hue the shine colors derive from */
        @property --shiny-hue {
          syntax: "<angle>";
          initial-value: 220deg;
          inherits: false;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny {
          --shiny-cta-bg: #000000;
          --shiny-cta-bg-subtle: #1a1818;
          --shiny-cta-fg: #ffffff;
          --shiny-cta-highlight: hsl(var(--shiny-hue) 95% 55%);
          --shiny-cta-highlight-subtle: hsl(calc(var(--shiny-hue) + 40deg) 100% 78%);
          --animation: gradient-angle linear infinite;
          --duration: 5s;
          --shadow-size: 2px;
          --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);

          isolation: isolate;
          position: relative;
          overflow: hidden;
          cursor: pointer;
          outline-offset: 4px;
          padding: 0.8rem 1.6rem;
          /* Global button/UI font — matches the navbar section links
             (source of truth). Size/weight/padding unchanged. */
          font-family: "Clash Display", sans-serif;
          font-size: 1rem;
          line-height: 1.2;
          font-weight: 500;
          border: 1px solid transparent;
          border-radius: 999px;
          color: var(--shiny-cta-fg);
          background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
            conic-gradient(
              from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
              transparent,
              var(--shiny-cta-highlight) var(--gradient-percent),
              var(--gradient-shine) calc(var(--gradient-percent) * 2),
              var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
              transparent calc(var(--gradient-percent) * 4)
            ) border-box;
          box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
          transition: var(--transition);
          transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny::before,
        :is(.fo-full-nav,.jm-bar) .j2-shiny::after,
        :is(.fo-full-nav,.jm-bar) .j2-shiny span::before {
          content: "";
          pointer-events: none;
          position: absolute;
          inset-inline-start: 50%;
          inset-block-start: 50%;
          translate: -50% -50%;
          z-index: -1;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny:active {
          translate: 0 1px;
        }

        /* Dots pattern */
        :is(.fo-full-nav,.jm-bar) .j2-shiny::before {
          --size: calc(100% - var(--shadow-size) * 3);
          --position: 2px;
          --space: calc(var(--position) * 2);
          width: var(--size);
          height: var(--size);
          background: radial-gradient(
            circle at var(--position) var(--position),
            white calc(var(--position) / 4),
            transparent 0
          ) padding-box;
          background-size: var(--space) var(--space);
          background-repeat: space;
          mask-image: conic-gradient(
            from calc(var(--gradient-angle) + 45deg),
            black,
            transparent 10% 90%,
            black
          );
          border-radius: inherit;
          opacity: 0.4;
          z-index: -1;
        }

        /* Inner shimmer */
        :is(.fo-full-nav,.jm-bar) .j2-shiny::after {
          --animation: shimmer linear infinite;
          width: 100%;
          aspect-ratio: 1;
          background: linear-gradient(
            -50deg,
            transparent,
            var(--shiny-cta-highlight),
            transparent
          );
          mask-image: radial-gradient(circle at bottom, transparent 40%, black);
          opacity: 0;
          transition: opacity var(--transition);
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny span {
          z-index: 1;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny span::before {
          --size: calc(100% + 1rem);
          width: var(--size);
          height: var(--size);
          box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
          opacity: 0;
          transition: opacity var(--transition);
          animation: calc(var(--duration) * 1.5) breathe linear infinite;
        }

        /* Animate */
        :is(.fo-full-nav,.jm-bar) .j2-shiny,
        :is(.fo-full-nav,.jm-bar) .j2-shiny::before,
        :is(.fo-full-nav,.jm-bar) .j2-shiny::after {
          animation: var(--animation) var(--duration),
            var(--animation) calc(var(--duration) / 0.4) reverse,
            hue-cycle 15s linear infinite;
          animation-composition: add;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible) {
          --gradient-percent: 20%;
          --gradient-angle-offset: 95deg;
          --gradient-shine: var(--shiny-cta-highlight-subtle);
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible),
        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible)::before,
        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible)::after {
          animation-play-state: running;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible) span::before {
          opacity: 1;
        }

        :is(.fo-full-nav,.jm-bar) .j2-shiny:is(:hover, :focus-visible)::after {
          opacity: 0.6;
        }

        @keyframes gradient-angle {
          to {
            --gradient-angle: 360deg;
          }
        }

        /* Full rainbow sweep; +360deg loops seamlessly back to the base hue */
        @keyframes hue-cycle {
          from {
            --shiny-hue: 0deg;
          }
          to {
            --shiny-hue: 360deg;
          }
        }

        @keyframes shimmer {
          to {
            rotate: 360deg;
          }
        }

        @keyframes breathe {
          from, to {
            scale: 1;
          }
          50% {
            scale: 1.2;
          }
        }
      
:is(.sx-world-full-stack .fo-full-nav,.sx-world-web-design .fo-full-nav,.sx-world-ecommerce .fo-full-nav,.sx-world-digital .fo-full-nav,.jm-bar) .sx-back.j2-shiny{background:linear-gradient(#000,#000) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box!important;border:1px solid transparent!important;box-shadow:inset 0 0 0 1px #1a1818!important;border-radius:999px!important;padding:.8rem 1.6rem!important;min-height:46px!important;color:#fff!important;font:500 14px FullstackSans,Arial,sans-serif!important;overflow:hidden!important}:is(.fo-full-nav,.jm-bar) .j2-shiny>span{font-size:14px!important;display:flex;align-items:center;gap:12px}:is(.fo-full-nav,.jm-bar) .j2-shiny svg{width:20px;height:20px}:is(.fo-full-nav,.jm-bar) .j2-shiny,:is(.fo-full-nav,.jm-bar) .j2-shiny:before,:is(.fo-full-nav,.jm-bar) .j2-shiny:after,:is(.fo-full-nav,.jm-bar) .j2-shiny span:before{animation-play-state:paused}:is(.fo-full-nav,.jm-bar) .j2-shiny:hover,:is(.fo-full-nav,.jm-bar) .j2-shiny:hover:before,:is(.fo-full-nav,.jm-bar) .j2-shiny:hover:after,:is(.fo-full-nav,.jm-bar) .j2-shiny:hover span:before{animation-play-state:running}:is(.fo-full-nav,.jm-bar) .j2-shiny:not(:hover){--gradient-percent:5%;--gradient-angle-offset:0deg;--gradient-shine:white}:is(.fo-full-nav,.jm-bar) .j2-shiny:not(:hover):after,:is(.fo-full-nav,.jm-bar) .j2-shiny:not(:hover) span:before{opacity:0}:is(.fo-full-nav,.jm-bar) .j2-shiny>.fo-gradient-blur{display:none!important}@media(prefers-reduced-motion:reduce){:is(.fo-full-nav,.jm-bar) .j2-shiny,:is(.fo-full-nav,.jm-bar) .j2-shiny:before,:is(.fo-full-nav,.jm-bar) .j2-shiny:after,:is(.fo-full-nav,.jm-bar) .j2-shiny span:before{animation:none!important;transition:none!important}}
/* Shared service navigation: borderless, fixed-accent hover treatment. */
.sx-world-web-design,.sx-world-digital{--service-button-accent:#1500ff}
.sx-world-ecommerce{--service-button-accent:#72e52b}
.sx-world-full-stack{--service-button-accent:#f96c16}
:is(.sx-world-full-stack .fo-full-nav,.sx-world-web-design .fo-full-nav,.sx-world-ecommerce .fo-full-nav,.sx-world-digital .fo-full-nav,.jm-bar) .sx-back.j2-shiny{
 --shiny-cta-highlight:var(--service-button-accent);--shiny-cta-highlight-subtle:var(--service-button-accent);
 border:0!important;box-shadow:none!important;background:#080808!important;outline:none!important;animation:none!important;
}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::before{animation:gradient-angle 5s linear infinite!important;animation-play-state:paused!important}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::after{animation:shimmer 5s linear infinite!important;animation-play-state:paused!important}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny span::before{animation:breathe 7.5s linear infinite!important;animation-play-state:paused!important}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny:hover::before,:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny:hover::after,:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny:hover span::before{animation-play-state:running!important}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny:focus-visible>span{text-decoration:underline;text-underline-offset:5px}
/* Every opening composition fits below the shared 72px navigation. */
.sx-world .w5-page .w5-hero,.sx-world .cg-hero,.sx-world .fo-hero{
 height:calc(100svh - 72px)!important;min-height:0!important;box-sizing:border-box;
}
.sx-world .w5-film,.sx-world .cg-hero-film,.sx-world .fo-hero-film{
 position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
.sx-world .w7-hero-copy,.sx-world .cg-hero-copy{top:21%!important}
.sx-world .w7-hero-copy h1{font-size:clamp(48px,min(7vw,11svh),125px)!important}
.sx-world .cg-hero-copy h1{font-size:clamp(48px,min(7.5vw,11svh),135px)!important}
.sx-world .fo-hero{padding-top:30px!important}
.sx-world .fo-hero-layout{min-height:0!important;height:calc(100% - 80px);padding-top:0;align-items:center}
.sx-world .fo-hero-copy h1{font-size:clamp(48px,min(7.7vw,12svh),145px)}
.sx-world .fo-hero-bottom{position:absolute;bottom:25px;left:var(--fo-pad);right:var(--fo-pad);margin:0}
.sx-world .dx-hero{height:calc(100svh - 72px);min-height:0;display:flex;flex-direction:column;padding-top:26px;padding-bottom:26px}
.sx-world .dx-hero h1{font-size:clamp(48px,min(10.7vw,15svh),178px);margin:28px 0 24px}
.sx-world .dx-hero-bottom{flex:1;min-height:0}
.sx-world .dx-art{height:100%;max-height:280px;min-height:0}
.sx-world .dx-art video{object-fit:contain}
@media(max-width:600px){
 .sx-world .w7-hero-copy,.sx-world .cg-hero-copy{top:13%!important}
 .sx-world .w7-hero-copy h1,.sx-world .cg-hero-copy h1{font-size:clamp(34px,min(13vw,8svh),64px)!important}
 .sx-world .w7-hero-description,.sx-world .cg-hero-copy>p:last-child{margin-top:18px!important}
 .sx-world .fo-hero-layout{display:flex;padding-top:0!important;height:calc(100% - 55px)}
 .sx-world .fo-hero-copy{width:100%}
 .sx-world .fo-hero-copy h1{font-size:min(15.7vw,9svh)}
 .sx-world .fo-hero-film{z-index:-1!important}
 .sx-world .dx-hero h1{font-size:11.6vw;margin:24px 0 20px}
 .sx-world .dx-hero-bottom{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .sx-world .dx-art{height:auto;flex:1;max-height:230px}
 .sx-world .dx-hero-copy h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::before,:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::after,:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny span::before{animation:none!important}}
/* Prevent older page-specific glass overlays and text styles replacing the shared nav. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav::before,
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav::after{display:none!important}
:is(.sx-world-full-stack .fo-full-nav,.sx-world-web-design .fo-full-nav,.sx-world-ecommerce .fo-full-nav,.sx-world-digital .fo-full-nav,.jm-bar) .sx-back.j2-shiny>span{font:500 14px FullstackSans,Arial,sans-serif!important;color:#fff!important;mix-blend-mode:normal!important}
@media(max-width:600px){
 .sx-world .fo-hero-layout{height:auto;padding-top:65px!important;align-items:flex-start}
 .sx-world .w5-film,.sx-world .cg-hero-film,.sx-world .fo-hero-film{object-position:center 83%!important}
}
.fo-full-nav .w7-progressive-blur,.fo-full-nav .fo-gradient-blur{display:none!important}
/* Full-viewport service heroes; navigation overlays the opening frame. */
:is(.sx-world-full-stack,.sx-world-web-design,.sx-world-ecommerce,.sx-world-digital) .sx-world-nav.fo-full-nav{margin-bottom:-72px!important;z-index:100!important}
.sx-world .w5-page .w5-hero,.sx-world .cg-hero,.sx-world .fo-hero,.sx-world .dx-hero{height:100svh!important;min-height:0!important;width:100%;box-sizing:border-box}
.sx-world .w5-film,.sx-world .cg-hero-film,.sx-world .fo-hero-film{object-fit:cover!important;object-position:center!important}
.sx-world .w5-hero-top,.sx-world .cg-hero-meta{top:104px!important}
.sx-world .w7-hero-copy,.sx-world .cg-hero-copy{top:26%!important}
.sx-world .fo-hero{padding-top:102px!important}
.sx-world .dx-hero{padding-top:98px!important}
@media(max-width:600px){
 .sx-world .w5-hero-top,.sx-world .cg-hero-meta{top:96px!important}
 .sx-world .w7-hero-copy,.sx-world .cg-hero-copy{top:23%!important}
 .sx-world .fo-hero{padding-top:100px!important}
 .sx-world .fo-hero-layout{padding-top:42px!important}
 .sx-world .dx-hero{padding-top:94px!important}
}
/* Shared finishing: continuous colour joins, idle light sweep and video contact chapters. */
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::before{
 content:''!important;position:absolute!important;inset:0!important;top:0!important;left:0!important;
 width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important;translate:none!important;
 padding:1.5px!important;border-radius:inherit!important;box-sizing:border-box!important;
 background:conic-gradient(from var(--gradient-angle),transparent 0% 72%,var(--service-button-accent) 84%,#fff 89%,var(--service-button-accent) 94%,transparent 100%)!important;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
 -webkit-mask-composite:xor!important;mask-composite:exclude!important;
 opacity:.8!important;z-index:0!important;animation:gradient-angle 5s linear infinite!important;animation-play-state:running!important;
}
:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny:hover::before{opacity:1!important}
/* Solid colour endpoints across the entire width; no tinted corners at the joins. */
.cg-horizon{--join-dark:#070c09;--join-paper:#fafafa;--join-deep:#123315;--join-mid:#439b29;--join-light:#b9e69a}
.fo-horizon{--join-dark:#0e0b09;--join-paper:#faf9f7;--join-deep:#86320e;--join-mid:#ed7925;--join-light:#ffe0b6}
.dp-horizon{--join-dark:#11080f;--join-paper:#faf8f9;--join-deep:#8c0e4e;--join-mid:#f33b91;--join-light:#ffc8e1}
:is(.cg-horizon,.fo-horizon,.dp-horizon){
 background:linear-gradient(var(--join-dark),transparent 32% 65%,var(--join-paper)),radial-gradient(ellipse 88% 130% at 50% -26%,var(--join-dark) 0% 37%,var(--join-deep) 49%,var(--join-mid) 62%,var(--join-light) 77%,var(--join-paper) 100%)!important;
 border:0!important;box-shadow:none!important;width:calc(100% + 4px);max-width:none;margin:-2px -2px;overflow:hidden;
}
:is(.cg-horizon,.fo-horizon,.dp-horizon)::before{height:25%;background:linear-gradient(var(--join-dark) 0%,transparent 100%)!important}
:is(.cg-horizon,.fo-horizon,.dp-horizon)::after{height:30%;background:linear-gradient(transparent,var(--join-paper) 100%)!important}
.w6-atmosphere{border:0!important;box-shadow:none!important;width:calc(100% + 4px);max-width:none;margin-left:-2px;margin-right:-2px;margin-top:-2px;margin-bottom:-2px;overflow:hidden}
.w6-atmosphere-field{background:linear-gradient(#08090c,transparent 32% 65%,#fafafa),radial-gradient(ellipse 88% 130% at 50% -26%,#08090c 0% 37%,#21136b 49%,#4389e8 62%,#b3ddff 77%,#fafafa 100%)!important;inset:0!important;transform:none!important}
:is(.dp-page,.fo-page,.cg-page,.w5-page)>section{border-top:0!important;border-bottom:0!important}
/* Match the web-design contact chapter: full background film, heading, action row, caption. */
.sx-world :is(.cg-footer,.fo-footer,.dp-footer){position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#111;min-height:90svh;padding-top:60px;padding-bottom:30px}
.sx-world :is(.cg-footer,.fo-footer,.dp-footer)>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;object-fit:cover;object-position:center;z-index:-2}
.sx-world :is(.cg-footer,.fo-footer,.dp-footer)>:is(.cg-label,.fo-label,.dp-label){padding-top:0;margin-bottom:48px}
.sx-world :is(.cg-footer,.fo-footer,.dp-footer)>h2{font-size:clamp(60px,8.7vw,150px);font-weight:600;line-height:.98;letter-spacing:-.065em;margin:75px 0 55px;padding:0;color:#111}
.sx-world :is(.cg-footer,.fo-footer,.dp-footer)>h2 :is(span,em){color:inherit;font-style:normal}
.sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action){display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #1115;margin:0;padding:30px 0 0}
.sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>p{font-size:15px;line-height:1.5}
.sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>a{display:flex;align-items:center;gap:60px;min-width:0;border:0;border-radius:50px;padding:22px 28px;background:#111;color:#fff;font-size:15px;transition:background .25s,transform .25s}
.sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>a:hover{background:#333;transform:translateY(-3px)}
.sx-world :is(.cg-footer-bottom,.fo-footer-bottom,.dp-footer-bottom){margin-top:85px;padding-top:18px;border:0;font-size:10px;color:#111;mix-blend-mode:normal}
@media(max-width:600px){
 .sx-world :is(.cg-footer,.fo-footer,.dp-footer){min-height:740px;padding-top:60px;padding-bottom:30px}
 .sx-world :is(.cg-footer,.fo-footer,.dp-footer)>h2{font-size:13vw;margin:55px 0 40px}
 .sx-world :is(.cg-footer,.fo-footer,.dp-footer)>video{object-fit:contain;object-position:center bottom}
 .sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action){display:flex;flex-direction:column;align-items:flex-start;gap:25px}
 .sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>a{font-size:12px;gap:25px;margin-top:0;padding:18px 22px}
 .sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>p{font-size:13px}
 .sx-world :is(.cg-footer-bottom,.fo-footer-bottom,.dp-footer-bottom){font-size:7px;margin-top:70px}
}
@media(prefers-reduced-motion:reduce){:is(.fo-full-nav,.jm-bar) .sx-back.j2-shiny::before{animation:none!important}.sx-world :is(.cg-footer-action,.fo-footer-action,.dp-footer-action)>a{transition:none}}
/* The services overview stays monochrome, including hover and keyboard focus. */
.sx-services>.sx-directory .sx-emblem{background:#171717!important}
.sx-services>.sx-directory{color:#222}
.sx-services>.sx-directory .sx-service-trigger{color:#222!important}
.sx-services>.sx-directory .sx-service-name,
.sx-services>.sx-directory .sx-service-name>span,
.sx-services>.sx-directory .sx-service-arrow{color:#222!important}
.sx-services>.sx-directory .sx-service-trigger:is(:hover,:focus-visible,[aria-expanded=true]) .sx-service-name,
.sx-services>.sx-directory .sx-service-trigger:is(:hover,:focus-visible,[aria-expanded=true]) .sx-service-name>span,
.sx-services>.sx-directory .sx-service-trigger:is(:hover,:focus-visible,[aria-expanded=true]) .sx-service-arrow{color:#666!important}
.sx-services>.sx-directory .sx-service-trigger:focus-visible{outline-color:#444!important}
.sx-services>.sx-directory .sx-section-top,.sx-services>.sx-directory .sx-intro>p{color:#222!important}