.showcase{--bg:#0c0e14;--surface:#13161e;--ink:#f2f1ed;--muted:#a1a5b3;--accent:#c2ccff;--warm:#efaf81;--line:#ffffff20;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.showcase-header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.showcase-header .brand{font-size:15px}
.showcase-header nav{display:flex;gap:30px;font-size:11px}
.showcase-header nav a{text-decoration:none;color:#c2c4cf}
.header-cta{border:1px solid #ffffff2b;border-radius:30px;text-decoration:none;padding:10px 17px;font-size:11px;display:inline-flex;gap:20px}
.showcase-header a:hover{color:#fff}
.showcase-hero{max-width:1440px;margin:auto;min-height:765px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:80px 5% 115px;isolation:isolate;overflow:hidden}
.showcase-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 74% 43%,#4b4d8c16,transparent 58%)}
.showcase .eyebrow{font-size:9px;letter-spacing:.15em}
.status-dot{width:5px;height:5px;background:#e8b38b;border-radius:50%;display:inline-block;margin:0 12px 2px 0;box-shadow:0 0 10px #f2ad7660}
.showcase-hero .eyebrow{margin-bottom:33px}
.showcase-hero h1{font-size:clamp(80px,8.2vw,119px);line-height:.98;letter-spacing:-.075em;margin:0 0 30px;position:relative}
.showcase-hero h1 em{color:#e8e6ff;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.065em}
.title-dot{color:var(--warm);margin-left:2px}
.showcase-description{font-size:15px;color:#b3b6c4;line-height:1.8;margin-bottom:0}
.showcase .button.primary{background:#f0ede8;color:#14161d;border-radius:3px;font-size:11px;padding:14px 20px}
.showcase .actions{gap:27px;margin-top:33px}
.showcase .text-link{font-size:11px;color:#c5c7d2}
.hero-footnote{font-size:9px;color:#a1a5b3;margin:23px 0 0}
.showcase-hero .hero-bottom{font-size:8px;bottom:27px;left:5%;right:5%}
.showcase-sculpture{position:relative;aspect-ratio:1.05;--spot-x:40%;--spot-y:30%;--turn:210deg;perspective:1000px;margin-left:-20px}
.showcase-sculpture>span{position:absolute;display:block}
.sculpture-halo{width:85%;aspect-ratio:1;left:8%;top:8%;border-radius:50%;background:radial-gradient(ellipse,#777ab025,transparent 65%);filter:blur(15px)}
.sculpture-plane{width:45%;height:69%;left:27%;top:14%;border:1px solid #e2e9ff77;border-radius:4px;background:linear-gradient(var(--turn),#6b7da770,#b2c1eb8a 15%,#c4bedb50 36%,#ecd7c06b 54%,#989fbb70 75%,#35435c90);transform:rotateY(-30deg) rotateZ(28deg);box-shadow:inset 0 0 35px #dce7ff20,16px 20px 40px #0004}
.plane-one{left:16%;top:12%;transform:rotateY(-25deg) rotateZ(30deg) translateZ(25px);background:linear-gradient(var(--turn),#6d7daa55,#babbe179,#c8bfd840,#f3d5b189,#4d5a7d8c)}
.plane-two{left:32%;top:17%;transform:rotateY(-25deg) rotateZ(30deg) translateZ(50px);background:linear-gradient(var(--turn),#b2ccff80,#fff0df55,#9c97c040,#d7b1a970,#596b9b7a)}
.plane-three{left:41%;top:10%;width:23%;height:76%;transform:rotateY(-25deg) rotateZ(30deg) translateZ(90px);background:linear-gradient(var(--turn),#c3d4ee90,#aeacd689,#f6dabd99,#6f80af);border-color:#e1e7fcb0}
.sculpture-core{width:12%;height:48%;left:47%;top:26%;border:1px solid #ffffffe0;transform:rotateZ(30deg);background:linear-gradient(var(--turn),#d3dfffc9,#f9f1e4e0,#c5c0f0bd);box-shadow:0 0 40px #c5cbff18}
.sculpture-orbit{inset:1%;border:1px solid #cdd7ff25;border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg);pointer-events:none}
.sculpture-caption{bottom:0;left:16%;font:8px Consolas,monospace;letter-spacing:.2em;color:#b1b5c5}
.sculpture-coordinate{right:0;top:14%;font:7px/1.8 Consolas,monospace;letter-spacing:.12em;color:#a1a5b3}
.collection-stats{max-width:1296px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.collection-stats>div{padding:33px 30px 38px;border-right:1px solid var(--line)}
.collection-stats>div:first-child{padding-left:0}
.collection-stats>div:last-child{border-right:0}
.collection-stats strong{font-size:43px;font-weight:400;letter-spacing:-.055em;line-height:1}
.collection-stats strong>span{font:14px Consolas,monospace;color:#a1a5b3;margin-left:9px;letter-spacing:-.05em}
.collection-stats p{color:#aeb2c1;font-size:10px;margin:15px 0 0}
.collection-section{max-width:1296px;margin:auto;padding:105px 0 100px}
.collection-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}
.showcase h2{font-size:clamp(35px,4vw,54px);font-weight:400;line-height:1.13}
.collection-heading h2{margin:16px 0 0}
.collection-heading>p{font-size:12px;line-height:1.9;color:#b0b3c2;max-width:280px;margin:0 30px 5px 0}
.collection-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filter-group{display:flex;gap:6px;flex-wrap:wrap}
.filter-group button,.view-switch button,.preview-tabs button,.preview-size button{border:1px solid transparent;background:transparent;color:#abb0c1;border-radius:30px;padding:7px 12px;font-size:10px}
.filter-group button:hover,.view-switch button:hover{color:#fff}
.filter-group button[aria-pressed=true]{border-color:#ffffff4d;background:#ffffff09;color:#fff}
.collection-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 28px}
.collection-meta>p{font:9px Consolas,monospace;letter-spacing:.05em;color:#a1a5b3;margin:0}
.view-switch{gap:4px;align-items:center}
.view-switch button{font-size:9px;padding:6px 10px}
.view-switch button[aria-pressed=true]{color:#e5e8fa;background:#222633}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}
.collection-card{min-width:0}
.card-visual{height:254px;position:relative;overflow:hidden;background:var(--bg);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:5px}
.card-index{position:absolute;left:20px;top:17px;font:7px Consolas,monospace;letter-spacing:.12em;z-index:2;color:var(--muted)}
.card-visual .miniature{position:absolute;right:4%;top:13%;width:58%;height:74%;aspect-ratio:auto;pointer-events:none}
.card-visual .mini-title{position:absolute;left:20px;top:80px;width:70%;font:500 29px/1.07 Arial,sans-serif;letter-spacing:-.065em;z-index:2;pointer-events:none}
.card-visual .mini-title em{font:italic 29px/1.07 Georgia,serif;letter-spacing:-.06em}
.card-visual .preview-chip{position:absolute;left:20px;bottom:17px;font:7px Consolas,monospace;letter-spacing:.04em;color:var(--muted)}
.card-visual .art{opacity:.77}
.card-visual.paper .mini-title,.card-visual.dune .mini-title,.card-visual.atlas .mini-title,.card-visual.solstice .mini-title,.card-visual.cabinet .mini-title{font-family:Georgia,serif}
.card-visual.mono .mini-title,.card-visual.signal .mini-title{font-weight:700;font-size:32px;width:88%}
.card-visual.mono .mini-title em,.card-visual.signal .mini-title em{font:inherit}
.card-visual.terminal .mini-title{font-family:Consolas,monospace;font-size:26px}
.card-visual.terminal .mini-title em{font:inherit}
.card-visual.terminal .art{right:-10%;top:30%;width:70%;opacity:.32}
.card-visual.nocturne .mini-title,.card-visual.continuum .mini-title,.card-visual.halo .mini-title,.card-visual.solstice .mini-title{text-align:center;left:8%;width:84%;top:55px}
.card-visual.nocturne .art,.card-visual.continuum .art,.card-visual.halo .art,.card-visual.solstice .art{top:34%;height:70%;left:20%;width:60%;opacity:.58}
.card-visual .paper-sheet strong{font-size:35px}
.card-visual .paper-sheet>span,.card-visual .paper-sheet small{font-size:3px}
.card-visual .signal-cross{font-size:110px}
.card-visual .drawer{padding:7px 10px}.card-visual .drawer small{font-size:3px}.card-visual .drawer b{font-size:9px;margin-top:4px}
.card-visual .map-label{font-size:8px;padding:6px}
.card-visual .halo-ring{border-width:8px}.card-visual .halo-ring.p2{border-width:6px}.card-visual .halo-ring.p3{border-width:4px}.card-visual .halo-ring.p4{border-width:1px}
.card-visual .ribbon{border-width:11px}
.card-visual .window-bar{padding:7px}.card-visual .window-bar span{font-size:4px}.card-visual .window-bar i{width:3px;height:3px}
.card-visual .terminal-window p{font-size:5px;padding:0 12px;margin:10px 0}.card-visual .terminal-window .terminal-comment{font-size:4px;margin-top:-5px}.card-visual .terminal-window{padding-bottom:10px}
.card-info{display:flex;justify-content:space-between;align-items:start;gap:10px;margin:17px 0 14px}
.card-info h3{font-size:16px;font-weight:400;margin:0 0 5px;letter-spacing:-.02em}
.card-info p{font-size:9px;line-height:1.7;color:#a1a5b3;margin:0;max-width:260px}
.preview-button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;color:#cbd0e0;background:none;padding:3px 0;font-size:9px}
.card-links{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:20px}
.card-links a{font:9px Consolas,monospace;text-decoration:none;color:#abb0c1}
.card-links a:first-child{color:#e5e6ef}
.card-links a:hover,.preview-button:hover{color:#fff;text-decoration:underline}
.readme-priority .card-links{flex-direction:row-reverse}
.readme-priority .card-links a[data-page-link=readme]{color:#e5e6ef}
.readme-priority .card-links a[data-page-link=landing]{color:#abb0c1}
.readme-priority .mini-title::before{content:"README / ";display:block;font:7px Consolas,monospace;letter-spacing:.16em;margin-bottom:14px;color:var(--muted)}
.empty-state{padding:45px;text-align:center;color:#c0c4d4;border:1px solid var(--line)}
.showcase-foundation{max-width:1296px;margin:auto;padding:100px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:12%}
.showcase-foundation h2{margin:24px 0}
.showcase-foundation>div>p:not(.eyebrow){max-width:430px;font-size:13px;line-height:1.9;color:#aeb2c1}
.showcase-foundation .text-link{margin-top:16px}
.foundation-list a{display:block;position:relative;border-top:1px solid var(--line);text-decoration:none;padding:24px 30px 24px 0}
.foundation-list a>span:first-child{font:8px Consolas,monospace;color:#c6b4a2;letter-spacing:.13em}
.foundation-list h3{font-size:20px;margin:10px 0 5px;font-weight:400}
.foundation-list p{font-size:11px;color:#aeb2c1;margin-bottom:0}
.foundation-list a>span:last-child{position:absolute;right:0;top:48%}
.foundation-list a:hover h3{text-decoration:underline}
.closing-section{position:relative;isolation:isolate;overflow:hidden;padding:110px 5% 120px;text-align:center;max-width:1440px;margin:auto;border-top:1px solid var(--line)}
.closing-section h2{font-size:clamp(42px,5.6vw,76px);margin:25px 0}
.closing-section>p:not(.eyebrow){font-size:12px;color:#aeb2c1}
.closing-section .actions{justify-content:center}
.closing-orbit{position:absolute;z-index:-1;width:1000px;height:400px;border:1px solid #a6b7ff15;border-radius:50%;top:60px;left:calc(50% - 500px);transform:rotate(-17deg)}
.showcase-footer{max-width:1296px;margin:auto;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}
.showcase-footer .brand{font-size:11px}
.showcase-footer>span,.showcase-footer>a:last-child{font-size:9px;color:#a1a5b3;text-decoration:none}
#preview-dialog{width:calc(100% - 48px);max-width:1500px;height:calc(100svh - 48px);max-height:none;padding:0;background:#0f1119;color:#f0f1f8;border:1px solid #ffffff36;border-radius:10px;overflow:hidden}
#preview-dialog::backdrop{background:#03050bd9;backdrop-filter:blur(12px)}
#preview-dialog[open]{display:flex;flex-direction:column}
.preview-toolbar{display:flex;align-items:center;gap:24px;padding:17px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.preview-toolbar .eyebrow{font-size:7px;margin:0;color:#aab2d2}
.preview-toolbar h2{font-size:17px!important;margin:1px 0 0;letter-spacing:-.02em}
.preview-tabs,.preview-size{display:flex;background:#191d29;border-radius:20px;padding:3px;gap:2px}
.preview-tabs button,.preview-size button{padding:6px 12px;font-size:10px}
.preview-tabs button[aria-pressed=true],.preview-size button[aria-pressed=true]{background:#e4e6f1;color:#1a1d29}
#open-preview{font-size:10px;margin-left:auto;text-decoration:none}
#close-preview{font-size:10px;background:none;border:1px solid #ffffff30;border-radius:4px;padding:8px 12px;color:#f0f1f8}
.preview-stage{flex:1;min-height:0;display:flex;justify-content:center;overflow:hidden;background:repeating-linear-gradient(45deg,#11141c,#11141c 10px,#141720 10px,#141720 20px)}
#preview-frame{border:0;width:100%;height:100%;background:#0c0e14}
#preview-frame.mobile-preview{width:min(390px,100%);border-left:1px solid #ffffff45;border-right:1px solid #ffffff45}
.preview-help{font-size:9px;margin:0;padding:9px 24px;color:#b2b8ca;border-top:1px solid var(--line)}
.light-disabled .sculpture-plane,.light-disabled .sculpture-core{filter:grayscale(.5)}
@media(max-width:1380px){.collection-stats,.collection-section,.showcase-foundation,.showcase-footer{margin-left:5%;margin-right:5%}}
@media(max-width:1050px){.showcase-header nav{gap:20px}.showcase-hero{min-height:690px}.showcase-hero h1{font-size:88px}.sculpture-coordinate{font-size:6px;right:-5px}.collection-stats strong{font-size:37px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-controls{flex-wrap:wrap}.card-visual{height:280px}.card-visual .mini-title{font-size:32px}.showcase-foundation{gap:8%}.collection-stats>div{padding:28px 20px}.showcase-footer>span{display:none}}
@media(max-width:760px){
  .showcase-header{padding:23px 6%;flex-wrap:wrap;gap:20px}.showcase-header .brand{font-size:13px}.showcase-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:10px}.header-cta{padding:8px 12px;font-size:10px}
  .showcase-hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 6% 85px;min-height:0;gap:0}
  .showcase-hero h1{font-size:clamp(66px,17vw,100px);line-height:1.02}.showcase-hero .eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:25px}
  .showcase-description{font-size:13px}.showcase-description br{display:none}.showcase-description{max-width:350px}
  .showcase .actions{gap:20px}.showcase .button.primary{font-size:10px;padding:13px 17px}.showcase .text-link{font-size:10px}
  .hero-footnote{font-size:8px;line-height:1.9}
  .showcase-sculpture{width:100%;max-width:440px;margin:-5px auto 0;min-height:330px}
  .sculpture-coordinate{font-size:6px;right:0}.sculpture-caption{font-size:6px;bottom:0}
  .showcase-hero .hero-bottom{left:6%;right:6%;bottom:20px;font-size:7px}
  .collection-stats{margin:0 6%;grid-template-columns:1fr 1fr}
  .collection-stats>div{padding:25px 20px;border-bottom:1px solid var(--line)}.collection-stats>div:nth-child(2){border-right:0}.collection-stats>div:nth-child(3){padding-left:0;border-bottom:0}.collection-stats>div:nth-child(4){border-bottom:0}
  .collection-stats strong{font-size:40px}.collection-stats p{font-size:9px}
  .collection-section{padding:65px 0;margin:0 6%}.collection-heading{display:block;margin-bottom:30px}.collection-heading>p{font-size:12px;margin-top:24px}.collection-heading>p br{display:none}
  .showcase h2{font-size:36px}.collection-controls{align-items:stretch;gap:20px}.filter-group{gap:4px}.filter-group button{font-size:9px;padding:6px 10px}
  .collection-meta{gap:12px;align-items:start;flex-direction:column;margin-bottom:20px}.collection-meta>p{font-size:8px}.view-switch{margin-left:-9px}
  .collection-grid{grid-template-columns:1fr;gap:30px}.card-visual{height:270px}.card-visual .mini-title{font-size:32px;top:80px}.card-visual .mini-title em{font-size:32px}
  .card-info p{font-size:9px;max-width:240px}.card-info h3{font-size:17px}.card-links a{font-size:10px}.preview-button{font-size:10px}.card-info{gap:10px}
  .showcase-foundation{display:block;margin:0 6%;padding:60px 0}.foundation-list{margin-top:45px}.showcase-foundation>div>p:not(.eyebrow){font-size:12px}
  .closing-section{padding:70px 6% 80px}.closing-section h2{font-size:43px}.closing-section>p:not(.eyebrow){font-size:12px;line-height:1.9}.closing-section .actions{gap:22px}.closing-orbit{width:640px;left:calc(50% - 320px);height:300px}
  .showcase-footer{padding:25px 0;margin:0 6%;gap:18px;flex-wrap:wrap}.showcase-footer .brand{font-size:10px}.showcase-footer>a:last-child{font-size:9px}
  #preview-dialog{width:calc(100% - 16px);height:calc(100svh - 16px);border-radius:7px}
  .preview-toolbar{padding:12px;gap:12px}.preview-toolbar>div:first-child{margin-right:auto}.preview-toolbar h2{font-size:15px!important}.preview-tabs{order:4}.preview-size{order:5}.preview-tabs button,.preview-size button{font-size:9px;padding:5px 9px}
  #open-preview{font-size:9px;margin-left:0}#close-preview{font-size:9px;padding:6px 8px}.preview-help{font-size:8px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){.showcase-sculpture{transform:none!important}}