*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#01050b}
body{overflow-x:hidden}
.hero-page{position:relative;width:100%;max-width:1600px;margin:auto;overflow:hidden;line-height:0}
.hero-art{display:block;width:100%;height:auto}
.home-navigation{position:absolute;inset:0;z-index:20;pointer-events:none;font-family:"Helvetica Neue","Avenir Next",Avenir,Montserrat,Arial,sans-serif}
.home-brand{position:absolute;left:3.55%;top:2.35%;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#eee4d0;pointer-events:auto;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.72)}
.home-brand-name{font-size:29px;font-weight:300;letter-spacing:.23em;white-space:nowrap}
.home-brand-heart{position:absolute;left:29%;top:101%;width:38px;height:38px;fill:none;stroke:#e5b85e;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateY(6px) scale(.72);filter:drop-shadow(0 0 8px rgba(229,184,94,.48));transition:.35s ease}
.home-brand:hover .home-brand-heart,.home-brand:focus-visible .home-brand-heart{opacity:1;transform:translateY(0) scale(1.08)}
.home-brand-tagline{margin-top:7px;font-size:9px;font-weight:300;letter-spacing:.17em;color:#ddd5c8;white-space:nowrap}
.home-nav{position:absolute;top:2.85%;right:3.45%;display:flex;align-items:flex-start;gap:18px;pointer-events:auto}
.home-nav a{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 1px 27px;color:#eee4d0;text-decoration:none;font-size:10.5px;font-weight:400;letter-spacing:.12em;white-space:nowrap;line-height:1;text-shadow:0 1px 7px rgba(0,0,0,.78)}
.home-nav a,.home-nav a:hover,.home-nav a:focus,.home-nav a:focus-visible{ text-decoration:none!important; border-bottom:0!important; box-shadow:none!important; outline:none!important; }
.home-nav a:hover,.home-nav a:focus-visible,.home-nav a[aria-current="page"]{color:#f0d08a}
.home-nav i{position:absolute;top:22px;width:31px;height:31px;color:#e1b85f;opacity:0;transform:translateY(4px) scale(.72);transition:.3s ease;font-style:normal;text-align:center;line-height:31px;filter:drop-shadow(0 0 7px rgba(225,184,95,.42))}
.home-nav a:hover i,.home-nav a:focus-visible i{opacity:1;transform:translateY(0) scale(1)}
.door-icon{border:1.6px solid #e1b85f;border-bottom:0;border-radius:2px 2px 0 0}
.door-icon:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:14px;border-left:1.1px solid #e1b85f;border-right:1.1px solid #e1b85f;background:radial-gradient(circle at 50% 50%,rgba(255,235,173,.78),rgba(255,204,96,.08) 70%,transparent)}
.compass-icon{font-size:23px}.person-icon{border:1.6px solid #e1b85f;border-radius:50%}.person-icon:after{content:"";position:absolute;left:5px;right:5px;bottom:3px;height:9px;border:1.4px solid #e1b85f;border-radius:50%}.wave-icon{font-size:27px}.camera-icon{border:1.6px solid #e1b85f;border-radius:4px}.camera-icon:after{content:"";position:absolute;left:7px;top:7px;width:11px;height:11px;border:1.3px solid #e1b85f;border-radius:50%}.question-icon{border:1.6px solid #e1b85f;border-radius:50%;font-size:17px}

.home-mobile{display:none}
@media(max-width:700px){
 .home-navigation{display:none}
 .home-mobile{display:flex;position:absolute;top:0;left:0;right:0;z-index:20;flex-direction:column;align-items:center;padding:9px 6px 10px;background:rgba(1,5,11,.78);line-height:1;font-family:"Helvetica Neue","Avenir Next",Avenir,Montserrat,Arial,sans-serif}
 .home-mobile .name{font-size:20px;letter-spacing:.14em;color:#eee4d0;text-decoration:none;display:block}.home-mobile .tag{margin-top:4px;font-size:6.5px;letter-spacing:.09em;color:#ddd5c8}.home-mobile nav{display:flex;gap:7px;margin-top:9px;white-space:nowrap}.home-mobile nav a{color:#eee4d0;text-decoration:none;font-size:7px;letter-spacing:.04em}
}

/* FINAL GUIDING MENU ICON — one paddle + two ripples, tilted to 10 o'clock */
.guide-paddle{
  width:42px!important;height:48px!important;top:20px!important;
  position:absolute!important;display:block!important;opacity:0;
  transform:translateY(4px) scale(.72);transition:.3s ease;
  line-height:0!important;filter:drop-shadow(0 0 7px rgba(225,184,95,.42));
}
.home-nav a:hover .guide-paddle{
  opacity:1;transform:translateY(0) scale(1);
}
.guide-paddle svg{width:100%;height:100%;overflow:visible;}
.guide-paddle::before,.guide-paddle::after{content:none!important;display:none!important;}
.guide-paddle .paddle-shaft,.guide-paddle .paddle-blade{
  fill:none;stroke:#e1b85f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;
}
.guide-paddle .paddle-tilt{
  transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-20deg);
}
.guide-paddle .paddle-ripple{
  fill:none;stroke:#e1b85f;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;
}

/* HOMEPAGE BAKED-IN EXPLORE THE BOOK BUTTON — invisible clickable overlay over the artwork */
.hero-book-link{position:absolute;left:3.6%;top:51.3%;width:22.2%;height:3.1%;z-index:25;display:block;pointer-events:auto;text-decoration:none;}