:root{--navy:#0e1b30;--gold:#eac184;--paper:#f8e9cf}body{margin:0;background:#0e1b30;color:#f7e8d2;font-family:'DM Sans',sans-serif}.site-header{height:61px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,94px);background:#101b32fa;border-bottom:1px solid #dca85e}.brand{font:italic 600 clamp(20px,2vw,31px) 'Cormorant Garamond',serif;text-decoration:none;color:#fae1a8;white-space:nowrap;display:flex;align-items:center;gap:12px}.brand-compass{font-size:40px}#nav{display:flex;gap:clamp(12px,2.8vw,47px);align-items:center}#nav a{font:500 clamp(16px,1.45vw,22px) 'Cormorant Garamond',serif;text-decoration:none;color:#f7e8d2}#nav a:hover{color:#eac184}#nav small{display:block;text-align:center;font:10px 'DM Sans',sans-serif;border:1px solid #af8559;border-radius:15px;color:#eac184}.nav-search{border:1px solid #c89d5f;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;text-decoration:none;color:#eac184;font-size:30px;flex-shrink:0}.mobile-menu{display:none}.home-scene{position:relative;margin-top:-61px;line-height:0}.home-scene img{display:block;width:100%;height:auto}.hero-hotspot{position:absolute;left:40.5%;top:49.2%;height:7.3%;width:19.6%;border-radius:40px;display:block;text-indent:-9999px;overflow:hidden}.hero-hotspot:focus-visible{outline:4px solid #fff1be;outline-offset:5px}.mobile-home-text{display:none!important}.scene{position:relative;width:100%;aspect-ratio:1672/941;background-size:cover;background-position:top center;background-repeat:no-repeat;overflow:hidden}.scene.journal{background-image:url('/assets/journal.webp')}.scene.file13{background-image:url('/assets/file13.webp')}.scene.mapping{background-image:url('/assets/mapping.webp')}.scene.atlas{background-image:url('/assets/atlas.webp')}.scene.contact{background-image:url('/assets/contact.webp')}.scene-words{position:absolute;left:35.5%;top:9%;width:32%;text-align:center;text-shadow:0 2px 6px #080e21}.scene-words h1{font:italic 500 clamp(32px,5.3vw,83px)/.98 'Cormorant Garamond',serif;color:#f3d29c;margin:10px 0 15px}.scene-words p{font:italic clamp(14px,1.55vw,24px)/1.35 'EB Garamond',serif;color:#fbe8ce;margin:0}.scene.mapping .scene-words{left:39%;top:1%;width:23%;pointer-events:none}.scene.mapping .scene-words h1{font-size:clamp(26px,4vw,60px)}.scene.mapping .scene-words p{display:none}.scene.contact .scene-words{left:34%;top:12%}.scene-body{max-width:1100px;margin:auto;padding:55px 24px 80px}.section-head{font:italic 500 52px 'Cormorant Garamond',serif;color:#eac184;text-align:center;margin:0 0 18px}.section-sub{font:italic 23px/1.6 'EB Garamond',serif;text-align:center;color:#dccab1;margin:0 auto 28px}.archive{max-width:850px;margin:auto}.archive-entry{display:block;text-decoration:none;border-top:1px solid #92724f;padding:24px 8px 22px;color:#f7e8d2}.archive-entry:last-child{border-bottom:1px solid #92724f}.archive-entry:hover{background:#22314b}.archive-entry small{font-size:11px;letter-spacing:.16em;color:#d6b28a}.archive-entry h3{font:500 42px 'Cormorant Garamond',serif;color:#f2c995;margin:8px 0}.archive-entry p{font:20px 'EB Garamond',serif;margin:0}.search-input{display:block;width:100%;max-width:850px;margin:0 auto 30px;padding:13px 18px;border:1px solid #997449;background:#f8e9d5;color:#24324a;border-radius:7px}.empty-note{text-align:center;font:italic 25px 'EB Garamond',serif;color:#d7bb99;padding:32px}.paper{background:linear-gradient(140deg,#fff7e9,#ead9bd);color:#2f272c;border:1px solid #bb9565;border-radius:8px;box-shadow:0 15px 45px #02081278;padding:clamp(24px,5vw,60px)}.paper h2{font:500 clamp(33px,4.6vw,62px) 'Cormorant Garamond',serif;color:#722d3b;margin:0 0 15px}.paper .entry-subtitle{font:italic 22px 'EB Garamond',serif;color:#654c41}.prose{white-space:pre-wrap;font:23px/1.73 'EB Garamond',serif;max-width:720px;margin:25px auto 0}.back{display:inline-block;color:#eed0a2;text-decoration:none;margin:0 0 20px}.map-markers{position:absolute;inset:0;pointer-events:none}.map-pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid #fce8ab;background:#831827;color:#f9dda7;border-radius:50%;font-size:21px}.map-popup{max-width:700px;margin:auto;padding:25px;border:1px solid #aa8656;background:#1a2a44}.map-popup[hidden]{display:none}.form{display:grid;gap:18px}.form label{display:grid;gap:7px}.form input,.form textarea,.form select{width:100%;padding:12px 14px;border-radius:5px;border:1px solid #ad9474;color:#26222b;background:#fffaf1}.form textarea{min-height:160px}.contact-panel{max-width:750px;margin:auto}.contact-panel h2{text-align:center}.small-message{text-align:center;font:italic 24px 'EB Garamond',serif;color:#d8bc91}@media(max-width:800px){.site-header{height:65px;padding:0 16px}.brand{font-size:23px}.mobile-menu{display:block;margin-left:auto;border:1px solid #b48b55;background:#1b2a40;color:#eac184;border-radius:5px;padding:7px 12px}.nav-search{display:none}#nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:#101b30;padding:18px 25px;gap:12px}#nav.open{display:flex}#nav a{font-size:23px}.home-scene{margin-top:0;min-height:75vh;background:linear-gradient(#101b3040,#101b30e0),url('/assets/journal.webp') center/cover}.home-scene img{display:none}.mobile-home-text{display:flex!important;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.mobile-home-text h1{font:italic 500 70px/1 'Cormorant Garamond',serif;color:#f2d29d}.mobile-home-text p{font:italic 23px/1.4 'EB Garamond',serif}.hero-hotspot{left:25%;top:70%;width:50%;height:16%}.scene{aspect-ratio:auto;min-height:540px;background-position:center}.scene-words,.scene.contact .scene-words,.scene.mapping .scene-words{left:21%;width:58%;top:12%;background:#0c1930be;padding:10px;border-radius:8px}.scene-words h1{font-size:46px}.scene-words p{font-size:19px}.scene.mapping .scene-words{top:4%}.scene-body{padding:38px 20px}.archive-entry h3{font-size:32px}}
/* Artwork-integrated public interactions, positioned in the painted navy panels. */
.scene-archive,.scene-letter{position:absolute;left:35.4%;width:31.5%;top:27%;bottom:12%;overflow-y:auto;padding:8px 16px;scrollbar-width:thin;scrollbar-color:#ae835b transparent;color:#f7e7cb}
.scene-archive .archive-entry{padding:12px 8px;border-color:#98754d}
.scene-archive .archive-entry h3{font-size:clamp(21px,2.2vw,33px);line-height:1.04;margin:5px 0}
.scene-archive .archive-entry p{font-size:clamp(13px,1.15vw,18px);line-height:1.28}
.scene-archive .archive-entry small{font-size:10px}
.scene-archive .archive-entry:hover{background:#27314b98}
.scene-search{display:block;width:100%;padding:10px 12px;border:1px solid #b78d55;border-radius:4px;background:#e9d6b9;color:#213048;font:16px 'DM Sans',sans-serif;margin-bottom:14px}
.scene-empty{font:italic clamp(17px,1.7vw,25px) 'EB Garamond',serif;text-align:center;color:#f0d4aa;padding-top:20px}
.scene-soon{position:absolute;left:36%;width:29%;top:45%;text-align:center;font:italic 500 clamp(26px,3.2vw,52px) 'Cormorant Garamond',serif;color:#f3d6a5;text-shadow:0 2px 4px #061123}
.scene-letter{left:35.1%;width:32%;top:27%;bottom:10%;overflow-y:auto}
.scene-contact-form{display:grid;gap:10px}
.scene-contact-form label{display:grid;gap:3px;color:#f3d8ad;font:16px 'Cormorant Garamond',serif;letter-spacing:.02em}
.scene-contact-form input,.scene-contact-form select,.scene-contact-form textarea{box-sizing:border-box;width:100%;padding:8px 10px;background:#eee0c8;border:1px solid #bb945e;border-radius:4px;color:#18283d;font:14px 'DM Sans',sans-serif}
.scene-contact-form textarea{min-height:72px;resize:vertical}
.scene-send{justify-self:center;margin-top:5px;background:#711a2a;border:1px solid #e8bd77;border-radius:30px;padding:10px 20px;font:italic 20px 'Cormorant Garamond',serif;color:#ffe2ad;cursor:pointer}
.scene-send:hover{background:#943149}
.honeypot{position:absolute!important;left:-9999px!important}
@media(min-width:801px){.scene.mapping .scene-words{top:3%;z-index:1}.scene.mapping .scene-words h1{font-size:clamp(28px,3.4vw,52px)}}
@media(max-width:800px){
.scene-archive,.scene-letter{position:relative;top:auto;bottom:auto;left:auto;width:calc(100% - 40px);margin:245px auto 0;max-height:410px;overflow:auto;background:#0b1930df;border:1px solid #926d47;border-radius:8px;padding:18px}
.scene-soon{left:15%;width:70%;top:57%;font-size:43px}
.scene-archive .archive-entry h3{font-size:30px}.scene-archive .archive-entry p{font-size:18px}
.scene-contact-form textarea{min-height:85px}
}

/* Booklike typography for the first Journal reflection */
.prose p{white-space:normal;margin:0 0 1.2em}.prose blockquote{white-space:normal;margin:1.4em 0;padding:.6em 1.2em;border-left:2px solid #95613b;color:#643e3c;font-style:italic;background:#eee0c8}.prose em{font-style:italic}.prose br{display:block;content:''}

/* Keep the Journal heading and explanatory sentence clear of search. */
@media(min-width:801px){
  .scene.journal .scene-archive{top:39%;bottom:7%;padding-top:12px}
  .scene.journal .scene-words{top:6.5%}
  .scene.journal .scene-words h1{font-size:clamp(31px,4.7vw,72px)}
  .scene.journal .scene-words p{font-size:clamp(13px,1.4vw,22px)}
}
@media(max-width:800px){
  .scene.journal .scene-archive{position:relative;top:auto;bottom:auto;left:auto;width:calc(100% - 40px);margin:245px auto 0}
  .scene.journal .scene-words{top:7%;width:60%;left:20%}
  .scene.journal .scene-words h1{font-size:clamp(35px,7.2vw,54px)}
}

/* Responsive Journal spacing safeguard: title and search never share the same space. */
@media(min-width:801px) and (max-width:1200px){
 .scene.journal{min-height:650px;aspect-ratio:auto;background-position:center center}
 .scene.journal .scene-words{top:7%;left:30%;width:40%}
 .scene.journal .scene-words h1{font-size:clamp(40px,4.5vw,56px)}
 .scene.journal .scene-archive{top:43%;left:30%;width:40%;bottom:7%}
}