.project-art.pos{background:#233e31;color:#fff}.project-art.pos h3{font-size:clamp(46px,5vw,68px);letter-spacing:-.055em}.project-art.pos .meta{color:#bed4c4}
.pos-hero{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:clamp(40px,7vw,100px);align-items:center;padding:40px 0 70px}.pos-hero h1{font-size:clamp(64px,7.5vw,112px);font-weight:500;letter-spacing:-.065em;line-height:1}.pos-hero-device{width:280px;max-width:100%;margin:0 auto;transform:rotate(4deg)}
.pos-terminal{position:relative;width:100%;box-sizing:border-box;padding:0 5% 0;border-radius:11% / 4%;background:linear-gradient(100deg,#0b0d0e,#373b3f 4%,#15191c 8%,#1d2124 88%,#41484b 96%,#090b0c);border:1px solid #555c5f;box-shadow:inset 0 0 0 2px #080b0d,8px 10px 0 -4px #090b0d,0 24px 36px #0004;direction:ltr;pointer-events:none}
.pos-terminal::after{content:"";position:absolute;right:-2%;top:28%;width:2%;height:8%;background:linear-gradient(#535c60,#181d20);border-radius:0 3px 3px 0}
.pos-printer{position:relative;aspect-ratio:4/1;margin:0 -1%;border-bottom:1px solid #080a0c;border-radius:20% 20% 8% 8%;background:linear-gradient(#303639,#1b1f22 60%,#292f33);box-shadow:inset 0 2px 2px #ffffff20}
.pos-slot{position:absolute;left:9%;right:9%;top:50%;height:9%;border-radius:4px;background:#070909;box-shadow:0 2px 0 #5b6467}
.pos-paper{position:absolute;left:17%;width:66%;height:46%;top:6%;background:linear-gradient(#dadbd6,#fff);border-radius:2px;box-shadow:0 1px 4px #0005;transform:perspective(100px) rotateX(-8deg)}
.pos-paper::after{content:"";position:absolute;inset:25% 20%;background:repeating-linear-gradient(to bottom,#b1b4ae 0 1px,transparent 1px 4px);opacity:.5}
.pos-led{position:absolute;width:3%;aspect-ratio:1;bottom:14%;right:10%;border-radius:50%;background:#5dc78a;box-shadow:0 0 4px #5dc78a55}
.pos-glass{position:relative;aspect-ratio:428/920;border:4px solid #070a0c;border-radius:8px;overflow:clip;background:#303a4c;margin-top:5%;box-shadow:0 0 0 1px #4d5559}
.pos-glass img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0}
.pos-base{position:relative;aspect-ratio:5/1;display:flex;align-items:center;justify-content:space-between;padding:0 10%;color:#8a9499;font:600 10px Arial,sans-serif;letter-spacing:2px}
.pos-reader{position:absolute;left:29%;right:29%;bottom:12%;height:5%;background:#070909;border-radius:4px;box-shadow:0 1px 0 #525b5e}.pos-contactless{font-size:12px;letter-spacing:-2px;transform:rotate(-12deg)}
.pos-section{padding:88px 0;border-bottom:1px solid var(--line)}.pos-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,72px);padding:70px clamp(32px,7vw,100px);border-radius:12px;background:linear-gradient(135deg,#e4ebe5,#f2f1e9)}.pos-stage figure{display:block;width:100%;max-width:250px;margin:0 auto;min-width:0}.pos-stage figure:first-child{transform:translateY(18px) rotate(-3deg)}.pos-stage figure:last-child{transform:translateY(18px) rotate(3deg)}.pos-stage figcaption{font-size:13px;line-height:1.7;color:var(--muted);text-align:center;margin-top:24px;min-height:3.4em}html[data-theme="dark"] .pos-stage{background:linear-gradient(135deg,#202b25,#25292b)}html[dir="rtl"] .pos-stage{direction:ltr}html[dir="rtl"] .pos-stage figcaption{direction:rtl}html[dir="rtl"] .pos-hero h1{letter-spacing:0;font-size:clamp(52px,6vw,88px);line-height:1.3}
@media(max-width:760px){.pos-hero{grid-template-columns:1fr;gap:40px;padding:28px 0 48px}.pos-hero-device{width:min(67vw,270px);transform:none}.pos-section{padding:52px 0}.pos-stage{grid-template-columns:1fr;padding:40px 28px;gap:44px}.pos-stage figure{width:min(100%,245px)}.pos-stage figure:first-child,.pos-stage figure:last-child{transform:none}.pos-stage figcaption{min-height:0}.pos-case .visual-heading-with-copy{display:block}.pos-case .visual-heading-with-copy>span{display:block;margin-bottom:20px}.pos-case .visual-heading-with-copy p{margin-top:24px}}
.pos-hero h1 span{font-family:inherit;font-style:normal;letter-spacing:inherit;color:inherit}
.pos-hero-device{animation:visual-phone-float 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pos-hero-device{animation:none}}

.pos-story .visual-section-heading{margin-bottom:0}.pos-story p{max-width:66ch;line-height:1.85}
.pos-final-interface .pos-glass img{object-fit:contain}
.pos-final-interface .screen-marquee-set>.pos-terminal{width:clamp(180px,19vw,250px);flex:none}.pos-final-interface .screen-marquee .pos-glass img{width:100%;height:100%;object-fit:contain;pointer-events:none}@media(max-width:760px){.pos-final-interface .screen-marquee-set>.pos-terminal{width:168px}}
.pos-final-interface .screen-marquee-set>.pos-terminal{width:250px;min-width:250px;flex:0 0 250px}.pos-final-interface .pos-terminal>.pos-printer,.pos-final-interface .pos-terminal>.pos-glass,.pos-final-interface .pos-terminal>.pos-base{width:100%;box-sizing:border-box}@media(max-width:760px){.pos-final-interface .screen-marquee-set>.pos-terminal{width:168px;min-width:168px;flex-basis:168px}}
.pos-final-interface .screen-marquee-set>.pos-terminal{padding-inline:12px}