/* The guide library opens as a small photographic reading room. */
.guides-opening{position:relative;overflow:clip;background:var(--mint-paper);border-radius:0 0 56px 56px;padding:150px 0 0}
.guides-opening-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;min-height:555px}
.guides-opening-copy{position:relative;z-index:2;padding:8px 0 30px}
.site-page .guides-opening h1{font:400 clamp(65px,5.6vw,89px)/.99 MintDisplay;letter-spacing:-.045em;max-width:660px;text-wrap:balance}
.site-page .guides-opening-copy>p{font:400 18px/1.6 MintText;max-width:440px;margin:30px 0 29px;color:#435570;text-wrap:pretty}
.guide-library-action{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:#17264a;color:#fbfaf3;border:1px solid #17264a;border-radius:999px;padding:16px 17px 16px 25px;font:400 14px/1 MintText;min-height:58px;transition:background .2s,box-shadow .2s}
.guide-library-action>span:last-child{display:grid;place-items:center;border:1px solid #fbfaf34f;border-radius:50%;width:29px;height:29px;font-size:21px}
.guide-library-action:hover{background:#244b98;box-shadow:0 5px 16px #17264a20}
.site-page .guides-opening-copy>.guide-library-note{font-size:12px;margin:17px 0 0;color:#657188}
.guide-reading-room{height:545px;position:relative;isolation:isolate;min-width:0}
/* A substantial waterfront scene gives the books a place to live. */
.guide-room-backdrop{position:absolute;inset:-17px -37px 32px -13px;margin:0;border-radius:48% 48% 34px 34px / 35% 35% 34px 34px;overflow:hidden;z-index:-2;background:#16264a;box-shadow:inset 0 0 0 1px #16264a16}
.guide-room-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:69% 50%;opacity:.94;transform:scale(1.035)}
.guide-room-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#142b4912 0%,#142b4900 48%,#17264a5c 77%,#17264acc 100%);pointer-events:none}
.guide-room-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;transform:translateY(12px);transition:transform 1.1s cubic-bezier(.2,.65,.25,1)}
.guide-ribbon-shadow{opacity:.07;filter:blur(8px)}
.guides-opening.is-in-view .guide-room-ribbon{transform:none}
.guide-cover-shell{position:absolute;transition:transform 1.1s cubic-bezier(.2,.65,.25,1);transform-origin:50% 78%}
.guide-cover-0{width:52%;left:3%;top:14px;z-index:2;transform:translateY(22px) rotate(-7deg)}
.guide-cover-1{width:43%;right:3%;top:123px;z-index:3;transform:translateY(35px) rotate(9deg)}
.guides-opening.is-in-view .guide-cover-0{transform:translateY(0) rotate(-5deg)}
.guides-opening.is-in-view .guide-cover-1{transform:translateY(0) rotate(7deg)}
.guide-cover{display:block;position:relative;background:var(--mint-paper,#efe3cf);border:1px solid #d5ccba;border-radius:6px 18px 18px 6px;box-shadow:5px 5px 0 #e2d6bf,6px 6px 0 #b8b4a9,13px 19px 30px #17264a1c;overflow:hidden;transition:box-shadow .25s}
.guide-cover:hover{box-shadow:5px 5px 0 #e2d6bf,6px 6px 0 #9a9e9f,15px 23px 32px #17264a2a}
.guide-book-spine{position:absolute;inset:0 auto 0 7px;width:1px;background:#17264a15;box-shadow:2px 0 5px #17264a0a;pointer-events:none}
.guide-cover-picture{height:205px;background:#dce4ed;overflow:hidden}
.guide-cover-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.25,1)}
.guide-cover:hover img{transform:scale(1.035)}
.guide-cover-copy{padding:23px 23px 21px 26px}
.guide-cover-category{display:block;font:400 10px/1.3 MintText;letter-spacing:.08em;color:#5a6880}
.site-page .guide-cover h2{font:400 29px/1.05 MintDisplay;letter-spacing:-.02em;margin:12px 0 20px;color:#17264a;text-wrap:pretty}
.guide-cover-read{display:flex;align-items:center;justify-content:space-between;font:400 12px/1.3 MintText;color:#244b98;border-top:1px solid #c5c9cd;padding-top:13px}
.guide-cover-read>span{font-size:20px}
.guide-cover-1 .guide-cover-picture{height:157px}
.guide-cover-1 .guide-cover-copy{padding:21px 20px 18px 23px}
.site-page .guide-cover-1 h2{font-size:26px;margin-bottom:18px}
.guide-room-caption{position:absolute;left:7%;bottom:4px;font:400 23px/1.2 MintDisplay;letter-spacing:-.02em;color:#4e5e76}
.guide-opening-bottom{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;padding:32px 0 33px;align-items:center;border-top:1px solid #b8b3a777}
.guide-down-link{display:flex;align-items:center;gap:22px;font:400 13px/1.4 MintText;color:#485a74;width:fit-content}
.guide-down-track{font-size:28px;line-height:1;display:grid;place-items:center;width:42px;height:52px;border:1px solid #9aa4b27d;border-radius:30px}
.guide-hero-business{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:25px;padding:0 50px 0 21px;border-left:1px solid #aeb3bb}
.guide-hero-business>span:first-child{font:400 10px/1.3 MintText;letter-spacing:.05em;color:#5c6b80;grid-column:1/-1;margin-bottom:8px}
.guide-hero-business>strong{font:400 23px/1.13 MintDisplay;color:#17264a;max-width:460px}
.guide-business-arrow{position:absolute;right:0;top:50%;font-size:24px;transform:translateY(-50%)}
.guide-library-action:focus-visible,.guide-cover:focus-visible,.guide-hero-business:focus-visible,.guide-down-link:focus-visible{outline:3px solid #244b98;outline-offset:6px}
.guides-opening+.journal-library{padding-top:75px}
@media(min-width:1700px){.guide-cover-0{left:4%;width:51%}.guide-cover-1{right:3%;width:42%}.guide-cover-picture{height:225px}.guide-cover-1 .guide-cover-picture{height:175px}.guide-reading-room{height:570px}.guides-opening-grid{min-height:585px}}
@media(max-width:1150px){.guides-opening{padding-top:145px}.guides-opening-grid{grid-template-columns:1fr 1fr;gap:25px;min-height:525px}.site-page .guides-opening h1{font-size:69px}.guide-reading-room{height:525px}.guide-cover-0{width:56%;left:0;top:23px}.guide-cover-1{width:46%;right:3%;top:140px}.guide-cover-picture{height:175px}.guide-cover-1 .guide-cover-picture{height:125px}.guide-cover-copy{padding:19px 19px 18px 22px}.site-page .guide-cover h2{font-size:26px}.site-page .guide-cover-1 h2{font-size:23px}.site-page .guides-opening-copy>p{font-size:17px}.guide-room-caption{bottom:8px;font-size:21px}}
@media(max-width:900px){.guides-opening-grid{grid-template-columns:1fr;gap:34px;min-height:0}.guides-opening-copy{text-align:center;padding:0;max-width:700px;margin:auto}.site-page .guides-opening h1{font-size:clamp(62px,8.5vw,80px);max-width:700px}.site-page .guides-opening-copy>p{max-width:500px;margin:25px auto}.site-page .guides-opening-copy>.guide-library-note{margin:16px auto 0}.guide-reading-room{width:min(100%,600px);margin:auto;height:540px}.guide-cover-0{width:51%;left:3%;top:15px}.guide-cover-1{width:43%;right:3%;top:128px}.guide-cover-picture{height:200px}.guide-cover-1 .guide-cover-picture{height:150px}.site-page .guide-cover h2{font-size:29px}.site-page .guide-cover-1 h2{font-size:26px}.guide-room-caption{bottom:10px}.guide-opening-bottom{grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:15px}.guide-hero-business>strong{font-size:23px}.guide-hero-business{padding-left:23px;padding-right:25px}.guide-down-link{gap:15px;font-size:12px}.guide-down-track{flex:0 0 36px}}
@media(max-width:600px){.guides-opening{padding-top:128px;border-radius:0 0 34px 34px}.guides-opening-grid{gap:35px}.site-page .guides-opening h1{font-size:clamp(48px,11.7vw,65px);line-height:1.02;letter-spacing:-.04em}.site-page .guides-opening-copy>p{font-size:16px;line-height:1.55;margin:23px auto;max-width:360px}.guide-library-action{min-height:54px;font-size:13px;padding:13px 15px 13px 22px;gap:25px}.site-page .guides-opening-copy>.guide-library-note{font-size:11px}.guide-reading-room{height:480px;width:calc(100% - 24px)}.guide-room-ribbon{inset:0;width:100%;height:100%}.guide-cover-0{width:56%;top:10px;left:3%}.guide-cover-1{width:44%;right:3%;top:130px}.guide-cover-picture{height:145px}.guide-cover-1 .guide-cover-picture{height:109px}.guide-cover-copy{padding:18px 14px 17px 17px}.guide-cover-1 .guide-cover-copy{padding:16px 13px 16px 16px}.site-page .guide-cover h2{font-size:24px;margin:10px 0 17px}.site-page .guide-cover-1 h2{font-size:22px;margin:9px 0 14px}.guide-cover-category{font-size:9px;letter-spacing:.04em}.guide-cover-read{font-size:10px;gap:5px;padding-top:12px}.guide-cover-read>span{font-size:18px}.guide-room-caption{font-size:19px;bottom:4px;left:3%;max-width:150px}.guide-opening-bottom{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:23px 0 27px;margin-top:12px}.guide-down-link{width:100%;justify-content:space-between}.guide-down-track{width:33px;height:37px;font-size:23px;flex-basis:33px}.guide-hero-business{padding:20px 31px 0 0;border-left:0;border-top:1px solid #b8b3a777}.guide-hero-business>strong{font-size:25px}.guide-business-arrow{top:65%}.guides-opening+.journal-library{padding-top:58px}}
@media(max-width:360px){.guide-reading-room{height:480px}.guide-cover-0{width:56%;left:3%;top:4px}.guide-cover-1{width:44%;right:3%;top:140px}.guide-cover-picture{height:130px}.guide-cover-1 .guide-cover-picture{height:95px}.site-page .guide-cover h2{font-size:22px}.site-page .guide-cover-1 h2{font-size:21px}.guide-cover-copy{padding:15px 12px 15px 15px}.guide-cover-1 .guide-cover-copy{padding:14px 12px 14px 15px}.guide-room-caption{bottom:0;font-size:18px;max-width:140px}}
@media(prefers-reduced-motion:reduce){.guide-cover-shell,.guide-cover-picture img,.guide-room-ribbon{transition:none}.guide-cover-0{transform:rotate(-5deg)}.guide-cover-1{transform:rotate(7deg)}.guide-room-ribbon{transform:none}}
.motion-paused .guide-cover-shell,.motion-paused .guide-cover-picture img,.motion-paused .guide-room-ribbon{transition:none}
.motion-paused .guide-cover-0{transform:rotate(-5deg)}.motion-paused .guide-cover-1{transform:rotate(7deg)}.motion-paused .guide-room-ribbon{transform:none}

@media(max-width:1150px) and (min-width:901px){.guide-room-backdrop{inset:-10px -17px 34px -6px;border-radius:48% 48% 30px 30px / 31% 31% 30px 30px}}
@media(max-width:900px){.guide-room-backdrop{inset:-8px -24px 33px -18px}.guide-room-backdrop img{object-position:73% 50%}}
@media(max-width:600px){.guide-room-backdrop{inset:-8px -20px 43px -20px;border-radius:145px 145px 24px 24px / 135px 135px 24px 24px}.guide-room-backdrop img{object-position:73% 50%}}

/* A continuous photographic setting: no arch or framed window behind the books. */
.guides-opening{isolation:isolate;border-radius:0}
.guide-room-backdrop{inset:0;border-radius:0;box-shadow:none;z-index:-1;background:var(--mint-paper)}
.guide-room-backdrop img{object-position:75% 58%;opacity:.83;transform:none}
.guide-room-backdrop:after{background:linear-gradient(90deg,#f2eadc 0%,#f2eadcf7 30%,#f2eadccb 46%,#f2eadc26 69%,#f2eadc0a 100%),linear-gradient(0deg,#f2eadc 0%,#f2eadc00 29%)}
.guide-reading-room{z-index:1}
.guide-room-caption{color:#263958}
.guide-opening-bottom{position:relative}
@media(max-width:900px){
 .guide-room-backdrop{inset:350px 0 80px}
 .guide-room-backdrop img{object-position:65% center}
 .guide-room-backdrop:after{background:linear-gradient(180deg,#f2eadc,#f2eadc00 25%,#f2eadc00 72%,#f2eadc),linear-gradient(90deg,#f2eadc70,#f2eadc00 40%,#f2eadc10)}
}
@media(max-width:600px){
 .guide-room-backdrop{inset:385px 0 170px}
 .guide-room-backdrop img{object-position:70% center}
}