.next-project{border:1px solid var(--line);text-align:center;isolation:isolate;border-radius:4px;margin-top:clamp(80px,10vw,140px);padding:clamp(56px,8vw,120px) clamp(24px,4vw,56px);transition:border-color .4s;display:block;position:relative;overflow:hidden}.next-project:hover{border-color:var(--line-strong)}.next-project__peek{z-index:-1;object-fit:cover;opacity:0;filter:grayscale();width:100%;height:100%;transition:opacity .6s,transform .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.08)}@media (hover:hover){.next-project:hover .next-project__peek{opacity:.22;transform:scale(1)}}.next-project__label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;font-size:12px;display:block}.next-project__title{letter-spacing:-.04em;font-size:clamp(40px,7vw,96px);font-weight:700;line-height:1;transition:color .3s;display:block}.next-project:hover .next-project__title{color:var(--accent)}.next-project__arrow{color:var(--muted);margin-top:26px;font-size:22px;transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s;display:inline-block}.next-project:hover .next-project__arrow{color:var(--accent);transform:translate(8px)}.next-project:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.next-project__peek,.next-project__title,.next-project__arrow{transition:none}.next-project:hover .next-project__arrow{transform:none}}.case{padding:clamp(110px, 13vw, 180px) var(--page-gutter) clamp(100px, 12vw, 180px);background:var(--background);position:relative}.case__inner{width:100%;max-width:var(--container);margin-inline:auto}.case__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.case__back,.case__index{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.case__back{transition:color .3s}.case__back:hover{color:var(--accent)}.case__back:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.case__hero{padding:clamp(48px,6vw,90px) 0 clamp(32px,4vw,52px)}.case__title{letter-spacing:-.04em;margin:0;font-size:clamp(44px,8vw,118px);font-weight:700;line-height:.98}.case__line{max-width:62ch;color:var(--muted);margin:28px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.case__cover{aspect-ratio:16/9;border:1px solid var(--line);background:#0a0a0a;border-radius:4px;position:relative;overflow:hidden}.case__cover img{object-fit:cover;width:100%;height:100%}.case__meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(48px,6vw,80px) 0 0;display:grid}.case__meta-item{border-right:1px solid var(--line);padding:28px clamp(14px,2vw,28px)}.case__meta-item:last-child{border-right:0}.case__meta dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.case__meta dd{margin:0;font-size:14px;line-height:1.5}.case__section,.case__split{margin-top:clamp(64px,8vw,120px)}.case__label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px;font-size:12px;font-weight:500}.case__split{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);display:grid}.case__split .case__label{margin-bottom:0}.case__prose{letter-spacing:-.01em;max-width:68ch;margin:0;font-size:clamp(17px,1.6vw,23px);line-height:1.6}.case__steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.case__step{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(28px,3.5vw,48px) 0;display:grid}.case__step-num{color:var(--muted);letter-spacing:.12em;font-size:13px}.case__step-title{letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:600}.case__step-text{max-width:64ch;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.7}.case__step-media{aspect-ratio:16/9;border:1px solid var(--line);border-radius:4px;grid-column:2;margin-top:24px;overflow:hidden}.case__step-media img{object-fit:cover;width:100%;height:100%}.case__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.case__swatch-chip{border:1px solid var(--line);border-radius:4px;height:120px;margin-bottom:14px;display:block}.case__swatch-name{font-size:14px;font-weight:500;display:block}.case__swatch-hex{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:12px;display:block}.case__fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.case__font{border:1px solid var(--line);border-radius:4px;padding:clamp(24px,3vw,40px)}.case__font-specimen{letter-spacing:-.04em;margin:0;font-size:clamp(56px,7vw,96px);font-weight:700;line-height:1}.case__font-name{margin:20px 0 0;font-size:15px;font-weight:500}.case__font-usage{color:var(--muted);margin:6px 0 0;font-size:13px}.case__screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.case__screen{aspect-ratio:4/3;border:1px solid var(--line);background:#0a0a0a;border-radius:4px;margin:0;overflow:hidden}.case__screen--full{aspect-ratio:16/9;grid-column:1/-1}.case__screen img{object-fit:cover;width:100%;height:100%}.case__outcome{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.case__outcome li{border-bottom:1px solid var(--line);letter-spacing:-.01em;max-width:68ch;padding:clamp(24px,3vw,36px) 0;font-size:clamp(17px,1.6vw,23px);line-height:1.55}.case__links{flex-wrap:wrap;gap:12px;margin-top:clamp(48px,6vw,80px);display:flex}.case__button{border:1px solid var(--line-strong);min-height:54px;color:var(--foreground);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;padding:0 28px;font-size:12px;font-weight:500;transition:border-color .3s,background-color .3s;display:inline-flex}.case__button:hover{border-color:var(--foreground);background:#ffffff0f}.case__button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media (width<=991px){.case__meta,.case__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.case__meta-item:nth-child(2n){border-right:0}.case__meta-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.case__split{grid-template-columns:1fr}.case__split .case__label{margin-bottom:20px}}@media (width<=767px){.case__cover{aspect-ratio:4/3}.case__meta,.case__swatches,.case__fonts,.case__screens{grid-template-columns:1fr}.case__meta-item{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.case__meta-item:last-child{border-bottom:0}.case__step{grid-template-columns:1fr;gap:12px}.case__step-media{grid-column:1}.case__screen--full,.case__screen{aspect-ratio:4/3}.case__button{width:100%}}
