:root{--green:#192d43;--deep:#102033;--cream:#f5f1ea;--paper:#fffdf8;--gold:#b88859;--ink:#273648;--muted:#677381}body{position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("assets/ilustrasi/ilustrasi-12.webp") left 8% top 20%/430px auto no-repeat,url("assets/ilustrasi/ilustrasi-27.webp") right -50px bottom 15%/480px auto no-repeat;opacity:.045}header{background:rgba(25,45,67,.97)}.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;background:url("assets/ilustrasi/ilustrasi-12.webp") center/cover;opacity:.045;pointer-events:none}.hero-inner{position:relative}.hero-photo figcaption{background:#192d43df}.music-section{background:#e8edf1dd}.illustration-section{background:#f5f1ead9}.gallery{background:#192d43f2}.photo{background:#29405b}.contact{background:#e9e3d9dd}.quote{color:#455d78}.btn{color:#152a40}.navlinks{gap:15px;flex-wrap:wrap;justify-content:flex-end}.archive-section{border-top:1px solid #27364815;background:#fffdf875}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-card{border:1px solid #d9dfe4;border-radius:8px;overflow:hidden;background:var(--paper)}.archive-card img{width:100%;height:240px;object-fit:contain;background:#ebe7df}.archive-card .card-body{padding:22px}.archive-card h3{font-size:24px;margin:0 0 12px}.archive-card p{font-size:14px}.archive-card small{color:var(--muted)}.archive-card button.archive-image{padding:0;width:100%;border:0;background:none;cursor:zoom-in}.archive-empty{grid-column:1/-1;border:1px dashed #aab6c3;border-radius:10px;padding:40px;text-align:center;background:#fffdf8b5}.archive-empty span{font-size:48px;color:var(--gold)}.archive-empty h3{font-size:25px}.access-note{padding:16px 22px;border-left:3px solid var(--gold);background:#eee8dd;margin-bottom:24px}.archive-card video,.archive-card iframe{width:100%;aspect-ratio:16/9;border:0;background:#102033}.book-actions{display:flex;gap:12px;flex-wrap:wrap}.book-actions .btn{padding:10px 14px}.book-actions .outline{color:var(--ink)}.lightbox{background:#0e1e32f5}.lightbox-content{max-width:95vw;width:100%;height:88vh;display:flex;flex-direction:column;align-items:center}.zoom-tools{display:flex;gap:10px;padding-bottom:14px}.zoom-tools button{background:#fffdf8;color:#192d43;border:0;border-radius:4px;padding:8px 14px}.zoom-stage{width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start}.zoom-stage img{margin:auto;max-width:92vw;max-height:78vh;object-fit:contain;flex-shrink:0}.zoom-stage img.zoomed{max-width:none;max-height:none;margin:0}.reader-dialog{position:fixed;inset:0;z-index:50;background:#f5f1ea;display:none}.reader-dialog.open{display:flex;flex-direction:column}.reader-bar{padding:14px 20px;background:#192d43;color:white;display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-bar button{padding:8px 16px;border:0;border-radius:4px}.reader-dialog iframe{flex:1;width:100%;border:0}.reader-help{padding:10px 20px;margin:0;font-size:13px;background:#eee8dd}.reader-help a{text-decoration:underline}.archive-group-heading{margin-top:40px}@media(max-width:800px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:8px}nav{align-items:flex-start;padding-top:16px;padding-bottom:16px}.brand{font-size:19px}.archive-card img{height:200px}}@media(max-width:520px){.archive-grid{grid-template-columns:1fr}.archive-card img{height:auto;max-height:320px}.navlinks{max-width:220px}.archive-empty{padding:28px 18px}.lightbox{padding:12px}.reader-bar{flex-wrap:wrap}}

.voice-section{background:#192d43}.voice-card{color:#273648}.illustration-section{color:#273648}.illustration-provenance{color:#677381}

.archive-photo-group{margin-top:56px}.archive-photo-group h3{font-size:30px}.archive-photo-group .photo img{object-fit:contain;background:#192d43;height:245px}.archive-photo-group .photo{padding-bottom:20px}.archive-photo-group small{line-height:1.65}