.work-listing .page-hero{min-height:540px;padding-block:150px 82px}.work-listing .page-hero h1{max-width:940px;font-size:clamp(56px,6vw,86px)}.work-page{padding-block:82px 118px}.work-page .concept-note{display:grid;max-width:none;grid-template-columns:190px minmax(0,720px);align-items:start;grid-gap:28px;gap:28px;margin:0 0 48px;padding:18px 0;border-color:#2b2f39}.work-page .concept-note b{color:#f0f2f7;font-size:11px;font-weight:720;letter-spacing:.1em;text-transform:uppercase}.work-page .concept-note p{color:#a2a7b3;font-size:14px;line-height:1.65}.work-page .work-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:32px 28px;gap:32px 28px}.work-page .work-project-grid .project-cell,.work-page .work-project-grid .project-cell:nth-child(2n){min-width:0;padding-top:0}.work-page .project-card{display:flex;height:100%;min-width:0;flex-direction:column;border:1px solid #252934;border-radius:10px;background:#0d0f15;box-shadow:0 18px 50px rgba(0,0,0,.16);overflow:hidden;transition:border-color .3s ease,box-shadow .35s var(--ease),transform .35s var(--ease)}.work-page .work-project-grid .project-visual{aspect-ratio:16/9;padding:26px 0 0 26px;border-bottom:1px solid #252934;background:linear-gradient(145deg,#151923,#0f1219);-webkit-clip-path:none;clip-path:none;transform:translateY(0);transition:transform .35s var(--ease),border-color .3s ease}.work-page .work-project-grid .project-visual:before{right:-7%;top:-15%;width:52%;height:68%;opacity:.12;filter:blur(65px)}.work-page .work-project-grid .project-visual .product-mockup{width:108%;height:100%;min-height:0;transform:none;transform-origin:top left;box-shadow:0 22px 55px rgba(0,0,0,.24);transition:transform .45s var(--ease)}.work-page .project-card__body{display:flex;min-height:222px;flex:1 1;flex-direction:column;align-items:flex-start;padding:22px 24px 24px}.work-page .project-concept-label{color:#9096a4;font-size:11px;font-weight:720;letter-spacing:.12em;text-transform:uppercase}.work-page .project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.work-page .project-tags span{padding:5px 8px;border:1px solid #303644;border-radius:999px;color:#aeb5c4;background:#141821;font-size:10px;font-weight:650;letter-spacing:.04em;line-height:1;text-transform:uppercase}.work-page .project-card__body h3{margin:18px 0 10px;color:#f5f6fa;font-size:clamp(24px,2.1vw,30px);line-height:1.08}.work-page .project-card__body>p{max-width:590px;margin:0;color:#a4a9b4;font-size:16px;line-height:1.6}.work-page .project-card__cta{display:inline-flex;min-height:44px;align-items:center;gap:10px;margin-top:auto;padding-top:16px;color:#eef0f7;font-size:13px;font-weight:720}.work-page .project-card__cta svg{color:#7782ff;transition:transform .3s var(--ease)}.work-page .work-project-grid .product-mockup--mobile .mobile-preview{height:100%;min-height:0;grid-template-columns:minmax(0,.85fr) minmax(140px,1fr);align-items:center;gap:20px;padding:18px 28px}.work-page .work-project-grid .product-mockup--mobile .phone-ui--0,.work-page .work-project-grid .product-mockup--mobile .phone-ui--2{display:none}.work-page .work-project-grid .product-mockup--mobile .phone-ui--1{display:block;width:158px;height:292px;justify-self:center;border:5px solid #171922;border-radius:24px}@media (hover:hover){.work-page .project-card:hover{border-color:#4c55a1;box-shadow:0 24px 62px rgba(0,0,0,.27),0 0 38px rgba(88,97,255,.08);transform:translateY(-3px)}.work-page .project-card:hover .project-visual{border-color:#343a56;transform:translateY(-2px)}.work-page .project-card:hover .project-visual .product-mockup{transform:scale(1.015)}.work-page .project-card:hover .project-card__cta svg{transform:translateX(4px)}}@media (max-width:960px) and (min-width:641px){.work-listing .page-hero{min-height:500px;padding-block:138px 72px}.work-listing .page-hero h1{font-size:clamp(48px,7vw,62px)}.work-page{padding-block:72px 104px}.work-page .work-project-grid{gap:24px 18px}.work-page .work-project-grid .project-visual{padding:18px 0 0 18px}.work-page .project-card__body{min-height:236px;padding:20px}.work-page .project-card__body h3{font-size:24px}.work-page .project-card__body>p{font-size:14px}}@media (max-width:640px){.work-listing .page-hero{min-height:0;padding-block:112px 58px}.work-listing .page-hero h1{font-size:clamp(40px,11vw,48px)}.work-page{padding-block:58px 108px}.work-page .concept-note{grid-template-columns:1fr;gap:9px;margin-bottom:30px;padding-block:16px}.work-page .concept-note p{font-size:13px;line-height:1.6}.work-page .work-project-grid{display:flex;width:100%;gap:12px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.work-page .work-project-grid .project-cell,.work-page .work-project-grid .project-cell:nth-child(2n){min-width:88%;flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}.work-page .work-project-grid .project-visual{aspect-ratio:1.17;padding:16px 0 0 16px}.work-page .work-project-grid .project-visual .product-mockup{width:110%}.work-page .project-card__body{min-height:262px;padding:18px}.work-page .project-concept-label{font-size:10px}.work-page .project-tags{margin-top:11px}.work-page .project-tags span{font-size:9px}.work-page .project-card__body h3{margin-top:16px;font-size:24px}.work-page .project-card__body>p{font-size:14px;line-height:1.58}.work-page .project-card__cta{min-height:42px;padding-top:12px}.work-page .work-project-grid .product-mockup--mobile .mobile-preview{display:grid;height:100%;min-height:0;place-items:center;padding:8px}.work-page .work-project-grid .product-mockup--mobile .mobile-copy{display:none}.work-page .work-project-grid .product-mockup--mobile .phone-ui--1{width:116px;height:210px;border-width:4px;border-radius:20px}.work-page .work-project-carousel__progress{width:max-content;margin-inline:auto}}@media (max-width:359px){.work-page .work-project-grid .project-cell,.work-page .work-project-grid .project-cell:nth-child(2n){min-width:90%;flex-basis:90%}}@media (prefers-reduced-motion:reduce){.work-page .project-card,.work-page .project-card__cta svg,.work-page .work-project-grid .project-visual,.work-page .work-project-grid .project-visual .product-mockup{transition:none}}