/* The interstellar museum: architectural depth, exhibit cases and a readable archive. */
:root{--museum-ink:#080f1a;--museum-panel:#101e2b;--museum-gold:#d6bd88;--museum-pale:#ead9b4;--museum-cyan:#91d9e2;--museum-line:rgba(216,190,139,.32)}
body{background:#080f1a;color:#edf0ed}
.site-header{position:absolute;z-index:30;height:88px;padding:0 clamp(24px,4vw,64px);background:linear-gradient(180deg,rgba(6,13,22,.98),rgba(12,23,34,.93));border-bottom:1px solid #806e50;box-shadow:0 5px 0 #151b22,0 11px 26px #0009}
.brand-mark{color:#e5cc95;text-shadow:0 0 18px #dfc18b}
.brand strong{font-family:var(--serif);color:#f5ead2;letter-spacing:.12em}.brand small{color:#9dbfc5}
.site-header nav{gap:clamp(12px,1.5vw,25px)}.site-header nav a{color:#d4d9d5;white-space:nowrap}.site-header nav a:hover,.site-header .nav-current{color:#f1d9a0}
.header-cta,.btn,.menu-toggle,.exhibit-arrow,.gallery-controls>button,.convention-actions button,.character-extra button,.faction-more,.faction-gallery-button{border:1px solid #bda16b;background:linear-gradient(180deg,#475b62 0%,#1c303a 17%,#0c1823 80%,#263e46 100%);box-shadow:inset 0 1px 0 #fff7,inset 0 -2px 0 #040b10,0 4px 0 #070d14,0 8px 15px #0007;color:#f4e9cf;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}
.btn:hover,.header-cta:hover,.exhibit-arrow:hover,.gallery-controls>button:hover,.convention-actions button:hover,.character-extra button:hover,.faction-more:hover,.faction-gallery-button:hover{transform:translateY(-2px);border-color:#f8dd9e;box-shadow:inset 0 1px 0 #fff9,0 5px 0 #050b11,0 9px 20px #0009,0 0 15px #5cd9dc35;background:linear-gradient(180deg,#536d70,#1a343e 34%,#0c1a25 100%)}
.btn:active,.exhibit-arrow:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0009,0 1px 0 #070d14}
.btn-light,.btn-ghost{color:#f8ead0}.header-cta{padding:9px 15px}.btn{min-height:52px;padding:0 22px}.menu-toggle span{background:#f5e5c1}
.hero{height:auto;min-height:0;max-height:none;display:block;padding:150px 0 75px;background:radial-gradient(ellipse at 78% 15%,#244254 0%,#101f2c 37%,#070e19 80%);position:relative}.hero:after,.directory-hero:after,.story-hero:after{display:none}.hero-inner{padding:0;display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(30px,5vw,85px);align-items:center}.hero-copy{padding:20px 0}.hero-hud,.hero-side{display:none}.eyebrow,.overline,.section-kicker{color:#d8bf8d}.hero-year{margin:26px 0 0;color:#b3dbe0}.hero h1,.section h2,.closing h2,.directory-hero h1,.story-hero h1{font-family:var(--serif);font-weight:600}.hero h1{font-size:clamp(60px,6.2vw,92px);color:#f2e5ca;text-shadow:0 3px 0 #5e5040,0 9px 26px #0008}.hero-period{color:#a7dee2}.hero-subtitle{font-family:var(--serif);font-size:clamp(22px,2.3vw,32px);color:#f0eee4}.hero-description{color:#bdcdd0}.hero-actions{flex-wrap:wrap}.hero-bottom{position:static;transform:none;margin:34px auto 0;padding:15px 0 0;border-color:var(--museum-line);color:#aebbbd}.museum-hero-frame,.story-hero-art{margin:0;position:relative;padding:8px;border:1px solid #b59c6a;background:linear-gradient(135deg,#a58c5d,#30373a 20%,#171e27 80%,#ad9568);box-shadow:0 0 0 5px #111923,0 0 0 6px #675b43,0 24px 50px #0009}.museum-hero-frame img,.story-hero-art img{width:100%;height:auto;object-fit:contain}.museum-hero-frame figcaption,.story-hero-art figcaption{padding:9px 8px 1px;text-align:center;color:#ddc28e;font:500 10px/1.5 Georgia,serif;letter-spacing:.18em}
.section{padding:105px 0}.section-top{border-color:var(--museum-line);margin-bottom:55px}.section-number{color:#97b5ba}.section h2,.closing h2{color:#f3e7cd}.section h2 em,.closing h2 em,.directory-hero h1 em,.story-hero h1 em,.identity-section h2 em,.life-section h2 em{color:#b9dde0}.section-heading>p,.identity-section .section-heading>p,.life-section .section-heading>p,.intro-copy{color:#bdcdd0}.intro-section,.identity-section,.factions-section,.covenant-section,.life-section,.mecha-section,.characters-section,.base-section,.story-intro,.directory-section{background:#0b1622}.intro-section,.factions-section,.life-section,.base-section{background:linear-gradient(145deg,#0c1925,#101e2a 48%,#0a1520)}.identity-section,.mecha-section,.characters-section{background:linear-gradient(160deg,#101e2a,#09121c)}.section-heading{margin-bottom:44px}.world-strip{border-color:var(--museum-line)}.world-strip>div{border-color:var(--museum-line)}.world-strip>div strong{color:#e7d4aa}.text-link{border-color:#c6ad79;color:#f4e6cc}
.exhibition-section{padding:90px 0 105px;background:radial-gradient(ellipse at 50% 0,#1b3441,#09131f 62%);position:relative}.exhibition-section:before{content:'';position:absolute;inset:25px 25px auto;height:130px;border:1px solid #b99c5c22;border-bottom:0;border-radius:180px 180px 0 0;pointer-events:none}.exhibit-frame{padding:22px clamp(16px,3vw,38px) 26px;position:relative;background:linear-gradient(160deg,#192c35,#07121e 55%,#16232a);border:2px solid #98825d;box-shadow:inset 0 0 0 4px #111d24,inset 0 0 0 5px #e3cb8e55,0 4px 0 #594b35,0 16px 35px #0009,0 0 30px #96d4d01a}.exhibit-plaque{width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:14px;margin:-40px auto 23px;padding:7px 26px;background:linear-gradient(#4a5960,#1b2b31 30%,#0c1720 90%);border:1px solid #cfb788;box-shadow:0 4px 0 #080e15,0 9px 16px #0008;color:#e9d4a8}.exhibit-plaque strong{font-family:var(--serif);font-size:17px;letter-spacing:.12em}.exhibit-plaque span{font:500 9px Georgia,serif;letter-spacing:.13em;color:#a4c6c9}.exhibit-stage{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:15px}.exhibit-arrow{height:55px;font:400 38px/1 Georgia,serif}.exhibit-viewport{overflow:hidden;background:#050d15;border:1px solid #d4b67f88;touch-action:pan-y}.exhibit-track{display:flex;transition:transform .5s ease}.exhibit-slide{flex:0 0 100%;min-width:0;margin:0;position:relative;display:flex;align-items:center;justify-content:center;height:clamp(330px,43vw,590px);background:radial-gradient(#1c3340,#07121c)}.exhibit-slide img{width:100%;height:100%;object-fit:contain}.exhibit-slide figcaption{position:absolute;left:12px;bottom:12px;background:#08131ddd;color:#efe2c7;padding:4px 10px;font-size:12px}.exhibit-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:17px 57px 0}.exhibit-counter{display:flex;flex-direction:column;color:#ecdfc5;font-size:14px}.exhibit-counter span{font:10px Georgia,serif;letter-spacing:.15em;color:#a5bbc0}.exhibit-thumbs{display:flex;gap:8px}.exhibit-thumbs button{width:86px;height:55px;padding:3px;border:1px solid #7c755e;background:#111d26;cursor:pointer;box-shadow:0 3px 6px #0009}.exhibit-thumbs button img{width:100%;height:100%;object-fit:contain}.exhibit-thumbs button[aria-current=true]{border-color:#b4f2ed;box-shadow:0 0 0 1px #a4f1ee,0 0 14px #7ee3e699}.exhibit-link{justify-self:end;color:#e4d2a9;font-size:12px;border-bottom:1px solid #9c8966}.exhibit-link:hover{color:#fff}
.identity-layout,.factions-layout{border:1px solid #927f5c;box-shadow:0 7px 0 #050c13,0 18px 35px #0008}.identity-tabs,.faction-list{background:#0d1a24}.identity-tab,.faction-button{border-color:#b59c6836}.identity-tab:hover,.identity-tab.active,.faction-button:hover,.faction-button.active{background:linear-gradient(90deg,#29414a,#152a34);box-shadow:inset 3px 0 #d9bf8b,inset 0 1px 0 #fff1}.identity-letter,.faction-button.active strong,.faction-button.active b{color:#e2c691}.identity-panel{background:radial-gradient(ellipse at 30% 0,#274451,#101f2b);color:#eef2ed}.identity-detail p{color:#d1dddd}.small-note{color:#a7bdc0}
.factions-layout{grid-template-columns:.48fr 1fr}.faction-display{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:visible;background:linear-gradient(145deg,#192c35,#0d1c27)!important}.faction-backdrop,.faction-orbit{display:none}.faction-inner{min-height:400px;padding:32px}.faction-inner h3{color:#f4e7cc;font-family:var(--serif)}.faction-inner p{color:#c9d9d8;text-shadow:none}.faction-picture{display:block;width:100%;padding:8px;margin:0 24px 0 0;max-width:calc(100% - 24px);background:#07131c;border:1px solid #9a8661;box-shadow:0 9px 20px #0008;cursor:pointer}.faction-picture img{width:100%;height:auto;object-fit:contain}.faction-more,.faction-gallery-button{margin:5px 5px 0 0;padding:10px;font-size:11px}.faction-more span,.faction-gallery-button span{margin-left:8px}
/* One continuous, text-based parchment; all articles are visible. */
.covenant-section{background:radial-gradient(ellipse at top,#243944,#0a1520 65%)}.covenant-intro{border-color:#c8ad78;color:#c5d5d3}.scroll-case{position:relative;padding:16px clamp(12px,4vw,48px);background:linear-gradient(120deg,#5d513e,#15242e 18%,#0a1720 75%,#665844);border:1px solid #c3a974;box-shadow:inset 0 0 0 5px #17232a,inset 0 0 0 6px #c9b18166,0 9px 0 #090f16,0 24px 45px #0009}.treaty-scroll{max-width:940px;margin:auto;padding:54px clamp(24px,7vw,94px) 70px;color:#30291f;background:radial-gradient(ellipse at 50% 0,#fbefd0 0,#f0ddb4 48%,#ddc496 100%);border:1px solid #9b8057;box-shadow:inset 0 0 40px #926e3940,0 8px 26px #0007;position:relative}.treaty-scroll:before{content:'';position:absolute;inset:12px;border:1px solid #987c5066;pointer-events:none}.scroll-rod{position:relative;z-index:1;max-width:975px;margin:auto;height:18px;border-radius:15px;background:linear-gradient(180deg,#7a5c32,#f3d69a 24%,#9d7740 52%,#49351e 85%,#c7a16a);border:1px solid #6f532e;box-shadow:0 5px 8px #0009}.scroll-rod:before,.scroll-rod:after{content:'';position:absolute;top:-4px;width:15px;height:24px;border-radius:50%;background:linear-gradient(90deg,#543d21,#f3d6a0,#6f4d25);border:1px solid #73542e}.scroll-rod:before{left:-7px}.scroll-rod:after{right:-7px}.scroll-rod-top{margin-bottom:-6px}.scroll-rod-bottom{margin-top:-6px}.scroll-ornament{text-align:center;color:#947044;font-size:20px}.treaty-kicker,.treaty-subtitle{text-align:center;color:#80623b;letter-spacing:.18em;font-size:11px}.treaty-kicker{font-family:Georgia,serif}.treaty-scroll h3{font:600 clamp(28px,4vw,42px)/1.5 var(--serif);text-align:center;letter-spacing:.2em;color:#46331f;margin:13px 0 4px}.treaty-subtitle{margin:0}.treaty-separator{text-align:center;color:#a07c4b;font-size:17px;margin:25px 0 35px}.treaty-article{margin:0 0 26px}.treaty-article h4{font:700 17px/1.6 var(--serif);color:#50381e;letter-spacing:.06em;margin:0 0 7px}.treaty-article p{font-family:var(--serif);font-size:15px;line-height:2.15;color:#403627;margin:0;text-align:justify}.scroll-end{margin-top:45px}.article-note{color:#a9c0c1}.convention-actions{margin-top:22px}
.visual-life-card,.mecha-card,.character-card,.directory-card,.base-grid details{border:1px solid #887655;background:linear-gradient(145deg,#1d3038,#101b25 75%);box-shadow:inset 0 1px 0 #ffffff26,0 6px 0 #070f16,0 15px 25px #0006}.visual-life-card:hover,.mecha-card:hover,.character-card:hover{border-color:#e6ca8e;box-shadow:inset 0 1px 0 #ffffff55,0 9px 0 #070f16,0 18px 26px #0008,0 0 18px #84e6e226}.visual-life-image,.mecha-frame,.character-image,.directory-image{background:radial-gradient(#29404a,#0c1720);border-bottom:1px solid #8d795977}.visual-life-image img,.mecha-frame img,.character-image img,.directory-image img,.dialog-image,.character-dialog-image,.gallery-slide img,.base-image-button img{object-fit:contain;object-position:center}.character-image:after{display:none}.visual-life-copy small,.mecha-caption small,.mecha-caption b,.character-info span{color:#e1c58f}.visual-life-copy>span,.mecha-caption>span,.character-info small{color:#c2d0ce}.visual-life-image{height:250px}.mecha-frame{height:320px}.character-info strong{color:#f1e2c7}.base-grid details{padding:20px}.base-grid summary span{color:#d9be88}.base-grid summary b{color:#e4cb98}.base-grid details p{color:#c9d8d6}.base-image-button{border-color:#a38b60;background:#0a141c}.base-image-button:hover{border-color:#f0d49a}
.closing{background:linear-gradient(100deg,#203743,#0e1d29);border-top:1px solid #a2895a}.closing p:not(.overline){color:#d0ddda}footer{background:#050a11;border-top:1px solid #8a754e}
dialog{background:linear-gradient(150deg,#21343c,#0a1823 55%);border:1px solid #b49a6b;color:#e9eeeb;box-shadow:0 0 0 5px #0a1118,0 0 0 6px #a18b64,0 30px 90px #000c}.dialog-shell h2,.gallery-shell h2{font-family:var(--serif);color:#f2e3c7}.dialog-eyebrow{color:#ddc28f}.dialog-close,.gallery-close{color:#edd9b4}.dialog-body p,.dialog-body li{color:#d2ddda}.dialog-image{height:auto;max-height:55vh;background:#0b151d}.gallery-carousel{border-color:#a58e62;background:#050c13}.gallery-slide{height:min(53vh,570px)}.gallery-slide-meta{color:#eee2cd}.gallery-slide-meta span{color:#abc8cb}.gallery-controls{align-items:center}.gallery-dots{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:6px;max-width:60%;gap:7px}.gallery-dot{flex:0 0 64px;width:64px;height:48px;border-radius:0;border:1px solid #897b61;background:#0b1821;padding:3px;box-shadow:0 3px 7px #0008}.gallery-dot img{width:100%;height:100%;object-fit:contain}.gallery-dot[aria-current=true]{border-color:#b6f3ee;box-shadow:0 0 0 1px #b6f3ee,0 0 13px #7de7e999}.gallery-controls>button{white-space:nowrap}.gallery-intro{color:#c0d3d3}
.directory-hero,.story-hero{background:radial-gradient(ellipse at 70% 15%,#2a4048,#101f2a 45%,#08121d);color:#f0e6d0}.directory-hero{padding:160px 0 85px}.directory-hero:before{border-color:#b99d6655;box-shadow:0 0 0 50px #b99d6608,0 0 0 120px #b99d6605,inset 0 0 80px #c6a96813}.directory-topline{color:#d6ba82;border-color:var(--museum-line)}.directory-copy h2{color:#f1e2c8}.directory-image{height:460px}.directory-image span{background:#101b24d9;padding:5px}.story-hero{min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:155px max(56px,calc((100% - 1290px)/2)) 85px}.story-hero-content{width:100%;margin:0}.story-hero-art{width:100%;max-width:650px}.story-hero-lead{color:#e2e9e3}.story-page .character-image{height:420px}.story-page .character-image img{object-position:center}.story-label,.story-meta span{border-color:#bb9f6c;color:#e5d4b2}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:12px}.site-header nav a{font-size:11px}.header-cta{display:none}.hero-inner{grid-template-columns:1fr 1fr}.exhibit-thumbs button{width:65px}.factions-layout{grid-template-columns:.38fr 1fr}}
@media(max-width:700px){.site-header,.subpage .site-header{height:72px;padding:0 20px}.site-header nav{top:72px;background:#0b1721;border-bottom:1px solid #a0875f}.site-header nav a{font-size:14px}.menu-toggle{display:flex}.hero{padding:115px 0 36px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero-copy{padding:0}.hero h1{font-size:59px}.hero-year{margin:17px 0 0}.hero-subtitle{font-size:23px}.hero-actions{margin-top:23px}.hero-bottom{margin-top:25px}.museum-hero-frame{width:100%}.section{padding:72px 0}.section-top{margin-bottom:35px}.section-heading{margin-bottom:36px}.exhibition-section{padding:70px 0}.exhibition-section:before{inset:20px 10px auto}.exhibit-frame{padding:20px 11px}.exhibit-plaque{margin-top:-35px;gap:7px;padding:6px 12px}.exhibit-plaque strong{font-size:14px}.exhibit-plaque span:last-child{font-size:8px}.exhibit-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.exhibit-arrow{height:42px;font-size:28px}.exhibit-slide{height:clamp(210px,66vw,360px)}.exhibit-slide figcaption{font-size:10px;left:5px;bottom:5px}.exhibit-footer{display:flex;flex-wrap:wrap;gap:10px;margin:12px 35px 0}.exhibit-counter{flex:1;min-width:70px}.exhibit-thumbs{order:3;width:100%;gap:5px}.exhibit-thumbs button{flex:1;width:auto;min-width:0;height:42px}.exhibit-link{font-size:11px}.identity-layout{grid-template-columns:1fr}.identity-tabs{grid-template-columns:repeat(3,1fr)}.identity-tab{border-right:1px solid #b59c6836}.factions-layout{grid-template-columns:1fr}.faction-list{grid-template-columns:repeat(5,1fr)}.faction-button{padding:8px 2px}.faction-button.active{box-shadow:inset 0 -3px #d9bf8b}.faction-display{grid-template-columns:1fr}.faction-inner{min-height:0;padding:24px}.faction-inner>div:nth-child(2){max-width:none}.faction-inner h3{margin:8px 0}.faction-index{margin-top:15px}.faction-picture{width:calc(100% - 48px);max-width:none;margin:0 24px 24px}.scroll-case{padding:14px 12px}.treaty-scroll{padding:44px 25px 50px}.treaty-scroll:before{inset:8px}.treaty-scroll h3{font-size:29px}.treaty-article h4{font-size:15px}.treaty-article p{font-size:14px;line-height:2}.visual-life-grid,.mecha-grid{grid-template-columns:1fr 1fr}.visual-life-image{height:170px}.mecha-frame{height:190px}.gallery-shell{padding:42px 17px 22px}.gallery-slide{height:min(48vh,420px)}.gallery-dot{flex-basis:45px;width:45px;height:40px}.gallery-controls{gap:4px}.gallery-controls>button{font-size:11px;padding:8px}.directory-hero{padding:125px 0 65px}.directory-image{height:310px}.story-hero{display:flex;flex-direction:column;align-items:stretch;padding:120px 20px 65px;gap:35px}.story-hero-art{max-width:none}.story-page .character-image{height:240px}.base-grid{grid-template-columns:1fr 1fr}.base-grid details{padding:14px}.character-extra{display:block}}
@media(max-width:390px){.hero h1{font-size:51px}.hero-actions .btn{gap:14px;font-size:12px}.exhibit-plaque span:last-child{display:none}.visual-life-grid,.mecha-grid,.base-grid{grid-template-columns:1fr}.visual-life-image{height:220px}.mecha-frame{height:250px}.faction-button strong{font-size:12px}.faction-more,.faction-gallery-button{display:inline-block}.story-page .character-image{height:205px}}
@media(prefers-reduced-motion:reduce){.exhibit-track{transition:none}}

.gallery-dot[aria-current=true]{background:#0b1821}
.story-hero-art img{height:min(60vh,620px);width:100%;object-fit:contain;background:#09131b}
@media(max-width:700px){.story-hero-art img{height:min(62vh,500px)}}

.base-grid{align-items:start}