.display-showcase{padding:26px 0 64px;background:#faf9f7;color:#203444}.display-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#637078}.display-heading{max-width:820px;padding:50px 0 22px}.display-heading h1{font-size:clamp(34px,5vw,64px);font-weight:500;line-height:1.09;letter-spacing:-.035em;margin:16px 0 22px}.display-heading h1 span{color:#687d79}.display-intro{max-width:620px;font-size:16px;line-height:1.7}.display-status{font-size:12px!important;letter-spacing:.035em;color:#576b63}.display-note{border:1px solid #dce3dd;border-radius:16px;padding:16px 22px;max-width:900px;background:#f1f4ef}.display-note p{margin:0;font-size:12px;line-height:1.8}.display-links{display:flex;justify-content:space-between;gap:20px;margin:28px 0 24px;font-size:13px}.display-links a,.display-permalink,.display-end a{text-decoration:underline;text-underline-offset:4px}.display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.display-card{background:#fff;border:1px solid #e7e6e1;border-radius:22px;overflow:hidden;scroll-margin-top:100px}.display-card:target{outline:2px solid #6e8d7e;outline-offset:4px}.display-photo{display:block;aspect-ratio:1;overflow:hidden;background:white}.display-photo img{display:block;width:100%;height:100%;object-fit:contain}.display-photo[data-image-mode="rotate-90"] img{transform:rotate(-90deg)}.display-photo[data-image-mode="rotate180"] img{transform:rotate(180deg)}.display-photo[data-image-mode="crop-bottom"] img{clip-path:inset(0 0 12% 0)}.display-card-copy{padding:2px 22px 24px}.display-code{font-size:10px;letter-spacing:.05em;color:#7a827c;margin:0 0 10px}body.able-v9 .display-card h2{font-family:var(--font-sans);font-size:17px;line-height:1.4;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}.display-card-copy>p:not(.display-code){font-size:13px;line-height:1.6;color:#647079;margin:0 0 16px}.display-permalink{font-size:11px;color:#617b70}.display-end{padding:44px 0 0;font-size:14px}.display-category-section{padding:48px 0;background:#f5f4f0}.display-category-card{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;background:white;border-radius:24px;padding:24px 42px}.display-category-card>img{width:100%;height:250px;object-fit:contain}body.able-v9 .display-category-card h2{font-size:30px;line-height:1.2;margin:12px 0 16px}.display-category-card p{max-width:550px;font-size:14px;line-height:1.7}.finder-result img[data-image-mode="rotate180"]{transform:rotate(180deg)}.finder-result img[data-image-mode="crop-bottom"]{clip-path:inset(0 0 12% 0)}
@media(max-width:700px){.display-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.display-heading{padding:32px 0 16px}.display-card{border-radius:16px}.display-card-copy{padding:0 13px 18px}body.able-v9 .display-card h2{font-size:14px}.display-card-copy>p:not(.display-code){font-size:12px}.display-code{font-size:9px;line-height:1.6}.display-intro{font-size:14px}.display-note{padding:14px 16px}.display-links{font-size:12px;flex-wrap:wrap}.display-category-card{grid-template-columns:110px 1fr;gap:18px;padding:20px}.display-category-card>img{height:180px}body.able-v9 .display-category-card h2{font-size:23px}.display-category-card p{font-size:12px}}