@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--navy:#002855;--deep:#001B3B;--soft:#E8F0F8;--paper:#FAF9F6;--ink:#343C48;--white:#fff;--bg:#fff;--surface:#FAF9F6;--surface2:#E8F0F8;--text:#343C48;--heading:#002855;--border:#dae4ec;--muted:#657488;--shadow:0 18px 55px #001b3b12;scroll-behavior:smooth}
html[data-theme=dark]{--bg:#001B3B;--surface:#092b50;--surface2:#12385d;--text:#e0eaf5;--heading:#f9fbff;--border:#31506e;--muted:#abc0d5;--shadow:0 20px 55px #0005}
*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body,header,section,footer,button{transition:background-color .35s,color .35s,border-color .35s}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--heading);line-height:1.15}h1 em,h2 em,h3 em,.book-title em{font-weight:400}em{font-family:'DM Serif Display',Georgia,serif}::selection{background:#99bedc;color:#001b3b}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #4289c7;outline-offset:4px}
.site-header{height:99px;position:sticky;top:0;background:#fff;z-index:80;border-bottom:1px solid #eaf0f4}.header-inner{height:100%;max-width:1660px;padding:0 clamp(20px,5vw,90px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand,.footer-brand{display:flex;align-items:center;min-width:180px}.brand img{width:clamp(170px,15vw,245px);height:83px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,34px)}.nav>a{color:#002855;font-size:12px;letter-spacing:.06em;font-weight:700;position:relative;white-space:nowrap}.nav>a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:#002855;transition:width .3s}.nav>a:hover:after{width:100%}.theme-toggle{background:none;border:1px solid #d3e0eb;color:#002855;border-radius:24px;padding:6px 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;white-space:nowrap}.theme-symbol{font-size:16px}.menu-toggle{display:none}
.section{padding:clamp(75px,9vw,140px) clamp(22px,6vw,110px)}.section>*{max-width:1400px;margin-left:auto;margin-right:auto}.eyebrow,.small-label{font-size:10px;font-weight:700;letter-spacing:.2em;color:#527596}.eyebrow{margin-bottom:25px}.section-heading{margin-bottom:65px}.section-heading h2{font-size:clamp(39px,5vw,69px);margin-bottom:16px}.section-heading p:not(.eyebrow){color:var(--muted);max-width:560px}.section-heading.center{text-align:center}.section-heading.center>p{margin-left:auto;margin-right:auto}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-heading.split>p{max-width:330px}.button{min-height:52px;padding:14px 25px;display:inline-flex;justify-content:center;align-items:center;gap:34px;border-radius:3px;font-weight:700;font-size:12px;letter-spacing:.04em;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00285529}.button.primary{background:#002855;color:#fff}.button.light{background:white;color:#002855}.text-link{font-size:12px;font-weight:700;color:var(--heading);border-bottom:1px solid var(--heading);padding:12px 0;display:inline-flex;gap:35px}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--bg) 52%,var(--surface2));min-height:min(790px,calc(100svh - 99px));display:flex;flex-direction:column;justify-content:space-between}.hero-inner{width:100%;max-width:1660px;display:grid;grid-template-columns:1.14fr .86fr;gap:30px;align-items:center;margin:auto;padding:60px clamp(24px,7vw,115px) 30px}.hero-copy{z-index:3}.hero h1{font-size:clamp(46px,5.5vw,84px);line-height:1.13;letter-spacing:-.035em;margin-bottom:24px;max-width:850px}.period{color:#7fa8c8}.hero-description{font-size:clamp(15px,1.3vw,18px);max-width:465px;color:var(--muted);margin:0 0 35px;line-height:1.9}.eyebrow-line{display:inline-block;width:26px;height:1px;background:#86a7c2;vertical-align:middle;margin-right:9px}.eyebrow-dot{margin:0 6px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.signature{font-family:'DM Serif Display',Georgia,serif;font-style:italic;color:var(--muted);margin-top:65px;font-size:15px}.hero-bottom{display:flex;justify-content:space-between;padding:18px clamp(24px,7vw,115px);color:var(--muted);font-size:9px;letter-spacing:.17em}.hero-ring{position:absolute;border:1px solid #85afd128;border-radius:50%;pointer-events:none}.ring-one{width:350px;height:350px;top:-250px;left:34%}.ring-two{width:620px;height:620px;right:-340px;bottom:-330px}.hero-art{position:relative;height:480px;max-width:510px;width:100%;margin:auto;perspective:1000px}.orbit{position:absolute;border:1px solid #8caed040;border-radius:50%;inset:10% 5%;transform:rotate(-25deg)}.orbit-b{inset:20% -7%;transform:rotate(25deg);opacity:.45}.paper-stack{position:absolute;width:60%;height:76%;left:22%;top:10%;border-radius:2px;box-shadow:var(--shadow)}.paper-back{background:#dce9f3;transform:rotate(9deg) translate(26px,-13px)}.paper-front{background:#fcfdfc;transform:rotate(-8deg);padding:46px 38px;color:#002855;animation:paperFloat 8s ease-in-out infinite}.paper-date{font-size:9px;letter-spacing:.18em;border-bottom:1px solid #d8e4ef;padding-bottom:15px}.paper-words{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(23px,2.9vw,37px);line-height:1.28;margin-top:38px}.pen-line{height:1px;background:#8da9c0;width:60%;margin-top:29px}.paper-mark{position:absolute;bottom:24px;right:35px;font-size:45px;color:#a9c4d7;transform:rotate(-22deg)}.butterfly{position:absolute;color:#5887ac;z-index:2;animation:fly 7s ease-in-out infinite}.butterfly-one{font-size:42px;right:4%;top:11%}.butterfly-two{font-size:20px;left:6%;bottom:16%;animation-delay:-3s}.hero-ink{position:absolute;bottom:0;right:0;font:italic 65px 'DM Serif Display',Georgia,serif;color:#769abd24;transform:rotate(-9deg)}@keyframes paperFloat{50%{transform:rotate(-6deg) translateY(-9px)}}@keyframes fly{50%{transform:translate(12px,-17px) rotate(12deg)}}
.featured-section{background:var(--bg)}.featured-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(55px,8vw,130px);max-width:1110px}.feature-cover-wrap{min-height:565px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.feature-halo{position:absolute;inset:10% -5%;border-radius:50%;background:radial-gradient(ellipse,#e8f0f8,transparent 70%);opacity:.7}.book-3d{position:relative;width:285px;height:420px;background:linear-gradient(120deg,#00132d,#003766 63%,#001a3a);color:white;box-shadow:17px 17px 0 #becbd7,23px 28px 33px #001b3b45;transform:perspective(1100px) rotateY(-13deg) rotateZ(-2deg);transition:transform .5s;display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px 20px;overflow:hidden;border-radius:2px 7px 7px 2px}.book-3d:hover{transform:perspective(1100px) rotateY(-3deg) rotateZ(0deg) translateY(-8px)}.book-3d:before{content:'';position:absolute;inset:0 auto 0 0;width:14px;background:linear-gradient(90deg,#000d24,#ffffff24,#00132e)}.book-topline{font:8px 'DM Sans',sans-serif;letter-spacing:.28em;color:#b7d0e8}.book-art{height:180px;width:100%;position:relative;overflow:hidden;margin:16px 0;background:radial-gradient(circle at 53% 20%,#648bba 0,#173f71 45%,#00132d 90%)}.moon{position:absolute;width:48px;height:48px;background:#d6e4ef;border-radius:50%;top:21px;left:50%;box-shadow:0 0 35px #e4edf48a}.horizon{position:absolute;bottom:0;width:100%;height:57px;background:linear-gradient(#06162d,#142f4c);clip-path:polygon(0 38%,16% 30%,32% 55%,51% 17%,68% 39%,83% 22%,100% 45%,100% 100%,0 100%)}.figure{position:absolute;width:13px;height:46px;background:#030d20;border-radius:9px 9px 1px 1px;left:46%;bottom:2px}.figure:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#030d20;top:-11px;left:-1px}.reflection{position:absolute;height:30px;width:8px;background:#7695bf55;left:50%;top:85px}.book-title{font:30px/1.07 'DM Serif Display',Georgia,serif;letter-spacing:-.02em}.book-title em{color:#c5ddf0}.book-rule{height:1px;width:35px;background:#92aec8;margin:14px}.book-subtitle{font:9px/1.6 'DM Sans',sans-serif;max-width:180px;color:#cbd9e6}.caption{font-size:9px;color:var(--muted);letter-spacing:.17em;margin-top:49px}.caption span{padding:0 9px}.feature-text .small-label{display:block;margin-bottom:24px}.feature-text h3{font-size:clamp(44px,5vw,70px);margin-bottom:22px}.feature-rule{width:56px;height:1px;background:#8faac3;margin-bottom:27px}.feature-quote{font:italic clamp(20px,2vw,27px)/1.5 'DM Serif Display',Georgia,serif;color:var(--heading)}.feature-text>p:not(.feature-quote){color:var(--muted);max-width:490px}.feature-tags{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.feature-tags span{font-size:10px;padding:5px 11px;border:1px solid var(--border);color:var(--muted);border-radius:20px}
.interlude{padding:80px 24px;background:#002855;color:#fff;text-align:center}.interlude-inner{max-width:950px;margin:auto}.flourish{font-size:33px;color:#a8cce8}.interlude p{font:italic clamp(26px,3.4vw,49px)/1.45 'DM Serif Display',Georgia,serif;margin:23px 0;color:#fff}.interlude-credit{font-size:10px;letter-spacing:.2em;color:#a8c4dd}
.library-section{background:var(--surface)}.shelf-room{background:linear-gradient(135deg,#f5f9fc,#e9f1f8);border:1px solid #d6e5f0;min-height:335px;padding:33px clamp(15px,4vw,50px) 18px;overflow:hidden;border-radius:3px}.shelf-label,.library-list-head{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.16em;color:#527596;font-weight:700}.bookshelf{display:flex;gap:14px;align-items:flex-end;min-height:190px;padding:25px 12px 0;overflow-x:auto;scrollbar-width:thin}.shelf-book{display:flex;position:relative;flex:0 0 62px;width:62px;height:166px;background:linear-gradient(90deg,#001327,#004178 12%,#002855 88%,#00162e);border-radius:2px 4px 1px 1px;box-shadow:4px 1px 5px #001b3b36,inset -4px 0 #0009;align-items:center;justify-content:space-between;flex-direction:column;padding:11px 8px;color:white;transition:transform .35s,box-shadow .35s}.shelf-book:hover,.shelf-book:focus-visible{transform:translateY(-16px) rotate(-3deg);box-shadow:8px 12px 12px #001b3b45}.shelf-book:nth-child(5n+2){background:linear-gradient(90deg,#283d58,#54769c 15%,#284665)}.shelf-book:nth-child(5n+3){background:linear-gradient(90deg,#30495b,#6988a2 15%,#30495b)}.shelf-book:nth-child(5n+4){background:linear-gradient(90deg,#132238,#425c7d 15%,#132238)}.spine-title{font:12px/1.25 'DM Serif Display',Georgia,serif;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;max-height:122px;text-align:center}.spine-symbol{font-size:14px}.shelf-wood{height:14px;background:linear-gradient(#8da9bd,#5d7993);box-shadow:0 8px 8px #001b3b3b;margin:0 -6px}.shelf-hint{text-align:center;color:#527596;font-size:11px;margin:18px 0 0}.library-list-head{margin-top:70px;border-bottom:1px solid var(--border);padding-bottom:17px}.library-list-head h3{font-size:27px;margin:0}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;margin-top:26px}.library-card{display:flex;gap:20px;align-items:flex-start;padding:22px;background:var(--bg);border:1px solid var(--border);transition:transform .3s,box-shadow .3s}.library-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.library-mini-cover{flex:0 0 92px;min-height:136px;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;font:17px/1.1 'DM Serif Display',Georgia,serif;color:#fff;background:linear-gradient(145deg,#002855,#00132b);box-shadow:5px 6px 0 #b8cbdc}.library-card .small-label{font-size:9px}.library-card h4{font-size:23px;margin:8px 0}.library-card p:not(.small-label){font-size:12px;color:var(--muted);line-height:1.6}.library-card a{font-size:11px;color:var(--heading);font-weight:700;border-bottom:1px solid var(--heading)}
.echoes-section{background:var(--bg)}.echoes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.echo-card{min-height:320px;padding:30px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.echo-top,.echo-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.13em}.echo-card blockquote{font:italic clamp(21px,2vw,28px)/1.5 'DM Serif Display',Georgia,serif;color:var(--heading);margin:36px 0}.echo-bottom{border-top:1px solid var(--border);padding-top:18px}.echo-bottom button{background:none;border:0;color:var(--heading);font-size:11px;font-weight:700}.echoes-note{text-align:center;margin:36px auto 0;font:italic 16px 'DM Serif Display',Georgia,serif;color:var(--muted)}
.about-section{background:var(--surface)}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,8vw,130px)}.about-art{min-height:430px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e0ebf5,transparent 66%)}.about-paper{height:315px;width:260px;background:#fff;box-shadow:13px 13px 0 #d7e4ef,20px 26px 30px #001b3b20;transform:rotate(-8deg);padding:34px;color:#527596;position:relative}.about-paper>span:first-child{font-size:9px;letter-spacing:.16em}.about-line{height:1px;background:#b0cbdf;width:100%;margin-top:36px}.about-line.line-short{width:43%;margin-top:42px}.about-line.line-mid{width:68%}.about-quill{font:90px Georgia,serif;position:absolute;right:18px;bottom:-30px;color:#487caa;transform:rotate(-25deg)}.about-copy h2{font-size:clamp(43px,4.8vw,67px);margin-bottom:30px}.about-copy p:not(.eyebrow){max-width:570px;color:var(--muted)}.about-signoff{font:italic 22px 'DM Serif Display',Georgia,serif!important;color:var(--heading)!important;margin-top:25px}.closing{background:#002855;color:#fff;text-align:center;padding:100px 20px}.closing-mark{font-size:30px;color:#9bc0de}.closing h2{color:#fff;font-size:clamp(34px,5vw,65px);margin:20px auto 40px}.footer{background:var(--bg);padding:45px clamp(22px,6vw,110px) 18px}.footer-top,.footer-bottom{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:200px;height:80px;object-fit:contain;object-position:left center}.footer-top>p{font:italic 16px 'DM Serif Display',Georgia,serif;color:var(--muted)}.footer-top nav{display:flex;gap:23px;flex-wrap:wrap}.footer-top nav a{font-size:11px;font-weight:700;color:var(--heading)}.footer-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:22px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.footer-bottom a{color:var(--heading)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#002855;color:#fff;padding:10px 20px;z-index:99;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:translate(-50%,0)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}[data-reveal].visible{opacity:1;transform:translateY(0)}html[data-theme=dark] .hero{background:linear-gradient(115deg,#001B3B 50%,#0b3056)}html[data-theme=dark] .hero-art .paper-back{background:#35617f}html[data-theme=dark] .shelf-room{background:linear-gradient(135deg,#183b59,#082747);border-color:#375a7b}html[data-theme=dark] .shelf-label,html[data-theme=dark] .shelf-hint{color:#c6d7e8}html[data-theme=dark] .feature-halo{opacity:.07}html[data-theme=dark] .about-art{background:radial-gradient(ellipse,#33608024,transparent 66%)}html[data-theme=dark] .feature-cover-wrap .caption{color:#afc5d7}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 0.75fr}.hero-art{height:380px}.paper-stack{width:72%;left:13%;height:78%}.paper-front{padding:30px 25px}.paper-words{margin-top:26px}.nav{gap:16px}.nav>a{font-size:11px}.feature-cover-wrap{min-height:480px}.echoes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:78px}.header-inner{padding:0 20px}.brand img{height:68px;width:185px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #dde7ef;border-radius:4px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:19px;background:#002855}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;box-shadow:0 16px 25px #001b3b18;padding:22px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a{padding:12px 4px;border-bottom:1px solid #e7edf4;font-size:12px}.nav>a:after{display:none}.theme-toggle{align-self:flex-start;margin-top:18px}.hero{min-height:auto}.hero-inner{display:flex;flex-direction:column;gap:10px;padding:75px 24px 25px}.hero-copy{width:100%}.hero h1{font-size:clamp(42px,10vw,68px)}.hero-art{width:min(100%,420px);height:370px}.paper-stack{width:57%;height:80%;left:24%}.hero-bottom{padding:20px 24px;font-size:8px}.hero-bottom span:first-child{max-width:145px}.signature{margin-top:35px}.section{padding:75px 22px}.section-heading{margin-bottom:38px}.section-heading.split{flex-direction:column;align-items:start;gap:12px}.section-heading h2{font-size:46px}.featured-layout,.about-inner{grid-template-columns:1fr;gap:15px}.feature-cover-wrap{min-height:490px}.feature-text{padding-top:20px}.about-inner{gap:28px}.echoes-grid{grid-template-columns:1fr}.echo-card{min-height:265px}.footer-top{flex-direction:column;align-items:flex-start}.footer-bottom{align-items:start;gap:15px}.footer-top nav{gap:16px}.book-grid{grid-template-columns:1fr}.closing{padding:75px 20px}.interlude{padding:65px 20px}}
@media(max-width:380px){.hero h1{font-size:41px}.hero-actions{gap:15px}.hero-art{height:310px}.paper-front{padding:23px}.paper-words{font-size:23px}.paper-date{font-size:7px}.book-3d{width:250px;height:390px}.feature-cover-wrap{min-height:450px}.section-heading h2{font-size:39px}.shelf-room{padding:22px 12px 18px}.library-card{padding:16px;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}