/* Shared work cards across home, services, archive and related projects. */
.td-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 38px}
.td-work-card{min-width:0}.td-work-card>a{display:block;color:inherit;text-decoration:none}.td-work-card>a:focus-visible{outline:2px solid #992846;outline-offset:6px}
.td-work-picture{aspect-ratio:1.6;background:#e8dce3;overflow:hidden}.td-work-picture img,.td-work-picture .case-image-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.td-work-picture .case-image-placeholder{display:flex}
.td-work-card:hover .td-work-picture img{transform:scale(1.025)}
.td-work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 13px}.td-work-tag{display:inline-block;border:1px solid #d7bac7;border-radius:3px;padding:5px 10px;font-size:10px;color:#8c3454;line-height:1.6}
.td-work-client{font-size:11px;color:#8b7783;margin:0 0 9px}.td-work-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.td-work-title h3{font-size:22px;line-height:1.7;letter-spacing:-.025em;margin:0;font-weight:700;color:#30232c}.td-work-title>span{flex-shrink:0;display:grid;place-items:center;width:39px;height:39px;border:1px solid #cbb7c1;border-radius:50%;font-size:18px;color:#8c3454;transition:.2s}.td-work-card:hover .td-work-title>span{background:#992846;color:white}
.td-work-list-hero h1{font-size:52px}.works-list-section{background:#f7f4f2;padding:55px 0 95px}.td-work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d8cbd1;margin-bottom:38px;padding-bottom:24px}.td-work-toolbar .category-filters{margin:0;gap:8px}.td-work-toolbar .category-filter{padding:12px 20px;font-size:12px;border-radius:30px}.td-work-count{font-size:12px;white-space:nowrap;color:#8b7783;margin:0}
.td-work-detail{background:#f7f4f2;color:#30232c}.td-work-heading{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;align-items:end}.td-work-heading h1{font-size:clamp(30px,3.7vw,53px);line-height:1.55;margin:24px 0}.td-work-heading>div>p{max-width:690px}.td-work-detail .td-page-hero .td-work-tag{border-color:#725262;color:#ead0dc;border-radius:30px;padding:7px 14px}.td-work-customer{border-left:1px solid #705363;padding-left:28px;margin-bottom:20px}.td-work-customer:empty{display:none}.td-work-customer span{display:block;font-size:11px;color:#c7aebd}.td-work-customer strong{display:block;font-size:20px;line-height:1.6;margin:10px 0 12px}
.td-work-main-image{margin:0;background:#e8dce0;padding:48px 60px}.td-work-main-image img{display:block;width:100%;max-height:650px;object-fit:contain;height:auto}
.td-work-overview{display:grid;grid-template-columns:230px 1fr;gap:65px;padding:65px 0 70px;border-bottom:1px solid #d8cbd1}.td-work-overview h2{font-size:23px;margin:12px 0;line-height:1.7}.td-work-overview dl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0}.td-work-overview dl>div{padding:16px 0;border-bottom:1px solid #e1d6dc;display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px;line-height:1.9}.td-work-overview dt{color:#8a7682}.td-work-overview dd{margin:0;overflow-wrap:anywhere}
.td-work-story{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding:70px 0}.td-work-toc{position:sticky;top:120px;align-self:start}.td-work-toc a{display:flex;gap:15px;padding:17px 0;font-size:12px;border-bottom:1px solid #e1d6dc;color:#6f5664}.td-work-toc a span{color:#a27b8d;font-size:10px}.td-work-story .td-case-block-content{min-width:0;font-size:14px;line-height:2.2;color:#71636c}.td-work-story .td-case-block-content h2{font-size:28px;color:#30232c;scroll-margin-top:120px}.td-story-number{display:block;font-size:11px;letter-spacing:.1em;color:#992846;margin-bottom:12px}.td-work-results{margin-top:60px}.td-work-results .case-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:25px 0}.td-work-results .case-metric{min-width:0;border-top:2px solid #992846;padding-top:24px}.td-work-related{padding:40px 0 60px;border-top:1px solid #d8cbd1}.td-work-related>h2{font-size:30px;margin:0 0 35px}.td-work-article-wrap>.case-next-links{margin:0;padding:30px 0 70px}.td-work-main-image+.td-work-overview{margin-top:0}
@media(max-width:1000px){.td-work-heading{grid-template-columns:1fr 210px;gap:30px}.td-work-overview,.td-work-story{grid-template-columns:170px minmax(0,1fr);gap:35px}.td-work-grid{gap:40px 25px}.td-work-toolbar{display:block}.td-work-count{margin-top:20px}.td-work-overview dl{gap:0 22px}.td-work-title h3{font-size:20px}}
@media(max-width:640px){.td-work-grid{grid-template-columns:1fr;gap:36px}.td-work-title h3{font-size:20px}.td-work-tags{margin-top:18px}.td-work-list-hero h1{font-size:36px}.works-list-section{padding:30px 0 55px}.td-work-toolbar .category-filter{padding:10px 14px;font-size:11px}.td-work-toolbar{padding-bottom:20px;margin-bottom:28px}.td-work-heading{display:block}.td-work-heading h1{font-size:30px}.td-work-customer{margin:28px 0 0;padding-left:17px}.td-work-customer strong{font-size:16px}.td-work-main-image{padding:24px 16px;margin:0 -24px}.td-work-overview{display:block;padding:40px 0}.td-work-overview dl{grid-template-columns:1fr}.td-work-overview h2{margin-bottom:20px}.td-work-story{display:block;padding:0 0 45px}.td-work-toc{position:relative;top:auto;display:flex;gap:20px;overflow-x:auto;padding:25px 0;margin-bottom:30px}.td-work-toc a{white-space:nowrap;font-size:11px;gap:8px;padding:10px 0}.td-work-story .td-case-block-content h2{font-size:25px}.td-work-related{padding:35px 0}.td-work-related>h2{font-size:25px}.td-work-article-wrap>.case-next-links{padding-bottom:45px}.td-work-results .case-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.td-work-picture img,.td-work-title>span{transition:none}}


/* Wine-red gradient for work thumbnails. */
.td-work-picture{background:linear-gradient(135deg,#eed9df 0%,#d5a4b7 48%,#992846 100%)}
.td-work-picture .case-image-placeholder{background:radial-gradient(ellipse at 15% 10%,rgba(255,255,255,.17),transparent 65%),linear-gradient(135deg,#442333 0%,#792b49 52%,#a64663 100%);color:#fff}
.td-work-picture .case-image-placeholder :is(span,b,strong){color:#fff}

.td-work-grid-latest{grid-template-columns:repeat(3,minmax(0,1fr))}.td-work-grid-latest .td-work-title h3{font-size:19px}
@media(max-width:900px){.td-work-grid-latest{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.td-work-grid-latest{grid-template-columns:1fr}}


/* Centre a single, proportionate site capture inside a code-drawn laptop. */
.td-work-picture .td-site-mockup{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 18% 10%,#fff8fb,transparent 70%),linear-gradient(135deg,#f1e5ec,#d9bbc9);box-sizing:border-box;padding:8% 15%}
.td-site-laptop{width:100%;filter:drop-shadow(0 10px 9px #4c263c25)}
.td-site-laptop-screen{width:94%;margin:0 auto;background:#151519;border:5px solid #242329;border-radius:8px 8px 0 0;overflow:hidden;box-sizing:border-box}
.td-work-picture .td-site-laptop-screen img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:contain;object-position:center;background:#fff;transform:none!important;transition:none}
.td-site-laptop-base{height:7px;width:100%;border-radius:1px 1px 50% 50%;background:linear-gradient(#eeedf0,#aaa7b0);position:relative}
.td-site-laptop-base:before{content:"";display:block;width:14%;height:2px;margin:0 auto;background:#aaa7af;border-radius:0 0 4px 4px}