@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500&display=swap');
:root{--ink:#172a35;--forest:#26463e;--moon:#ccd9e4;--gold:#bd9e6b;--ivory:#f7f1e7;--paper:#fffaf1;--muted:#6b7778;--border:#d4c8b3;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b98c3b;outline-offset:3px}img{max-width:100%;display:block}.serif{font-family:'Cormorant Garamond',Georgia,serif}.cinzel{font-family:'Cinzel Decorative',Georgia,serif}.ornament{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:1.45rem;letter-spacing:.32em}
.site-header{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(180deg,rgba(10,23,34,.82),rgba(10,23,34,0));color:#fff}.header-inner{max-width:1250px;margin:auto;min-height:93px;padding:1rem 5%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;display:block;font:500 clamp(1.5rem,3vw,2.05rem)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.075em;white-space:nowrap}.nav{display:flex;gap:1.65rem;align-items:center}.nav a{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600}.nav a:hover{color:#e7cfa0}.nav .nav-pill{border:1px solid rgba(236,221,194,.72);border-radius:40px;padding:.7rem 1.1rem}
.hero{position:relative;min-height:min(850px,95svh);min-height:max(690px,90svh);display:flex;align-items:end;color:#fff;background:#152637 url('/assets/hale-training-grounds.webp') center 43%/cover no-repeat;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,32,.15) 13%,rgba(9,20,32,.22) 43%,rgba(9,20,32,.94) 100%)}.hero-content{position:relative;width:min(1160px,90%);margin:0 auto;padding:210px 0 105px}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.28em;font-weight:700;color:#d7bd8b}.hero h1{font:500 clamp(3.7rem,8vw,7.9rem)/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;max-width:900px;margin:1rem 0}.hero h1 em{display:block;color:#e3d3bc;font-weight:400}.hero-desc{font-size:clamp(.95rem,1.8vw,1.1rem);max-width:575px;color:#e6e3df;line-height:1.8}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;text-align:center;border:1px solid var(--gold);background:var(--gold);color:#152d2b;min-height:52px;padding:.95rem 1.6rem;letter-spacing:.13em;text-transform:uppercase;font-size:.71rem;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#dbc498}.btn-outline{background:transparent;color:#f4e8d8;border-color:#d9c8a9}.btn-outline:hover{color:#192d2d}.section{padding:clamp(65px,9vw,130px) 6%}.inner{max-width:1170px;margin:auto}.section-heading{font:500 clamp(2.8rem,5vw,5.15rem)/.98 'Cormorant Garamond',serif;margin:.5rem 0 1.1rem}.lead{max-width:660px;font-size:1.05rem;color:#53625f}.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.quote{border-left:2px solid var(--gold);padding-left:1.8rem;font:italic 500 clamp(1.75rem,3.25vw,2.8rem)/1.2 'Cormorant Garamond',serif;margin:2rem 0}.scene-card{background:linear-gradient(155deg,#2b4b45,#142b39);color:#f5eee4;min-height:485px;padding:clamp(2rem,6vw,4rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:20px 20px 0 #dfd3be}.scene-card:before{content:'☾';font-size:18rem;line-height:1;position:absolute;right:-1rem;top:-1rem;color:rgba(215,204,171,.085)}.scene-card>*{position:relative}.scene-card .cinzel{font-size:clamp(2rem,4vw,3.5rem);line-height:1.3;margin:1rem 0}.scene-card .eyebrow{color:#e2c99c}.scene-card p{max-width:355px;color:#d4dad7}.divider-motif{text-align:center;font-size:1.3rem;color:#bd9e6b;letter-spacing:.65em;margin:2rem auto}.world{background:#e9e8df}.world-panel{position:relative;min-height:380px;background:linear-gradient(90deg,rgba(16,41,44,.93),rgba(16,41,44,.67)),url('/assets/hale-training-grounds.webp') center 51%/cover;padding:clamp(2rem,6vw,5rem);display:flex;align-items:center;color:#fff}.world-panel h2{font:500 clamp(3rem,5vw,5.4rem)/1 'Cormorant Garamond',serif;margin:.75rem 0}.world-panel p{max-width:550px;color:#e1e7df}.newsletter{background:#192f37;color:#f4e9dd;position:relative;overflow:hidden}.newsletter:after{content:'✧';position:absolute;font-size:25rem;color:rgba(212,194,160,.055);right:1%;top:-140px;pointer-events:none}.newsletter .inner{position:relative;z-index:1;max-width:750px;text-align:center}.newsletter .lead{margin:auto;color:#d2d7d2}.newsletter .eyebrow{color:#d2b782}.newsletter-note{font-size:.79rem;color:#c5ccc8;margin-top:1.6rem}.footer{background:#101f29;color:#bac7c5;padding:3.2rem 6%;text-align:center;font-size:.78rem}.footer .brand{color:#efe5d5;margin-bottom:1rem}.footer a{margin:0 .8rem;text-decoration:none}.footer a:hover{text-decoration:underline}
.page-banner{background:radial-gradient(circle at 83% 30%,#425665,#172a36 58%,#102029);padding:175px 6% 75px;color:#f7f1e7;text-align:center}.page-banner h1{font:500 clamp(3.3rem,7vw,6.5rem)/1 'Cormorant Garamond',serif;margin:.7rem 0}.page-banner p{max-width:640px;margin:0 auto;color:#d2d9d7}.reader-shell{padding:3rem 1rem 6rem}.reader-toolbar{max-width:890px;margin:0 auto 1.5rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;align-items:center}.chapter-select{border:1px solid var(--border);padding:.8rem 1rem;background:var(--paper);color:var(--ink);max-width:100%}.reader-tools{display:flex;align-items:center;gap:.45rem}.tool-btn{border:1px solid var(--border);background:var(--paper);color:var(--ink);min-width:38px;min-height:38px;padding:.3rem .65rem}.reader-page{max-width:890px;margin:auto;background:var(--paper);box-shadow:0 20px 70px #20322a16;border:1px solid #e7dccb;padding:clamp(1.35rem,6vw,5.5rem)}.reader-title{text-align:center;border-bottom:1px solid var(--border);padding:0 0 2.7rem;margin-bottom:3rem}.reader-title .eyebrow{color:#8a6b43}.reader-title h2{font:500 clamp(3rem,6vw,5rem)/1.05 'Cormorant Garamond',serif;margin:.4rem 0}.reader-copy{font:400 var(--reader-size,1.12rem)/1.96 'Lora',Georgia,serif;color:#283630}.reader-copy p{margin:0 0 1.35em}.reader-copy p:first-child:first-letter{font:500 4.5rem/.8 'Cormorant Garamond',serif;float:left;padding-right:.3rem;color:#8d764f}.reader-bottom{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.reader-bottom .btn{background:#28463e;color:white;border-color:#28463e}.reader-end{text-align:center;border-top:1px solid var(--border);padding-top:2rem;margin-top:4rem}.reader-end h3{font:500 3.5rem/1 'Cormorant Garamond',serif;margin:1rem 0}.reader-end p{max-width:530px;margin:1rem auto}.reader-dark{background:#12242c}.reader-dark .reader-page{background:#1d3037;border-color:#40545b}.reader-dark .reader-copy,.reader-dark .reader-title h2,.reader-dark .reader-end{color:#eee8dc}.reader-dark .reader-page p{color:#e8e4dc}.reader-dark .reader-title,.reader-dark .reader-bottom,.reader-dark .reader-end{border-color:#516469}.reader-dark .chapter-select,.reader-dark .tool-btn{background:#293b40;border-color:#6c7e81;color:#fff}
.welcome-page{min-height:100svh;background:radial-gradient(circle at 50% 15%,#365565,#172c36 58%,#111f2b);color:#f3eade;display:flex;align-items:center;justify-content:center;padding:120px 1rem 3rem}.welcome-content{width:min(670px,100%);text-align:center;border:1px solid #a99e83;padding:clamp(2rem,6vw,4rem);background:#11212a70}.welcome-content h1{font:500 clamp(3.4rem,8vw,6rem)/.95 'Cormorant Garamond',serif;margin:1rem 0}.welcome-content p{color:#d5d7d3}.welcome-content .btn{margin-top:1.2rem}
@media(max-width:700px){.header-inner{min-height:75px}.brand{font-size:1.5rem}.nav{gap:.7rem}.nav a{font-size:.6rem}.nav .nav-pill{padding:.6rem}.hero{min-height:770px;background-position:55% center}.hero-content{padding-bottom:90px}.hero h1{font-size:4.2rem}.two{grid-template-columns:1fr}.scene-card{min-height:370px;box-shadow:9px 9px 0 #dfd3be}.section{padding:75px 6%}.world-panel{min-height:400px}.page-banner{padding-top:145px}.reader-toolbar{flex-direction:column;align-items:stretch}.reader-tools{justify-content:center}.reader-bottom{justify-content:center}.reader-bottom .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}