/* Vivero's photographic guide library and calm article reading layout. */
.reading-opening{background:#e7eee2;border-radius:0 0 48px 48px;overflow:hidden}.reading-opening-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:64px 30px 70px;align-items:center}.reading-intro h1{font:400 clamp(40px,4.6vw,64px)/1.08 Aleo,serif;color:#203f30;letter-spacing:-.035em}.reading-intro>p:not(.kick){max-width:470px;font-size:17px;line-height:1.8;color:#475d4b;margin:24px 0 30px}.reading-intro .kick{margin:0 0 22px}.reading-button{display:inline-flex;background:#24583b;color:#fff!important;border-radius:30px;padding:14px 25px;text-decoration:none;font-weight:600}.reading-season{display:block;font-size:13px;max-width:350px;margin-top:24px;text-underline-offset:5px}.reading-room{position:relative;height:485px}.reading-backdrop{position:absolute;inset:0 0 45px 28px;width:calc(100% - 28px);height:440px;object-fit:cover;border-radius:180px 180px 24px 24px;filter:brightness(.82)}.reading-book{display:block;position:absolute;width:57%;overflow:hidden;background:#fffdf5;color:#203f30;text-decoration:none;border-radius:4px 14px 14px 4px;box-shadow:0 22px 32px #16342235,4px 4px 0 #e8e2d6;border-left:5px solid #ded8c7;transition:transform .2s}.reading-book:hover{color:#203f30;transform:translateY(-5px)}.reading-book>img{display:block;width:100%;height:175px;object-fit:cover}.book-one{left:0;top:45px;transform:rotate(-6deg);z-index:1}.book-two{right:0;top:155px;transform:rotate(7deg);width:49%;z-index:2}.book-two>img{height:145px}.book-copy{display:block;padding:18px 20px}.book-copy small,.library-guide small{display:block;font:600 10px/1.4 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7a653c}.book-copy strong{display:block;font:400 25px/1.15 Aleo,serif;margin:9px 0 20px}.book-copy>span{font:600 11px Inter,sans-serif;border-top:1px solid #d8ddce;display:block;padding-top:12px}.guides-library main{max-width:1240px;padding:0 30px 70px!important}.reading-library{padding-top:70px;scroll-margin-top:100px}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.library-heading h2{margin:8px 0 0;font-size:38px}.library-heading .kick{margin:0}.library-search{font-size:12px;display:block;min-width:300px;color:#435747}.library-search input{display:block;width:100%;border:1px solid #aebca9;background:#fffcf6;border-radius:8px;padding:14px 16px;margin-top:7px;font:15px Inter,sans-serif;color:#203f30}.library-filters{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #c9cfbf;margin-top:35px}.library-filters button{font:500 14px Inter,sans-serif;padding:13px 0;border:0;border-bottom:3px solid transparent;background:none;color:#50604c;cursor:pointer}.library-filters button[aria-pressed=true]{border-bottom-color:#2e6746;color:#214d33}.library-count{font-size:12px;color:#62715e;margin:15px 0 25px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.library-guide{display:flex;flex-direction:column;text-decoration:none;color:#203f30;border-bottom:1px solid #cbd1c3;padding-bottom:22px}.library-guide[hidden]{display:none}.library-guide>img{width:100%;height:220px;object-fit:cover;border-radius:12px;transition:filter .2s}.library-guide:hover>img{filter:brightness(1.07)}.library-guide>div{display:flex;flex:1;flex-direction:column;padding-top:20px}.library-guide h3{font:400 25px/1.2 Aleo,serif;margin:9px 0 12px;text-wrap:pretty}.library-guide p{font-size:14px;line-height:1.7;margin:0 0 20px;color:#596851}.library-guide span{margin-top:auto;font-size:12px;font-weight:600}.guide-editorial main{max-width:none;padding:0}.guide-editorial .ghero{background:#e7eee2!important;min-height:0!important;display:block;color:#203f30!important}.guide-editorial .ghero:before,.guide-editorial .ghero:after{display:none!important}.guide-editorial .ghero-in{padding:40px 28px 48px!important;max-width:1080px}.guide-editorial .ghero .crumbs,.guide-editorial .ghero .crumbs a{color:#526650}.guide-editorial .ghero .kick{display:block;color:#79633d;background:none;margin:24px 0 16px;padding:0;border:0}.guide-editorial .ghero h1{font-size:clamp(34px,4.5vw,58px)!important;max-width:950px;line-height:1.12;color:#203f30!important;margin:0!important}.reading-deck{max-width:760px;font-size:18px!important;line-height:1.65;margin:23px 0 0}.reading-cover{max-width:1024px;margin:32px auto 0;padding:0 20px}.reading-cover img{width:100%;height:350px;object-fit:cover;border-radius:14px;display:block}.reading-cover figcaption{font-size:11px;color:#5a6654;padding-top:8px}.guide-editorial .g-body{max-width:1080px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;padding:45px 28px 70px}.guide-editorial .g-body article{min-width:0;max-width:720px}.guide-editorial .g-toc{position:sticky;top:100px;align-self:start}.guide-editorial .toc{display:block;padding:0;list-style:none;border:0;margin:0}.guide-editorial .toc a{display:block;border:0;border-bottom:1px solid #d3d9cb;border-radius:0;background:none;padding:11px 0;font:500 13px/1.5 Inter,sans-serif}.guide-editorial article p,.guide-editorial article li{font:400 17px/1.8 Inter,sans-serif}.guide-editorial article h2{font:400 30px/1.25 Aleo,serif;margin:35px 0 16px}.guide-editorial article section{scroll-margin-top:110px}.guide-editorial .guide-summary{font-size:19px;line-height:1.6}.guide-sources{border-top:1px solid #cbd1c3;margin-top:35px}.guide-editorial .guide-sources h2{font:600 13px Inter,sans-serif}.guide-editorial .guide-sources p{font-size:13px}.reading-related{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd1c3;padding:24px 0;margin-top:35px;font-size:13px}.guide-editorial table{display:block;overflow-x:auto}.guides-library :focus-visible,.guide-editorial :focus-visible{outline:3px solid #987830;outline-offset:5px}
@media(max-width:850px){.reading-opening-inner{gap:25px;padding:40px 24px 55px}.reading-room{height:430px}.reading-backdrop{height:380px}.reading-book>img{height:140px}.book-copy{padding:14px}.book-copy strong{font-size:21px}.book-two{top:170px}.book-two>img{height:110px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading{align-items:start;flex-direction:column}.library-search{width:100%}.guide-editorial .g-body{grid-template-columns:1fr;gap:25px}.guide-editorial .g-toc{position:static}.guide-editorial .toc{display:flex;flex-wrap:wrap;gap:0 20px}.guide-editorial .g-body article{max-width:none}}
@media(max-width:580px){.reading-opening{border-radius:0 0 28px 28px}.reading-opening-inner{grid-template-columns:1fr;padding:34px 22px 35px;gap:30px}.reading-intro h1{font-size:42px}.reading-intro>p:not(.kick){font-size:15px;margin:18px 0 22px}.reading-season{font-size:12px}.reading-room{height:395px;max-width:430px;width:100%;margin:auto}.reading-backdrop{height:340px}.book-one{top:25px;width:57%}.book-two{top:140px;width:49%}.book-copy strong{font-size:20px}.book-copy small{font-size:9px}.book-copy>span{font-size:10px}.guides-library main{padding:0 20px 45px!important}.reading-library{padding-top:40px}.library-heading h2{font-size:31px}.library-filters{gap:18px;margin-top:24px}.library-filters button{font-size:13px}.library-grid{grid-template-columns:1fr;gap:30px}.library-guide>img{height:210px}.library-guide h3{font-size:26px}.guide-editorial .ghero-in{padding:28px 20px 32px!important}.guide-editorial .ghero h1{font-size:35px!important}.reading-deck{font-size:16px!important}.reading-cover{margin-top:22px}.reading-cover img{height:230px}.guide-editorial .g-body{padding:28px 20px 45px}.guide-editorial article p,.guide-editorial article li{font-size:16px;line-height:1.75}.guide-editorial article h2{font-size:27px}.reading-related{flex-direction:column}.library-search{min-width:0}}
@media(prefers-reduced-motion:reduce){.reading-book,.library-guide>img{transition:none}}
/* Daylight and foliage give the library opening depth without competing with type. */
.reading-opening{position:relative;isolation:isolate;background:radial-gradient(ellipse at 12% 12%,#faf5e6 0%,#f0f1e4 30%,transparent 67%),linear-gradient(115deg,#edf0e4 25%,#d7e3cf 70%,#c4d6bd 100%)}
.reading-opening::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/home/nursery-no-person.jpg') right center/cover no-repeat;opacity:.12;filter:blur(3px) saturate(.35);mask-image:linear-gradient(90deg,transparent 18%,#000 100%)}
.reading-opening::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 20%,#fffaf044 21%,#fffaf044 25%,transparent 26%,transparent 43%,#fffaf033 44%,#fffaf033 49%,transparent 50%)}
.reading-opening-inner{position:relative}
@media(max-width:580px){.reading-opening{background:linear-gradient(155deg,#f7f4e7 0%,#e8efdf 42%,#cddfc3 100%)}.reading-opening::before{mask-image:linear-gradient(180deg,transparent 35%,#000 100%);background-position:65% bottom;opacity:.1}.reading-opening::after{opacity:.5}}