.service-card{--cut:0px;aspect-ratio:1;isolation:isolate;color:var(--white);flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";z-index:-1;background:var(--accent);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:clip-path var(--dur-hover) var(--ease-hover);position:absolute;inset:0}.service-card--yellow{color:var(--ink)}.service-card__content{flex-direction:column;gap:4px;display:flex}.service-card__title{font-family:var(--font-mono);letter-spacing:-.05em;text-transform:uppercase;letter-spacing:-.05em;font-size:20px;font-weight:500;line-height:1.4}.service-card__summary{font-family:var(--font-sans);letter-spacing:0;opacity:0;transition:opacity var(--dur-hover) var(--ease-hover),transform var(--dur-hover) var(--ease-hover);font-size:clamp(16px,1.39vw,20px);font-weight:400;line-height:1.5;transform:translateY(8px)}.service-card__arrow{background:var(--white);width:56px;height:56px;color:var(--ink);clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));opacity:0;transition:opacity var(--dur-hover) var(--ease-hover),transform var(--dur-hover) var(--ease-hover);place-items:center;display:grid;position:absolute;bottom:40px;right:40px;transform:translate(40px,40px)}.service-card:hover,.service-card:focus-visible{--cut:32px}.service-card:hover .service-card__summary,.service-card:hover .service-card__arrow,.service-card:focus-visible .service-card__summary,.service-card:focus-visible .service-card__arrow{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.service-card:before,.service-card .service-card__summary,.service-card .service-card__arrow{transition:none}}@media (hover:none){.service-card .service-card__summary,.service-card .service-card__arrow{opacity:1;transform:none}}@media (max-width:768px){.service-card{padding:24px}.service-card__arrow{bottom:24px;right:24px}}.service-card-grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.service-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-card-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:280px;grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.service-card-grid::-webkit-scrollbar{display:none}.service-card-grid>*{scroll-snap-align:start;aspect-ratio:1}}