.services-section{--page:#fffefa;--ink:#171812;--muted:#5c6154;--dark:#1b1d15;--ease:cubic-bezier(.22, .61, .36, 1);--card-h:auto;z-index:20;max-width:100%;margin:0 auto;padding:clamp(10px,2vw,20px) clamp(18px,4vw,40px);position:relative}.services-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:clamp(26px,4vw,44px);display:flex}.services-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.services-eyebrow .dot{background:#399f70;border-radius:50%;width:7px;height:7px}.services-title{letter-spacing:-.025em;max-width:16ch;color:var(--ink);margin-top:14px;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.12}.viewall{background:var(--dark);color:#fff;transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:100px;flex:none;align-items:center;gap:9px;padding:13px 22px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px -14px #0009}.viewall:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px #0009}.viewall svg{transition:transform .35s var(--ease)}.viewall:hover svg{transform:translate(3px)}.rail{flex-wrap:wrap;justify-content:center;gap:clamp(24px,3vw,40px);padding:20px 10px 40px;display:flex}.rail::-webkit-scrollbar{display:none}.service-card{scroll-snap-align:start;aspect-ratio:4/5;cursor:pointer;background:var(--tint);min-width:300px;max-width:440px;height:auto;color:var(--cink);transition:transform .55s var(--ease), box-shadow .55s var(--ease);border-radius:26px;flex:300px;position:relative;overflow:hidden;box-shadow:0 14px 34px -22px #1e1e1480}.service-card:hover,.service-card:focus-visible{outline:none;transform:translateY(-8px);box-shadow:0 30px 50px -26px #1e1e1499}.service-figure{pointer-events:none;background:0 0;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.service-card:hover .service-figure,.service-card:focus-within .service-figure{height:100%}.service-gif{background:var(--gif,transparent) center/cover no-repeat;transition:opacity .5s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.service-gif svg{width:112px;height:112px}.service-shot{background:var(--shot) center/contain no-repeat;opacity:0;transform-origin:50% 30%;transition:opacity .6s var(--ease), transform .75s var(--ease);position:absolute;inset:0;transform:scale(1.12)}.service-card:hover .service-shot,.service-card:focus-within .service-shot,.service-card:focus-visible .service-shot{opacity:1;transform:scale(1)}.service-card:hover .service-gif,.service-card:focus-within .service-gif{opacity:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes grow{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes draw{0%{stroke-dashoffset:200px}55%,to{stroke-dashoffset:0}}.anim-coin{animation:2.4s ease-in-out infinite bob}.bar{transform-box:fill-box;transform-origin:bottom;animation:2.4s ease-in-out infinite grow}.anim-line{stroke-dasharray:200;stroke-dashoffset:200px;animation:3.2s ease-in-out infinite draw}.service-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:52px;height:52px;transition:transform .5s var(--ease);background:#ffffffb8;border-radius:16px;place-items:center;display:grid;position:absolute;top:22px;left:22px;box-shadow:0 4px 14px -8px #0006}.service-card:hover .service-badge,.service-card:focus-within .service-badge{transform:scale(.9)}.service-badge svg{width:26px;height:26px}.service-info{z-index:2;-webkit-backdrop-filter:blur(11.9px);transition:background .6s var(--ease), color .4s var(--ease);pointer-events:none;background:#ffffff61;border:1px solid #ffffff85;border-radius:16px;padding:clamp(20px,3vw,26px);position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 4px 30px #0000001a}.service-card:hover .service-info,.service-card:focus-within .service-info{color:var(--ink);pointer-events:auto;background:#ffffffa6}.service-info h3{letter-spacing:-.02em;transition:color .4s var(--ease);font-size:clamp(20px,2.6vw,24px);font-weight:800;line-height:1.1}.service-lead{opacity:.8;margin-top:7px;font-size:15px;font-weight:600}.service-reveal{transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;display:grid}.service-card:hover .service-reveal,.service-card:focus-within .service-reveal{grid-template-rows:1fr}.service-reveal-in{overflow:hidden}.service-desc{opacity:0;transition:opacity .5s var(--ease) 60ms, transform .5s var(--ease) 60ms;padding-top:12px;font-size:14.5px;font-weight:500;line-height:1.6;transform:translateY(10px)}.service-cta{color:#fff;background:var(--ink);opacity:0;transition:opacity .5s var(--ease) .14s, transform .5s var(--ease) .14s, background .3s var(--ease);border-radius:100px;align-items:center;gap:7px;margin-top:15px;padding:10px 16px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;transform:translateY(10px)}.service-cta:hover{background:#000}.service-cta svg{transition:transform .3s var(--ease)}.service-cta:hover svg{transform:translate(3px)}.service-card:hover .service-desc,.service-card:focus-within .service-desc,.service-card:hover .service-cta,.service-card:focus-within .service-cta{opacity:1;transform:translateY(0)}.service-arrows{align-items:center;gap:10px;margin-top:22px;display:flex}.service-arrow{cursor:pointer;width:44px;height:44px;color:var(--ink);transition:transform .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);background:#fff;border:1.5px solid #0000001f;border-radius:50%;place-items:center;display:grid}.service-arrow:last-child{background:var(--dark);color:#fff;border-color:var(--dark)}.service-arrow:hover{transform:translateY(-2px)}.service-track{background:#0000001a;border-radius:2px;flex:1;height:1.5px;margin-left:8px}@media (max-width:760px){.service-card{flex:0 0 85%}.services-top{align-items:flex-start}.services-section{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation:none!important}.service-card,.services-eyebrow,.services-title,.viewall{opacity:1!important;transform:none!important}}
