:root{color-scheme:light;--ink:#09263d;--ink-soft:#496779;--paper:#eaf2f5;--white:#fff;--sky:#79c8eb;--rule:#c7d6de}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit}.site-shell{grid-template-columns:13rem minmax(0,1fr);display:grid}.hero{color:#fff;background:var(--ink);grid-column:2;align-items:center;min-height:clamp(29rem,65vh,40rem);display:grid;position:relative;overflow:hidden}.hero>img{object-fit:cover;filter:grayscale(.12)contrast(1.05);opacity:.44;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#082138f2 0%,#082138b8 56%,#0821381f 100%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:55rem;padding:clamp(1.75rem,3.5vw,3.5rem);position:relative}.kicker{color:#4582a1;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.hero .kicker{color:#a0dcf5}h1,h2{letter-spacing:-.04em;margin:0}h1{max-width:17ch;margin:.55rem 0 .7rem;font-size:clamp(1.9rem,2.85vw,3.15rem);line-height:1.04}h2{font-size:clamp(1.55rem,2.2vw,2.45rem);line-height:1.08}.lead{color:#d7e5ed;max-width:42rem;margin:.5rem 0;font-family:Georgia,serif;font-size:clamp(.94rem,1vw,1.08rem);line-height:1.45}.button{color:var(--ink);background:var(--sky);gap:2rem;margin-top:.35rem;padding:.62rem .9rem;font-size:.78rem;text-decoration:none;display:inline-flex}.coordinates{z-index:3;aspect-ratio:1;border:1px solid #9ed8f399;border-radius:50%;width:min(25vw,19rem);position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.coordinates:before,.coordinates:after{content:"";background:#9ed8f37a;height:1px;position:absolute;inset:50% -18%;transform:rotate(38deg)}.coordinates:after{transform:rotate(-38deg)}.coordinates span{color:#d9f0fa;font-size:.65rem;position:absolute}.coordinates span:first-child{top:46%;left:45%}.coordinates span:nth-child(2){top:50%;left:2%}.coordinates span:nth-child(3){top:50%;right:2%}.coordinates span:nth-child(4){bottom:2%;left:40%}.paper-index{background:var(--white);grid-column:2;grid-template-columns:1.15fr 1fr 1fr;display:grid}.paper-intro,.paper-index>a{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.4rem}.paper-intro{grid-row:span 2}.paper-intro h2{margin:.45rem 0}.paper-intro>p:last-child{color:var(--ink-soft);font-size:.8rem}.paper-index>a{align-content:space-between;min-height:9rem;text-decoration:none;transition:background .2s;display:grid}.paper-index>a:hover{background:#dcecf3}.paper-index>a span{color:#4582a1;font-size:.72rem}.paper-index>a strong{font-size:.95rem}.paper-index>a small{color:var(--ink-soft);font-size:.72rem}.books{background:#eef4f5;grid-column:2;grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,6vw,6rem);display:grid}.section-copy h2{margin:.5rem 0 1rem}.section-copy>p:not(.kicker){color:var(--ink-soft);line-height:1.65}.section-copy a,.about a{text-underline-offset:.3rem}.book-grid{justify-content:center;align-items:end;gap:clamp(1rem,3vw,2.5rem);display:flex}.book-grid figure{width:min(28%,10rem);margin:0}.book-grid a{text-decoration:none}.book-grid img{width:100%;box-shadow:0 14px 30px #09263d33}.book-grid figcaption{color:var(--ink-soft);margin-top:.7rem;font-size:.7rem}.about{color:#dbeaf1;background:#12334c;grid-column:2;grid-template-columns:.35fr 1.25fr .75fr;align-items:start;gap:clamp(1.5rem,5vw,5rem);padding:clamp(3rem,6vw,6rem);display:grid}.about .kicker{color:var(--sky)}.about blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.6rem);line-height:1.2}.about>p:not(.kicker){color:#abc0cc;margin:0;line-height:1.65}.about a{color:var(--sky)}@media (width<=800px){.site-shell{display:block}.hero{min-height:31rem}.coordinates{display:none}.paper-index{grid-template-columns:1fr 1fr}.paper-intro{grid-area:auto/1/auto/-1}.books,.about{grid-template-columns:1fr}}@media (width<=520px){.hero-copy{padding:3rem 1.25rem}.paper-index{grid-template-columns:1fr}.paper-intro{grid-column:auto}.paper-index>a{min-height:7.5rem}.books,.about{padding:3.5rem 1.25rem}.book-grid{gap:.75rem}.book-grid figure{width:31%}}