/* SERVICES | horizontal canvas cards */
.services{padding:90px 0 0;position:relative}
.sv-story{position:relative;height:300vh}
.sv-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.sv-head{width:100%;padding:0 5vw;box-sizing:border-box}
.sv-headin{max-width:1180px;margin:0 auto}
.sv-h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(38px,5vw,70px);letter-spacing:-.04em;line-height:.95;margin:0;color:#14202B}
.sv-note{display:inline-block;margin-top:10px;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(20,32,43,.5)}
.sv-track{display:flex;align-items:center;will-change:transform}
.sv-panel{flex:0 0 100vw;display:flex;align-items:center;justify-content:center;padding:0 5vw}
.sv-card{position:relative;width:100%;max-width:min(1180px,92vw);background:#fff;border:1px solid #E4E9EF;border-radius:16px;padding:34px 44px;box-shadow:0 40px 90px -55px rgba(20,32,43,.5)}
.sv-tab{position:absolute;top:-24px;left:2px;font-family:'Space Mono',monospace;font-weight:700;font-size:11px;color:#F0531C;display:flex;align-items:center;gap:6px}
.sv-tab svg{width:12px;height:12px}
.sv-hd{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid #F0531C;border-radius:2px;opacity:0;transition:opacity .3s}
.sv-card:hover .sv-hd{opacity:.9}.sv-card:hover{outline:1.5px solid #F0531C}
.sv-hd.tl{left:-6px;top:-6px}.sv-hd.tr{right:-6px;top:-6px}.sv-hd.bl{left:-6px;bottom:-6px}.sv-hd.br{right:-6px;bottom:-6px}
.sv-top{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.sv-left{display:flex;flex-direction:column}
.sv-numtile{width:56px;height:56px;border-radius:15px;background:#F1F4F8;display:grid;place-items:center;box-shadow:inset 0 2px 3px #fff, inset 0 -3px 5px #dbe0e8;margin-bottom:18px}
.sv-numtile span{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:25px;color:#C4CBD6;text-shadow:0 1px 0 #fff}
.sv-htext h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(32px,3.7vw,52px);letter-spacing:-.04em;line-height:.92;margin:0}
.sv-htext h3 .l1{display:block;color:#14202B}
.sv-htext h3 .l2{display:block;color:#F0531C}
.sv-htext p{color:#4A6173;font-size:16px;line-height:1.45;margin-top:14px;max-width:34ch}
.sv-shot{border-radius:13px;overflow:hidden;background:#fff;border:1px solid rgba(20,32,43,.08);box-shadow:0 24px 50px -30px rgba(20,32,43,.45);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sv-bar{height:30px;background:#F4F6F9;border-bottom:1px solid rgba(20,32,43,.08);display:flex;align-items:center;gap:6px;padding:0 12px}
.sv-bar b{width:8px;height:8px;border-radius:50%;background:#D4DAE2}
.sv-bar b:nth-child(1){background:#FF6159}.sv-bar b:nth-child(2){background:#FEBC2E}.sv-bar b:nth-child(3){background:#28C840}
.sv-bar .u{flex:1;height:13px;background:#E7ECF2;border-radius:7px;margin-left:8px;max-width:220px}
.sv-imgwrap{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,#EEF3F9,#fff);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sv-imgwrap img,.sv-imgwrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sv-hr{height:1px;background:rgba(20,32,43,.08);margin:22px 0 0}
.sv-toggle{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:12px 18px;background:#fff;border:1.5px solid rgba(20,32,43,.12);border-radius:12px;cursor:pointer;user-select:none;transition:.22s}
.sv-toggle .lbl{font-family:'Space Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#14202B}
.sv-toggle .ic{width:24px;height:24px;border-radius:50%;background:#F0531C;flex:none;display:grid;place-items:center}
.sv-toggle .ic .chev{width:13px;height:13px;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.sv-drop.sv-open .sv-toggle{background:#FFF3EE;border-color:#F0531C;box-shadow:0 10px 24px -16px rgba(240,83,28,.6)}
.sv-drop.sv-open .ic .chev{transform:rotate(180deg)}
.sv-reveal{max-height:0;overflow:hidden;transition:max-height .45s ease}
.sv-drop.sv-open .sv-reveal{max-height:340px}
.sv-in2{padding-top:22px;display:grid;grid-template-columns:0.92fr 1.08fr;gap:44px;align-items:start}
.sv-lab{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8AA6B8;margin-bottom:13px}
.sv-desc{color:#4A6173;font-size:15.5px;line-height:1.6;margin:0}
.sv-dels{display:flex;flex-wrap:wrap;gap:8px}
.sv-dels span{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:14px;color:#4A6173;background:#EEF1F5;border:1px solid rgba(20,32,43,.05);border-radius:10px;padding:9px 14px;transition:.2s;cursor:default}
.sv-dels span:hover{color:#14202B;background:#fff;border-color:#F0531C55}
.sv-hint{position:absolute;top:4.5vh;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(20,32,43,.55);z-index:20}
.sv-cur{position:absolute;display:flex;align-items:flex-start;pointer-events:none;z-index:15;will-change:transform}
.sv-cur svg{width:19px;height:19px;filter:drop-shadow(0 2px 3px rgba(20,32,43,.25))}
.sv-cur .nm{font-family:'Space Mono',monospace;font-weight:700;font-size:10px;color:#fff;padding:2px 7px;border-radius:3px 9px 9px 9px;margin:12px 0 0 -3px}
.sv-cur.a1{left:11%;top:20%;animation:sv-d1 16s ease-in-out infinite}
@keyframes sv-d1{0%,100%{transform:translate(0,0)}33%{transform:translate(40px,60px)}66%{transform:translate(-20px,30px)}}
@media(max-width:900px){.sv-top{grid-template-columns:1fr;gap:20px}.sv-imgwrap{height:180px}.sv-hr{display:none}.sv-drop{display:none}.sv-card{padding:24px 22px}.sv-cur{display:none}}