.haven-project{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:48px;padding-top:6px;display:grid}.haven-wordmark{font-family:var(--font-display);letter-spacing:-1.5px;align-items:center;gap:12px;margin:0 0 24px;font-size:32px;font-weight:600;line-height:1;display:flex}.haven-lede{letter-spacing:-.6px;font-size:25px;line-height:1.35}.haven-description{margin-bottom:16px;font-size:14px;line-height:1.65}.haven-visit{color:#f8faef;background:#263b30;border-radius:8px;align-items:center;gap:28px;margin-top:6px;padding:13px 19px;font-size:14px;font-weight:600;transition:background-color .16s;display:inline-flex}.haven-visit span{transition:transform .16s}.haven-visit:hover{background-color:#3e5642}.haven-visit:hover span{transform:translate(2px,-2px)}.haven-screenshot{aspect-ratio:1141/860;border-radius:12px;min-width:0;display:block;overflow:hidden;box-shadow:0 18px 45px -24px #263b3050}.haven-screenshot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.haven-project a:focus-visible{outline-offset:3px;outline:2px solid #263b30}.tab:focus-visible{outline-offset:-5px;outline:2px solid}.case-content:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid}@media (max-width:879px){.haven-project{grid-template-columns:1fr;gap:32px}.haven-copy{max-width:550px}.haven-screenshot{max-width:650px}}@media (max-width:640px){.haven-project{padding-top:0}.haven-wordmark{margin-bottom:20px;font-size:28px}.haven-lede{max-width:300px;font-size:27px}}@media (prefers-reduced-motion:reduce){.haven-project *,.tab,.panel{transition:none!important;animation:none!important}.haven-visit:hover span{transform:none}.case-content{clip-path:none!important}}
.hermes-project{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:48px;padding-top:6px;display:grid}.hermes-wordmark{font-family:var(--font-display);letter-spacing:-1.5px;margin:0 0 24px;font-size:32px;font-weight:600;line-height:1}.hermes-lede{letter-spacing:-.6px;font-size:25px;line-height:1.35}.hermes-description{margin-bottom:16px;font-size:14px;line-height:1.65}.hermes-fineprint{opacity:.72}.hermes-links{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:6px;display:flex}.hermes-visit{color:#14123a;background:#cabff0;border-radius:8px;align-items:center;gap:28px;padding:13px 19px;font-size:14px;font-weight:600;transition:background-color .16s;display:inline-flex}.hermes-visit span{transition:transform .16s}.hermes-visit:hover{background-color:#e0d8ff}.hermes-visit:hover span{transform:translate(2px,-2px)}.hermes-source{color:inherit;font-size:14px}.hermes-shots{flex-direction:column;gap:16px;min-width:0;display:flex}.hermes-screenshot{aspect-ratio:1280/800;border:1px solid #ffffff1a;border-radius:12px;min-width:0;display:block;overflow:hidden;box-shadow:0 18px 45px -24px #0009}.hermes-screenshot img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hermes-project a:focus-visible{outline-offset:3px;outline:2px solid #cabff0}@media (max-width:879px){.hermes-project{grid-template-columns:1fr;gap:32px}.hermes-copy{max-width:550px}.hermes-shots,.hermes-screenshot{max-width:650px}}@media (max-width:640px){.hermes-project{padding-top:0}.hermes-wordmark{margin-bottom:20px;font-size:28px}.hermes-lede{font-size:27px}}@media (prefers-reduced-motion:reduce){.hermes-project *{transition:none!important;animation:none!important}.hermes-visit:hover span{transform:none}}