.showcase-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:70px;align-items:center;padding-block:64px}
.showcase-hero h1{font-size:clamp(56px,6.6vw,92px)}
.showcase-hero .intro{max-width:490px}
.showcase-hero .pill{margin-top:28px}
.showcase-note{border:1px solid var(--ink);border-radius:8px;padding:26px;background:linear-gradient(135deg,#e3e9d2,var(--paper));position:relative;overflow:hidden;box-shadow:6px 6px 0 #d9decd}
.note-index,.note-foot{display:block;font:9px/1.7 var(--mono);letter-spacing:1px;position:relative}
.note-foot{margin-top:22px;border-top:1px solid #afb69f;padding-top:14px}
.showcase-note h2{font-size:38px;position:relative;margin-top:75px}
.showcase-note p{font-size:12px;line-height:1.8;max-width:250px;margin-top:16px;position:relative}
.showcase-disc{width:185px;height:185px;position:absolute;top:35px;right:-48px;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#242a22 0,#242a22 4px,#515a46 5px,#242a22 6px);transform:rotate(16deg)}
.showcase-disc>span{display:grid;place-content:center;text-align:center;background:var(--lime);width:75px;height:75px;border-radius:50%;font:30px/1 var(--display)}
.showcase-disc small{font:7px var(--mono);margin-top:5px}
.showcase-collection{border-block:1px solid var(--line);background:linear-gradient(150deg,#e9eddf,#f3f1e9)}
.collection-count{font:11px var(--mono);white-space:nowrap}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.collection-status{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.showcase-card{min-width:0;border:1px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--white)}
.showcase-card video{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:radial-gradient(ellipse at top,#31422d,#141b15);color:white}
.showcase-card-copy{padding:20px}
.showcase-card-copy .kicker{font-size:8px;display:block;letter-spacing:.5px}
.showcase-card h3{font-size:18px;margin-bottom:10px}
.showcase-card-copy p{font:10px/1.7 var(--mono);color:var(--muted)}
.video-error{font-size:12px;line-height:1.7;padding:12px 20px;color:var(--red)}
.collection-empty{display:flex;gap:35px;align-items:center;padding:50px;border:1px dashed #8d967f;border-radius:8px;background:repeating-linear-gradient(135deg,#f7f8f140,#f7f8f140 9px,#e1e6d440 9px,#e1e6d440 10px)}
.empty-number{font:110px/1 var(--display);color:#8c9874}
.collection-empty h3{font:34px/1.15 var(--display);text-transform:uppercase}
.collection-empty p{max-width:460px;color:var(--muted);font-size:13px;line-height:1.8;margin:12px 0 20px}
.collection-footnote{color:var(--muted);font-size:11px;line-height:1.8;margin-top:24px;max-width:700px}
.sharing-explainer{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.sharing-explainer p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:16px}
.navlinks [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.showcase-hero{gap:35px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.showcase-hero{grid-template-columns:1fr;padding-block:40px}.showcase-hero h1{font-size:clamp(46px,9vw,68px)}.showcase-note{max-width:460px}.showcase-note h2{margin-top:30px}.showcase-note p{max-width:70%}.showcase-disc{top:48px}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.collection-count{white-space:normal;text-align:right;font-size:10px}.collection-empty{padding:26px;gap:20px}.empty-number{font-size:70px}.collection-empty h3{font-size:27px}.sharing-explainer{grid-template-columns:1fr;gap:24px}.showcase-grid{gap:16px}.showcase-card-copy{padding:14px}}
@media(max-width:480px){.showcase-grid{grid-template-columns:1fr}.collection-empty{align-items:flex-start;flex-direction:column}.collection-empty .empty-number{font-size:54px}.collection-toolbar .seg button{padding-inline:12px}}