/* MK012 — a curated, hand-scrolled design gallery. No pause controls. */
.showcase{position:relative;isolation:isolate;padding:88px 0 64px;background:#f8f9f5;color:#204b3b;overflow:hidden}
.showcase:before{position:absolute;content:"";left:50%;top:0;bottom:0;width:1px;background:#eaf0e6;z-index:-1}
.showcase-heading{padding:0 24px;max-width:920px;text-align:center;margin:0 auto 60px}.showcase-eyebrow{font-size:14px;line-height:1.5;letter-spacing:.055em;margin:0 0 24px;color:#52695a}.showcase h2{font-size:72px;line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:0}.showcase-intro{font-size:18px;line-height:1.6;margin:24px auto 0;max-width:520px}
.showcase-rail{display:flex;gap:24px;align-items:flex-start;max-width:1384px;margin:0 auto;padding:0 4px 18px;scrollbar-width:none;scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth}.showcase-rail::-webkit-scrollbar{display:none}.showcase-item{flex:1 0 0;min-width:0;scroll-snap-align:start;position:relative}.showcase-item:nth-child(2){margin-top:64px}.showcase-item:nth-child(3){margin-top:24px}
.showcase-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;border-radius:5px;min-height:44px}.showcase-open:focus-visible{outline:2px solid #204b3b;outline-offset:5px}.showcase-board{position:relative;display:block;width:100%;height:550px;overflow:hidden;border-radius:6px;border:1px solid #d7e0d1;background:var(--board-bg)}
.showcase-board-top{position:absolute;z-index:2;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5;color:var(--board-ink)}.showcase-category{display:flex;align-items:center;gap:9px}.showcase-gem{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.1}
.showcase-image-wrap{position:absolute;left:12%;right:12%;top:80px;bottom:48px;background:#fff;border:5px solid #fff;border-radius:3px;box-shadow:0 2px 4px #173e3012,0 8px 22px #173e3010;transform:translateY(var(--showcase-drift,0px)) rotate(var(--image-tilt));transition:transform .7s var(--ease);overflow:hidden;display:block}.showcase-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.showcase-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5;position:absolute;z-index:2;left:24px;right:24px;bottom:16px;color:var(--board-ink)}.showcase-preview svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .35s}
.showcase-meta{display:block;padding:20px 0 0}.showcase-name{display:block;font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.035em}.showcase-character{display:block;margin-top:8px;font-size:16px;line-height:1.5;color:#52695a}
@media(hover:hover){.showcase-open:hover .showcase-image-wrap{transform:translateY(-8px) rotate(0deg)}.showcase-open:hover .showcase-preview svg{transform:translate(2px,-2px)}}
.showcase-footer{max-width:1384px;margin:36px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 0;border-top:1px solid #d7e0d1}.showcase-sample{font-size:14px;line-height:1.5;color:#52695a;margin:0}.showcase-all{border:0;border-bottom:1px solid #819b87;padding:0 0 6px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:none;color:#204b3b;font-size:16px;min-height:44px}.showcase-all svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}.showcase-nav{display:none;gap:8px;align-items:center}.showcase.is-scrollable .showcase-nav{display:flex}.showcase-arrow{width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid #b7c9b5;color:#204b3b;border-radius:4px}.showcase-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.showcase-arrow:disabled{opacity:.35;cursor:default}.showcase-arrow:not(:disabled):hover{background:#e7efdf}.showcase-swipe{font-size:14px;color:#52695a;line-height:1.5;margin:0 12px 0 0}
.showcase-progress{display:none;height:2px;background:#d7e0d1;max-width:1384px;margin:24px auto 0;overflow:hidden}.showcase.is-scrollable .showcase-progress{display:block}.showcase-progress i{display:block;width:33.333%;height:100%;background:#204b3b;transform:translateX(var(--gallery-progress,0%));transition:transform .15s linear}
.showcase-enhanced .showcase-item{opacity:0;transform:translateY(40px);transition:transform 1s var(--ease),opacity .8s}.showcase-enhanced.showcase-visible .showcase-item{opacity:1;transform:translateY(0)}.showcase-item:nth-child(2){transition-delay:.12s}.showcase-item:nth-child(3){transition-delay:.24s}
.showcase-outro{max-width:1384px;margin:64px auto 0;padding-top:24px;border-top:1px solid #d7e0d1;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#52695a;font-size:14px;line-height:1.5}.showcase-outro p{margin:0}.showcase-outro a{display:inline-flex;align-items:center;gap:16px;min-height:44px}
@media(min-width:761px) and (max-width:1450px){.showcase-rail,.showcase-footer,.showcase-outro,.showcase-progress{margin-left:28px;margin-right:28px}.showcase-board{height:510px}}
@media(min-width:761px) and (max-width:1100px){.showcase h2{font-size:62px}.showcase-board{height:440px}.showcase-board-top{left:18px;right:18px;top:20px}.showcase-image-wrap{left:10%;right:10%;top:72px;bottom:44px}.showcase-preview{left:18px;right:18px}.showcase-name{font-size:22px}.showcase-character{font-size:16px}.showcase-rail{gap:18px}}
@media(max-width:760px){.showcase{padding:64px 0 40px}.showcase-heading{padding:0 20px;margin-bottom:36px}.showcase-eyebrow{font-size:14px;margin-bottom:20px}.showcase h2{font-size:44px;line-height:1.06;letter-spacing:-.055em}.showcase-intro{font-size:16px;line-height:1.6;max-width:350px;margin-top:24px}.showcase-rail{width:100%;max-width:none;padding:8px 20px 16px;gap:16px;scroll-padding-left:20px}.showcase-item{flex:0 0 calc(100vw - 64px);width:calc(100vw - 64px);max-width:390px}.showcase-item:nth-child(2),.showcase-item:nth-child(3){margin-top:0}.showcase-board{height:438px}.showcase-board-top{top:22px;left:22px;right:22px}.showcase-image-wrap{left:12%;right:12%;top:72px;bottom:42px;border-width:4px}.showcase-preview{left:22px;right:22px;bottom:14px}.showcase-meta{padding-top:18px}.showcase-name{font-size:24px}.showcase-character{font-size:16px}.showcase-footer{margin:28px 20px 0;padding-top:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px 12px}.showcase-sample{max-width:200px}.showcase-nav{justify-self:end;gap:8px}.showcase-swipe{display:none}.showcase-all{grid-column:1/-1;justify-self:start;gap:32px}.showcase-progress{margin:20px 20px 0}.showcase-outro{margin:48px 20px 0;padding-top:18px;gap:20px}.showcase-outro p{max-width:180px}.showcase-outro a{white-space:nowrap}.showcase-item:nth-child(2),.showcase-item:nth-child(3){transition-delay:0s}}
@media(max-width:360px){.showcase-heading{padding-left:16px;padding-right:16px}.showcase h2{font-size:39px}.showcase-rail{padding-left:16px;scroll-padding-left:16px}.showcase-item{flex-basis:calc(100vw - 56px);width:calc(100vw - 56px)}.showcase-board{height:390px}.showcase-board-top{left:18px;right:18px}.showcase-image-wrap{left:11%;right:11%;top:68px;bottom:42px}.showcase-preview{left:18px;right:18px}.showcase-name{font-size:23px}.showcase-footer,.showcase-progress,.showcase-outro{margin-left:16px;margin-right:16px}.showcase-sample{max-width:150px}.showcase-outro p{max-width:145px}}
@media(prefers-reduced-motion:reduce){html:not([data-home-motion="full"]) .showcase-rail{scroll-behavior:auto}html:not([data-home-motion="full"]) .showcase-enhanced .showcase-item{opacity:1;transform:none;transition:none}html:not([data-home-motion="full"]) .showcase-image-wrap,html:not([data-home-motion="full"]) .showcase-preview svg{transform:none!important;transition:none}html:not([data-home-motion="full"]) .showcase-progress i{transition:none}}