
/* PixelMagic Studios / Celestial Archive — fully native responsive library. */
body.celestial-library{background:#fcfaf6;color:#0c1e38}
.celestial-library .pm-header{background:rgba(252,250,247,.98);min-height:76px;border-bottom:1px solid #eee8dd}
.celestial-library .pm-header .pm-brand-pawn{object-fit:contain;display:block;width:43px;height:58px}
.celestial-library .pm-header .pm-logo{gap:19px}
.celestial-library .pm-header .nav-links a[aria-current]{color:#245c9a;text-decoration:underline;text-underline-offset:9px}
.celestial-main{overflow:hidden}
.celestial-hero{position:relative;min-height:550px;background:#faf9f6;isolation:isolate;padding:clamp(38px,5vw,75px) clamp(24px,4.7vw,75px) 95px;display:flex;align-items:center}
.celestial-hero-art{position:absolute;z-index:-2;right:0;top:0;width:65%;height:100%;background:url('assets/celestial-archive/hero-observatory.webp') center center/cover no-repeat}
.celestial-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 26%,rgba(251,250,247,.98) 32%,rgba(251,250,247,.9) 38%,rgba(251,250,247,.15) 57%,transparent 70%)}
.celestial-hero-content{width:min(53%,590px);align-self:flex-start;padding-top:clamp(10px,1.7vw,30px)}
.celestial-eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:.3em;color:#243f68;margin:0 0 17px}
.celestial-hero h1{font:normal clamp(66px,7.4vw,116px)/.85 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0;color:#090c13}
.celestial-hero h1 span{color:#2b5591}
.celestial-hairline{width:43px;height:1px;background:#37649a;margin:21px 0 12px}
.celestial-overline{font:11px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#1a3353;margin:0 0 19px}
.celestial-intro{max-width:420px;font:18px/1.38 Georgia,serif;color:#24436b;margin:0}
.celestial-search{position:absolute;bottom:21px;left:clamp(24px,4.7vw,75px);width:min(850px,85%);height:57px;display:flex;align-items:center;border:1px solid #7894b4;background:rgba(255,255,255,.96);box-shadow:0 9px 25px #04122615}
.celestial-search .search-glyph{font:37px/1 Georgia,serif;color:#102a52;padding:0 14px}
.celestial-search input{flex:1;min-width:0;border:0;background:transparent;padding:12px 10px;font:15px Georgia,serif;color:#102b4d;outline-offset:-4px}
.celestial-search button{height:100%;border:0;background:#07172c;color:#fff;padding:0 28px;font:11px Arial,sans-serif;letter-spacing:.14em;white-space:nowrap}
.celestial-search button:hover,.celestial-clear:hover{background:#284c77}
.celestial-category-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:15px clamp(20px,2.5vw,42px) 17px;border-block:1px solid #e6dfd3;background:#fdfbf7}
.celestial-category{background:#fffefa;border:1px solid #ebe4d8;padding:5px 5px 12px;min-width:0;color:#16335a;display:flex;align-items:center;flex-direction:column;gap:10px;transition:box-shadow .15s,transform .15s}
.celestial-category img{display:block;width:100%;height:clamp(94px,9.5vw,150px);object-fit:cover}
.celestial-category span{font:10px/1.5 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-align:center;min-height:30px;max-width:132px}
.celestial-category i{width:26px;border-top:1px solid #3a65a0}
.celestial-category:hover,.celestial-category.active{border-color:#bc9a65;box-shadow:0 7px 16px #162e521b;transform:translateY(-2px)}
.celestial-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1550px;margin:auto;padding:30px clamp(22px,3.1vw,50px) 58px}
.celestial-sidebar{border:1px solid #e9e3d9;padding:22px;background:#fffdfa;align-self:start}
.celestial-sidebar h2{font:normal 28px/1.06 Georgia,serif;margin:0;color:#142c4a}
.celestial-sidebar h3{font:normal 24px Georgia,serif;margin:15px 0 13px}
.celestial-filter-list{display:flex;flex-direction:column;gap:2px}
.celestial-side-category{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;color:#23446b;padding:11px 7px;font:12px/1.3 Georgia,serif!important;width:100%}
.celestial-side-category span{font-size:17px;color:#5378a3}
.celestial-side-category b{font:11px Arial,sans-serif;margin-left:auto;color:#31598c}
.celestial-side-category.active,.celestial-side-category:hover{background:#e8edf4;color:#0b366d}
.celestial-sidebar label{display:block;margin:12px 0 5px;font:12px Georgia,serif;color:#274468}
.celestial-sidebar select{width:100%;height:35px;padding:6px 8px;background:#fff;border:1px solid #cdd3d9;color:#243d60;font:12px Georgia,serif}
.celestial-clear{margin-top:18px;background:#07172c;border:0;color:white;width:100%;padding:14px 12px;font:10px Arial,sans-serif;letter-spacing:.13em}
.celestial-private-note{font:11px/1.6 Arial,sans-serif;color:#617083;margin:16px 0 0}
.celestial-results{min-width:0}
.celestial-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}
.celestial-results-kicker{font:11px Arial,sans-serif;letter-spacing:.22em;color:#1c518d;margin:0 0 6px}
.celestial-results-toolbar #model-count{font:14px Georgia,serif;color:#314a6c;margin:0}
.celestial-view-switch{display:flex;gap:8px;flex-wrap:wrap}
.celestial-view-switch button{border:1px solid #c6ced8;background:#fff;color:#142b49;padding:10px 15px;font:12px Arial,sans-serif!important}
.celestial-view-switch button.active{background:#06182f;color:#fff;border-color:#06182f}
.celestial-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.celestial-model-card{min-width:0;background:#fffefa;border:1px solid #e7e0d6;display:flex;flex-direction:column;text-decoration:none!important;padding:9px;color:#0e2444;transition:box-shadow .18s,transform .18s}
.celestial-model-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #172d4a1b;border-color:#bc9c6a}
.celestial-model-meta{display:flex;justify-content:space-between;padding:4px 4px 9px;font:11px Georgia,serif;color:#325785}
.celestial-card-spark{font-size:17px;color:#6485ad}
.celestial-model-card>img{width:100%;height:clamp(160px,15vw,230px);object-fit:cover;display:block}
.celestial-model-copy{padding:12px 5px 4px;display:flex;flex-direction:column;flex:1}
.celestial-model-copy h3{font:normal clamp(18px,1.65vw,24px)/1.13 Georgia,serif;color:#0c2140;margin:0 0 11px}
.celestial-model-copy p{font:10px/1.5 Arial,sans-serif;letter-spacing:.09em;color:#3a6596;text-transform:uppercase;margin:0 0 15px}
.celestial-model-copy strong{margin-top:auto;display:block;text-align:center;padding:11px 6px;border:1px solid #9cb0c8;font:10px Arial,sans-serif;letter-spacing:.13em;color:#17385f;text-transform:uppercase}
.celestial-model-grid.list{grid-template-columns:1fr}
.celestial-model-grid.list .celestial-model-card{display:grid;grid-template-columns:65px 180px minmax(0,1fr);align-items:center;gap:18px}
.celestial-model-grid.list .celestial-model-card>img{height:130px}
.celestial-model-grid.list .celestial-model-copy{height:100%}
.celestial-model-grid.sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
.celestial-model-grid.sequence .celestial-model-card{border-left:4px solid #bda06b}
#model-empty{font:16px/1.5 Georgia,serif;padding:35px;background:#fff;border:1px solid #ddd6c9}
.celestial-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0}
.celestial-pagination button{min-width:36px;height:36px;border:1px solid #cfd7e0;background:white;color:#193959;border-radius:50%;font:12px Arial,sans-serif}
.celestial-pagination button.active{background:#0a2141;color:white}
.celestial-pagination button:disabled{opacity:.35;cursor:not-allowed}
.celestial-archive-note{font:12px/1.6 Arial,sans-serif;color:#586b83;max-width:800px;margin:12px 0 0}
.celestial-library-bridge{min-height:300px;background:linear-gradient(90deg,rgba(2,11,27,.65),rgba(2,11,27,.18),rgba(2,11,27,.6)),url('assets/model-library/Header_Footer_Logo/02_shared_celestial_footer.png') center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px}
.celestial-library-bridge p{font:11px Arial,sans-serif;letter-spacing:.2em;color:#f1d5a4}
.celestial-library-bridge h2{font:normal clamp(28px,3.4vw,48px)/1.12 Georgia,serif;margin:8px 0 12px;text-shadow:0 2px 7px #06162b}
.celestial-library-bridge span{font:14px/1.6 Georgia,serif}
.celestial-library-bridge a{display:inline-block;margin-top:19px;border:1px solid #bda271;padding:12px 17px;color:#fff;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.1em}
.celestial-library .wire-footer{display:none}
@media(max-width:1150px){.celestial-browser{grid-template-columns:225px minmax(0,1fr);gap:17px}.celestial-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.celestial-category-strip{gap:7px}.celestial-hero-art{width:70%}.celestial-hero-content{width:58%}}
@media(max-width:800px){.celestial-hero{min-height:520px;padding:36px 24px 96px}.celestial-hero-art{width:100%;opacity:.7}.celestial-hero:before{background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.97) 33%,rgba(251,250,247,.6) 65%,rgba(251,250,247,.12))}.celestial-hero-content{width:80%}.celestial-hero h1{font-size:clamp(62px,11vw,85px)}.celestial-category-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.celestial-category{min-width:150px;scroll-snap-align:start}.celestial-category img{height:112px}.celestial-browser{grid-template-columns:1fr}.celestial-sidebar{padding:20px}.celestial-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.celestial-model-card>img{height:215px}}
@media(max-width:530px){.celestial-hero{min-height:530px;padding:30px 19px 92px}.celestial-hero-content{width:100%}.celestial-hero h1{font-size:clamp(55px,14vw,73px)}.celestial-intro{font-size:16px;max-width:300px}.celestial-overline{font-size:10px}.celestial-search{left:18px;width:calc(100% - 36px);height:52px}.celestial-search .search-glyph{padding:0 9px;font-size:28px}.celestial-search input{font-size:12px}.celestial-search button{padding:0 13px;font-size:10px}.celestial-browser{padding:20px 15px 35px}.celestial-filter-list{grid-template-columns:1fr 1fr}.celestial-side-category{font-size:11px!important;padding:9px 3px}.celestial-results-toolbar{align-items:flex-start;flex-direction:column}.celestial-model-grid{grid-template-columns:1fr}.celestial-model-card>img{height:230px}.celestial-model-grid.list .celestial-model-card{grid-template-columns:40px 100px 1fr;gap:8px}.celestial-model-grid.list .celestial-model-card>img{height:90px}.celestial-model-grid.list .celestial-model-copy h3{font-size:16px}.celestial-model-grid.sequence{grid-template-columns:1fr}.celestial-library-bridge{min-height:260px}}
@media(prefers-reduced-motion:reduce){.celestial-category,.celestial-model-card{transition:none}}
