@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-400.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-500.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-600.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-700.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-800.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/barlow-900.ttf') format('truetype')}
.matter-grid{--news:'BT News Gothic','News Gothic','Helvetica Neue',Arial,sans-serif;--trade:'BT Trade Gothic','Trade Gothic','Arial Narrow',sans-serif;--bold:'BT Helvetica Bold',Helvetica,Arial,sans-serif;--hover:#fff;grid-template-columns:39% 19% 27% 15%;padding-bottom:36px}
.matter-grid a{color:inherit;text-decoration:none;border-bottom:0;transition:color 140ms ease}
.matter-grid a:visited{color:inherit}
.matter-grid a:hover{color:var(--hover);text-decoration:none}
.matter-grid a:focus-visible{color:var(--hover);outline:2px solid currentColor;outline-offset:5px;text-decoration:none;border-radius:1px}
.matter-grid a:active{color:#6f1830}
.matter-grid .vertical{padding-right:20px}
.matter-grid .vertical span{font-family:var(--news);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.matter-grid .editorial{font-family:var(--news);font-weight:400;letter-spacing:.012em;line-height:1.5;padding-left:14px;max-width:285px}
.matter-grid .editorial p{margin-bottom:24px}
.matter-grid .editorial>a{font-family:var(--bold);font-weight:700;font-size:11px;letter-spacing:.01em;display:inline-block;padding:4px 0}
.matter-grid .bottom-nav{grid-template-columns:1.18fr .95fr 1.1fr .7fr;align-items:end;gap:18px;padding:0 22px 16px 0}
.matter-grid .open{font-family:var(--trade);font-weight:700;font-stretch:normal;font-synthesis:none;font-size:clamp(35px,4.1vw,62px);line-height:.88;letter-spacing:-.045em}
.matter-grid .open small{font-family:var(--news);font-weight:400;font-size:7px;line-height:1.35;letter-spacing:.045em;margin-top:10px;white-space:nowrap}
.matter-grid .number b{font-family:var(--trade);font-weight:700;font-size:41px;line-height:.9;letter-spacing:-.035em;color:inherit}
.matter-grid .number span{font-family:var(--news);font-size:8px;line-height:1.3;letter-spacing:.025em;margin-top:9px}
.matter-grid .brand{font-family:var(--bold);font-weight:700;font-size:25px;line-height:.87;letter-spacing:-.055em}
.matter-grid .brand span{font-family:var(--news);font-weight:400;font-size:6px;line-height:1.4;letter-spacing:.055em;margin-top:10px;white-space:nowrap}
.matter-grid .support{font-family:var(--bold);font-weight:700;font-size:12px;line-height:1.18;letter-spacing:.055em}
.matter-grid .mission{font-family:var(--news);font-weight:400;letter-spacing:.035em;line-height:1.5;padding-bottom:12px}
.matter-grid .services{gap:16px;padding-top:12px;grid-template-columns:1.35fr 1.05fr 1fr 1.4fr}
.matter-grid .gift-link small{font-family:var(--bold);font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.matter-grid .gift-link strong{font-family:var(--bold);font-weight:700;font-size:12px;letter-spacing:.005em;border:1.5px solid currentColor;padding:7px 6px}
.matter-grid .gift-link>span{font-family:var(--news);letter-spacing:.035em;margin-top:10px}
.matter-grid .prints{font-family:var(--trade);font-weight:700;font-size:26px;line-height:.95;letter-spacing:-.035em;color:var(--red)}
.matter-grid .prints small{font-family:var(--bold);font-weight:700;font-size:9px;letter-spacing:.035em;line-height:1.3;margin-top:8px}
.matter-grid .subjects{font-family:var(--news);font-size:9px;line-height:1.55;letter-spacing:.015em;color:var(--red);padding-inline:12px}
.matter-grid .contact{font-family:var(--bold);font-weight:700;font-size:9px;line-height:1.45;letter-spacing:.02em;color:var(--red);gap:10px}
.matter-grid .project-mark span{font-family:var(--bold);font-weight:700}
@media(max-width:1000px){.matter-grid{grid-template-columns:39% 20% 29% 12%}.matter-grid .vertical{padding-right:12px}.matter-grid .editorial{font-size:15px;padding-left:10px}.matter-grid .bottom-nav{gap:11px;padding-right:16px}.matter-grid .open{font-size:36px}.matter-grid .open small{font-size:5.5px;letter-spacing:.015em}.matter-grid .number b{font-size:31px}.matter-grid .number span{font-size:6.5px}.matter-grid .brand{font-size:19px}.matter-grid .brand span{font-size:5px;letter-spacing:0}.matter-grid .support{font-size:9px}.matter-grid .services{gap:10px}.matter-grid .gift-link strong{font-size:9px}.matter-grid .prints{font-size:20px}.matter-grid .prints small{font-size:7px}.matter-grid .subjects{font-size:7px;padding-inline:9px}.matter-grid .contact{font-size:7px}}
@media(max-width:600px){.matter-grid{grid-template-columns:24% 32% 44%;padding-bottom:28px}.matter-grid .vertical{padding-right:9px}.matter-grid .vertical span{font-size:29px;letter-spacing:-.035em}.matter-grid .editorial{font-size:12px;padding-left:6px;line-height:1.5}.matter-grid .editorial p{margin-bottom:19px}.matter-grid .editorial>a{font-size:9px}.matter-grid .bottom-nav{grid-template-columns:1.1fr .9fr 1.05fr .7fr;gap:14px;padding:30px 0 20px}.matter-grid .open{font-size:42px}.matter-grid .open small{font-size:5.5px;margin-top:8px}.matter-grid .number b{font-size:34px}.matter-grid .number span{font-size:6.5px;margin-top:8px}.matter-grid .brand{font-size:24px}.matter-grid .brand span{font-size:5px;margin-top:8px}.matter-grid .support{font-size:11px}.matter-grid .services{grid-template-columns:1fr 1fr;gap:18px 14px}.matter-grid .gift-link strong{font-size:10px}.matter-grid .prints{font-size:25px}.matter-grid .prints small{font-size:8px}.matter-grid .subjects{font-size:8px;border-left:0;padding-left:0}.matter-grid .contact{font-size:8px}.matter-grid .mission{font-size:7px;letter-spacing:.01em}}
@media(max-width:360px){.matter-grid .vertical span{font-size:26px}.matter-grid .editorial{font-size:11px}.matter-grid .bottom-nav{gap:10px}.matter-grid .open{font-size:37px}.matter-grid .brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.matter-grid a{transition:none}}

/* Use drawn condensed glyphs at their natural width and spacing. */
.matter-grid .open,.matter-grid .number b,.matter-grid .prints{font-stretch:normal;font-synthesis:none;letter-spacing:normal}
.matter-grid .brand{letter-spacing:normal}

/* Standard-width Barlow throughout the opening; weight creates hierarchy. */
.matter-grid{--news:'Barlow',sans-serif;--trade:'Barlow',sans-serif;--bold:'Barlow',sans-serif;font-family:'Barlow',sans-serif}
.matter-grid *{font-family:'Barlow',sans-serif;font-stretch:normal;font-synthesis:none}
.matter-grid .vertical span{font-weight:400;letter-spacing:normal}
.matter-grid .editorial{font-weight:500}
.matter-grid .open{font-weight:800;font-size:clamp(32px,3.6vw,54px)}
.matter-grid .number b{font-weight:700}
.matter-grid .brand{font-weight:800;font-size:23px}
.matter-grid .support,.matter-grid .gift-link strong,.matter-grid .contact{font-weight:700}
.matter-grid .prints{font-weight:800;font-size:23px}
.matter-grid .mission,.matter-grid .subjects{font-weight:500}
.matter-grid .open small,.matter-grid .number span,.matter-grid .brand span,.matter-grid .gift-link>span{font-weight:400}
.matter-grid .project-mark span{font-weight:900}
@media(max-width:1000px){.matter-grid .open{font-size:32px}.matter-grid .brand{font-size:18px}.matter-grid .prints{font-size:19px}}
@media(max-width:600px){.matter-grid .open{font-size:38px}.matter-grid .brand{font-size:22px}.matter-grid .prints{font-size:23px}}

/* Homepage adjustments: raised reading prompt, fixed lower navigation. */
.paper{border-radius:25px}
.matter-grid .quiet{align-self:start;padding-top:0}
.matter-grid .quiet .open{display:inline-block;font-size:clamp(44.8px,5.04vw,75.6px)}
.matter-grid .quiet .open small{font-size:9.8px}
.matter-grid .bottom-nav .number{grid-column:2}
.matter-grid .number b{font-size:53.3px}
.matter-grid .number span{font-size:10.4px}
@media(max-width:1000px){.matter-grid .quiet .open{font-size:44.8px}.matter-grid .quiet .open small{font-size:7.7px}.matter-grid .number b{font-size:40.3px}.matter-grid .number span{font-size:8.45px}}
@media(max-width:600px){.matter-grid .quiet{grid-column:1/4;grid-row:1;align-self:start;justify-self:start;z-index:1}.matter-grid .vertical,.matter-grid .editorial{margin-top:95px}.matter-grid .quiet .open{font-size:53.2px}.matter-grid .number b{font-size:44.2px}.matter-grid .number span{font-size:8.45px}}

/* Light blue paper and refined small-type rhythm. */
:root{--paper:#d9edf5}
.matter-grid .project-mark{grid-template-columns:repeat(2,27.5px);gap:3.3px}
.matter-grid .project-mark span{height:27.5px;font-size:18.7px}
.matter-grid .gift-link strong{font-size:14.4px;padding:8.4px 7.2px;border-width:1.8px;transition:background-color 140ms ease,color 140ms ease}
.matter-grid .gift-link:hover strong,.matter-grid .gift-link:focus-visible strong{background:#000;color:#fff;border-color:#000}
.matter-grid .open small{letter-spacing:.145em}
.matter-grid .number span{letter-spacing:.125em}
.matter-grid .brand span{letter-spacing:.155em}
.matter-grid .gift-link small{letter-spacing:.16em}
.matter-grid .gift-link>span{letter-spacing:.135em}
.matter-grid .mission{letter-spacing:.135em}
.matter-grid .subjects{letter-spacing:.115em}
.matter-grid .contact{letter-spacing:.12em}
@media(max-width:1000px){.matter-grid .project-mark{grid-template-columns:repeat(2,22px)}.matter-grid .project-mark span{height:22px;font-size:15.4px}.matter-grid .gift-link strong{font-size:10.8px}.matter-grid .open small{letter-spacing:.115em}.matter-grid .brand span{letter-spacing:.1em}}
@media(max-width:600px){.matter-grid .project-mark{grid-template-columns:repeat(2,16.5px);gap:2.2px}.matter-grid .project-mark span{height:17.6px;font-size:12.1px}.matter-grid .gift-link strong{font-size:12px}.matter-grid .mission{letter-spacing:.11em}}
@media(prefers-reduced-motion:reduce){.matter-grid .gift-link strong{transition:none}}

.project-credit{max-width:1600px;margin:0 auto;padding:24px 0 18px;text-align:right;color:#123e43;font:600 11px/1.4 'Barlow',sans-serif;letter-spacing:.1em;background:#fff}
@media(max-width:600px){.project-credit{padding:20px 0 15px;font-size:10px}}

/* Position refinements within the opening composition. */
.project-credit{display:flex;align-items:center;justify-content:flex-end;gap:13px}
.project-credit a{display:inline-flex;align-items:center;padding:3px;text-decoration:none}
.project-credit a:hover{opacity:.6}
.project-credit img{display:block;width:32px;height:auto}
.matter-grid{position:relative}
.matter-grid .brand{position:absolute;left:13.2%;top:42%;font-size:29.9px}
.matter-grid .brand span{font-size:9.6px}
.matter-grid .bottom-nav .support{grid-column:4;position:relative;top:22px}
.matter-grid .project-mark span{background:#e86b18}
.matter-grid .quiet .open small{margin-top:5px}
.matter-grid .prints small{margin-top:4px;font-size:9.9px;letter-spacing:.1em}
@media(max-width:1000px){.matter-grid .brand{font-size:23.4px}.matter-grid .brand span{font-size:8px}.matter-grid .quiet .open small{margin-top:5px}.matter-grid .prints small{font-size:7.7px}}
@media(max-width:600px){.matter-grid .brand{left:8%;top:33%;font-size:28.6px;max-width:23%}.matter-grid .brand span{font-size:8px;white-space:normal}.matter-grid .bottom-nav .support{top:15px}.matter-grid .quiet .open small{margin-top:4px}.matter-grid .prints small{font-size:8.8px}.project-credit img{width:28px}}

/* READ / BOOKS THAT, on a shared supporting-text baseline. */
.project-credit img{width:16px}
.matter-grid{--hover:#e86b18}
.matter-grid a:active{color:#e86b18}
.matter-grid .quiet{display:flex;align-items:flex-end;gap:26px;grid-column:1/4;justify-self:start;position:relative;z-index:1;padding-top:60px}
.matter-grid .quiet .open{font-size:clamp(58.24px,6.552vw,98.28px);flex-shrink:0}
.matter-grid .quiet .brand{position:static;max-width:220px;font-size:38.87px;flex-shrink:0}
.matter-grid .quiet .brand span{font-size:9.6px;white-space:normal;line-height:1.35;min-height:26px;max-width:210px}
.matter-grid .reading-slash{display:block;width:5px;height:clamp(116.48px,13.104vw,196.56px);background:#267497;transform:rotate(20deg);transform-origin:bottom center;flex-shrink:0;margin:0 17px 0 0}
.matter-grid .gift-link:hover strong,.matter-grid .gift-link:focus-visible strong{background:#e86b18;color:#fff;border-color:#e86b18}
.project-credit a:hover{opacity:1;filter:sepia(1) saturate(5)}
@media(max-width:1000px){.matter-grid .quiet{gap:22px;padding-top:55px}.matter-grid .quiet .open{font-size:58.24px}.matter-grid .quiet .brand{font-size:30.42px;max-width:175px}.matter-grid .quiet .brand span{font-size:8px;max-width:175px}.matter-grid .reading-slash{height:116.48px;width:4px;margin-right:12px}}
@media(max-width:600px){.project-credit img{width:14px}.matter-grid .quiet{gap:16px;padding-top:30px}.matter-grid .quiet .open{font-size:49px}.matter-grid .quiet .brand{font-size:28px;max-width:115px}.matter-grid .quiet .brand span{font-size:8px;max-width:115px}.matter-grid .reading-slash{height:98px;width:3px;margin-right:8px}.matter-grid .vertical,.matter-grid .editorial{margin-top:175px}}

/* Lift the reading group halfway through its existing top gap. */
.matter-grid .quiet{padding-top:0;transform:translateY(-2.5px)}
.matter-grid .quiet .brand{margin-left:30px}
.matter-grid .quiet .brand span{text-transform:uppercase;font-size:11.52px}
@media(max-width:1000px){.matter-grid .quiet{padding-top:0;transform:translateY(2.5px)}.matter-grid .quiet .brand span{font-size:9.6px}}
@media(max-width:600px){.matter-grid .quiet{padding-top:0;transform:translateY(-7.5px)}.matter-grid .quiet .brand{margin-left:30px;max-width:100px}.matter-grid .quiet .brand span{font-size:9.6px}}

/* Unify the homepage accent and boxed navigation. */
.matter-grid .vertical,.matter-grid .subjects,.matter-grid .contact{color:#e86b18}
.matter-grid .reading-slash{background:var(--ink)}
.matter-grid .editorial>a{border:1.8px solid currentColor;padding:8.4px 7.2px;font-size:14.4px;line-height:1.2;transition:background-color 140ms ease,color 140ms ease}
.matter-grid .editorial>a:hover,.matter-grid .editorial>a:focus-visible{background:#e86b18;color:#fff;border-color:#e86b18}
@media(max-width:1000px){.matter-grid .editorial>a{font-size:10.8px}}
@media(max-width:600px){.matter-grid .editorial>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.matter-grid .editorial>a{transition:none}}

/* Enclose the full list-count label with the slash's stroke. */
.matter-grid .number{display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;border:5px solid currentColor;border-radius:50%;text-align:center;justify-self:center}
.matter-grid .number b{margin:0;line-height:.95}
.matter-grid .number span{margin-top:10px;line-height:1.3}
@media(max-width:1000px){.matter-grid .number{width:115px;height:115px;border-width:4px}.matter-grid .number span{font-size:8.45px}}
@media(max-width:600px){.matter-grid .number{width:110px;height:110px;border-width:3px}}

.matter-grid .number{width:165.3px;height:165.3px}
.matter-grid .number b{font-size:60.762px}
.matter-grid .number span{font-size:11.856px;margin-top:11.4px}
@media(max-width:1000px){.matter-grid .number{width:131.1px;height:131.1px}.matter-grid .number b{font-size:45.942px}.matter-grid .number span{font-size:9.633px}}
@media(max-width:600px){.matter-grid .number{width:125.4px;height:125.4px}.matter-grid .number b{font-size:50.388px}}

/* Keep the enlarged ring; restore its original text sizes. */
.matter-grid .number b{font-size:53.3px}
.matter-grid .number span{font-size:10.4px;margin-top:10px}
@media(max-width:1000px){.matter-grid .number b{font-size:40.3px}.matter-grid .number span{font-size:8.45px}}
@media(max-width:600px){.matter-grid .number b{font-size:44.2px}}

/* Footer panel follows the approved reference, separated by 10px of white. */
.paper>footer{background:#d9edf5;border-radius:0 0 25px 25px;margin-top:10px;position:relative}
.paper>footer::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px;background:#fff}

@media(max-width:600px){.matter-grid{grid-template-rows:auto auto auto auto;min-height:0;padding-top:35px}.matter-grid .quiet{grid-row:1;transform:none;padding-top:0;margin-bottom:35px}.matter-grid .vertical{grid-row:2;margin-top:0;height:440px}.matter-grid .editorial{grid-row:2;margin-top:0}.matter-grid .bottom-nav{grid-row:3}.matter-grid .bottom-band,.matter-grid .project-mark{grid-row:4}}

.sample-section{background:#fff;padding:42px 7% 35px;font-family:Barlow,sans-serif}.sample-heading{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:35px}.sample-heading h2{font-size:34px;font-weight:500;letter-spacing:-.02em;margin:0}.sample-heading>a{font-size:10px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.sample-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}.sample-cover{height:240px;display:flex;align-items:flex-end}.sample-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.sample-book h3{font:600 23px/1.15 Barlow,sans-serif;margin:18px 0 9px;overflow-wrap:anywhere}.sample-author{font-size:15px;line-height:1.4;margin:0 0 16px}.sample-membership{border-top:1px solid #adc3c6;padding-top:12px;display:flex;flex-direction:column;gap:8px}.sample-membership>span{font-size:8px;letter-spacing:.1em}.sample-membership>a{font-size:12px;line-height:1.35;color:#e86b18}.sample-section a:hover{color:#e86b18;text-decoration:none}.sample-membership>a:hover{color:#123e43}.home-footer{background:#d9edf5;margin-top:10px;padding:18px 7% 16px;font-family:Barlow,sans-serif}.home-footer .end-note{border-top:1px solid #adc3c6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 20px}.home-footer .end-note>p{font:500 25px/1.05 Barlow,sans-serif;margin:0}.home-footer .button{border:1.5px solid;padding:10px 12px;font-size:10px;font-weight:600}.home-footer .button:hover{background:#e86b18;color:#fff;border-color:#e86b18;text-decoration:none}.home-footer>div:not(.end-note):not(.project-credit){display:flex;gap:25px;font-size:10px}.home-footer small{display:block;font-size:8px;letter-spacing:.08em;margin-top:15px}.home-footer .project-credit{background:none;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 0 0;font:600 9px/1.4 Barlow,sans-serif}.home-footer .project-credit img{width:16px;height:auto}.home-footer a:hover{color:#e86b18;text-decoration:none}
@media(max-width:600px){.sample-section{padding:30px 5%}.sample-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.sample-heading h2{font-size:28px}.sample-books{gap:30px 12px}.sample-cover{height:145px}.sample-book h3{font-size:16px;margin-top:13px}.sample-author{font-size:12px}.sample-membership>a{font-size:10px}.sample-membership>span{font-size:6px}.home-footer .end-note>p{font-size:22px}.home-footer .button{font-size:9px}.home-footer>div:not(.end-note):not(.project-credit){gap:16px;font-size:9px}}

/* List context precedes the cover; the white masthead margin stays clear. */
.header-space{height:60px}
.sample-membership{border:0;padding:0;margin:0 0 18px;min-height:54px}
.sample-book{display:flex;flex-direction:column;align-items:flex-start}
.sample-cover{width:100%}
.home-footer .end-note{border-top:0}
.matter-grid .quiet{margin-left:10%;gap:26px}
.matter-grid .quiet .brand{font-size:42.757px}
.matter-grid .quiet .brand span{font-size:12.672px}
@media(max-width:1000px){.matter-grid .quiet .brand{font-size:33.462px}.matter-grid .quiet .brand span{font-size:10.56px}}
@media(max-width:600px){.header-space{height:40px}.matter-grid .quiet{margin-left:8%;gap:16px}.matter-grid .quiet .brand{font-size:30.8px;max-width:125px}.matter-grid .quiet .brand span{font-size:10.56px}.sample-membership{min-height:65px;margin-bottom:12px}}