.hero{gap:24px;padding-block:55px}.hero-art{margin:0;max-width:570px;mix-blend-mode:multiply}.hero h1{font-size:clamp(43px,4.8vw,70px)}.hero .lead{max-width:470px}.hero-art figcaption{font-size:16px}.craft-note{padding:35px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#eee2cf99,#f8f2e7);align-self:center}.craft-note>span{font:56px 'Playfair Display',serif;color:#966e4e}.craft-note h3{margin:20px 0 15px}.craft-note p{font-size:14px;color:var(--muted);margin:0}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:35px 0}.milestones div{border-top:2px solid #b39673;padding-top:18px}.milestones strong{display:block;font:21px 'Playfair Display',serif;color:var(--wine)}.milestones span{font-size:12px;color:var(--muted);display:block;margin-top:7px}.bell-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0 25px}.bell-cards li{position:relative;border:1px solid var(--line);border-radius:10px;padding:22px;background:#f0e8da55;overflow:hidden}.bell-number{font:italic 16px 'Playfair Display',serif;color:#9a7957}.bell-cards h3{font-size:22px;min-height:52px;margin:15px 0}.bell-cards strong{display:block;font:25px 'Playfair Display',serif}.bell-year{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.weight-bar{margin-top:18px;height:3px;background:#decfb6}.weight-bar:before{content:'';display:block;width:var(--weight);height:3px;background:#967347}.cover-bell{max-width:240px;justify-self:center}.cover-bell img{max-height:280px}.historical-note{font-size:13px;color:var(--muted);border-left:3px solid #b49b79;background:#eee5d566;padding:17px 20px;max-width:760px}.source-reading h4{scroll-margin-top:100px}.source-reading .archive-figure img{max-height:530px}.source-context{font-style:normal}.source-reading p{hyphens:auto}.chapter-nav span{font-size:12px}.chapter-nav a{padding-inline:19px}.bells-intro{grid-template-columns:1.5fr .5fr;align-items:center}.sources{padding-top:35px}
@media(max-width:900px){.bell-cards{grid-template-columns:1fr 1fr}.milestones{grid-template-columns:1fr 1fr}.hero h1{font-size:51px}}
@media(max-width:600px){.hero{padding-block:35px;gap:30px}.hero h1{font-size:48px}.hero-art{max-width:430px}.bells-intro{grid-template-columns:1fr}.craft-note{padding:25px}.bell-cards{gap:12px}.bell-cards li{padding:17px}.bell-cards h3{font-size:20px;min-height:48px}.milestones strong{font-size:19px}.source-reading{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art img{filter:brightness(1.13);mask-image:radial-gradient(ellipse at center,#000 58%,transparent 74%)}