.blog-page,.blog-article{color:#243c2f}
.blog-kicker{display:inline-flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#788e69}
.blog-kicker i{width:6px;height:6px;border-radius:50%;background:currentColor}
.blog-page h1,.blog-page h2,.blog-page h3,.blog-article h1,.blog-article h2{font-weight:500}
.blog-page em,.blog-article em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#839c73}
.blog-hero{background:#1b392b;color:#f3f4e9;overflow:hidden}
.blog-hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;min-height:570px;padding-block:72px}
.blog-hero .blog-kicker{color:#c4d4b5}
.blog-hero-copy h1{font-size:clamp(74px,9vw,132px);line-height:.94;letter-spacing:-.075em;margin:33px 0 29px}
.blog-hero-copy h1 em{color:#c2d6ae}
.blog-hero-copy>p{font-size:15px;line-height:1.8;color:#c4d1c1;max-width:420px}
.blog-hero-link{display:inline-flex;align-items:center;gap:23px;margin-top:32px;font-size:11px;border-bottom:1px solid #80977c;padding-bottom:9px}
.blog-hero-link svg,.blog-feature-action svg,.blog-note-action svg,.blog-article-aside svg,.blog-article-end svg,.blog-empty svg{width:19px;height:19px;transition:transform .2s}
.blog-hero-link:hover svg,.blog-feature:hover svg,.blog-note:hover svg,.blog-article-aside a:hover svg,.blog-article-end a:hover svg,.blog-empty a:hover svg{transform:translateX(4px)}
.blog-hero-art{min-height:440px;border:1px solid #64806880;padding:23px;background:linear-gradient(150deg,#355840,#142f23 67%);box-shadow:16px 16px 0 #0c281d;position:relative}
.blog-hero-art:before{content:"";position:absolute;inset:12px;border:1px solid #8aaa792c;pointer-events:none}
.blog-art-top,.blog-art-bottom{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.6px;color:#bfd1ac}
.blog-art-view{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:9px;margin-top:30px;height:207px;align-items:center}
.blog-art-frame{position:relative;height:74%;border:1px solid #a4be9a80;overflow:hidden;background:#9aae89}
.blog-art-frame:before{content:"";position:absolute;inset:13px;border:1px solid #ecf0d89e}
.blog-art-frame:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid #ebefdcbd;top:22%;left:38%;box-shadow:0 0 0 30px #2d533755}
.blog-art-frame span{position:absolute;z-index:2;top:13px;left:13px;color:#f5f6e8;font-size:9px}
.blog-art-frame i{position:absolute;z-index:2;left:28%;bottom:-34px;width:66px;height:125px;border-radius:60% 60% 0 0;background:#284a36;transform:rotate(-17deg)}
.blog-art-frame-one{background:linear-gradient(160deg,#455e43,#b8c9a0)}
.blog-art-frame-two{height:100%;background:linear-gradient(145deg,#c8d4aa 10%,#668561 60%,#1f422e)}
.blog-art-frame-two:after{top:8%;left:35%;width:165px;height:165px;box-shadow:0 0 0 45px #d9e3bd33}
.blog-art-frame-two i{left:42%;bottom:-50px;width:90px;height:185px;background:#284c39}
.blog-art-frame-three{background:linear-gradient(165deg,#6f936e,#234332)}
.blog-art-frame-three i{left:44%;transform:rotate(23deg)}
.blog-art-timeline{position:relative;margin-top:27px;border-top:1px solid #8ea7848c;padding-top:16px}
.blog-art-timeline>div{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.blog-art-timeline span{width:48px;font-size:7px;letter-spacing:1px;color:#b9caa9}
.blog-art-timeline i{height:10px;background:#9bbb91;display:block;opacity:.78}
.blog-art-timeline i:nth-child(2){width:35%}.blog-art-timeline i:nth-child(3){width:20%;opacity:.4}
.blog-art-timeline>div:nth-child(2) i:nth-child(2){width:48%;background:#d2dcb8}.blog-art-timeline>div:nth-child(3) i:nth-child(2){width:23%}
.blog-art-timeline b{position:absolute;width:1px;background:#f5f4e0;top:0;bottom:-2px;left:61%;box-shadow:0 0 0 4px #f5f4e022}
.blog-art-bottom{margin-top:20px}.blog-art-bottom span:last-child{font-size:13px}
.blog-hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a7bba048;padding-block:17px 20px;font-size:8px;letter-spacing:1.3px;color:#bbceb1}
.blog-section{padding-block:75px 100px;scroll-margin-top:95px}
.blog-section-intro,.blog-library-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}
.blog-section-intro h2,.blog-library-head h2{font-size:clamp(40px,4.5vw,63px);margin-top:17px;line-height:1.06}
.blog-section-intro>p{max-width:265px;font-size:12px;color:#66785d;line-height:1.8}
.blog-feature{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:#e6eddd;border:1px solid #c8d6bc;transition:border-color .2s}
.blog-feature:hover{border-color:#759266}
.blog-feature-art{min-height:390px;overflow:hidden;background:#254735}
.blog-feature-art img{height:100%;width:100%;object-fit:cover;transition:transform .4s}
.blog-feature:hover img{transform:scale(1.03)}
.blog-feature-graphic{height:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 15%,#658666 0,#315943 34%,#1b3b2d 75%);color:#e6efdc;position:relative;overflow:hidden}
.blog-feature-graphic:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #e7f3d948;border-radius:50%;top:5%;right:-25%;box-shadow:0 0 0 60px #e7f3d90d,0 0 0 120px #e7f3d90c}
.blog-feature-graphic-top,.blog-feature-graphic-bottom{font-size:8px;letter-spacing:1.6px;z-index:1}
.blog-feature-graphic strong{font-size:clamp(59px,6vw,87px);line-height:.93;letter-spacing:-.07em;font-weight:400;z-index:1}
.blog-feature-graphic strong span{color:#a3c284}
.blog-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:48px 50px 40px}
.blog-feature-meta,.blog-note-top{font-size:9px;letter-spacing:1.15px;color:#6e8564}
.blog-feature-meta span{padding-inline:8px}
.blog-feature-copy h3{font-size:clamp(34px,3.4vw,49px);line-height:1.12;margin:28px 0 17px;letter-spacing:-.05em}
.blog-feature-copy>p{font-size:13px;line-height:1.85;color:#627458;max-width:390px}
.blog-feature-action{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:35px;font-size:11px;font-weight:600}
.blog-feature-action>span,.blog-note-action>span{width:38px;height:38px;border:1px solid #9cb28d;border-radius:50%;display:grid;place-items:center}
.blog-library-head{margin:85px 0 26px}.blog-library-head>span{font-size:9px;letter-spacing:1.2px;color:#718365;white-space:nowrap}
.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #bdcdb2;border-left:1px solid #bdcdb2}
.blog-note{padding:30px 35px 28px;min-height:280px;display:flex;flex-direction:column;border-right:1px solid #bdcdb2;border-bottom:1px solid #bdcdb2;transition:background .2s}
.blog-note:hover{background:#e9efdf}
.blog-note-top{display:flex;justify-content:space-between;gap:20px}
.blog-note h3{font-size:clamp(25px,2.6vw,36px);line-height:1.16;letter-spacing:-.045em;margin:24px 0 13px;max-width:480px}
.blog-note>p{font-size:12px;color:#6c7e60;line-height:1.75;max-width:460px}
.blog-note-action{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:auto;padding-top:25px}
.blog-note-action>span{width:31px;height:31px}.blog-note-action svg{width:16px;height:16px}
.blog-empty{max-width:750px;margin:auto;padding:75px 40px;text-align:center;border:1px solid #bfcfb2;background:#e9efe1}.blog-empty h2{font-size:50px;margin:17px 0}.blog-empty p{font-size:13px;color:#64765a}.blog-empty a{display:inline-flex;align-items:center;gap:15px;margin-top:30px;font-size:12px}
.blog-article-hero{background:#1b392b;color:#f3f4e9;padding-block:35px 75px;position:relative;overflow:hidden}
.blog-article-hero>.wrap{position:relative}
.blog-back{display:inline-flex;align-items:center;gap:11px;color:#d1dfc7;font-size:11px;border-bottom:1px solid #92ab87;padding-bottom:7px}
.blog-back>span{font-size:17px;line-height:1}
.blog-article-head{max-width:850px;margin-top:80px;position:relative;z-index:1}
.blog-article-head .blog-kicker{color:#c4d4b5}
.blog-article-head h1{font-size:clamp(47px,6.4vw,94px);line-height:1.05;letter-spacing:-.065em;margin:23px 0 25px}
.blog-article-head>p{font-size:17px;line-height:1.75;color:#c2d2bd;max-width:650px}
.blog-byline{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #9cba9945;margin-top:37px;padding-top:20px;color:#aec5a5;font-size:10px}
.blog-article-hero-mark{position:absolute;right:0;bottom:-65px;display:flex;flex-direction:column;align-items:end;color:#9fb59335;pointer-events:none}
.blog-article-hero-mark>span{font-family:Dream,Georgia,serif;font-size:270px;letter-spacing:-.1em;line-height:1}
.blog-article-hero-mark small{font-size:8px;letter-spacing:1.3px;color:#c5d5b0a0;margin-right:20px}
.blog-cover{margin:55px auto 0}.blog-cover img{width:100%;max-height:600px;object-fit:cover}
.blog-article-layout{display:grid;grid-template-columns:230px minmax(0,730px);gap:90px;justify-content:center;padding-block:75px 110px}
.blog-article-aside{position:sticky;top:140px;align-self:start;border-top:1px solid #b9c9ac;padding-top:20px;color:#64785a}
.blog-article-aside>span{font-size:9px;letter-spacing:1.5px;color:#4b6947}
.blog-aside-line{display:flex;gap:7px;margin:23px 0}.blog-aside-line i{width:32px;height:6px;background:#a9bb9b}.blog-aside-line i:nth-child(2){background:#78946c}.blog-aside-line i:nth-child(3){background:#d0dac4}
.blog-article-aside p{font-size:12px;line-height:1.8;max-width:170px}
.blog-article-aside a{display:inline-flex;gap:11px;align-items:center;margin-top:23px;font-size:10px;border-bottom:1px solid #a3b797;padding-bottom:5px}.blog-article-aside svg{width:16px;height:16px}
.blog-article-body{font-size:17px;line-height:1.9;color:#3c5140;overflow-wrap:anywhere}
.blog-article-body p,.blog-article-body ul{margin:0 0 28px}
.blog-article-body>p:first-child:first-letter{font-family:Georgia,serif;float:left;font-size:65px;line-height:.8;padding:10px 9px 0 0;color:#708f63}
.blog-article-body h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:53px 0 20px;color:#253f2f}
.blog-article-body h3{font-size:24px;font-weight:500;margin:38px 0 16px}
.blog-article-body ul{padding-left:24px}.blog-article-body li{margin-bottom:10px;padding-left:5px}
.blog-article-end{margin-top:78px;background:#e7eedf;padding:40px 45px;border-top:3px solid #839f75}
.blog-article-end>span{font-size:8px;letter-spacing:1.6px;color:#66805b}
.blog-article-end h2{font-size:clamp(40px,4.3vw,58px);line-height:1.07;margin:20px 0 26px}
.blog-article-end a{display:inline-flex;align-items:center;gap:18px;background:#254b36;color:#fff;padding:13px 18px;font-size:11px}
@media(max-width:1000px){.blog-hero-layout{gap:35px;min-height:500px}.blog-hero-art{min-height:390px}.blog-art-view{height:165px}.blog-feature-copy{padding:35px}.blog-article-layout{gap:45px;grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:720px){.blog-hero-layout{grid-template-columns:1fr;gap:38px;padding-block:52px 40px}.blog-hero-copy h1{font-size:clamp(69px,16vw,105px);margin:26px 0 24px}.blog-hero-copy>p{font-size:13px}.blog-hero-link{margin-top:25px}.blog-hero-art{min-height:360px;box-shadow:9px 9px 0 #0c281d;margin-right:9px}.blog-art-view{height:170px}.blog-art-timeline{margin-top:22px}.blog-hero-foot{font-size:7px;line-height:1.6;align-items:flex-start}.blog-hero-foot span:last-child{text-align:right}.blog-section{padding-block:48px 65px}.blog-section-intro,.blog-library-head{display:block}.blog-section-intro h2,.blog-library-head h2{font-size:43px}.blog-section-intro>p{margin-top:15px}.blog-feature{grid-template-columns:1fr}.blog-feature-art{min-height:300px;height:300px}.blog-feature-graphic strong{font-size:68px}.blog-feature-copy{padding:27px;min-height:320px}.blog-feature-copy h3{font-size:37px;margin:20px 0 13px}.blog-feature-action{padding-top:27px}.blog-library-head{margin-top:62px}.blog-library-head>span{display:block;margin-top:16px}.blog-list{grid-template-columns:1fr}.blog-note{min-height:250px;padding:26px}.blog-note h3{font-size:30px}.blog-empty{padding:45px 24px}.blog-empty h2{font-size:40px}.blog-article-hero{padding-block:27px 56px}.blog-article-head{margin-top:56px}.blog-article-head h1{font-size:clamp(44px,11vw,67px)}.blog-article-head>p{font-size:14px}.blog-article-hero-mark{right:-30px;bottom:-50px}.blog-article-hero-mark>span{font-size:145px}.blog-article-hero-mark small{display:none}.blog-byline{font-size:9px;gap:8px 15px;margin-top:30px}.blog-cover{margin-top:30px}.blog-article-layout{display:block;padding-block:40px 65px}.blog-article-aside{position:static;display:none}.blog-article-body{font-size:15px;line-height:1.85}.blog-article-body>p:first-child:first-letter{font-size:54px;padding-top:8px}.blog-article-body h2{font-size:29px;margin-top:43px}.blog-article-end{margin-top:55px;padding:30px 25px}.blog-article-end h2{font-size:42px}}
@media(max-width:390px){.blog-hero-art{min-height:330px}.blog-art-view{height:145px}.blog-feature-graphic strong{font-size:58px}.blog-feature-copy h3{font-size:32px}.blog-note h3{font-size:27px}}

/* The reading room: a quiet book spine beside an illustrated index. */
.reading-room{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;margin-top:95px;padding-top:45px;border-top:1px solid #bcccb0;align-items:start}
.reading-room-intro{position:sticky;top:140px}
.reading-room-intro h2{font-size:clamp(43px,4.4vw,62px);line-height:1.03;margin:24px 0}
.reading-room-intro>p{font-size:12px;line-height:1.9;color:#66795d}
.reading-room-count{display:flex;align-items:center;gap:17px;margin-top:35px}
.reading-room-count strong{font-size:55px;line-height:1;font-weight:400;letter-spacing:-3px;color:#82996e}
.reading-room-count>span{font-size:10px;line-height:1.6;color:#6f8163}
.reading-room-book{position:relative;width:150px;height:165px;margin:38px 0 10px 5px;transform:rotate(-7deg);color:#aebf9a}
.reading-room-book i{position:absolute;inset:0;border:1px solid #b4c4a6;background:#eff2e7}
.reading-room-book i:nth-child(1){transform:translate(10px,6px) rotate(5deg)}
.reading-room-book i:nth-child(2){transform:translate(5px,3px) rotate(2deg)}
.reading-room-book i:nth-child(3){background:#dfe8d3;border-left:8px solid #849c71}
.reading-room-book>span{position:absolute;left:26px;top:33px;font-size:25px;line-height:1.04;letter-spacing:-1.2px;color:#567149}
.reading-room-book:after{content:"TM / NOTES ON FILM";position:absolute;bottom:20px;left:26px;font-size:6px;letter-spacing:1px;color:#6c825f}
.reading-room-shelf{border-top:1px solid #bfceb3}
.reading-note{position:relative;display:grid;grid-template-columns:22px 118px minmax(0,1fr) 35px;gap:20px;align-items:center;padding:29px 0;border-bottom:1px solid #cbd6c2;transition:background .25s}
.reading-note:hover{background:#eaf0e2}
.reading-note-number{font-size:10px;color:#7e916e;align-self:start;padding-top:7px}
.reading-note-art{aspect-ratio:4/5;display:grid;place-items:center;background:#e0e8d5;color:#5d7a4e;overflow:hidden;border-radius:2px;transition:transform .3s,background .3s}
.reading-note-art-1{background:#294b37;color:#c3d4ad}.reading-note-art-2{background:#ececdb;color:#788562}
.reading-note-art svg{width:90%;height:90%}.reading-note-art img{width:100%;height:100%;object-fit:cover}
.reading-note:hover .reading-note-art{transform:rotate(-3deg) translateY(-3px)}
.reading-note-copy h3{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.035em;line-height:1.19;margin:0 0 11px}
.reading-note-copy>p{font-size:12px;line-height:1.75;color:#6b7d60;max-width:490px}
.reading-note-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:9px;color:#778b68}
.reading-note-meta>span{color:#365b39}.reading-note-meta>span:before{content:"";display:inline-block;width:3px;height:3px;vertical-align:middle;border-radius:50%;background:#95a984;margin-right:18px}
.reading-note-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bdcdb0;border-radius:50%;transition:background .2s,color .2s}
.reading-note-arrow svg{width:17px;height:17px}.reading-note:hover .reading-note-arrow{background:#294d37;border-color:#294d37;color:#fff}
@media(max-width:1050px){.reading-room{grid-template-columns:200px minmax(0,1fr);gap:35px}.reading-note{grid-template-columns:18px 83px minmax(0,1fr);gap:16px}.reading-note-arrow{display:none}.reading-note-copy h3{font-size:25px}.reading-note-copy>p{font-size:11px}.reading-room-intro h2{font-size:46px}}
@media(max-width:720px){.reading-room{display:block;margin-top:58px;padding-top:32px}.reading-room-intro{position:relative;top:auto;padding-right:65px;margin-bottom:30px}.reading-room-intro h2{font-size:43px;margin:20px 0 15px}.reading-room-intro h2 br{display:none}.reading-room-intro h2 em:before{content:" "}.reading-room-intro>p{font-size:11px}.reading-room-count{position:absolute;right:0;top:47px;margin:0;display:block}.reading-room-count strong{font-size:47px}.reading-room-count>span{display:block;font-size:8px;margin-top:8px}.reading-room-book{display:none}.reading-note{grid-template-columns:76px minmax(0,1fr);gap:18px;padding:25px 0}.reading-note-number{position:absolute;left:7px;top:31px;font-size:8px;z-index:1;color:#799265;background:#f7f6f1;padding:1px 4px}.reading-note-art{align-self:start;margin-top:2px;aspect-ratio:3/4}.reading-note-copy h3{font-size:23px;line-height:1.18}.reading-note-copy>p{font-size:11px;line-height:1.65}.reading-note-meta{gap:8px 13px;font-size:8px;margin-top:13px}.reading-note-meta>span:before{margin-right:13px}}
@media(prefers-reduced-motion:reduce){.reading-note,.reading-note-art,.reading-note-arrow{transition:none}.reading-note:hover .reading-note-art{transform:none}}