/* Vita and Hexenherz chapter layout; shared navigation lives in /navigation.css. */
.archive-preview { --archive-bg:#08060c; --archive-surface:#171020; --archive-gold:#d9bc83; --archive-ink:#efe7d9; --archive-violet:#b99bd5; --archive-ice:#86c4d4; overflow:auto; color:var(--archive-ink); background-color:var(--archive-bg); background-attachment:fixed; }
.archive-preview [hidden] { display:none!important; }
.archive-preview *, .archive-preview *::before, .archive-preview *::after { box-sizing:border-box; }
.archive-preview a { color:inherit; }
.archive-preview button, .archive-preview input, .archive-preview select, .archive-preview textarea { font:inherit; }
.archive-preview button { cursor:pointer; }
.archive-preview :focus-visible { outline:2px solid var(--archive-ice); outline-offset:5px; }
.archive-preview h1,.archive-preview h2,.archive-preview h3,.archive-preview p,.archive-preview figure { margin:0; }
.archive-preview h1,.archive-preview h2,.archive-preview h3 { font-weight:400; }
.archive-preview .skip-link { position:absolute; left:1rem; top:-6rem; z-index:100; background:#171020; padding:1rem; }
.archive-preview .skip-link:focus { top:1rem; }
.preview-ribbon { min-height:34px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px clamp(18px,3vw,48px); background:#1c1424; border-bottom:1px solid #63497066; color:#c3aecb; font:11px/1.3 system-ui,sans-serif; letter-spacing:.055em; }
.preview-ribbon b { font-weight:500; color:#f0dcd0; margin-left:12px; }
.preview-ribbon a { text-decoration:none; white-space:nowrap; }
.preview-edition { color:#a99aaf; font:10px/1.4 system-ui,sans-serif; letter-spacing:.1em; white-space:nowrap; }
.preview-edition span { color:#d9bc83; padding-left:7px; }
.archive-layout { width:100%; padding:42px clamp(20px,4vw,64px) 60px; margin:auto; }
.chapter { min-width:0; outline:none; }
.chapter-heading { display:flex; gap:13px; align-items:center; margin-bottom:26px; }
.chapter-heading>img { object-fit:contain; width:48px; height:56px; filter:drop-shadow(0 0 10px #d9bc8322); }
.overline { color:var(--archive-gold); font:10px/1.5 system-ui,sans-serif; letter-spacing:.19em; text-transform:uppercase; }
.chapter-heading h1 { font-size:34px; line-height:1.2; margin-top:2px; }
.chapter-trace { height:1px; flex:1; margin-left:22px; background:linear-gradient(90deg,#d9bc8370,transparent); }
.chapter.is-opening .chapter-trace { animation:chapter-glow 1s ease-out; }
@keyframes chapter-glow { from {box-shadow:0 0 13px #e6c898; background-color:#d9bc83;} to {box-shadow:none;} }
.archive-cover { position:relative; isolation:isolate; height:clamp(360px,32vw,480px); overflow:hidden; border:1px solid #d9bc8360; border-bottom:0; background:#120d19; }
.archive-cover::before { content:""; position:absolute; inset:12px; border:1px solid #d9bc832b; z-index:2; pointer-events:none; }
.archive-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#08060ce0,transparent 78%),linear-gradient(0deg,#08060cd9,transparent 55%); z-index:1; pointer-events:none; }
.archive-cover>img { width:100%; height:100%; object-fit:cover; object-position:65% 50%; }
.cover-copy { position:absolute; left:clamp(26px,3.1vw,48px); top:50%; transform:translateY(-43%); z-index:3; }
.cover-copy h2 { font-size:clamp(56px,6.1vw,92px); line-height:.94; letter-spacing:-.035em; margin:23px 0 21px; }
.cover-copy h2 em { color:#e0c390; font-weight:400; }
.vita-cover .cover-copy { transform:translateY(-50%); }
.vita-cover .cover-copy h2 { margin:0; }
.archive-cover figcaption { position:absolute; right:22px; bottom:19px; z-index:3; color:#d2bccd; font:9px/1.4 system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.chapter-paper { background:linear-gradient(135deg,rgba(19,13,26,.98),rgba(8,6,12,.97)); border:1px solid #d9bc833d; border-top:0; padding:38px clamp(24px,3.1vw,48px) 40px; box-shadow:0 22px 80px #0004; }
.chapter-paper h2 { font-size:clamp(25px,2.5vw,33px); line-height:1.25; letter-spacing:-.02em; }
.chapter-paper h3 { font-size:22px; line-height:1.3; }
.chapter-paper p { font-size:16px; line-height:1.85; color:#d0c1d1; }
.chapter-paper p.overline { font:10px/1.5 system-ui,sans-serif; color:var(--archive-gold); letter-spacing:.17em; margin-bottom:8px; }
.chapter-paper h2+p,.chapter-paper h3+p { margin-top:14px; }
.chapter-paper .editorial-note,.editorial-note { font:11px/1.7 system-ui,sans-serif; color:#a798ad; margin-top:18px; }
.intro-block { display:grid; grid-template-columns:42px 1fr; gap:20px; }
.small-seal { color:#d9bc83; display:grid; place-content:start center; padding-top:21px; font-size:38px; }
.small-seal img { width:42px; height:58px; object-fit:contain; }
.teaching-section { display:grid; grid-template-columns:1fr 128px; gap:28px; align-items:center; padding:30px 0; margin-top:32px; border-top:1px solid #d9bc832b; border-bottom:1px solid #d9bc832b; }
.teaching-mark { display:grid; justify-items:center; gap:5px; text-align:center; }
.teaching-mark img { width:70px; height:84px; object-fit:contain; }
.teaching-mark span { color:#ddc594; font-size:15px; }
.teaching-mark small { color:#a798ad; font:10px/1.5 system-ui,sans-serif; }
.chronicle { padding-top:45px; }
.section-label { display:flex; align-items:center; gap:18px; font:10px/1.5 system-ui,sans-serif; letter-spacing:.17em; text-transform:uppercase; color:#d9bc83; margin-bottom:13px; }
.fine-rule { height:1px; flex:1; background:linear-gradient(90deg,#d9bc834f,transparent); }
.chapter-paper .section-lead { font-size:15px; color:#ad9bb8; margin-top:8px; }
.chronicle-list { margin:32px 0 0 8px; padding:0 0 0 28px; list-style:none; border-left:1px solid #d9bc834a; }
.chronicle-list li { position:relative; display:grid; grid-template-columns:42px 1fr; gap:17px; padding:0 0 34px; }
.chronicle-list li:last-child { padding-bottom:9px; }
.chronicle-node { position:absolute; left:-33px; top:21px; width:9px; height:9px; transform:rotate(45deg); background:#8b6840; border:1px solid #e0bd79; transition:box-shadow .8s,background-color .8s; }
.chronicle-list li.is-seen .chronicle-node { background:#e0bd79; box-shadow:0 0 14px #e0bd7966; }
.chronicle-icon img { width:42px; height:60px; object-fit:contain; }
.open-detail { display:block; color:#a493b0; font:11px/1.65 system-ui,sans-serif; margin-top:12px; }
.archive-interlude { margin:32px 0!important; height:220px; position:relative; overflow:hidden; border:1px solid #d9bc8330; }
.archive-interlude img { width:100%; height:100%; object-fit:cover; object-position:70% 65%; filter:brightness(.7); }
.archive-interlude figcaption { position:absolute; left:24px; bottom:20px; color:#e2cfab; font-size:20px; font-style:italic; text-shadow:0 2px 8px #000; }
.personal-notes { border-top:1px solid #d9bc8326; padding-top:29px; }
.personal-notes h2 { font-size:23px; }
.personal-notes>p { margin-top:14px; font-size:15px; }
/* The drawer takes no space in the page layout. Its bridge and delayed close
   let a pointer travel from the edge tab into the floating crystal. */
.crystal-drawer { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:45; }
.crystal-tab { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:46px; min-height:112px; padding:12px 7px; color:var(--archive-gold); background:#17101fee; border:1px solid #d9bc8366; border-right:0; border-radius:7px 0 0 7px; box-shadow:-5px 0 24px #0005; }
.crystal-tab img { object-fit:contain; filter:drop-shadow(0 0 6px #d9bc8333); }
.crystal-tab span { writing-mode:vertical-rl; font:10px/1 system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.crystal-tab:hover,.crystal-tab[aria-expanded="true"] { background:#271a34; border-color:#d9bc83; }
.archive-preview .crystal-tab:focus-visible { outline-offset:-5px; }
.crystal-panel { position:absolute; right:calc(100% + 10px); top:50%; transform:translateY(-50%); width:min(420px,calc(100vw - 72px),calc(100dvh - 100px)); padding:42px 12px 12px; background:radial-gradient(ellipse at 50% 60%,#2b183bee,#0e0a15fa 76%); border:1px solid #b596665c; border-radius:8px; box-shadow:0 18px 70px #000a,inset 0 0 45px #08060c88; animation:crystal-reveal .22s ease-out; }
.crystal-panel::after { content:""; position:absolute; left:100%; top:0; width:12px; height:100%; }
@keyframes crystal-reveal { from {opacity:0; margin-right:-8px;} to {opacity:1; margin-right:0;} }
.ritual-label { position:absolute; inset:18px 45px auto 22px; color:#c3a97e; font:10px/1.5 system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.crystal-close { position:absolute; right:5px; top:3px; width:44px; height:44px; padding:0; background:none; border:0; color:#d9bc83; font-size:27px!important; }
body.archive-preview .crystal-stage { width:100%; height:auto; aspect-ratio:1; min-height:0; margin:0; transform:none; transition:none; will-change:auto; background:radial-gradient(ellipse,#3519424a,transparent 70%); }
.archive-preview #crystal-canvas { width:100%; height:100%; min-height:0; }
.archive-preview .heptagram,.archive-preview .arc-flow,.archive-preview .sigil-menu { top:50%; width:82%; }
.archive-preview .sigil-button { width:50px; height:50px; }
.archive-preview .sigil-button.is-current img { filter:drop-shadow(0 0 5px #e7c386) drop-shadow(0 0 17px #9b57c055); }
.archive-preview .sigil-button.is-disabled { opacity:.28; cursor:not-allowed; }
/* Paragraphs use all of the width available in their content container. */
.chapter-paper p:not(.overline):not(.editorial-note) { max-width:none; }
.chapter-footer { display:flex; align-items:center; gap:10px; padding:27px 0 0; color:#af99b0; font:10px/1.5 system-ui,sans-serif; }
.chapter-footer img { object-fit:contain; }
.chapter-footer>a { margin-left:auto; text-decoration:none; color:#d3bd91; }
.band-cover>img { object-position:center; }
.band-cover .cover-copy { left:32px; right:26px; }
.band-cover .cover-copy h2 { font-size:clamp(49px,6.6vw,94px); margin-top:23px; letter-spacing:-.055em; }
.band-cover .cover-copy h2 em { display:block; padding-left:15%; }
.band-cover::after { background:linear-gradient(90deg,#08060cc9,transparent 100%),linear-gradient(0deg,#08060cdf,transparent 70%); }
.album-jump { display:inline-flex; align-items:center; gap:25px; margin-top:6px; color:#eed1a1!important; font:12px/1.5 system-ui,sans-serif; text-decoration:none; padding-bottom:7px; border-bottom:1px solid #d9bc8370; }
.band-intro>h2 { font-size:32px; }
.members { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:36px; padding-bottom:39px; border-bottom:1px solid #d9bc832b; }
.member-image { aspect-ratio:4/5; display:grid; place-content:center; justify-items:center; position:relative; border:1px solid #b68b684f; border-radius:45% 45% 0 0; overflow:hidden; background:radial-gradient(ellipse at 50% 70%,#5840445c,transparent),#1b1320; }
.member-image::after { content:""; position:absolute; inset:8px; border:1px solid #d9bc8320; border-radius:inherit; pointer-events:none; }
.member-image img { width:75%; max-width:100px; height:100px; object-fit:contain; opacity:.72; }
.member-image>span { font:9px/1.4 system-ui,sans-serif; letter-spacing:.1em; color:#baa1b9; margin-top:12px; }
.member-witchlet { background:radial-gradient(ellipse at 50% 70%,#732e465c,transparent),#1e101c; }
.member-minuit { background:radial-gradient(ellipse at 50% 70%,#274e685c,transparent),#111522; }
.member h3 { font-size:21px; margin-top:15px; }
.member p { font-size:12px; line-height:1.6; margin-top:5px!important; }
.member a,.text-action { display:inline-flex; align-items:center; gap:12px; background:none; border:0; padding:10px 0; color:#d9bc83!important; text-decoration:none; font:11px/1.4 system-ui,sans-serif; box-shadow:none; }
.albums-section,.videos-section { padding-top:36px; scroll-margin-top:110px; }
.section-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:24px; }
.quiet-button { display:inline-flex; align-items:center; gap:12px; border:1px solid #d9bc834a; background:#191120; border-radius:3px; padding:9px 12px; color:#d7c2a2; font:11px/1.5 system-ui,sans-serif!important; white-space:nowrap; }
.quiet-button:hover { background:#2c1d33; border-color:#d9bc83; }
.album { display:grid; grid-template-columns:minmax(126px,310px) minmax(0,1fr); gap:25px; padding:26px 0; border-top:1px solid #d9bc8325; }
.album:first-child { padding-top:0; border-top:0; }
.album-art { position:relative; aspect-ratio:1; width:100%; background:#120b1c; color:#eee3cf; border:1px solid #d9bc835c; padding:0; text-align:left; overflow:hidden; }
.album-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.7) brightness(.65); }
.album-art::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#09040af2,transparent 75%); }
.album-art>span { position:absolute; inset:auto 16px 17px; z-index:1; font-size:clamp(18px,1.9vw,26px); line-height:1.1; }
.album-art small { display:block; margin-bottom:11px; font:9px/1.4 system-ui,sans-serif; letter-spacing:.22em; color:#dfba88; }
.album-art b { font-weight:400; }
.album-art .cover-play { inset:14px 14px auto auto; border:1px solid #d9bc83; border-radius:50%; width:32px; height:32px; text-align:center; padding-top:6px; font:12px/1.5 system-ui,sans-serif; }
.album-herzen .album-art img { object-position:80% center; filter:hue-rotate(325deg) saturate(.95) brightness(.65); }
.album-meta { margin-top:10px!important; color:#a995b3!important; font:10px/1.6 system-ui,sans-serif!important; }
.album h3 { color:#e7d9c3; font-size:22px; margin-bottom:12px; }
.track-list { list-style:none; padding:0; margin:0; }
.track-button { width:100%; display:grid; grid-template-columns:23px minmax(0,1fr) 33px; gap:7px; text-align:left; align-items:center; padding:13px 0; border:0; border-bottom:1px solid #b294bb1f; background:transparent; color:#d4c5d8; line-height:1.45; }
.track-button>span:first-child { color:#ab8da6; font:11px system-ui,sans-serif; }
.track-button>span:nth-child(2) { font-size:14px; }
.track-button>span:last-child { color:#a996b2; font:10px system-ui,sans-serif; text-align:right; }
.track-button:hover,.track-button.is-playing { color:#f2d597; background:#d9bc8308; }
.track-button.is-playing>span:first-child { color:#edc680; }
.video-stage { position:relative; aspect-ratio:16/8; border:1px solid #d9bc833f; overflow:hidden; background:#100a18; }
.video-stage>img { width:100%; height:100%; object-fit:cover; filter:brightness(.35); }
.video-stage>div { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; }
.video-emblem { width:44px; height:44px; border:1px solid #d9bc8370; border-radius:50%; display:grid; place-content:center; color:#d9bc83; font-size:25px; margin-bottom:15px; }
.video-stage p { font-size:13px; margin-top:7px!important; }
.archive-preview.has-player { padding-bottom:106px; }
.listening-bar { position:fixed; bottom:0; left:0; right:0; z-index:40; display:grid; grid-template-columns:minmax(170px,1.3fr) 32px 44px 32px minmax(140px,1fr) 105px; gap:12px; align-items:center; padding:14px clamp(16px,3vw,48px); background:#110b18fa; border-top:1px solid #d9bc8377; box-shadow:0 -8px 40px #0007; }
.now-playing { display:flex; align-items:center; gap:12px; min-width:0; }
.now-playing>img { width:46px; height:46px; object-fit:cover; border:1px solid #d9bc834b; }
.now-playing>div { min-width:0; }
.now-playing strong { display:block; font-size:14px; font-weight:400; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.now-playing .overline { font-size:9px; }
.player-button { border:0; color:#e5c68f; background:transparent; padding:4px; height:40px; font-size:26px!important; }
.player-toggle { border:1px solid #d9bc8366; border-radius:50%; width:40px; height:40px; font-size:16px!important; }
.seek-control { display:flex; align-items:center; gap:8px; color:#bca7c4; font:10px system-ui,sans-serif; }
.seek-control input { width:100%; min-width:35px; accent-color:#d9bc83; }
.volume-control { font:9px system-ui,sans-serif; color:#baa9c4; }
.volume-control input { display:block; width:100%; margin-top:5px; accent-color:#b99bd5; }
.player-message { grid-column:1/-1; font:11px system-ui,sans-serif; color:#e8b28d; }
.player-message:empty { display:none; }
.archive-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 40px); padding:34px; background:#130e1d; color:#e8dddc; border:1px solid #d9bc837a; border-radius:4px; box-shadow:0 28px 100px #0009; overflow:auto; }
.archive-dialog::backdrop { background:#030106c7; backdrop-filter:blur(7px); }
.dialog-close { position:absolute; right:15px; top:12px; background:none; border:0; color:#dfc49a; width:35px; height:35px; font-size:27px!important; }
.archive-dialog h2 { font-size:31px; margin:13px 0 19px; }
.archive-dialog>p { font-size:15px; line-height:1.8; color:#c2b0ca; }
.archive-dialog .overline { font:10px/1.5 system-ui,sans-serif; color:#d9bc83; }
.portrait-reserved { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; height:195px; border:1px solid #d9bc832f; margin-bottom:20px; background:radial-gradient(ellipse,#342141,transparent); color:#ac99b4; font:11px system-ui,sans-serif; }
.portrait-reserved img { width:80px; height:105px; object-fit:contain; }
.archive-dialog .upload-notice { font:12px/1.7 system-ui,sans-serif; padding:14px; border-left:2px solid #bd9a66; background:#241b2b; }
.file-drop { display:block; border:1px dashed #ad8b6566; padding:19px; margin-top:22px; color:#e7cfaa; font-size:16px; }
.file-drop input { display:block; width:100%; font:12px system-ui,sans-serif!important; margin-top:14px; color:#cab9d1; }
.file-drop span { display:block; font:11px/1.6 system-ui,sans-serif; color:#aa96b7; margin-top:12px; overflow-wrap:anywhere; }
.field-label { display:block; margin-top:18px; font:12px/1.5 system-ui,sans-serif; color:#c6b0cc; }
.field-label input,.field-label select,.field-label textarea { display:block; width:100%; margin-top:7px; padding:11px; border:1px solid #93789b55; background:#0b0810; color:#e9dfea; border-radius:2px; font-size:15px; }
[data-local-preview] audio,[data-local-preview] video { display:block; width:100%; max-height:220px; margin-top:19px; }
[data-upload-status] { font:11px/1.7 system-ui,sans-serif; color:#b4a3bd; margin-top:15px!important; }
@media (max-width:1100px) and (min-width:981px) {  .preview-edition{display:none;}  .album{grid-template-columns:140px minmax(0,1fr); gap:19px;} }
@media (max-width:980px) {  .preview-edition{display:none;}    .archive-layout{padding-top:20px;} .archive-cover{height:430px;} .cover-copy h2{font-size:80px;} .band-cover .cover-copy h2{font-size:82px;} .chapter-paper{padding:34px;} .album-art>span{font-size:26px;} .album{grid-template-columns:minmax(150px,.75fr) minmax(0,1.4fr);} }
@media (max-width:620px) { .preview-ribbon{font-size:9px; padding:7px 16px;} .preview-ribbon b{display:none;}    .archive-layout{padding:17px 16px 36px;} .crystal-panel{padding:42px 8px 10px;} .archive-preview .sigil-button{width:44px;height:44px;} .ritual-label{font-size:9px;letter-spacing:.1em;left:16px;} .chapter-heading{margin-bottom:18px;gap:8px;} .chapter-heading h1{font-size:30px;} .chapter-heading>img{width:38px;height:45px;} .chapter-heading .overline{font-size:8px;} .chapter-trace{margin-left:8px;} .archive-cover{height:370px;} .cover-copy{left:27px;} .cover-copy h2{font-size:65px;} .cover-copy .overline{font-size:8px;} .cover-copy>p:last-child{font-size:15px;} .archive-cover figcaption{font-size:8px;right:18px;} .chapter-paper{padding:28px 22px 30px;} .intro-block{display:block;} .small-seal{display:none;} .chapter-paper p{font-size:15px;line-height:1.85;} .chapter-paper .editorial-note{font-size:10px;} .teaching-section{grid-template-columns:1fr 72px;gap:14px;} .teaching-mark img{width:55px;height:68px;} .teaching-mark span{font-size:12px;} .teaching-mark small{font-size:9px;} .chronicle-list{padding-left:20px;margin-left:5px;} .chronicle-list li{grid-template-columns:1fr;gap:0;} .chronicle-icon{display:none;} .chronicle-node{left:-25px;top:7px;} .archive-interlude{height:175px;} .archive-interlude figcaption{font-size:16px;left:16px;} .chapter-footer{font-size:9px;gap:6px;flex-wrap:wrap;} .chapter-footer a{margin-left:auto;} .band-cover .cover-copy{left:26px;} .band-cover .cover-copy h2{font-size:66px;} .band-intro>h2{font-size:29px;} .members{gap:10px;} .member-image img{width:66px;height:76px;} .member-image>span{font-size:8px;margin-top:0;} .member h3{font-size:16px;line-height:1.3;} .member p{font-size:10px;line-height:1.6;} .member a,.text-action{font-size:10px;gap:5px;} .section-top{align-items:flex-start;flex-wrap:wrap;gap:14px;} .quiet-button{font-size:10px!important;padding:9px 10px;} .album{grid-template-columns:1fr;gap:20px;padding-block:28px;} .album-visual{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:end;} .album-art>span{font-size:18px;inset:auto 11px 12px;} .album-art small{font-size:8px;margin-bottom:8px;} .album-art .cover-play{top:9px;right:9px;width:26px;height:26px;padding-top:3px;} .album h3{font-size:22px;} .track-button{padding:13px 0;min-height:44px;} .track-button>span:nth-child(2){font-size:14px;} .video-stage{aspect-ratio:4/3;} .video-stage h3{font-size:21px;} .video-stage p{font-size:12px;} .listening-bar{grid-template-columns:1fr 32px 40px 32px;gap:8px;padding:11px 15px;} .seek-control{grid-column:1/-1;} .volume-control{display:none;} .now-playing>img{display:none;} .now-playing strong{font-size:12px;} .now-playing .overline{font-size:8px;} .archive-dialog{padding:29px 23px;} .archive-dialog h2{font-size:27px;} .field-label input,.field-label select,.field-label textarea{font-size:16px;} }
@media (prefers-reduced-motion:reduce) { .archive-preview{scroll-behavior:auto;} .archive-preview *,.archive-preview *::before,.archive-preview *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;} }
/* Reset the production upload helper's visually hidden file-input treatment. */
.archive-dialog .file-drop input { position:static; inline-size:100%; block-size:auto; opacity:1; max-width:100%; min-width:0; }



@media (max-height:500px) { .crystal-panel {padding:36px 6px 6px;} .ritual-label {font-size:9px;letter-spacing:.04em;left:12px;} .archive-preview .sigil-button {width:44px;height:44px;} .crystal-tab {min-height:90px;} }
/* Content edition: preserve the complete approved scene and portrait framing. */
.archive-preview .vita-cover { width:min(100%,900px); height:auto; margin:0 auto 26px; border-bottom:1px solid #d9bc8360; }
.vita-cover + .chapter-paper { border-top:1px solid #d9bc833d; }
.archive-preview .vita-cover>img { display:block; width:100%; height:auto; object-fit:contain; }
.vita-cover::after { display:none; }
.chapter-paper p+p { margin-top:14px; }
.order-service,.research-section,.aether-section { padding-top:32px; margin-top:28px; border-top:1px solid #d9bc8326; }
.aether-section { margin-bottom:36px; }
.archive-preview .member-image { display:block; width:min(100%,260px); margin-inline:auto; height:auto; max-height:none; aspect-ratio:2/3; padding:0; overflow:hidden; background:#08060c; }
.archive-preview .member-image img { display:block; width:100%; max-width:none; height:100%; max-height:none; object-fit:cover; filter:none; opacity:1; }
.archive-preview .member-image::before,.archive-preview .member-image::after { display:none; }
.member-image:hover img { filter:brightness(1.08); }
.archive-preview .member-image:focus-visible { outline-offset:5px; }
.member { text-align:center; }
.member p { min-height:1.5em; }
.archive-preview .member-dialog { width:min(960px,calc(100% - 32px)); }
.member-profile { display:grid; grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:30px; align-items:start; }
.profile-portrait { display:block; width:100%; height:auto; border:1px solid #d9bc8345; }
.profile-copy { min-width:0; }
.profile-copy p { color:#d0c1d1; font-size:15px; line-height:1.85; }
.profile-copy p+p { margin-top:16px; }
.profile-copy .profile-name { font-size:23px; color:#e9d8b9; }
.profile-copy .profile-role { font:11px/1.7 system-ui,sans-serif; color:#bca4c9; margin-top:5px; margin-bottom:22px; }
.profile-vita { display:inline-block; margin-top:24px; color:#dfc49a!important; text-underline-offset:5px; }
.album .album-description { font-size:14px; margin:0 0 15px; color:#bba9c4; }
.track-list>li { border-bottom:1px solid #b294bb1f; }
.track-button { border-bottom:0; padding-bottom:7px; }
.track-story { margin:0 0 10px 30px; }
.track-story summary { cursor:pointer; width:fit-content; padding:7px 8px 7px 0; color:#b9a1c8; font:11px/1.4 system-ui,sans-serif; }
.track-story summary:hover { color:#e7cfaa; }
.track-story[open] summary { color:#e0c390; }
.chapter-paper .track-story p { font-size:14px; line-height:1.7; color:#c8b6cf; margin:4px 0 16px; padding:0 14px 0 12px; border-left:1px solid #d9bc8345; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Owner tools use the same restrained controls as the chapter navigation. */
.archive-preview [hidden] { display:none!important; }
.archive-preview .login-button { padding:8px 13px; border:1px solid #93789b55; border-radius:5px; cursor:pointer; }
.archive-dialog .upload-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; }
.archive-dialog [data-campus-submit],.archive-dialog [data-campus-logout] { margin-top:22px; }
.archive-dialog progress { display:block; width:100%; height:12px; margin-top:22px; accent-color:#c6a66e; }
.archive-dialog button:disabled { opacity:.55; cursor:wait; }
.archive-dialog input[type=file] { position:static; width:100%; height:auto; opacity:1; }
.video-list { display:grid; gap:36px; margin-top:24px; }
.music-video { min-width:0; }
.music-video video { display:block; width:100%; max-height:75vh; aspect-ratio:16/9; background:#050407; border:1px solid #93789b44; border-radius:3px; }
.music-video h3 { margin:20px 0 8px; }
.music-video p { white-space:pre-line; }
.track-list .share-link { margin:0 0 15px 34px; font:11px/1.5 system-ui,sans-serif; color:#c5ae84; }
.share-link:disabled { color:#998ba0; opacity:.65; cursor:wait; }
.music-video .share-link { margin-top:10px; }
.archive-preview .video-stage { aspect-ratio:16/5; min-height:190px; }
@media (max-width:620px) {
  .archive-preview .members { grid-template-columns:1fr; gap:34px; }
  .archive-preview .member { width:min(100%,300px); margin-inline:auto; }
  .archive-preview .member h3 { font-size:25px; }
  .archive-preview .member p,.archive-preview .member .text-action { font-size:14px; }
  .member-profile { grid-template-columns:1fr; gap:24px; }
  .profile-portrait { width:min(100%,220px); margin-inline:auto; }
  .archive-preview .member-image { width:min(100%,220px); }
  .profile-copy p { font-size:15px; }
  .archive-preview .member-dialog { padding:30px 22px; }
  .archive-preview .video-stage { aspect-ratio:4/3; }
}

/* The supplied logo replaces both repeated band-name headings with one title. */
.band-cover .band-logo-title { margin:0 0 18px; line-height:1; }
.band-logo { display:block; width:clamp(180px,21vw,260px); height:auto; }
@media (max-width:620px) {
  .band-logo { width:190px; max-width:100%; }
  .archive-preview .vita-cover { margin-bottom:20px; }
}