.showcase{background:var(--orange);color:var(--ink);padding:90px 0;scroll-margin-top:110px}.showcase-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:end;margin-bottom:38px}.showcase .kicker{color:var(--ink)}.showcase .kicker .box{background:var(--cream)}.showcase-heading h2{font-size:clamp(34px,4.4vw,62px);line-height:1.04;margin:20px 0 0}.showcase-heading>p{max-width:38ch;font-size:18px;line-height:1.65;margin:0}.showcase-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--cream);border:2px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);overflow:hidden;margin-top:28px}.showcase-art{display:flex;flex-direction:column;border-right:2px solid var(--ink);min-width:0}.showcase-card.is-flipped{grid-template-columns:1fr 1.2fr}.showcase-card.is-flipped .showcase-art{order:2;border-right:0;border-left:2px solid var(--ink)}.showcase-stage{position:relative;flex:1;min-height:440px;overflow:hidden;isolation:isolate;background:var(--stage, var(--brown));padding:38px 30% 0 34px}.showcase-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.16),transparent 55%)}.showcase-desktop{margin:0;height:100%;min-height:402px;display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 18px 40px #00000047;transform:rotate(-1.2deg);transform-origin:bottom left;transition:transform .5s ease}.showcase-browser{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font:9px Space Mono,monospace;border-bottom:2px solid var(--ink);background:var(--cream);color:var(--ink);white-space:nowrap}.showcase-browser>:first-child{letter-spacing:3px}.showcase-browser>:nth-child(2){overflow:hidden;text-overflow:ellipsis}.showcase-viewport{position:relative;flex:1;overflow:hidden}.showcase-viewport img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 6s cubic-bezier(.45,0,.35,1)}.showcase-phone{position:absolute;margin:0;right:6%;bottom:-46px;width:25%;max-width:170px;aspect-ratio:390/780;background:var(--ink);border-radius:26px;padding:7px;box-shadow:0 20px 40px #00000059;transform:rotate(4deg);transition:transform .5s ease}.showcase-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}.showcase-stamp{position:absolute;top:22px;right:22px;z-index:3;background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:50%;width:78px;height:78px;display:grid;place-content:center;text-align:center;font:10px/1.45 Space Mono,monospace;transform:rotate(12deg)}.is-flipped .showcase-stage{padding:38px 34px 0 30%}.is-flipped .showcase-desktop{transform:rotate(1.2deg);transform-origin:bottom right}.is-flipped .showcase-phone{right:auto;left:6%;transform:rotate(-4deg)}.is-flipped .showcase-stamp{right:auto;left:22px;transform:rotate(-12deg)}.showcase-art:hover .showcase-desktop,.showcase-art:focus-visible .showcase-desktop{transform:rotate(0) translateY(-6px)}.showcase-art:hover .showcase-phone,.showcase-art:focus-visible .showcase-phone{transform:rotate(0) translateY(-14px)}.showcase-art:hover .showcase-viewport img,.showcase-art:focus-visible .showcase-viewport img{object-position:50% 100%}@media(prefers-reduced-motion:reduce){.showcase-desktop,.showcase-phone,.showcase-viewport img{transition:none}.showcase-art:hover .showcase-viewport img,.showcase-art:focus-visible .showcase-viewport img{object-position:50% 0}}.showcase-copy{padding:34px}.showcase-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:10px Space Mono,monospace;text-transform:uppercase}.showcase-meta>:last-child{color:var(--green)}.showcase-copy h3{font-size:clamp(38px,4vw,58px);margin:28px 0 10px}.showcase-category{color:var(--green);font-weight:700;font-size:13px}.showcase-copy>p:not(.showcase-category){font-size:16px;line-height:1.65;max-width:44ch}.showcase-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 28px}.showcase-tags li{border:1px solid var(--ink);border-radius:999px;padding:6px 10px;font-size:11px}.showcase-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font:11px Space Mono,monospace}.showcase a:focus-visible{outline:3px solid var(--green);outline-offset:-5px}@media(max-width:900px){.showcase-heading{grid-template-columns:1fr;gap:24px}.showcase-heading>p{max-width:55ch}.showcase-card,.showcase-card.is-flipped{grid-template-columns:1fr}.showcase-art,.showcase-card.is-flipped .showcase-art{order:0;border-right:0;border-left:0;border-bottom:2px solid var(--ink)}.showcase-stage{min-height:400px}}@media(max-width:520px){.showcase{padding:60px 0}.showcase-heading h2{font-size:34px}.showcase-copy{padding:26px 22px}.showcase-footnote{flex-direction:column;gap:8px}}.showcase-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:28px;padding:34px;background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink)}.showcase-more-copy{min-width:0;flex:1 1 420px}.showcase-more-kicker{font-family:var(--display);font-size:clamp(24px,2.8vw,34px);line-height:1.1;margin:0 0 10px}.showcase-more-text{margin:0;max-width:54ch;font-size:16px;line-height:1.6;color:#faf5ecd1}.showcase-more .btn-dark{flex:0 0 auto;background:var(--orange);color:var(--ink);border-color:var(--ink)}.showcase-more .btn-dark:hover{background:var(--cream)}@media(max-width:520px){.showcase-more{padding:26px 22px}.showcase-more-btn{width:100%;justify-content:center}}