/* Simplex Loft: site styles. Part 1: home page. Part 2: other pages. Part 3: theme extras. */
body{margin:0;background:#181818}
*{box-sizing:border-box}
:root{--max:1200px;--sec:96px;--align:left;--hero-ai:flex-start;--fd:'Inter',sans-serif;--fb:'Inter',system-ui,sans-serif;--fm:var(--fb);--fsd:100%;--wd:500;--td:none;--ls1:-0.02em;--lh1:1.05;--h1:clamp(36px,5.6vw,80px);--h2:clamp(28px,3vw,36px);--lh2:1.2;--ls2:-0.01em;--h3:18px;--wh3:600;--td3:none;--stat:clamp(48px,5.6vw,72px);--stat-w:500;--ey-size:12px;--ey-w:600;--ey-ls:0.08em;--ey-tt:uppercase;--btn-size:15px;--btn-w:500;--btn-ls:0;--btn-tt:none;--btn-px:24px;--btn-h:46px;--btn-bw:1px;--nav-size:14px;--nav-w:500;--nav-ls:0;--nav-tt:none;--r-btn:8px;--r-card:12px;--r-field:8px;--r-chip:9999px;--r-media:12px;--r-cta:0px;--glow:1.5;--sweep:rgba(255,255,255,0.16);--scrim:none}
:root{--canvas:#181818;--ink:#ffffff;--body:#969696;--muted:#969696;--hairline:#303030;--card:#181818;--card-line:#303030;--stage:#202020;--glyph:#ffffff;--glyph2:#666666;--accent:#ffffff;--mark:#da291c;--num:#666666;--btn-bg:#da291c;--btn-ink:#ffffff;--btn-border:#da291c;--btn2-bg:transparent;--btn2-ink:#ffffff;--btn2-border:#ffffff;--chip-bg:#303030;--chip-ink:#ffffff;--shot:#202020;--shot-line:#303030;--cta-band:#da291c;--cta-pb:0px;--cta-bg:transparent;--cta-ink:#ffffff;--cta-btn-bg:transparent;--cta-btn-ink:#ffffff;--cta-btn-border:#ffffff;--field-bg:#181818;--field-line:#666666;--focus:#f6e500;--foot-bg:#181818;--foot-ink:#969696;--pane1:#242424;--pane2:#2f2f2f;--pane3:#3c3c3c;--pane-lit:#c4c4c4;--mullion:#0e0e0e;--glow:1.6;--scrim:linear-gradient(180deg,rgba(24,24,24,0.1) 0%,rgba(24,24,24,0.6) 48%,#181818 100%);--fd:'Inter',-apple-system,system-ui,sans-serif;--wd:500;--ls1:-0.02em;--lh1:1.05;--h1:clamp(32px,5.6vw,80px);--h2:clamp(26px,3vw,36px);--lh2:1.2;--ls2:-0.01em;--h2b:clamp(26px,3.6vw,48px);--lh2b:1.12;--h2c:clamp(26px,3.6vw,48px);--h3:18px;--wh3:700;--h3b:26px;--stat-w:700;--stat:clamp(52px,5.6vw,80px);--stat-hi:#da291c;--ey-size:11px;--ey-w:600;--ey-ls:1.1px;--btn-size:14px;--btn-w:700;--btn-tt:uppercase;--btn-ls:1.4px;--btn-px:32px;--btn-h:48px;--nav-size:13px;--nav-w:600;--nav-ls:0.65px;--nav-tt:uppercase;--r-btn:0px;--r-card:0px;--r-field:4px;--r-chip:9999px;--r-media:0px;--r-cta:0px;--max:1280px;--avatar-w:100%;--avatar-ar:4 / 3;--r-avatar:0px;--avatar-bg:#181818;--avatar-fs:44px;--team-bg:#303030;--team-body:#d2d2d2;--team-line:#666666}
a{color:inherit;text-decoration:none}a:hover{color:inherit}
.sl-lnk:hover{text-decoration:underline;text-underline-offset:6px}
.sl-btn{transition:opacity .2s ease}
.sl-btn:hover{opacity:.82}
.sl-c3{grid-column:span 3}.sl-c4{grid-column:span 4}.sl-c5{grid-column:span 5}.sl-c6{grid-column:span 6}.sl-c7{grid-column:span 7}.sl-c8{grid-column:span 8}.sl-r2{grid-row:span 2}
@media (max-width:1100px){.sl-c3{grid-column:span 6}}
@media (max-width:900px){.sl-c3,.sl-c4,.sl-c5,.sl-c6,.sl-c7,.sl-c8{grid-column:span 12}.sl-r2{grid-row:auto}}
.sl-ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.sl-ln-i{display:block;animation:sl-lineUp 1s cubic-bezier(.2,.8,.2,1) both}
.sl-fade{animation:sl-fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.sl-kb{animation:sl-kb 22s ease-in-out infinite alternate}
.sl-pane{background:var(--pane1);animation:sl-paneIn .8s cubic-bezier(.2,.8,.2,1) both,sl-paneGlow 7s ease-in-out infinite}
.sl-pane.sl-b{background:var(--pane2)}
.sl-pane.sl-c{background:var(--pane3)}
.sl-pane.sl-lit{background:var(--pane-lit)}
.sl-g{background:var(--glyph2);animation:sl-paneGlow 5s ease-in-out infinite}
.sl-sweep{animation:sl-sweep 8s ease-in-out infinite}
.sl-orb{animation:sl-drift 14s ease-in-out infinite alternate}
.sl-o2{animation-duration:18s;animation-direction:alternate-reverse}
.sl-o3{animation-duration:22s}
.sl-prog{transform-origin:left;animation:sl-prog 12s linear infinite}
.sl-dot{animation:sl-pulse 2.4s ease-in-out infinite}
.sl-caret{animation:sl-blink 1.1s steps(1) infinite}
.sl-track{animation:sl-marquee 34s linear infinite}
.sl-slat{animation:sl-louver 3.6s ease-in-out infinite}
.sl-acp{animation:sl-acp 4.5s ease-in-out infinite}
.sl-seg{transform-origin:left;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}
.sl-seg1{animation-name:sl-seg1}.sl-seg2{animation-name:sl-seg2}.sl-seg3{animation-name:sl-seg3}.sl-seg4{animation-name:sl-seg4}
.sl-svc{transition:transform .3s ease}
.sl-svc:hover{transform:translateY(-4px)}
.sl-row{transition:padding-left .25s ease}
.sl-row:hover{padding-left:12px}
.sl-shot{animation:sl-pan 16s linear infinite;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sl-proj:hover .sl-shot{transform:scale(1.05)}
.sl-proj .sl-go{transition:transform .3s ease}
.sl-proj:hover .sl-go{transform:translateX(6px)}
.sl-field:focus{outline:2px solid var(--focus, var(--ink));outline-offset:2px}
@keyframes sl-lineUp{from{transform:translateY(112%)}to{transform:none}}
@keyframes sl-fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sl-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes sl-paneIn{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sl-paneGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(var(--glow))}}
@keyframes sl-sweep{0%{transform:translateX(-180%) skewX(-18deg)}60%,100%{transform:translateX(720%) skewX(-18deg)}}
@keyframes sl-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(48px,36px) scale(1.12)}}
@keyframes sl-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sl-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.35}}
@keyframes sl-blink{50%{opacity:0}}
@keyframes sl-marquee{to{transform:translateX(-50%)}}
@keyframes sl-louver{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.22)}}
@keyframes sl-acp{0%{opacity:0;transform:translateY(-16px)}18%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px)}}
@keyframes sl-pan{to{background-position:56px 78px,56px 78px}}
@keyframes sl-seg1{0%{transform:scaleX(0);opacity:1}25%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg2{0%,25%{transform:scaleX(0);opacity:1}50%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg3{0%,50%{transform:scaleX(0);opacity:1}75%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg4{0%,75%{transform:scaleX(0);opacity:1}95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@supports (animation-timeline: view()){
[data-motion="on"] .sl-rv{animation:sl-fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
#work{--canvas:#ffffff;--ink:#181818;--body:#666666;--muted:#666666;--hairline:#d2d2d2;--card:#ffffff;--card-line:#d2d2d2;--shot:#ebebeb;--shot-line:#d2d2d2;--btn2-ink:#181818;--btn2-border:#181818}.sl-svc:hover{transform:none}.sl-proj:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.sl-cad,.sl-cad *{animation-play-state:var(--ps,running)}
.sl-xp{animation:sl-assemble 12s cubic-bezier(.6,0,.3,1) infinite}
.sl-st-ex{animation:sl-stEx 12s ease infinite}
.sl-st-as{animation:sl-stAs 12s ease infinite}
.sl-dv{transform-origin:bottom;animation:sl-drawV 14s ease-out infinite both}
.sl-dh{transform-origin:left;animation:sl-drawH 14s ease-out infinite both}
.sl-fi{animation:sl-fillIn 14s ease infinite both}
.sl-co{animation:sl-callIn 14s ease infinite both}
.sl-chx{animation:sl-chx 9s ease-in-out infinite alternate}
.sl-chy{animation:sl-chy 7s ease-in-out infinite alternate}
@keyframes sl-assemble{0%,16%{transform:translateX(var(--dx))}44%,76%{transform:translateX(0)}100%{transform:translateX(var(--dx))}}
@keyframes sl-stEx{0%,18%{opacity:1}34%,84%{opacity:0}100%{opacity:1}}
@keyframes sl-stAs{0%,30%{opacity:0}44%,76%{opacity:1}88%,100%{opacity:0}}
@keyframes sl-drawV{0%{transform:scaleY(0);opacity:1}16%{transform:scaleY(1)}88%{transform:scaleY(1);opacity:1}96%,100%{transform:scaleY(1);opacity:0}}
@keyframes sl-drawH{0%{transform:scaleX(0);opacity:1}16%{transform:scaleX(1)}88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes sl-fillIn{0%,24%{opacity:0}36%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes sl-callIn{0%,42%{opacity:0;transform:translateX(-10px)}52%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes sl-chx{from{transform:translateX(110px)}to{transform:translateX(610px)}}
@keyframes sl-chy{from{transform:translateY(60px)}to{transform:translateY(380px)}}
@media (max-width:1400px){.sl-cadhost{zoom:.86}}
@media (max-width:1180px){.sl-cadhost{zoom:.72}}
@media (max-width:900px){.sl-cadhost{zoom:1}}
@media (max-width:820px){.sl-cadhost{zoom:.66}}
@media (max-width:540px){.sl-cadhost{zoom:.44}}
.sl-mg-lines{animation:sl-mgDraw 18s linear infinite}
.sl-mg-photo{animation:sl-mgFill 18s linear infinite}
.sl-mg-cur{animation:sl-mgCur 18s linear infinite}
.sl-mg-call{animation:sl-mgCall 18s ease infinite}
.sl-mg-s1{animation:sl-mgS1 18s linear infinite}
.sl-mg-s2{animation:sl-mgS2 18s linear infinite}
.sl-mg-s3{animation:sl-mgS3 18s linear infinite}
.sl-mg-bar{transform-origin:left;animation:sl-mgBar 18s linear infinite}
@keyframes sl-mgDraw{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes sl-mgFill{0%,52%{opacity:0;filter:grayscale(1) brightness(.7)}68%{opacity:.85;filter:grayscale(1) brightness(.9)}80%{opacity:1;filter:grayscale(0) brightness(1)}94%{opacity:1;filter:grayscale(0) brightness(1)}100%{opacity:0;filter:grayscale(0) brightness(1)}}
@keyframes sl-mgCur{0%{left:0%;opacity:1}45%{left:100%;opacity:1}46%,100%{left:100%;opacity:0}}
@keyframes sl-mgCall{0%,44%{opacity:0;transform:translateY(8px)}50%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes sl-mgS1{0%,45%{opacity:1}48%,100%{opacity:.4}}
@keyframes sl-mgS2{0%,50%{opacity:.4}53%,79%{opacity:1}82%,100%{opacity:.4}}
@keyframes sl-mgS3{0%,79%{opacity:.4}82%,94%{opacity:1}97%,100%{opacity:.4}}
@keyframes sl-mgBar{0%{transform:scaleX(0)}94%,100%{transform:scaleX(1)}}
[data-motion="off"] *{animation:none!important;transition:none!important}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.sl-mnav{display:none}.sl-mnav summary{list-style:none}.sl-mnav summary::-webkit-details-marker{display:none}.sl-mnav .sl-mc{display:none}.sl-mnav[open] .sl-mo{display:none}.sl-mnav[open] .sl-mc{display:block}.sl-mnav[open] .sl-mpanel{animation:sl-fadeDown .25s ease both}.sl-mpanel a[aria-current="page"]::after{content:"";width:8px;height:8px;background:var(--mark)}
@keyframes sl-fadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:860px){.sl-nav-links{display:none!important}.sl-nav-cta{display:none!important}.sl-mnav{display:block}}
/*3D-START*/
.sl-s3{position:relative;height:240px;overflow:hidden;perspective:900px;perspective-origin:50% 40%}
.sl-s3 *{box-sizing:border-box}
.sl-s3-cw{background:radial-gradient(120% 100% at 15% 0%,#1f4b8f 0%,#14213a 50%,#0f1218 100%)}
.sl-cwbox{position:absolute;left:50%;top:50%;width:300px;height:168px;margin:-84px 0 0 -205px;transform-style:preserve-3d;animation:sl-cwSpin 12s ease-in-out infinite alternate}
.sl-cwf,.sl-cws{position:absolute;top:0;height:168px;display:grid;gap:4px;padding:4px;background:#0a0d14;transform-style:preserve-3d}
.sl-cwf{left:0;width:300px;grid-template-columns:repeat(8,1fr);box-shadow:0 40px 60px rgba(0,0,0,.55)}
.sl-cws{left:300px;width:110px;grid-template-columns:repeat(3,1fr);transform-origin:left center;transform:rotateY(90deg);filter:brightness(.72)}
.sl-cwf::after,.sl-cws::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.6) 47%,transparent 58%);background-size:260% 100%;animation:sl-cwShine 5s linear infinite;pointer-events:none}
.sl-cwp{background:linear-gradient(160deg,var(--a),var(--b));animation:sl-cwIn 12s cubic-bezier(.2,.8,.2,1) infinite both}
.sl-s3-acp{background:radial-gradient(110% 110% at 85% 0%,#4a3420 0%,#1d1915 55%,#121212 100%)}
.sl-acpg{position:absolute;inset:34px 40px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;transform-style:preserve-3d;animation:sl-acpTilt 10s ease-in-out infinite alternate}
.sl-acard{position:relative;transform-style:preserve-3d;animation:sl-acpFlip 8s cubic-bezier(.6,0,.3,1) infinite}
.sl-af,.sl-ab{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 18px 28px rgba(0,0,0,.45)}
.sl-af{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0) 42%),var(--f)}
.sl-ab{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0) 42%),var(--b);transform:rotateY(180deg)}
.sl-s3-lv{background:linear-gradient(180deg,#ff8a3d 0%,#ff4d8d 48%,#6d3fe0 100%)}
.sl-lvsun{position:absolute;width:120px;height:120px;border-radius:50%;left:56%;top:14%;background:radial-gradient(circle,#fff1b8 0%,#ffc35a 50%,rgba(255,195,90,0) 70%);animation:sl-lvSun 6s ease-in-out infinite alternate}
.sl-lvf{position:absolute;inset:22px 34px;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transform:rotateY(-26deg) rotateX(6deg)}
.sl-lvf::before,.sl-lvf::after{content:"";position:absolute;top:-8px;bottom:-8px;width:8px;background:linear-gradient(90deg,#d9dee3,#6b747d)}
.sl-lvf::before{left:-10px}.sl-lvf::after{right:-10px}
.sl-lvb{height:16px;background:linear-gradient(180deg,#f7f9fb 0%,#b4bcc5 45%,#56606b 100%);transform-style:preserve-3d;animation:sl-lvTurn 6s ease-in-out infinite;box-shadow:0 8px 12px rgba(40,10,60,.35)}
.sl-s3-gl{background:linear-gradient(180deg,#0e2443 0%,#1f5aa0 50%,#f39b6d 100%)}
.sl-glwrap{position:absolute;left:50%;bottom:40px;width:520px;height:150px;margin-left:-260px;transform-style:preserve-3d;animation:sl-glPan 12s ease-in-out infinite alternate}
.sl-glfloor{position:absolute;left:-60px;right:-60px;top:100%;height:160px;transform-origin:top center;transform:rotateX(90deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 40px),linear-gradient(180deg,rgba(15,30,60,.6),rgba(15,30,60,0))}
.sl-glp{position:absolute;bottom:0;width:96px;height:118px;background:linear-gradient(160deg,rgba(125,211,252,.6),rgba(56,189,248,.16) 50%,rgba(196,148,255,.42));border:1px solid rgba(186,230,253,.85);box-shadow:inset 0 0 22px rgba(255,255,255,.28);animation:sl-glUp 12s cubic-bezier(.2,.8,.2,1) infinite both}
.sl-glrail{position:absolute;left:-8px;right:-8px;top:20px;height:9px;border-radius:5px;background:linear-gradient(180deg,#ffffff,#a4adb6 55%,#48525c);box-shadow:0 3px 8px rgba(0,0,0,.45);overflow:hidden}
.sl-glrail::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,#ffffff,transparent);animation:sl-glShine 3s linear infinite}
@keyframes sl-cwSpin{from{transform:rotateX(16deg) rotateY(-48deg)}to{transform:rotateX(8deg) rotateY(-24deg)}}
@keyframes sl-cwIn{0%{transform:translateZ(160px) rotateY(-70deg);opacity:0}14%,100%{transform:none;opacity:1}}
@keyframes sl-cwShine{from{background-position:160% 0}to{background-position:-90% 0}}
@keyframes sl-acpFlip{0%,30%{transform:rotateY(0)}50%,80%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes sl-acpTilt{from{transform:rotateX(28deg) rotateZ(-10deg)}to{transform:rotateX(14deg) rotateY(12deg) rotateZ(-2deg)}}
@keyframes sl-lvTurn{0%,12%{transform:rotateX(0deg)}42%,62%{transform:rotateX(74deg)}92%,100%{transform:rotateX(0deg)}}
@keyframes sl-lvSun{from{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}
@keyframes sl-glUp{0%{transform:translateY(70px) rotateX(-75deg);opacity:0}16%,100%{transform:none;opacity:1}}
@keyframes sl-glPan{from{transform:rotateX(14deg) rotateY(-36deg)}to{transform:rotateX(8deg) rotateY(-8deg)}}
@keyframes sl-glShine{from{transform:translateX(-120%)}to{transform:translateX(420%)}}
@media (max-width:600px){.sl-cwbox,.sl-glwrap{scale:.68}}
/*3D-END*/
body{margin:0;background:#181818}
*{box-sizing:border-box}
:root{--max:1200px;--sec:96px;--align:left;--hero-ai:flex-start;--fd:'Inter',sans-serif;--fb:'Inter',system-ui,sans-serif;--fm:var(--fb);--fsd:100%;--wd:500;--td:none;--ls1:-0.02em;--lh1:1.05;--h1:clamp(36px,5.6vw,80px);--h2:clamp(28px,3vw,36px);--lh2:1.2;--ls2:-0.01em;--h3:18px;--wh3:600;--td3:none;--stat:clamp(48px,5.6vw,72px);--stat-w:500;--ey-size:12px;--ey-w:600;--ey-ls:0.08em;--ey-tt:uppercase;--btn-size:15px;--btn-w:500;--btn-ls:0;--btn-tt:none;--btn-px:24px;--btn-h:46px;--btn-bw:1px;--nav-size:14px;--nav-w:500;--nav-ls:0;--nav-tt:none;--r-btn:8px;--r-card:12px;--r-field:8px;--r-chip:9999px;--r-media:12px;--r-cta:0px;--glow:1.5;--sweep:rgba(255,255,255,0.16);--scrim:none}
:root{--canvas:#181818;--ink:#ffffff;--body:#969696;--muted:#969696;--hairline:#303030;--card:#181818;--card-line:#303030;--stage:#202020;--glyph:#ffffff;--glyph2:#666666;--accent:#ffffff;--mark:#da291c;--num:#666666;--btn-bg:#da291c;--btn-ink:#ffffff;--btn-border:#da291c;--btn2-bg:transparent;--btn2-ink:#ffffff;--btn2-border:#ffffff;--chip-bg:#303030;--chip-ink:#ffffff;--shot:#202020;--shot-line:#303030;--cta-band:#da291c;--cta-pb:0px;--cta-bg:transparent;--cta-ink:#ffffff;--cta-btn-bg:transparent;--cta-btn-ink:#ffffff;--cta-btn-border:#ffffff;--field-bg:#181818;--field-line:#666666;--focus:#f6e500;--foot-bg:#181818;--foot-ink:#969696;--pane1:#242424;--pane2:#2f2f2f;--pane3:#3c3c3c;--pane-lit:#c4c4c4;--mullion:#0e0e0e;--glow:1.6;--scrim:linear-gradient(180deg,rgba(24,24,24,0.1) 0%,rgba(24,24,24,0.6) 48%,#181818 100%);--fd:'Inter',-apple-system,system-ui,sans-serif;--wd:500;--ls1:-0.02em;--lh1:1.05;--h1:clamp(32px,5.6vw,80px);--h2:clamp(26px,3vw,36px);--lh2:1.2;--ls2:-0.01em;--h2b:clamp(26px,3.6vw,48px);--lh2b:1.12;--h2c:clamp(26px,3.6vw,48px);--h3:18px;--wh3:700;--h3b:26px;--stat-w:700;--stat:clamp(52px,5.6vw,80px);--stat-hi:#da291c;--ey-size:11px;--ey-w:600;--ey-ls:1.1px;--btn-size:14px;--btn-w:700;--btn-tt:uppercase;--btn-ls:1.4px;--btn-px:32px;--btn-h:48px;--nav-size:13px;--nav-w:600;--nav-ls:0.65px;--nav-tt:uppercase;--r-btn:0px;--r-card:0px;--r-field:4px;--r-chip:9999px;--r-media:0px;--r-cta:0px;--max:1280px;--avatar-w:100%;--avatar-ar:4 / 3;--r-avatar:0px;--avatar-bg:#181818;--avatar-fs:44px;--team-bg:#303030;--team-body:#d2d2d2;--team-line:#666666;--h1s:clamp(32px,4.4vw,56px)}
a{color:inherit;text-decoration:none}a:hover{color:inherit}
.sl-lnk:hover{text-decoration:underline;text-underline-offset:6px}
.sl-lnk[aria-current="page"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px;text-decoration-color:var(--mark)}
.sl-btn{transition:opacity .2s ease}
.sl-btn:hover{opacity:.82}
.sl-c3{grid-column:span 3}.sl-c4{grid-column:span 4}.sl-c5{grid-column:span 5}.sl-c6{grid-column:span 6}.sl-c7{grid-column:span 7}.sl-c8{grid-column:span 8}.sl-r2{grid-row:span 2}
@media (max-width:1100px){.sl-c3{grid-column:span 6}}
@media (max-width:900px){.sl-c3,.sl-c4,.sl-c5,.sl-c6,.sl-c7,.sl-c8{grid-column:span 12}.sl-r2{grid-row:auto}}
.sl-ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.sl-ln-i{display:block;animation:sl-lineUp 1s cubic-bezier(.2,.8,.2,1) both}
.sl-fade{animation:sl-fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.sl-kb{animation:sl-kb 22s ease-in-out infinite alternate}
.sl-sweep{animation:sl-sweep 8s ease-in-out infinite}
.sl-dot{animation:sl-pulse 2.4s ease-in-out infinite}
.sl-seg{transform-origin:left;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}
.sl-seg1{animation-name:sl-seg1}.sl-seg2{animation-name:sl-seg2}.sl-seg3{animation-name:sl-seg3}.sl-seg4{animation-name:sl-seg4}
.sl-row{transition:padding-left .25s ease}
.sl-row:hover{padding-left:12px}
.sl-pick{transition:background .2s ease, color .2s ease}
.sl-swap{animation:sl-fadeUp .5s cubic-bezier(.2,.8,.2,1) both}
.sl-shot{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sl-ph{animation:sl-pan 16s linear infinite}
.sl-proj:hover .sl-shot{transform:scale(1.05)}
.sl-proj .sl-go{transition:transform .3s ease}
.sl-proj:hover .sl-go{transform:translateX(6px)}
.sl-field:focus{outline:2px solid var(--focus, var(--ink));outline-offset:2px}
@keyframes sl-lineUp{from{transform:translateY(112%)}to{transform:none}}
@keyframes sl-fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sl-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes sl-sweep{0%{transform:translateX(-180%) skewX(-18deg)}60%,100%{transform:translateX(720%) skewX(-18deg)}}
@keyframes sl-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.35}}
@keyframes sl-pan{to{background-position:56px 78px,56px 78px}}
@keyframes sl-seg1{0%{transform:scaleX(0);opacity:1}25%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg2{0%,25%{transform:scaleX(0);opacity:1}50%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg3{0%,50%{transform:scaleX(0);opacity:1}75%,95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sl-seg4{0%,75%{transform:scaleX(0);opacity:1}95%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@supports (animation-timeline: view()){
[data-motion="on"] .sl-rv{animation:sl-fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
#work{--canvas:#ffffff;--ink:#181818;--body:#666666;--muted:#666666;--hairline:#d2d2d2;--card:#ffffff;--card-line:#d2d2d2;--shot:#ebebeb;--shot-line:#d2d2d2;--btn2-ink:#181818;--btn2-border:#181818}.sl-svc:hover{transform:none}.sl-proj:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}
[data-motion="off"] *{animation:none!important;transition:none!important}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.sl-cad,.sl-cad *{animation-play-state:var(--ps,running)}
.sl-xp{animation:sl-assemble 12s cubic-bezier(.6,0,.3,1) infinite}
.sl-st-ex{animation:sl-stEx 12s ease infinite}
.sl-st-as{animation:sl-stAs 12s ease infinite}
.sl-dv{transform-origin:bottom;animation:sl-drawV 14s ease-out infinite both}
.sl-dh{transform-origin:left;animation:sl-drawH 14s ease-out infinite both}
.sl-fi{animation:sl-fillIn 14s ease infinite both}
.sl-co{animation:sl-callIn 14s ease infinite both}
.sl-chx{animation:sl-chx 9s ease-in-out infinite alternate}
.sl-chy{animation:sl-chy 7s ease-in-out infinite alternate}
@keyframes sl-assemble{0%,16%{transform:translateX(var(--dx))}44%,76%{transform:translateX(0)}100%{transform:translateX(var(--dx))}}
@keyframes sl-stEx{0%,18%{opacity:1}34%,84%{opacity:0}100%{opacity:1}}
@keyframes sl-stAs{0%,30%{opacity:0}44%,76%{opacity:1}88%,100%{opacity:0}}
@keyframes sl-drawV{0%{transform:scaleY(0);opacity:1}16%{transform:scaleY(1)}88%{transform:scaleY(1);opacity:1}96%,100%{transform:scaleY(1);opacity:0}}
@keyframes sl-drawH{0%{transform:scaleX(0);opacity:1}16%{transform:scaleX(1)}88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes sl-fillIn{0%,24%{opacity:0}36%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes sl-callIn{0%,42%{opacity:0;transform:translateX(-10px)}52%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes sl-chx{from{transform:translateX(110px)}to{transform:translateX(610px)}}
@keyframes sl-chy{from{transform:translateY(60px)}to{transform:translateY(380px)}}
@media (max-width:1400px){.sl-cadhost{zoom:.86}}
@media (max-width:1180px){.sl-cadhost{zoom:.72}}
@media (max-width:900px){.sl-cadhost{zoom:1}}
@media (max-width:820px){.sl-cadhost{zoom:.66}}
@media (max-width:540px){.sl-cadhost{zoom:.44}}
.sl-mg-lines{animation:sl-mgDraw 18s linear infinite}
.sl-mg-photo{animation:sl-mgFill 18s linear infinite}
.sl-mg-cur{animation:sl-mgCur 18s linear infinite}
.sl-mg-call{animation:sl-mgCall 18s ease infinite}
.sl-mg-s1{animation:sl-mgS1 18s linear infinite}
.sl-mg-s2{animation:sl-mgS2 18s linear infinite}
.sl-mg-s3{animation:sl-mgS3 18s linear infinite}
.sl-mg-bar{transform-origin:left;animation:sl-mgBar 18s linear infinite}
@keyframes sl-mgDraw{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes sl-mgFill{0%,52%{opacity:0;filter:grayscale(1) brightness(.7)}68%{opacity:.85;filter:grayscale(1) brightness(.9)}80%{opacity:1;filter:grayscale(0) brightness(1)}94%{opacity:1;filter:grayscale(0) brightness(1)}100%{opacity:0;filter:grayscale(0) brightness(1)}}
@keyframes sl-mgCur{0%{left:0%;opacity:1}45%{left:100%;opacity:1}46%,100%{left:100%;opacity:0}}
@keyframes sl-mgCall{0%,44%{opacity:0;transform:translateY(8px)}50%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes sl-mgS1{0%,45%{opacity:1}48%,100%{opacity:.4}}
@keyframes sl-mgS2{0%,50%{opacity:.4}53%,79%{opacity:1}82%,100%{opacity:.4}}
@keyframes sl-mgS3{0%,79%{opacity:.4}82%,94%{opacity:1}97%,100%{opacity:.4}}
@keyframes sl-mgBar{0%{transform:scaleX(0)}94%,100%{transform:scaleX(1)}}
.sl-mnav{display:none}.sl-mnav summary{list-style:none}.sl-mnav summary::-webkit-details-marker{display:none}.sl-mnav .sl-mc{display:none}.sl-mnav[open] .sl-mo{display:none}.sl-mnav[open] .sl-mc{display:block}.sl-mnav[open] .sl-mpanel{animation:sl-fadeDown .25s ease both}.sl-mpanel a[aria-current="page"]::after{content:"";width:8px;height:8px;background:var(--mark)}
@keyframes sl-fadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:860px){.sl-nav-links{display:none!important}.sl-nav-cta{display:none!important}.sl-mnav{display:block}}
.sl-faq{border-bottom:1px solid var(--hairline)}.sl-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font-size:18px;font-weight:600}.sl-faq summary::-webkit-details-marker{display:none}.sl-faq summary::after{content:"+";flex-shrink:0;font-size:26px;font-weight:400;color:var(--muted);transition:transform .25s ease}.sl-faq[open] summary::after{transform:rotate(45deg)}.sl-faq p{margin:0 0 24px;max-width:720px;color:var(--body)}.sl-faq[open] p{animation:sl-fadeDown .25s ease both}
.sl-site{background:var(--canvas);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.5;overflow-x:clip}
.admin-bar .sl-site>header{top:32px!important}
@media (max-width:782px){.admin-bar .sl-site>header{top:46px!important}}
.sl-svc-panel{display:none;flex-direction:column;gap:24px;flex-grow:1}
.sl-svc-panel.sl-is-on{display:flex}
.sl-svc-pick[aria-pressed="true"]{background:var(--ink)!important;color:var(--canvas)!important}
.sl-svc-pick[aria-pressed="true"] .sl-mk{background:var(--mark)}
.sl-flt[aria-pressed="true"]{background:var(--ink)!important;color:var(--canvas)!important}
.sl-sysflt[aria-pressed="true"]{background:var(--ink)!important;color:var(--canvas)!important}
.sl-notice{padding:14px 16px;border:1px solid var(--ink);font-weight:600}
.sl-prose a{text-decoration:underline}
.sl-prose p{margin:0 0 16px}
/* Part 4: guard. These rules keep the styles of other plugins out of this theme. */
.sl-guard-start{top:auto}
.sl-site{font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none}
.sl-site *,.sl-site *::before,.sl-site *::after{box-sizing:border-box}
.sl-site a{color:inherit;text-decoration:none}
.sl-site .sl-prose a{text-decoration:underline}
.sl-site h1,.sl-site h2,.sl-site h3,.sl-site h4,.sl-site h5,.sl-site h6{font-family:inherit;letter-spacing:normal;color:inherit}
.sl-site p{color:inherit}
.sl-site img{max-width:none;vertical-align:baseline}
.sl-site input,.sl-site textarea,.sl-site select,.sl-site button{vertical-align:baseline}
.sl-site button{border-radius:0}