.showcase-preview,.showcase-page{--showcase-ink:#24362e;--showcase-muted:#657160;--showcase-line:#d9ddcf;color:var(--showcase-ink);background:#f8f7f0}.showcase-preview{padding:88px max(5vw,50vw - 610px)}.showcase-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.showcase-eyebrow{letter-spacing:.18em;color:#6e795d;margin-bottom:14px;font:700 10px/1.4 Arial,sans-serif;display:block}.showcase-heading h2{letter-spacing:-.04em;margin:0 0 14px;font:400 clamp(30px,4vw,48px)/1.12 Georgia,serif}.showcase-heading p,.showcase-case-copy>p{color:var(--showcase-muted);margin:0;font:400 14px/1.8 Arial,sans-serif}.showcase-link{color:var(--showcase-ink);white-space:nowrap;border-bottom:1px solid #a2ad94;justify-content:space-between;align-items:center;gap:24px;padding:10px 0;font:600 13px/1.5 Arial,sans-serif;text-decoration:none;display:inline-flex}.showcase-link:focus-visible{outline-offset:5px;outline:3px solid #9ba783}.showcase-page a:focus-visible{outline-offset:5px;outline:3px solid #9ba783}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.showcase-preview .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.showcase-case{border:1px solid var(--showcase-line);background:#fffef8;min-width:0}.showcase-pair{grid-template-columns:1fr 1fr;gap:3px;display:grid}.showcase-pair figure{background:#edece3;min-width:0;margin:0;position:relative;overflow:hidden}.showcase-pair img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.showcase-pair figcaption{color:#24362e;letter-spacing:.05em;background:#fffef3ed;padding:7px 9px;font:600 10px/1.2 Arial,sans-serif;position:absolute;bottom:10px;left:10px}.showcase-case-copy{padding:22px}.showcase-case-copy h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 12px;font:400 24px/1.2 Georgia,serif}.showcase-case-copy>p{white-space:pre-line;overflow-wrap:anywhere}.showcase-case-copy .showcase-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:9px;font-weight:700}.showcase-page{min-height:100vh;padding:0 max(5vw,50vw - 580px) 70px}.showcase-nav{border-bottom:1px solid var(--showcase-line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:Arial,sans-serif;display:flex}.showcase-nav>a:first-child{color:var(--showcase-ink);font:400 23px/1.2 Georgia,serif;text-decoration:none}.showcase-page-title{max-width:750px;padding:70px 0 45px}.showcase-page-title h1{letter-spacing:-.045em;margin:0 0 20px;font:400 clamp(42px,7vw,76px)/1.08 Georgia,serif}.showcase-page-title p{color:var(--showcase-muted);font:400 15px/1.8 Arial,sans-serif}.showcase-empty{border-top:1px solid var(--showcase-line);max-width:660px;padding:45px 0 80px}.showcase-empty h2{font:400 30px/1.2 Georgia,serif}.showcase-empty p{color:var(--showcase-muted);font:400 15px/1.8 Arial,sans-serif}.showcase-pagination{justify-content:center;align-items:center;gap:30px;margin-top:40px;font:400 13px/1.5 Arial,sans-serif;display:flex}.showcase-pagination a{color:var(--showcase-ink)}.showcase-page-footer{border-top:1px solid var(--showcase-line);color:var(--showcase-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding-top:30px;font:400 13px/1.6 Arial,sans-serif;display:flex}.showcase-page-footer a{color:var(--showcase-ink)}@media (max-width:850px){.showcase-preview .showcase-grid{grid-template-columns:1fr}.showcase-preview .showcase-pair img{aspect-ratio:4/3}}@media (max-width:650px){.showcase-preview{padding:55px 6vw}.showcase-heading{display:block}.showcase-heading .showcase-link{margin-top:14px}.showcase-grid{grid-template-columns:1fr;gap:22px}.showcase-page-title{padding:45px 0 30px}.showcase-nav>a:first-child{font-size:20px}.showcase-nav .showcase-link{gap:10px;font-size:11px}.showcase-page-footer{flex-direction:column;align-items:flex-start}}