.work-index{padding-top:44px!important}.work-index .work-label{font:400 12px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;color:#071e33;margin:0 0 26px}.work-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;margin-bottom:72px}.work-tile{position:relative;min-width:0;border:1px solid #91abb1;background:#ffffffb8}.work-tile:before,.work-tile:after{content:'';position:absolute;inset:-3px;pointer-events:none;z-index:2;background:radial-gradient(circle at 3px 3px,#002fa7 3px,transparent 3.5px) top left/7px 7px no-repeat,radial-gradient(circle at 3px 3px,#002fa7 3px,transparent 3.5px) top right/7px 7px no-repeat}.work-tile:after{transform:scaleY(-1)}.work-cover{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #91abb1;text-decoration:none}.work-cover>img{display:block;width:auto;max-width:33%;height:76%;object-fit:contain;transition:transform .5s ease}.work-cover:hover>img{transform:translateY(-5px)}.work-cover>img.cover-fill{width:100%;max-width:none;height:100%;object-fit:cover}.swsh-cover{background:#eaf0fc}.doormate-cover{background:#e9f5ef}.hermes-cover{background:#f2f1ec}.hermes-cover-title{font:400 clamp(32px,4vw,58px)/1.2 'DM Sans',sans-serif;color:#002fa7;letter-spacing:-.05em}.hermes-cover-title>span{display:block;font-size:14px;letter-spacing:0;margin-top:16px;color:#071e33}.work-action{position:absolute;bottom:12px;right:12px;background:white;color:#002fa7;padding:8px 10px;font:400 11px/1.4 'DM Sans',sans-serif}.work-caption{display:flex;justify-content:space-between;gap:16px;padding:22px}.work-caption h2{font:400 26px/1.2 'DM Sans',sans-serif!important;letter-spacing:-.035em;margin:0 0 9px!important}.work-caption h2 a{color:#002fa7;text-decoration:none}.work-caption p{font:400 13px/1.6 'DM Sans',sans-serif;color:#496572;margin:0}.work-caption>span{font-size:11px;color:#002fa7}.work-tile a:focus-visible{outline:2px solid #002fa7;outline-offset:4px}@media(max-width:600px){.work-tiles{grid-template-columns:1fr;gap:26px}.work-index{padding-top:28px!important}.work-caption{padding:18px}}@media(prefers-reduced-motion:reduce){.work-cover>img{transition:none}}

.work-tile .work-cover{background:transparent}.work-cover>img.project-drawing{width:100%;max-width:none;height:100%;object-fit:contain;padding:18px}.work-cover:hover>img.project-drawing{transform:translateY(-3px)}