.cases-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.cases-filter button{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #a9d8c4;background:#fcfefd;color:var(--brand-blue-deep);border-radius:999px;padding:9px 18px;font-weight:700;font-size:15px;cursor:pointer;text-align:left}.cases-filter-count{flex:0 0 auto;color:#627a78;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.cases-filter button[aria-pressed=true] .cases-filter-count{color:#dcecf2}.cases-filter button[aria-pressed=true]{background:var(--brand-blue-deep);color:#fff;border-color:var(--brand-blue-deep)}.case-list{display:grid;gap:24px}.case-card{scroll-margin-top:150px;background:#fcfefd;border:1px solid #cce3dd;border-radius:16px;padding:clamp(18px,3vw,30px);box-shadow:0 9px 30px #0c4e8c0b}.case-card:target{border-color:#0ab476}.case-card dl{display:grid;font-size:16px}.case-media-img{position:relative;display:block;width:100%;appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;line-height:normal;text-align:center;color:inherit;cursor:pointer;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#e5f3ef;border:1px solid #cce3dd}.case-media-img img{width:100%;height:100%;object-fit:contain;display:block}.case-media-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:#0c4e8cf0;border:2px solid #fff;box-shadow:0 2px 12px #0003;pointer-events:none;transition:background-color .18s ease,box-shadow .18s ease}.case-media-play svg{margin-left:3px}.case-media-img:hover .case-media-play{background:#087d56;box-shadow:0 3px 16px #123e5a50}.site-secondary .interior-cases .case-card.unified-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:min-content 1fr;align-content:start;align-items:start;gap:14px 32px}.interior-cases .unified-information{min-width:0;padding-top:2px;grid-column:1;grid-row:1}.site-secondary .interior-cases .unified-card header small{display:block;color:#087d56;font-size:14px;font-weight:600;line-height:1.55}.site-secondary .interior-cases .unified-card h2{margin:7px 0 20px;color:var(--brand-blue-deep);font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.02em;text-wrap:pretty}.site-secondary .interior-cases .unified-card dl{grid-template-columns:84px minmax(0,1fr);gap:8px 8px;margin:0;line-height:1.75}.interior-cases .unified-card dt{font-weight:500;color:#435f6c;white-space:nowrap}.interior-cases .unified-card dd{color:#183a4d;margin:0;overflow-wrap:anywhere}.interior-cases .case-services{grid-column:1;grid-row:2;margin-top:0;padding-top:12px;border-top:1px solid #e1ebe7;display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:15px;font-weight:600}.interior-cases .case-services a{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;color:#087d56;text-decoration:none}.interior-cases .case-services a:hover{text-decoration:underline;text-underline-offset:4px}.interior-cases .unified-gallery{grid-column:2;grid-row:1 / span 2;min-width:0;width:100%;max-width:520px;justify-self:end}.interior-cases .unified-gallery figure{margin:0}.interior-cases .unified-video-actions{padding:12px 12px 4px;background:#fff;border-radius:0 0 10px 10px}.site-secondary .interior-cases .unified-card .case-video-caption{margin:0;color:#1d3a47;font-size:14px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}.interior-cases .case-video-actions-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;color:#435f6c}.site-secondary .interior-cases .unified-card .case-video-link{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:15px;font-weight:600;color:var(--brand-blue-deep);text-decoration:none;gap:8px}.interior-cases .case-video-link:hover{text-decoration:underline;text-underline-offset:4px}.interior-cases .unified-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px}.interior-cases .unified-thumbnails button{width:100%;min-width:0;min-height:44px;border:1px solid #d7e4e0;padding:3px;border-radius:7px;background:#fff;color:#435f6c;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.interior-cases .unified-thumbnails button[aria-pressed=true]{border-color:#087d56;background:#edf7f2;box-shadow:0 0 0 1px #087d56;color:#087d56}.interior-cases .unified-thumbnails button:hover{border-color:#087d56}.interior-cases .unified-thumbnail-image{display:block;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#e5f3ef}.interior-cases .unified-thumbnail-image img{width:100%;height:100%;display:block;object-fit:contain}.interior-cases .unified-thumbnails button>span:last-child{display:block;font-size:14px;font-weight:500;line-height:1.5;margin-top:4px;white-space:normal;overflow-wrap:anywhere}.interior-cases :is(.unified-card a,.unified-card button,.cases-filter button):focus-visible{outline:3px solid #087d56;outline-offset:4px}@media(max-width:1023px){.site-secondary .interior-cases .case-card.unified-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:20px}.interior-cases .unified-gallery{grid-column:1;grid-row:2;max-width:none}.interior-cases .case-services{grid-column:1;grid-row:3;padding-top:12px}}@media(max-width:767px){.cases-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.cases-filter button{width:100%;min-width:0;min-height:44px;padding:9px 12px;font-weight:500}.cases-filter button:first-child{grid-column:1 / -1;justify-self:start;width:auto;padding-inline:14px;margin-bottom:2px}.site-secondary .interior-cases .case-card.unified-card{padding:22px 18px;gap:20px}.site-secondary .interior-cases .unified-card h2{font-size:20px;margin-bottom:16px}.site-secondary .interior-cases .unified-card dl{grid-template-columns:84px minmax(0,1fr);gap:7px 6px;font-size:15px}.interior-cases .case-services a{min-height:44px;font-size:14px}.site-secondary .interior-cases .unified-card .case-video-link{font-size:14px}.interior-cases .unified-video-actions{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.case-media-play,.interior-cases .unified-thumbnails button{transition:none}}
