.p1-services{scroll-margin-top:100px;padding:36px 0 42px;background:#fff;color:#101822}
.p1-services *{box-sizing:border-box}
.p1-services__heading{max-width:700px;margin-bottom:22px}
.p1-services__eyebrow{color:#067f9b;font-size:11px;letter-spacing:.15em;font-weight:900;margin:0 0 8px}
.p1-services__heading h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.045em;line-height:1.05;margin:0 0 10px;font-weight:950}
.p1-services__heading h2 span{background:linear-gradient(90deg,#10bce8 0 33%,#ff0a8a 33% 66%,#e9c900 66%);background-clip:text;-webkit-background-clip:text;color:transparent}
.p1-services__heading>p:last-child{font-size:15px;line-height:1.5;color:#53606d;margin:0}
.p1-services__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.p1-service{--accent:#10bce8;display:flex;flex-direction:column;min-width:0;border:1px solid #dce3e9;border-radius:15px;overflow:hidden;text-decoration:none;color:#101822;background:#fff;box-shadow:0 8px 20px rgba(16,24,34,.05);transition:transform .2s,border-color .2s}
.p1-service--print{--accent:#ff0a8a}.p1-service--design{--accent:#ffe000}.p1-service--qr{--accent:#10bce8}
.p1-service:hover{border-color:var(--accent);transform:translateY(-3px)}
.p1-service:focus-visible{outline:3px solid #101822;outline-offset:4px}
.p1-service__scene{position:relative;height:205px;background:#f6f7f8;overflow:hidden;border-bottom:4px solid var(--accent)}
.p1-service--packaging .p1-service__scene{background:radial-gradient(circle at 45% 45%,#fff,#f3f6f8 72%)}
.p1-service--print .p1-service__scene{background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,10,138,.07) 18px 20px),#faf7f9}
.p1-service--design .p1-service__scene{background:linear-gradient(rgba(16,24,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,34,.045) 1px,transparent 1px),#fffdf5;background-size:20px 20px}
.p1-service--qr .p1-service__scene{background:radial-gradient(circle,rgba(16,188,232,.16) 1px,transparent 2px),#f7fbfc;background-size:16px 16px}
.p1-service__art{display:block;width:100%;height:100%;padding:0 5px 14px}
.p1-service__scene-label{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:#53606d;font-size:8px;letter-spacing:.08em;font-weight:800}
.p1-service__burst{position:absolute;width:69%;height:74%;top:14%;left:15%;background:#ff0a8a;clip-path:polygon(0 17%,31% 21%,40% 0,57% 18%,89% 4%,79% 39%,100% 54%,78% 66%,87% 97%,59% 86%,36% 100%,29% 73%,0 79%,13% 49%);opacity:.14}
.p1-service__bag{position:absolute;width:53%;height:82%;object-fit:contain;left:9%;top:5%;transform:rotate(-7deg);filter:drop-shadow(0 7px 5px rgba(16,24,34,.12))}
.p1-service__can{position:absolute;width:32%;height:66%;right:13%;bottom:15%;transform:rotate(8deg);filter:drop-shadow(0 7px 5px rgba(16,24,34,.12))}
.p1-service__body{padding:17px;display:flex;flex-direction:column;flex:1}
.p1-service__kicker{font-size:9px;letter-spacing:.12em;font-weight:900;color:#63707c}
.p1-service h3{font-size:21px;line-height:1.1;letter-spacing:-.025em;font-weight:900;margin:8px 0 9px}
.p1-service__body p{font-size:13px;line-height:1.45;color:#53606d;margin:0 0 17px}
.p1-service__action{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding:10px 0 0;border-top:2px solid var(--accent);font-size:12px;font-weight:900;color:#101822}
.p1-service__action span{font-size:19px;line-height:1}
@media(max-width:1000px){.p1-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p1-service__scene{height:220px}}
@media(max-width:520px){.p1-services{padding:26px 0 30px}.p1-services__heading{margin-bottom:17px}.p1-services__heading>p:last-child{font-size:12px;line-height:1.4}.p1-services__grid{gap:10px}.p1-service{border-radius:12px}.p1-service__scene{height:142px}.p1-service__body{padding:11px}.p1-service__kicker{font-size:7px}.p1-service h3{font-size:16px;margin:7px 0}.p1-service__body p{font-size:11px;line-height:1.4;margin-bottom:12px}.p1-service__action{font-size:10px;padding-top:8px}.p1-service__scene-label{font-size:6px;letter-spacing:.04em}.p1-service__art{padding:0 0 12px}}
@media(prefers-reduced-motion:reduce){.p1-service{transition:none}.p1-service:hover{transform:none}}

.p1-service__art>g{filter:drop-shadow(0 3px 3px rgba(16,24,34,.14))}

.p1-service .p1-service__scene--photo{background:#fff}
.p1-service__photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}

@media(max-width:350px){.p1-service__scene{height:136px}.p1-services__heading h2{font-size:28px}.p1-service h3{font-size:15px}.p1-service__body{padding:10px}.p1-service__action{font-size:9.5px}}

@media(max-width:520px){.p1-service__photo{object-fit:contain;transform:scale(1.12)}}