@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Caesar+Dressing&display=swap");
*{box-sizing:border-box} html,body{margin:0;padding:0} body{background:#F3F0E9;color:#fff;font-family:Arial,Helvetica,sans-serif}
img{display:block;max-width:100%}
.site-header{position:relative;width:100%;max-width:1220px;margin:0 auto;background:#000;overflow:hidden}
.internal-header-image{display:block;width:100%;height:150px;object-fit:cover;object-position:center top}
.main-nav{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:100%;max-width:1220px;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-right:44px;z-index:3000}
.main-nav a{display:inline-block;margin:0;padding:0;color:#fff;text-decoration:none;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;transition:opacity .2s ease, transform .2s ease}
.main-nav a:hover{opacity:.7;transform:translateY(-1px)} .main-nav a.active{opacity:.65}
.main-nav a.language-switch{display:flex;align-items:center;justify-content:center;margin-left:6px;padding:0;text-decoration:none;opacity:1}
.main-nav a.language-switch img{display:block;width:21px;height:auto;opacity:.58;filter:saturate(70%) brightness(1.5);transition:opacity .2s ease,filter .2s ease,transform .2s ease}
.main-nav a.language-switch:hover{opacity:1;transform:none}.main-nav a.language-switch:hover img{opacity:.95;filter:saturate(85%) brightness(1);transform:scale(1.08)}
.home-scene{width:100%;max-width:1220px;margin:0 auto;background:#000;padding:0 0 10px}
.scene-stage{position:relative;width:100%;overflow:hidden;background:#000}
.scene-base{display:block;width:100%;height:auto}
.scene-layer,.scene-link{position:absolute;display:block}
.scene-layer img,.scene-link img{display:block;width:100%;height:auto}
.scene-shelves{left:0;top:0;width:100%;z-index:2;pointer-events:none}
.scene-bust{left:7.5%;top:34.3%;width:15.5%;z-index:4}
.scene-table{left:0.8%;bottom:0.3%;width:89.4%;z-index:5}
.scene-legions{left:60%;top:1.5%;width:24%;z-index:4}
.scene-books-left{left:0;top:10%;width:16%;height:58%;z-index:6}
.scene-books-right{right:0;top:10%;width:16%;height:58%;z-index:6}
.scene-link{outline:none;text-decoration:none}
.scene-link:hover > img:first-child,.scene-link:focus-visible > img:first-child{filter:brightness(1.16) saturate(1.08) drop-shadow(0 0 14px rgba(255,215,130,.38)) drop-shadow(0 0 26px rgba(255,195,91,.22));transform:none}

@media (max-width:1000px){.main-nav{gap:16px;padding-right:26px}.main-nav a{font-size:14px}.scene-bust{left:7.4%;top:34.4%;width:15.8%}.scene-legions{left:60%;top:1.8%;width:23.2%}}
@media (max-width:800px){.site-header,.home-scene{max-width:100%}.internal-header-image{height:118px}.main-nav{position:relative;top:auto;left:auto;transform:none;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 10px;background:#000;z-index:2000}.main-nav a{font-size:12px}.scene-books-left,.scene-books-right{width:18%;height:55%}}
@media (max-width:560px){.main-nav{gap:10px}.main-nav a{font-size:11px}.main-nav a.language-switch img{width:18px}}


/* hover fix: shelves glow instead of square, and standard stays hoverable */
.scene-link{background:transparent;border:0;box-shadow:none;cursor:pointer}
.scene-link img{transition:filter .22s ease, transform .22s ease}
.scene-stage .scene-legions{z-index:4!important}
.scene-stage .scene-books-left,.scene-stage .scene-books-right{z-index:3!important;background:transparent!important;box-shadow:none!important}
.scene-stage:has(.scene-books-left:hover) .scene-shelves img,
.scene-stage:has(.scene-books-left:focus-visible) .scene-shelves img,
.scene-stage:has(.scene-books-right:hover) .scene-shelves img,
.scene-stage:has(.scene-books-right:focus-visible) .scene-shelves img{
  filter:brightness(1.16) saturate(1.08) drop-shadow(0 0 14px rgba(255,215,130,.38)) drop-shadow(0 0 26px rgba(255,195,91,.22));
  transform:none;
}
.scene-stage:has(.scene-books-left:hover) .scene-books-left,
.scene-stage:has(.scene-books-right:hover) .scene-books-right,
.scene-stage:has(.scene-books-left:focus-visible) .scene-books-left,
.scene-stage:has(.scene-books-right:focus-visible) .scene-books-right{
  outline:none; box-shadow:none!important; background:transparent!important;
}


/* hover sign labels */
.hover-sign{position:absolute;display:block;opacity:0;pointer-events:none;z-index:20;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));transform:translateY(8px) scale(.96);transition:opacity .2s ease, transform .2s ease}
.scene-link:hover .hover-sign,.scene-link:focus-visible .hover-sign{opacity:1;transform:translateY(0) scale(1)}
.sign-about{width:255%;max-width:none;left:-38%;top:-52%}
.sign-explore{width:58%;max-width:none;left:21%;top:-30%}
.sign-legions{width:108%;max-width:none;left:-72%;top:18%}
.sign-books-left{width:240px;max-width:none;left:84%;top:6%}
.sign-books-right{width:240px;max-width:none;left:-232px;top:8%}

@media (max-width:800px){.hover-sign{display:none}}



/* Welcome parchment */
.home-welcome{max-width:1220px;margin:0 auto;padding:34px clamp(14px,3vw,30px) 60px;background:#F3F0E9;color:#25211e}
.home-welcome-inner{max-width:930px;margin:0 auto}
.welcome-scroll{position:relative;width:min(880px,100%);margin:0 auto}
.welcome-scroll-bg{display:block;width:100%;height:auto}
.welcome-scroll-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:clamp(42px,5vw,66px) clamp(54px,9vw,110px) clamp(54px,7vw,78px)}
.home-welcome h1{font-family:Cinzel,Georgia,serif;font-size:clamp(22px,2vw,32px);letter-spacing:.06em;margin:0 0 12px;line-height:1.1;color:#171512}
.home-welcome .home-welcome-lead{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(16px,1.55vw,23px);line-height:1.32;margin:0 0 26px;color:#1a1714}
.home-welcome p{font-size:clamp(13px,1.12vw,16px);line-height:1.65;margin:0 0 16px;max-width:44rem}
.home-welcome .home-welcome-final{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(14px,1.3vw,19px);line-height:1.45;margin-top:8px;margin-bottom:18px;color:#171512}
.home-welcome .home-welcome-farewell{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(15px,1.35vw,20px);letter-spacing:.03em;margin:4px 0 10px;color:#171512}
.home-welcome a{color:#8b2530;text-decoration:underline;text-underline-offset:3px}
.welcome-seal{display:block;width:clamp(54px,7vw,92px);height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
@media (max-width:900px){
  .welcome-scroll-content{padding:clamp(34px,5vw,54px) clamp(34px,7vw,68px) clamp(42px,6vw,62px)}
  .home-welcome p{line-height:1.55;margin-bottom:13px}
}
@media (max-width:640px){
  .home-welcome{padding:26px 10px 42px}
  .welcome-scroll{width:min(760px,100%)}
  .welcome-scroll-content{padding:28px 24px 34px}
  .home-welcome h1{font-size:clamp(18px,5vw,24px);margin-bottom:10px}
  .home-welcome .home-welcome-lead{font-size:clamp(14px,4.1vw,18px);margin-bottom:16px}
  .home-welcome p{font-size:clamp(12px,3.55vw,14px);line-height:1.42;margin-bottom:10px;max-width:100%}
  .home-welcome .home-welcome-final{font-size:clamp(13px,3.8vw,16px);margin-bottom:12px}
  .home-welcome .home-welcome-farewell{font-size:clamp(14px,4vw,17px)}
  .welcome-seal{width:58px}
}

/* Unified header + menu sizing across all pages */
.site-header{position:relative;width:100%;max-width:1220px;margin:0 auto;background:#000;overflow:hidden}
.internal-header-image{display:block;width:100%;height:150px;object-fit:cover;object-position:center top}
.main-nav,
.site-header .main-nav{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:100%;max-width:1220px;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-right:44px;z-index:3000}
.main-nav a,
.main-nav a:visited,
.site-header .main-nav a,
.site-header .main-nav a:visited{display:inline-block;margin:0;padding:0;color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;transition:opacity .2s ease,transform .2s ease}
.main-nav a:hover,
.site-header .main-nav a:hover{opacity:.7;transform:translateY(-1px)}
.main-nav a.active,
.site-header .main-nav a.active{opacity:.65}
.main-nav a.language-switch,
.site-header .main-nav a.language-switch{display:flex;align-items:center;justify-content:center;margin-left:6px;padding:0;text-decoration:none;opacity:1}
.main-nav a.language-switch img,
.site-header .main-nav a.language-switch img{display:block;width:21px;height:auto;opacity:.58;filter:saturate(70%) brightness(1.5);transition:opacity .2s ease,filter .2s ease,transform .2s ease}
.main-nav a.language-switch:hover,
.site-header .main-nav a.language-switch:hover{opacity:1;transform:none}
.main-nav a.language-switch:hover img,
.site-header .main-nav a.language-switch:hover img{opacity:.95;filter:saturate(85%) brightness(1);transform:scale(1.08)}
@media (max-width:1000px){
  .main-nav,.site-header .main-nav{gap:16px;padding-right:26px}
  .main-nav a,.main-nav a:visited,.site-header .main-nav a,.site-header .main-nav a:visited{font-size:14px}
}
@media (max-width:800px){
  .internal-header-image{height:118px}
  .main-nav,.site-header .main-nav{position:relative;top:auto;left:auto;transform:none;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 10px;background:#000;z-index:2000}
  .main-nav a,.main-nav a:visited,.site-header .main-nav a,.site-header .main-nav a:visited{font-size:12px}
}
@media (max-width:560px){
  .main-nav,.site-header .main-nav{gap:10px}
  .main-nav a,.main-nav a:visited,.site-header .main-nav a,.site-header .main-nav a:visited{font-size:11px}
  .main-nav a.language-switch img,.site-header .main-nav a.language-switch img{width:18px}
}

/* Plain, uncluttered welcome section: no parchment background */
.home-welcome {background:#F3F0E9!important;padding:54px clamp(20px,5vw,72px) 65px!important}
.home-welcome-inner {max-width:850px!important;margin:0 auto}
.welcome-letter {width:100%;margin:0 auto;text-align:center}
.welcome-scroll-content {position:static!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important}
.home-welcome h1 {margin:0 0 16px!important}
.home-welcome .home-welcome-lead {margin-bottom:30px!important}
.home-welcome p {max-width:730px;line-height:1.7;margin-bottom:23px}
.home-welcome .home-welcome-final {margin-top:14px;margin-bottom:32px}
.home-welcome .home-welcome-farewell {margin-bottom:13px}
.welcome-seal {width:clamp(65px,7vw,90px);height:auto}
@media(max-width:640px){.home-welcome{padding:35px 20px 45px!important}.home-welcome p{line-height:1.6;margin-bottom:18px}.home-welcome .home-welcome-lead{margin-bottom:24px!important}}


/* ========================================
   BRAND OVERRIDES — MONOCHROME EDLL
======================================== */
body{
  background:#ffffff;
  color:#111111;
}
.home-scene{
  background:#000000;
}
.home-welcome{
  background:#000000 !important;
  color:#ffffff !important;
  padding:54px clamp(20px,5vw,68px) 72px !important;
}
.home-welcome-inner{
  max-width:860px !important;
}
.welcome-letter::before{
  content:"";
  display:block;
  width:min(760px,92%);
  height:1px;
  margin:0 auto 34px;
  background:rgba(179,33,46,.82);
}
.home-welcome h1,
.home-welcome .home-welcome-lead,
.home-welcome .home-welcome-final,
.home-welcome .home-welcome-farewell{
  color:#ffffff !important;
}
.home-welcome h1{
  font-family:Cinzel, Georgia, serif;
  font-size:clamp(24px,2.2vw,34px);
  letter-spacing:.06em;
}
.home-welcome .home-welcome-lead{
  font-family:Cinzel, Georgia, serif;
  font-size:clamp(17px,1.55vw,24px);
}
.home-welcome p{
  max-width:760px;
  color:rgba(255,255,255,.92);
  line-height:1.72;
}
.home-welcome .home-welcome-final{
  letter-spacing:.03em;
}
.home-welcome a{
  color:#d04a58;
}
.home-welcome a:hover{
  color:#f06b79;
}
.welcome-seal{
  width:clamp(64px,6vw,86px);
}
@media (max-width:640px){
  .home-welcome{
    padding:38px 18px 48px !important;
  }
  .welcome-letter::before{
    margin-bottom:24px;
  }
}


/* FIXED HOME SIGN / WELCOME TITLE PATCH */
/* use floating cursor tooltip only; keep source images hidden */
.hover-sign{display:none !important;}
.edll-cursor-sign{
  position:fixed;
  left:0;
  top:0;
  opacity:0;
  pointer-events:none;
  z-index:9999;
  transform:translate3d(0,8px,0) scale(.96);
  transition:opacity .16s ease, transform .16s ease;
}
.edll-cursor-sign.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.edll-cursor-sign img{
  display:block;
  width:220px;
  height:auto;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.36));
}

.welcome-title-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0 0 12px;
}
.title-laurel{
  width:clamp(34px,4vw,48px);
  height:auto;
  opacity:.96;
  filter: none;
}
.title-laurel-right{transform:scaleX(-1);}
.home-welcome h1{
  font-family:"EDLOSTLEGIONS", Georgia, serif !important;
  font-size:clamp(28px,2.5vw,40px);
  letter-spacing:.03em;
  margin:0;
  line-height:1.05;
  text-transform:uppercase;
}
@media (max-width:640px){
  .edll-cursor-sign{display:none !important;}
  .title-laurel{width:28px;}
  .welcome-title-row{gap:10px;margin-bottom:10px;}
  .home-welcome h1{font-size:clamp(22px,6vw,30px);}
}

/* Single laurel branches; original laurel.png contains a complete pair. */
.title-laurel-right{transform:none !important;}
.title-laurel{width:clamp(27px,2.7vw,37px) !important;}
.edll-cursor-sign img{width:175px !important;}
@media(max-width:640px){.title-laurel{width:26px !important;}.edll-cursor-sign img{width:125px !important;}}

/* EDLL WHITE PAGE SYSTEM — HEADER REMAINS BLACK */
html,body{background:#ffffff !important;}
body{color:#111111 !important;}
/* Header/menu backgrounds and white navigation deliberately unchanged. */

.home-welcome{background:#ffffff !important;color:#111111 !important;}
.home-welcome h1,.home-welcome .home-welcome-lead,.home-welcome .home-welcome-final,.home-welcome .home-welcome-farewell{color:#111111 !important;}
.home-welcome p{color:#111111 !important;}
.home-welcome a{color:#8b2530 !important;}
/* Illustration and its dark inkwork remain as originally drawn. */

/* Final: remove the 10px black strip beneath the illustration. */
.home-scene{padding-bottom:0 !important;}