*{box-sizing:border-box}:root{--black:#02060b;--night:#06111d;--deep:#091a2a;--blue:#58dfff;--gold:#d2a85f;--gold-bright:#ffe5a7;--white:#f7fbff}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"IM Fell English",Georgia,serif;overflow-x:hidden}img{display:block;max-width:100%}.topbar{position:fixed;z-index:80;inset:0 0 auto 0;min-height:92px;padding:10px clamp(14px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.42),rgba(0,0,0,0));border-bottom:1px solid rgba(210,168,95,.22)}.topbar.scrolled{background:rgba(0,0,0,.75);backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:"Cinzel",serif;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:#f8dfaa;text-shadow:0 3px 12px #000}.brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(88,223,255,.35)) drop-shadow(0 10px 18px #000)}.brand span{font-size:clamp(.75rem,1.1vw,1.05rem);line-height:1.1}.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,34px);font-family:"Cinzel",serif;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.main-nav a{text-decoration:none;color:#f5deb2;font-size:.9rem;text-shadow:0 2px 10px #000}.main-nav a:hover{color:white;text-shadow:0 0 12px var(--blue),0 0 18px rgba(255,255,255,.4)}.nav-toggle{display:none}.hero{min-height:100svh;position:relative;isolation:isolate;display:grid;place-items:center;padding:118px 18px 76px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.08),rgba(0,0,0,.34)),url("../assets/images/greyhook-harbor.jpg") center center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 53% 40%,rgba(88,223,255,.12),transparent 26rem),radial-gradient(circle at 72% 23%,rgba(255,232,180,.10),transparent 18rem),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.35) 65%,rgba(0,0,0,.86))}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.56),transparent 22%,transparent 72%,rgba(0,0,0,.48));pointer-events:none}.hero-content{width:min(1080px,94vw);text-align:center;position:relative;z-index:3;padding-top:30px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.96))}.series{margin:0 0 .45rem;font-family:"Cinzel",serif;color:var(--gold-bright);font-weight:800;text-transform:uppercase;letter-spacing:.30em;font-size:clamp(.9rem,1.8vw,1.45rem)}.title-mark{margin:0;text-transform:uppercase;font-family:"Cinzel Decorative","Cinzel",serif;line-height:.86}.title-main{display:block;font-size:clamp(4rem,13vw,11.5rem);color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(120deg,transparent 0 9%,rgba(255,255,255,.86) 9% 11%,transparent 11% 44%,rgba(255,228,167,.72) 44% 47%,transparent 47%),repeating-linear-gradient(116deg,#fff5cc 0,#d09b43 9px,#5b3818 20px,#fff0b8 31px,#ae7934 48px,#f7df98 67px);-webkit-text-stroke:1px rgba(51,31,10,.92);text-shadow:0 0 8px rgba(255,225,146,.35),0 0 20px rgba(88,223,255,.20),0 10px 20px #000}.title-sub{display:block;margin-top:.18em;font-family:"Cinzel",serif;font-size:clamp(1.45rem,4.1vw,3.9rem);letter-spacing:.20em;color:#f7dfaa;text-shadow:0 0 12px rgba(255,230,175,.24),0 5px 14px #000}.divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px auto 20px;color:var(--gold-bright)}.divider span{height:1px;width:min(240px,28vw);background:linear-gradient(90deg,transparent,var(--gold),transparent)}.divider i{font-style:normal;color:var(--blue);text-shadow:0 0 10px var(--blue)}.hero-copy{max-width:780px;margin:0 auto 30px;font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.55;color:#fff4dc;text-shadow:0 3px 12px #000}.relic-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:286px;padding:16px 24px;border:2px solid var(--gold);text-decoration:none;font-family:"Cinzel",serif;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 18%,rgba(88,223,255,.10) 35%,rgba(0,0,0,.26) 50%,transparent 72%),repeating-linear-gradient(125deg,#27333a 0 8px,#08111a 8px 19px,#172937 19px 30px),linear-gradient(180deg,#203242,#05080e);box-shadow:0 0 18px rgba(88,223,255,.25),inset 0 0 18px rgba(255,255,255,.10),0 15px 28px rgba(0,0,0,.62);transition:transform .2s ease,box-shadow .2s ease}.relic-button b{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#ecffff 0 14%,#58dfff 15% 45%,#052638 62%,#000 100%);box-shadow:0 0 13px #fff,0 0 28px var(--blue),0 0 50px rgba(88,223,255,.65)}.relic-button:hover{transform:translateY(-3px);box-shadow:0 0 28px rgba(88,223,255,.55),0 18px 34px rgba(0,0,0,.72)}.firefly{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#eeffff;box-shadow:0 0 8px #fff,0 0 20px var(--blue),0 0 55px rgba(88,223,255,.85);animation:fireflyFloat 7s ease-in-out infinite}.fly-one{left:18%;bottom:23%}.fly-two{right:19%;bottom:31%;animation-delay:1.2s}.fly-three{right:32%;top:31%;animation-delay:2.6s}.fly-four{left:42%;bottom:18%;animation-delay:.7s}.fly-five{right:10%;top:48%;animation-delay:3.4s}@keyframes fireflyFloat{0%,100%{transform:translate(0,0) scale(.8);opacity:.55}50%{transform:translate(18px,-28px) scale(1.2);opacity:1}}.fog{position:absolute;z-index:1;left:-15%;right:-15%;height:30%;background:radial-gradient(ellipse,rgba(160,212,255,.13),transparent 62%);filter:blur(22px);pointer-events:none;animation:fogDrift 18s ease-in-out infinite alternate}.fog-one{bottom:0}.fog-two{bottom:18%;opacity:.38;animation-duration:26s}@keyframes fogDrift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.moon-glow{position:absolute;right:10%;top:12%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.26),rgba(255,255,255,.06) 32%,transparent 70%);filter:blur(4px);animation:moonPulse 5s ease-in-out infinite}@keyframes moonPulse{50%{opacity:.65;transform:scale(1.07)}}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:"Cinzel",serif;text-decoration:none;color:#efd9aa;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}.first-tale,.placeholder-world,.about{padding:clamp(70px,9vw,128px) 18px;background:radial-gradient(circle at 50% 0,rgba(88,223,255,.07),transparent 28rem),linear-gradient(180deg,#06111d,#091827);border-top:1px solid rgba(210,168,95,.20)}.section-wrap{width:min(1180px,94vw);margin:auto}.narrow{width:min(860px,94vw)}.tale-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:clamp(28px,5vw,70px);align-items:center}.tale-copy{border:1px solid rgba(210,168,95,.50);background:rgba(2,8,14,.80);padding:clamp(28px,4vw,54px);box-shadow:0 24px 55px rgba(0,0,0,.45)}.eyebrow{font-family:"Cinzel",serif;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.23em;font-weight:900}.tale-copy h2,.placeholder-world h2,.about h2{margin:.2rem 0 1rem;font-family:"Cinzel",serif;text-transform:uppercase;font-size:clamp(2.3rem,5vw,4.7rem);line-height:.98}.tale-copy h2 em{font-style:normal;font-size:.52em;color:#ffe5a7}.tale-copy p,.text{font-size:1.18rem;line-height:1.7;color:#efe7d7}.quote{font-size:1.4rem!important;color:var(--gold-bright)!important}.small-link{font-family:"Cinzel",serif;color:#7fe8ff;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.cover-frame{margin:0;padding:9px;border:1px solid rgba(210,168,95,.55);background:#02060b;box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 30px rgba(88,223,255,.12)}.cover-frame img{width:min(430px,100%);margin:auto}.center{text-align:center}.world-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.world-cards article{border:1px solid rgba(210,168,95,.42);background:rgba(2,8,14,.70);padding:24px}.world-cards h3{margin-top:0;font-family:"Cinzel",serif;color:#ffe5a7}.site-footer{padding:46px 18px;text-align:center;background:#02060b;border-top:1px solid rgba(210,168,95,.22)}.site-footer img{width:90px;margin:0 auto 12px}.site-footer p{margin:.2rem 0;color:#ffe5a7;font-size:1.2rem}.site-footer small{color:#aeb8c1}@media(max-width:920px){.topbar{min-height:78px;padding:8px 14px}.brand img{width:58px;height:58px}.brand span{font-size:.74rem}.nav-toggle{display:block;background:rgba(0,0,0,.62);color:#fff;border:1px solid rgba(210,168,95,.5);padding:8px 11px;font-size:1.1rem}.main-nav{display:none;position:absolute;right:14px;top:76px;flex-direction:column;align-items:flex-start;background:rgba(0,0,0,.92);border:1px solid rgba(210,168,95,.5);padding:18px;min-width:220px}.main-nav.open{display:flex}.hero{background-position:36% center}.series{font-size:.82rem;letter-spacing:.18em}.title-main{font-size:clamp(3.2rem,18vw,6rem)}.title-sub{font-size:clamp(1.15rem,7vw,2.25rem);letter-spacing:.14em}.hero-copy{font-size:1rem}.relic-button{min-width:235px;font-size:.82rem}.tale-grid,.world-cards{grid-template-columns:1fr}}