/* Wholeverb Section 3. Locomotive's inline reveal behavior, native Wholeverb type and controls. */
.selected-work{padding-top:140px;padding-bottom:130px;scroll-margin-top:110px}.work-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,5.5vw,88px)}.work-kicker{margin:0 0 24px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#58706b}.selected-work h2{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.055em;line-height:1.08;font-weight:650;margin:0}.selected-work h2 span{color:#00b8b4}.work-list{list-style:none;padding:0;margin:62px 0 0}.work-list li{border-bottom:1px solid #bdceca}.work-project{width:100%;min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:18px 0;color:#071317;text-align:left}.project-name{font-size:clamp(26px,2.85vw,43px);font-weight:400;letter-spacing:-.04em;line-height:1.2}.work-project>svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}.work-peek{display:inline-block;width:0;height:68px;vertical-align:middle;overflow:hidden;opacity:0;max-width:0;transition:max-width .4s cubic-bezier(.2,.7,.3,1),width .4s cubic-bezier(.2,.7,.3,1),margin .4s,opacity .25s;border-radius:5px;margin:0;box-shadow:0 0 0 1px #00a7a4}.work-peek img{display:block;width:118px;height:68px;object-fit:cover;object-position:top}.work-project:focus-visible{color:#007074;outline-offset:5px}.work-project:focus-visible .work-peek{width:118px;max-width:118px;margin:0 12px;opacity:1}@media(hover:hover) and (pointer:fine){.work-project:hover{color:#007074}.work-project:hover .work-peek{width:118px;max-width:118px;margin:0 12px;opacity:1}.work-project:hover>svg{transform:translate(2px,-2px)}}.work-hint{font-size:12px;color:#58706b;margin:25px 0 0}.work-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px;min-height:32px}.work-demo-heading h3{font-size:17px;line-height:1.2;letter-spacing:-.02em;margin:0;font-weight:600}.work-demo-badge{display:inline-flex;align-items:center;gap:8px;background:#edfafa;border:1px solid #b9dedb;padding:5px 11px;border-radius:30px;font-size:11px;white-space:nowrap}.work-demo-badge i{width:7px;height:7px;background:#00a9a5;border-radius:50%}.work-demo-note{font-size:11px;color:#58706b;margin:14px 0 0}.work-dialog{padding:28px;width:min(1100px,calc(100% - 36px));max-height:calc(100dvh - 40px);border:1px solid #c7d7ce;border-radius:16px;background:#fcfbf7;color:#071317;overscroll-behavior:contain;overflow:auto}.work-dialog::backdrop{background:#071317a8;backdrop-filter:blur(5px)}.work-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.work-dialog-head p{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#58706b;margin:0 0 8px}.work-dialog h2{font-size:30px;letter-spacing:-.035em;margin:0;line-height:1.2}.work-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c7d7ce;border-radius:50%;background:white;color:#071317}.work-close svg,.work-dialog-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.work-dialog #work-project-description{max-width:760px;color:#526862;font-size:14px;line-height:1.6;margin:18px 0 22px}.work-dialog-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.work-format{display:flex;border:1px solid #c7d7ce;border-radius:8px;padding:3px;gap:3px}.work-format[hidden]{display:none}.work-format button{padding:8px 15px;min-height:40px;background:transparent;border:0;border-radius:5px;font-size:12px;color:#526862}.work-format button[aria-pressed=true]{background:#071317;color:#fff}.work-dialog-tools a{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.work-image-stage{background:#edf2ee;padding:20px;border-radius:9px;min-height:220px;text-align:center}.work-image-stage img{display:block;max-width:100%;width:100%;height:auto;margin:auto;box-shadow:0 8px 28px #07131712}.work-image-stage[data-format=phone] img{width:390px}.work-dialog button:focus-visible,.work-dialog a:focus-visible{outline:3px solid #007074;outline-offset:3px}
@media(min-width:960px) and (max-width:1190px){.work-grid{gap:32px;grid-template-columns:1fr 1.1fr}.project-name{font-size:28px}.work-peek img{width:92px}.work-project:hover .work-peek,.work-project:focus-visible .work-peek{width:92px;max-width:92px;margin:0 9px}.work-project{min-height:108px}}
@media(max-width:959px){.work-grid{grid-template-columns:1fr;gap:65px}.work-list{margin-top:35px}.work-project{min-height:100px}.project-name{font-size:clamp(28px,5vw,40px)}.selected-work h2{font-size:clamp(42px,7vw,62px)}.work-demo-column{max-width:650px;width:100%}.selected-work{padding-top:95px;padding-bottom:85px}}
@media(max-width:600px){.selected-work.wrap{padding-left:24px;padding-right:24px}.selected-work{padding-top:80px;padding-bottom:65px}.work-kicker{margin-bottom:18px}.selected-work h2{font-size:42px}.work-project{min-height:85px;padding:15px 0}.project-name{font-size:29px;letter-spacing:-.045em}.work-project>svg{width:22px;height:22px}.work-list{margin-top:30px}.work-peek,.work-project:focus-visible .work-peek{display:none}.hover-hint{display:none}.work-demo-heading{gap:6px}.work-demo-heading h3{font-size:16px}.work-demo-badge{font-size:10px;padding:5px 8px}.work-dialog{padding:18px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.work-dialog h2{font-size:25px}.work-image-stage{padding:8px}.work-dialog-tools{flex-wrap:wrap}.work-dialog-tools a{margin-left:auto}}
@media(max-width:360px){.selected-work.wrap{padding-left:20px;padding-right:20px}.selected-work h2{font-size:36px}.project-name{font-size:25px}.work-demo-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.work-peek,.work-project>svg{transition:none}}