.work-intro{padding-top:48px;padding-bottom:48px}
.work-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#626964;margin-bottom:56px}
.work-breadcrumb a:hover,.work-detail-categories a:hover{text-decoration:underline}
.work-intro h1{font-size:64px;line-height:1.25;margin:20px 0 24px;overflow-wrap:anywhere}
.work-heading-dot{color:#bf5945}
.work-intro-copy{color:#5e655f;font-size:16px;line-height:1.8}
.work-categories{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:44px;border-bottom:1px solid #cdd1ce}
.work-categories a{padding:14px 0;border-bottom:2px solid transparent;font-size:14px;min-height:48px}
.work-categories a:hover{border-color:#a4aba5}
.work-categories a[aria-current=page]{border-color:#173e32;font-weight:700;color:#173e32}
.work-list{padding-bottom:112px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.work-card{min-width:0}
.work-cover{aspect-ratio:4/3;background:#f0f2f0;overflow:hidden;border:1px solid #e2e6e2}
.work-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease}
.work-card a:hover .work-cover img{transform:scale(1.025)}
.work-card-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#606961;margin-top:18px}
.work-card h2{font-size:18px;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}
.work-empty{padding:56px 0;color:#626964}
.work-list .pagination{margin-top:64px}
.work-list .nav-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.work-list .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-bottom:1px solid #cdd1ce}
.work-list .current{color:#173e32;border-color:#173e32;font-weight:700}
.work-detail-intro h1{font-size:48px;max-width:1080px;line-height:1.45}
.work-detail-categories{font-size:13px;color:#626964;line-height:2}
.work-content{max-width:1056px;padding-top:16px;padding-bottom:64px;font-size:16px;line-height:2;overflow-wrap:anywhere}
.work-content>*{max-width:100%}
.work-content img{max-width:100%;height:auto;vertical-align:middle}
.work-content img.emoji{width:1em;height:1em;display:inline}
.work-content figure,.work-content p{margin:0 0 28px}
.work-content h2{font-size:30px;margin:56px 0 24px;line-height:1.5}
.work-content h3{font-size:22px;margin:40px 0 16px;line-height:1.6}
.work-content ul,.work-content ol{padding-left:24px;margin:24px 0}
.work-content a{color:#173e32;text-decoration:underline;text-underline-offset:4px}
.work-content iframe,.work-content video{max-width:100%}
.work-content iframe[src*="youtube"],.work-content iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
.work-content table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.work-content td,.work-content th{border:1px solid #cdd1ce;padding:12px}
.work-post-navigation{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid #cdd1ce;padding-top:28px;padding-bottom:80px;font-size:14px}
.work-contact{margin-top:0;padding:80px 0}
.work-contact h2{font-size:48px;line-height:1.5;margin:24px 0}
.work-contact p{line-height:1.8}
.work-contact .contact-cta{display:flex;justify-content:space-between;gap:32px;width:min(100%,360px);font-size:18px;border-bottom:1px solid currentColor;padding:20px 0;margin-top:24px}
@media(prefers-reduced-motion:no-preference){.works-motion .work-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--work-delay,0ms)}.works-motion .work-card.is-visible{opacity:1;transform:none}}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-intro h1{font-size:48px}.work-detail-intro h1{font-size:36px}}
@media(max-width:600px){.work-intro{padding-top:28px;padding-bottom:32px}.work-breadcrumb{margin-bottom:40px}.work-intro h1{font-size:40px}.work-detail-intro h1{font-size:30px}.work-intro-copy{font-size:14px}.work-categories{gap:4px 20px;margin-top:28px}.work-categories a{font-size:13px}.work-grid{grid-template-columns:1fr;gap:36px}.work-list{padding-bottom:64px}.work-card h2{font-size:17px}.work-content{font-size:15px;line-height:1.9;padding-bottom:40px}.work-content h2{font-size:24px}.work-content h3{font-size:19px}.work-contact{padding:56px 0}.work-contact h2{font-size:30px}.work-post-navigation{padding-bottom:48px}}
