@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--ink:#081c18;--panel:#112e25;--paper:#f3f4e7;--acid:#b7e786;--muted:#b2c3ae;--line:#335344;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:2rem}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:6px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.05}::selection{background:var(--acid);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;background:var(--acid);color:var(--ink);padding:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:2rem}.brand{display:flex;align-items:center;gap:13px;font-size:.875rem;line-height:1.15;font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--acid);color:var(--acid);font-size:.95rem;font-weight:500}.masthead nav{display:flex;gap:34px;font-size:.875rem}.masthead nav a,.header-link{transition:color .2s}.masthead nav a:hover,.header-link:hover{color:var(--acid)}.masthead nav span{vertical-align:super;color:var(--muted);font-size:.75rem;margin-left:4px}.header-link{font-size:.875rem;border-bottom:1px solid #73796b;padding:9px 0}.header-link span{padding-left:24px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding-top:55px;padding-bottom:55px;align-items:center;min-height:750px}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:600;display:flex;align-items:center;gap:13px}.short-line{width:31px;height:1px;background:var(--acid)}.hero .eyebrow{color:var(--acid);margin-bottom:24px}.hero h1{font-family:var(--display);font-size:clamp(6rem,9.6vw,9.4rem);line-height:.84;letter-spacing:-.018em;font-weight:700}.hero h1 span{color:var(--acid)}.hero-description{font-size:1.0625rem;line-height:1.7;color:#c0c5b8;margin-top:30px}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;font-size:.9375rem;font-weight:600;padding:15px 23px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--acid);color:var(--ink);margin-top:28px}.primary:hover{background:#dfffa2}.hero-visual{padding-left:16px;position:relative}.visual-label{display:flex;justify-content:center;gap:12px;color:#bdc3b5;font-size:.75rem;letter-spacing:.09em}.visual-label span{color:#67705d}.cover-arrangement{display:grid;grid-template-columns:1fr 1fr;gap:17px 23px;max-width:365px;margin:28px auto 31px;padding:0 12px;align-items:center}.hero-cover{display:block;box-shadow:0 12px 28px #0005;transition:transform .25s;position:relative}.hero-cover img{width:100%}.cover-one{transform:rotate(-9deg) translate(-9px,10px)}.cover-two{transform:rotate(8deg) translate(5px,0)}.cover-three{transform:rotate(-6deg) translate(-2px,6px)}.cover-four{transform:rotate(9deg) translate(10px,-2px)}.hero-cover:hover{transform:rotate(0) translateY(-7px);z-index:2}.visual-caption{text-align:center;font-size:.75rem;letter-spacing:.09em;color:var(--muted);margin-top:8px}.series-strip{border-block:1px solid var(--line);background:#20231d}.series-strip>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:72px}.series-strip p{font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.series-strip span{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.series-strip i{padding-inline:18px;color:#747d69;font-style:normal}.collection{background:var(--paper);color:var(--ink);padding:90px 0 86px;color-scheme:light}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px;color:#5a6352}.section-heading h2,.about h2{font-family:var(--display);font-size:clamp(2.8rem,4.4vw,4.7rem);font-weight:600;letter-spacing:-.015em}.section-heading>p{color:#606659;font-size:.9375rem;padding-bottom:5px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.book-card{display:flex;flex-direction:column;min-width:0}.book-image{display:flex;align-items:center;justify-content:center;padding:30px 32px;aspect-ratio:3/4;overflow:hidden;border:1px solid #17191608}.book-image img{width:100%;box-shadow:5px 9px 15px #0003;transition:transform .25s}.book-image:hover img{transform:translateY(-5px) rotate(-2deg)}.red{background:#e7dcd3}.green{background:#dce2d7}.blue{background:#dde2e4}.violet{background:#e0dde4}.book-meta{display:flex;align-items:center;gap:13px;border-top:1px solid #b8bcae;margin-top:23px;padding-top:13px;font-size:.875rem;font-weight:600}.book-meta span{font-size:.75rem;letter-spacing:.08em;font-weight:500;color:#5b6353}.book-card h3{font-family:var(--display);font-size:2rem;font-weight:600;margin:13px 0 14px}.book-card>p:not(.book-meta){color:#535b4c;line-height:1.65;font-size:1rem;margin-bottom:22px}.text-link{display:inline-flex;justify-content:space-between;gap:22px;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:.875rem;font-weight:600;align-items:center;transition:color .2s}.book-card .text-link{margin-top:auto;align-self:stretch}.collection a:focus-visible{outline-color:#445e0e}.text-link:hover{color:#657b39}.about{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about .eyebrow{color:var(--muted);margin-bottom:28px}.about h2 span{color:var(--acid)}.about-copy>p{margin-bottom:20px;color:#bcc2b2}.about-copy .large-copy{font-family:Georgia,serif;font-size:1.5rem;line-height:1.45;color:var(--paper)}.about-copy .genre-note{font-size:.875rem;border-top:1px solid var(--line);padding-top:22px;margin-top:29px;color:#a5ae9a}.quote-section{background:var(--acid);color:var(--ink);padding:66px 0}.quote-section .wrap{max-width:1020px}.quote-section .eyebrow{color:#46522c}.quote-section blockquote{font-family:Georgia,serif;font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.25;letter-spacing:-.025em;margin:25px 0 32px;max-width:850px}.quote-section .text-link{min-width:210px}.quote-section a:focus-visible{outline-color:var(--ink)}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-block:40px}.footer .brand{font-size:.875rem}.footer p{color:#a6af9b;font-size:.875rem;flex:1}.footer>a:last-of-type{font-size:.875rem}.footer small{width:100%;border-top:1px solid var(--line);padding-top:22px;color:#8f9983;font-size:.75rem}
@media(min-width:1500px){.cover-arrangement{max-width:395px}.hero{min-height:795px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:8px;min-height:690px}.hero h1{font-size:clamp(5.8rem,10.5vw,8rem)}.hero-visual{padding-left:8px}.cover-arrangement{max-width:315px;gap:13px 18px}.visual-label,.visual-caption{font-size:.75rem;letter-spacing:.02em}.book-grid{gap:20px}.book-image{padding:24px}.book-card h3{font-size:1.7rem}.about{gap:50px}.section-heading>p{max-width:250px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{min-height:90px;gap:15px}.masthead nav{gap:16px}.masthead nav a{font-size:.875rem}.masthead nav a:last-child{display:none}.header-link{font-size:.875rem}.header-link span{padding-left:8px}.brand-mark{width:34px;height:34px}.brand{font-size:.75rem;gap:9px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px;gap:36px;min-height:0}.hero h1{font-size:clamp(6rem,20vw,10rem)}.hero .eyebrow{margin-bottom:24px}.hero-description{margin-top:26px}.hero-visual{padding:28px 0 0;border-top:1px solid var(--line)}.cover-arrangement{max-width:350px;gap:17px 23px;margin-block:28px 35px}.visual-label{letter-spacing:.08em}.visual-caption{font-size:.75rem}.series-strip>.wrap{align-items:flex-start;flex-direction:column;gap:6px;padding-block:20px}.series-strip p{font-size:1.125rem}.series-strip span{font-size:.75rem}.collection{padding:56px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:3.3rem}.section-heading>p{max-width:none;margin-top:20px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 18px}.book-image{padding:22px 20px}.book-card h3{font-size:1.75rem}.book-card>p:not(.book-meta){font-size:1rem}.book-meta{gap:7px}.book-meta span{font-size:.75rem;letter-spacing:.02em}.about{padding-block:60px;grid-template-columns:1fr;gap:30px}.about h2{font-size:3.5rem}.about-copy .large-copy{font-size:1.4rem}.quote-section{padding:47px 0}.quote-section blockquote{font-size:2rem}.footer{gap:18px;padding-block:30px}.footer p{flex-basis:100%;order:2}.footer>a:last-of-type{margin-left:auto}.footer small{order:3}.footer .brand{font-size:.75rem}}
@media(max-width:390px){.masthead nav{display:none}.book-grid{grid-template-columns:1fr;gap:38px}.book-image{padding:32px 60px;aspect-ratio:1}.book-card h3{font-size:2rem}.hero h1{font-size:19.5vw}.section-heading h2{font-size:2.7rem}.about h2{font-size:3rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.brand-elements{display:flex;gap:4px}.brand-elements>span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:38px;height:47px;background:#aee096;color:#0b2b1e;font-size:24px;line-height:1;font-family:var(--display);font-weight:600}.brand-elements>span:last-child{background:transparent;border:1px solid #7ba888;color:#c3e3bc}.brand-elements small{font-family:var(--body);font-size:12px;align-self:flex-start;margin-left:4px;line-height:1}.hero h1.periodic-wordmark{font-size:clamp(4.8rem,7.8vw,7.4rem);line-height:1}.hero h1 .wordmark-the{font-size:.27em;letter-spacing:.26em;display:block;color:var(--paper);margin-bottom:14px}.wordmark-row{display:flex;align-items:center;gap:.04em;margin-bottom:.12em;white-space:nowrap}.hero h1 .word-ending{color:var(--paper)}.hero h1 .title-element{position:relative;flex:0 0 1.02em;width:1.02em;min-height:1.25em;border:2px solid #aee096;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.22em .08em .1em;background:#81ad7066;color:#e9fbdc;box-shadow:inset 0 0 24px #abd18b22}.title-element .symbol{font-size:.82em!important;line-height:.82;color:#e9fbdc}.title-element .atomic-number{position:absolute;top:6px;left:7px;font-family:var(--body);font-size:12px;color:#e9fbdc}.title-element .element-name{font-family:var(--body);font-size:12px;letter-spacing:.01em;margin-top:8px;color:#e9fbdc}.title-element .atomic-mass{font-family:var(--body);font-size:12px;margin-top:3px;color:#cce3bd}.hero h1 .iodine{border-color:#d0b176;background:#66573777}.hero h1 .iodine .symbol,.hero h1 .iodine .element-name,.hero h1 .iodine .atomic-number,.hero h1 .iodine .atomic-mass{color:#f1deb4}@media(max-width:760px){.hero h1.periodic-wordmark{font-size:clamp(3rem,13.5vw,6rem)}.title-element .element-name,.title-element .atomic-mass,.title-element .atomic-number{font-size:12px}.hero h1 .title-element{min-height:1.58em;flex-basis:1.16em;width:1.16em;padding-top:.32em}.title-element .element-name{margin-top:6px}.title-element .atomic-mass{display:none}.brand-elements>span{width:28px;height:37px;font-size:20px}.brand-elements small{font-size:12px}}
.series-byline{font-size:.9375rem;color:#bdcba9;margin-top:13px}.series-byline a{color:#e4edd1;border-bottom:1px solid #8ea177;padding-bottom:2px}.reading-meta a{color:#435d30;text-decoration:underline;text-underline-offset:3px}.about-copy .author-introduction{font-size:1rem;margin-top:24px}.about-copy .author-introduction a{color:#d1e2af;text-decoration:underline;text-underline-offset:4px}