.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;display:grid}.work-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-width:0}.work-cover{border:1px solid var(--border);background:linear-gradient(145deg,var(--secondary),var(--card) 65%);flex-direction:column;justify-content:space-between;gap:36px;min-width:0;min-height:340px;padding:30px;display:flex;position:relative;overflow:hidden}.work-cover:after{content:"";border:1px solid var(--primary);opacity:.35;pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-130px;right:-90px}.work-cover-label{letter-spacing:.08em;color:var(--secondary-foreground);font:11px/1.8 Courier New,monospace}.work-cover-name{letter-spacing:-.06em;color:var(--foreground);overflow-wrap:anywhere;max-width:100%;font-size:clamp(38px,5vw,84px);font-weight:500;line-height:1.05;transition:color .2s}.work-card:hover .work-cover-name{color:var(--primary)}.work-cover-domain{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:13px;display:flex}.work-cover-domain>span{color:var(--primary);font-size:24px}.work-card-copy{padding:24px 0 0}.work-card-copy h3{margin:12px 0;font-size:28px}.work-card-copy h3 a{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-card-copy h3 svg{color:var(--primary);flex-shrink:0}.work-card-copy p{color:var(--muted-foreground);max-width:62ch;font-size:16px;line-height:1.7}.work-card-visual{aspect-ratio:16/10;border:1px solid var(--border);background:var(--secondary);justify-content:center;align-items:center;padding:clamp(12px,2vw,28px);display:flex;overflow:hidden}.work-card-visual img{object-fit:contain;width:100%;height:100%;transition:transform .35s;display:block}.work-card:hover .work-card-visual img{transform:scale(1.025)}.work-card-visual:focus-visible{outline:2px solid var(--ring);outline-offset:5px}.work-card-cta{margin-top:20px}.work-filters{flex-wrap:wrap}.work-filters button{white-space:normal;text-align:center;max-width:100%}.work-gallery figure{margin:0}.work-gallery img{border:1px solid var(--border);width:100%;height:auto;display:block}.work-gallery{max-width:1280px;margin-inline:auto}.work-additional-gallery .work-gallery{max-width:1000px}.work-additional-gallery h2{margin:20px 0 40px;font-size:clamp(36px,5vw,64px)}.work-gallery .work-cover{min-height:480px}.work-gallery figcaption{color:var(--muted-foreground);margin-top:16px;font-size:14px}.work-details{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;margin-top:60px;display:grid}.work-details h2{font-size:clamp(30px,4vw,48px)}.work-details p{color:var(--muted-foreground);margin-top:20px}.work-related{flex-wrap:wrap;gap:18px;margin-top:24px;display:flex}.work-case-study section{border-top:1px solid var(--border);padding:40px 0}.work-case-study h2{margin-bottom:24px;font-size:clamp(28px,4vw,44px)}.work-case-study p,.work-case-study li{color:var(--muted-foreground)}.work-case-study ul{padding-left:24px;list-style:outside}@media (max-width:1099px){.work-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.work-grid,.work-grid-compact,.work-details{grid-template-columns:1fr}.work-cover{min-height:290px;padding:24px}.work-gallery .work-cover{min-height:340px}.work-details{gap:28px}}.work-hero{border-bottom:1px solid var(--border);padding:36px 0 72px}.work-hero>.shell>.eyebrow{margin:40px 0 28px}.work-hero h1{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:20ch;font-size:clamp(44px,6.7vw,112px);line-height:1.03}.work-hero h1 em{color:var(--primary);font-weight:inherit;margin-top:12px;display:block}.work-hero-summary{max-width:75ch;color:var(--muted-foreground);margin-top:32px;font-size:clamp(17px,1.5vw,22px);line-height:1.7}.work-hero .button-row{margin-top:32px}.work-project-types{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.work-project-types li{border:1px solid var(--border);color:var(--secondary-foreground);border-radius:99px;padding:8px 14px;font-size:14px}.work-featured-section{padding-bottom:64px}.work-story-layout{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);align-items:start;gap:clamp(36px,7vw,120px);display:grid}.work-project-aside{padding-top:40px;position:sticky;top:140px}.work-project-aside nav{gap:14px;margin:24px 0 32px;display:grid}.work-project-aside nav a{color:var(--muted-foreground);font-size:15px;line-height:1.5}.work-project-aside nav a:hover{color:var(--primary)}.work-aside-platform{color:var(--muted-foreground);margin-bottom:24px}.work-case-study{min-width:0}.work-case-study section{scroll-margin-top:130px}.work-case-study .eyebrow{margin-bottom:16px;font-size:11px}.work-case-study p+p{margin-top:20px}.work-case-study p,.work-case-study li{font-size:17px;line-height:1.8}.work-case-study li+li{margin-top:10px}.work-case-study .work-technologies{flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:0;list-style:none;display:flex}.work-case-study .work-technologies li{border:1px solid var(--border);background:var(--card);color:var(--foreground);margin:0;padding:8px 16px;font-size:15px}.work-service-section{border-top:1px solid var(--border)}.work-service-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.work-service-links a{border:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,3vw,36px);font-size:clamp(20px,2vw,28px);display:flex}.work-service-links svg{color:var(--primary);flex-shrink:0}.work-next{padding-bottom:64px}.work-next>a{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:40px 0;display:flex}.work-next>a>span{gap:16px;display:grid}.work-next strong{letter-spacing:-.04em;font-size:clamp(32px,5vw,64px);font-weight:500}.work-next>a>svg{color:var(--primary);flex-shrink:0}.work-inquiry h2{margin:24px 0 32px;font-size:clamp(36px,5vw,80px)}@media (max-width:959px){.work-story-layout{grid-template-columns:minmax(0,1fr);gap:12px}.work-project-aside{padding:0;position:static}.work-project-aside nav,.work-project-aside>.eyebrow{display:none}.work-project-aside>.text-link{margin-bottom:20px}}@media (max-width:639px){.work-service-links{grid-template-columns:minmax(0,1fr)}.work-hero{padding-bottom:44px}.work-hero>.shell>.eyebrow{line-height:1.8}.work-hero .button-row{align-items:flex-start}.work-case-study p,.work-case-study li{font-size:16px}}@media (prefers-reduced-motion:reduce){.work-cover-name,.work-card-visual img{transition:none}.work-card:hover .work-card-visual img{transform:none}}
