.works-breadcrumb{display:flex;gap:12px;padding-top:26px;color:var(--muted);font-size:12px}.works-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.works-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;padding-block:55px 75px}.works-hero h1{font-size:clamp(38px,4vw,57px);line-height:1.1}.works-hero .button{margin-top:28px;min-height:54px;font-weight:700}.works-directory{border-top:3px solid var(--brand);border-radius:14px;background:var(--deep);color:white;padding:32px}.works-directory .eyebrow{color:var(--brand);font-size:10px}.works-directory a{display:flex;gap:20px;padding-block:21px;border-top:1px solid #34546b}.works-directory a>span{font-size:11px;color:var(--brand);padding-top:4px}.works-directory strong{font-size:24px;font-weight:600}.works-directory small{display:block;color:#cadce9;font-size:12px;margin-top:5px}.works-directory a:hover strong{text-decoration:underline;text-underline-offset:5px}
.works-web{border-top:1px solid var(--line)}.works-subheading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.works-subheading h3{font-size:27px}.works-subheading>span{font-size:12px;color:var(--muted)}.works-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.works-project-media{aspect-ratio:8/5;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.works-project-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.works-image-pending{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;position:relative;background:#f2f6fa}.works-image-pending>span:not(.works-window-label){font-size:clamp(19px,2vw,28px);font-weight:600;letter-spacing:-.03em;color:#446174}.works-image-pending small{font-size:11px;color:var(--muted);border:1px solid #cddce6;border-radius:5px;padding:6px 12px;background:white}.works-image-pending .works-window-label{position:absolute;top:19px;left:22px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.works-project-info{padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:7px 15px;align-items:center}.works-project-info p{font-size:11px;grid-column:1/-1}.works-project-info h4{font-size:25px;line-height:1.2;overflow-wrap:anywhere}.works-project-info a{font-size:12px;color:var(--link);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}
.works-archive{margin-top:65px;border-top:1px solid var(--line);padding-top:35px}.works-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.works-archive-grid article{border:1px solid var(--line);padding:23px;border-radius:9px}.works-archive-grid p{font-size:11px}.works-archive-grid h4{font-size:21px;overflow-wrap:anywhere;margin-block:10px}.works-archive-grid a{font-size:12px;color:var(--link);text-decoration:underline}.works-catalog-pending{padding:25px;background:var(--canvas);border-left:3px solid var(--brand);font-size:14px}.works-service-link{margin-top:28px}
.works-software{background:var(--deep);color:white}.works-software .eyebrow{color:var(--brand)}.works-software .section-heading>p{color:#cadce9}.works-software-list{margin-bottom:30px}.works-software-list article{display:grid;grid-template-columns:190px 1fr;gap:25px;padding-block:30px;border-top:1px solid #34546b;scroll-margin-top:110px}.works-case-label{font-size:10px;color:var(--brand);letter-spacing:.1em;padding-top:8px}.works-software-list h3{font-size:29px;line-height:1.25;max-width:800px}.works-software-list p{color:#cadce9;font-size:15px;margin-block:16px}.works-software-list a{color:var(--brand);font-size:13px;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
.works-hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.works-hosting-grid article{background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:28px}.works-hosting-grid span{font-size:10px;letter-spacing:.06em;color:var(--link);font-weight:700}.works-hosting-grid h3{font-size:24px;margin-block:15px;line-height:1.3;overflow-wrap:anywhere}.works-hosting-grid p{font-size:13px}.works-contact h2{font-size:42px}
.works-clients{background:var(--canvas);border-block:1px solid var(--line)}.works-clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.works-client{display:flex;min-width:0;min-height:126px;flex-direction:column;justify-content:center;gap:8px;padding:20px;background:white;border:1px solid var(--line);border-radius:9px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.works-client:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 9px 24px rgba(13,45,66,.08)}.works-client>span{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:700}.works-client strong{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.works-client small{font-size:11px;color:var(--link)}
@media(max-width:1199px){.works-hero{gap:40px}.works-hero h1{font-size:47px}}
@media(max-width:959px){.works-hero{gap:28px}.works-hero h1{font-size:39px}.works-hero .lead{font-size:16px}.works-directory{padding:26px}.works-directory strong{font-size:22px}.works-featured-grid{gap:30px 22px}.works-project-info h4{font-size:21px}.works-software-list article{grid-template-columns:140px 1fr}.works-software-list h3{font-size:26px}.works-archive-grid{grid-template-columns:1fr 1fr}.works-clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.works-contact h2{font-size:35px}}
@media(max-width:639px){.works-breadcrumb{padding-top:20px}.works-hero{grid-template-columns:1fr;padding-block:35px 45px;gap:30px}.works-hero h1{font-size:39px}.works-hero .button{width:100%}.works-subheading{align-items:start;flex-direction:column;gap:9px}.works-subheading h3{font-size:25px}.works-featured-grid,.works-archive-grid,.works-hosting-grid{grid-template-columns:1fr}.works-project-info h4{font-size:23px}.works-image-pending>span:not(.works-window-label){font-size:23px}.works-archive{margin-top:42px;padding-top:30px}.works-clients-grid{grid-template-columns:1fr 1fr}.works-client{min-height:112px;padding:16px}.works-client strong{font-size:15px}.works-software-list article{grid-template-columns:1fr;gap:15px}.works-software-list h3{font-size:26px}.works-software-list p{font-size:14px}.works-hosting-grid article{padding:25px}.works-hosting-grid h3{font-size:23px}.works-contact h2{font-size:35px}}
@media(max-width:399px){.works-clients-grid{grid-template-columns:1fr}}