.work{--gutter:clamp(16px, 4vw, 32px);--text-body:#dce0e6;width:min(100% - 2 * var(--gutter), 1120px);margin:112px auto 0}.work__title{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(3rem,1.6rem + 5vw,5.5rem);font-weight:600;line-height:.95}.work__intro{max-width:56ch;color:var(--text-secondary);text-wrap:pretty;margin:24px 0 0;font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);line-height:1.5}.work__actions{margin-top:32px}.work__section{margin-top:clamp(56px,7vw,96px)}.work__h2{letter-spacing:-.02em;text-wrap:balance;max-width:28ch;margin:0 0 24px;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);font-weight:600;line-height:1.12}.work__slots{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0;margin-inline:calc(var(--gutter) * -1);padding:0 0 8px;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:16px;list-style:none;display:flex;overflow-x:auto}.work__slot{scroll-snap-align:start;flex:0 0 min(78vw,320px)}.work__slot-cover{aspect-ratio:16/10;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.work__slot-edge,.work__phone-edge{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.work__dash{fill:none;stroke:color-mix(in oklab, var(--text-secondary) 55%, transparent);stroke-width:1.5px;stroke-dasharray:2 8;stroke-linecap:round;vector-effect:non-scaling-stroke}.work__draw{fill:none;stroke:#fff;stroke-width:5px;vector-effect:non-scaling-stroke}.work__phone{aspect-ratio:1/1.9734;place-items:center;width:24%;display:grid;position:relative}.work__phone img{opacity:.1;width:44%;height:auto;position:relative}.work__slot-title{letter-spacing:-.012em;margin:16px 0 0;font-size:1.375rem;font-weight:600;line-height:1.2}.work__slot-body{color:var(--text-secondary);margin:4px 0 0}@media (prefers-reduced-motion:no-preference){:root:is([data-motion-tier=full],[data-motion-tier=lite]) .work__slot-edge .work__draw{animation:work-draw .9s var(--ease-expo-out) backwards;animation-delay:calc(.2s + var(--i,0) * .12s)}:root:is([data-motion-tier=full],[data-motion-tier=lite]) .work__phone-edge .work__draw{animation:work-draw .9s var(--ease-expo-out) backwards;animation-delay:calc(.44s + var(--i,0) * .12s)}:root:is([data-motion-tier=full],[data-motion-tier=lite]) .work__phone img{animation:work-mark .6s var(--ease-expo-out) backwards;animation-delay:calc(.8s + var(--i,0) * .12s)}}@keyframes work-draw{0%{stroke-dasharray:1 1;stroke-dashoffset:1px}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes work-mark{0%{opacity:0}}.work__offer{gap:0;margin:0;padding:0;display:grid}.work__offer>div{border-top:1px solid var(--border-soft);padding-block:20px}.work__offer>div:last-child{border-bottom:1px solid var(--border-soft)}.work__offer dt{letter-spacing:-.012em;font-size:1.375rem;font-weight:600;line-height:1.2}.work__offer dd{max-width:40ch;color:var(--text-secondary);margin:8px 0 0}.work__apps{flex-wrap:wrap;gap:8px 32px;margin:0;padding:0;list-style:none;display:flex}.work__apps a{min-height:56px;font-family:var(--font-heading);align-items:center;gap:14px;font-size:1.125rem;font-weight:600;display:inline-flex}.work__apps a:hover span{text-underline-offset:4px;text-decoration:underline}.work__apps img{border-radius:22.5%;width:48px;height:48px;display:block}.work__more{margin:16px 0 0}.work__more a{min-height:44px;color:var(--brand-sky);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}@media (min-width:768px){.work__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.work__slot{flex:none}.work__offer{grid-template-columns:repeat(3,minmax(0,1fr))}.work__offer>div{border-bottom:0;padding:24px 28px 8px 0}.work__offer>div+div{border-left:1px solid var(--border-soft);padding-left:28px}.work__offer>div:last-child{border-bottom:0}}
