.case-study{background:#fff;height:100dvh;overflow:hidden}.case-study__content,.case-study__content>main{width:100%;height:100%;max-width:var(--site-max);margin-inline:auto;overflow:hidden}.case-study__header{display:none}.case-study__back{color:#000;transition:background var(--transition-fast);background:#f4f3f2;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.case-study__back:hover{background:#e8e7e6}.case-study__back:focus-visible{outline-offset:2px;outline:2px solid #000}.case-study__meta{align-items:center;gap:16px;display:flex}.case-study__company,.case-study__year,.case-study__role{color:#666;font-size:13px}.case-study__company:after,.case-study__year:after{content:"·";opacity:.4;margin-left:16px}.case-study__title{font-variation-settings:var(--font-var-display);color:#000;letter-spacing:-.02em;max-width:900px;padding:48px 32px 16px;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.1}.case-study__tagline{color:#666;max-width:680px;padding:0 32px 24px;font-size:18px;line-height:1.6}.case-study__tags{flex-wrap:wrap;gap:8px;padding:0 32px 48px;display:flex}.case-study__tag{color:#000;background:#f4f3f2;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500}@media (max-width:768px){.case-study__header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px 0}.case-study__title{padding:32px 20px 12px;font-size:clamp(26px,6.5vw,48px)}.case-study__tagline{padding:0 20px 20px}.case-study__tags{padding:0 20px 32px}.case-study__company:after,.case-study__year:after{margin-left:8px}}