.showcase{padding:104px 0;overflow:clip}.showcase-light{background:#fff}.showcase-mist{background:var(--mist)}.showcase-dark{color:#f3f6f3;background:#0c1110}.showcase-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,7vw,104px);display:grid}.showcase-reverse .showcase-copy{order:2}.showcase-copy h2{text-wrap:balance;max-width:14ch;font-size:clamp(34px,4vw,56px)}.showcase-text{color:var(--text);max-width:46ch;margin-top:24px;font-size:16px;line-height:1.8}.showcase-dark .kicker{color:#7fd598}.showcase-dark .showcase-text{color:#b9c6bd}.showcase-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.showcase-dark .text-link:hover{color:#9fe0b1}.showcase-figure{aspect-ratio:4/5;background:#fff;border-radius:14px;justify-content:center;align-items:center;max-height:640px;margin:0;display:flex;overflow:hidden}.showcase-figure img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.showcase-dark .showcase-figure{background:#f4f6f4}.showcase-visual{aspect-ratio:5/4;border:1px solid var(--line);background:#fff;border-radius:14px;position:relative;overflow:hidden}@media (width<=800px){.showcase{padding:64px 0}.showcase-grid{grid-template-columns:1fr}.showcase-reverse .showcase-copy{order:0}.showcase-figure{aspect-ratio:4/5;max-height:520px}}.showcase-shift{--bg-from:#fff;--bg-to:var(--mist)}.fitout-preview{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-position:-1px -1px;background-size:56px 56px;grid-template-rows:repeat(4,1fr);margin:0;padding:clamp(24px,4vw,44px);list-style:none;display:grid;position:absolute;inset:0}.fitout-preview li{letter-spacing:-.02em;background:#ffffffd9;border-top:1px solid #c9d6cc;justify-content:space-between;align-items:center;gap:16px;padding-inline:4px;font-size:clamp(18px,2vw,24px);display:flex}.fitout-preview li:last-child{border-bottom:1px solid #c9d6cc}.fitout-preview small{letter-spacing:0;color:var(--text);font-size:12px}.fitout-preview .is-active small{color:var(--blue);font-weight:500}
