.margin-note{font:italic 19px Georgia,serif;color:#b44724}.atlas-section{padding:70px 6%;background:#f3eedf;background-image:radial-gradient(#15334820 .8px,transparent .8px);background-size:15px 15px}.atlas-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 35px}.atlas-tabs button{padding:12px 18px;border:1px solid #15334860;background:#f3eedf;color:#153348;border-radius:30px}.atlas-tabs button[aria-pressed=true]{background:#153348;color:white}.map-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:40px}.map-stops:before{content:'';position:absolute;top:20px;left:8%;right:8%;border-top:2px dashed #397b98}.map-stop{position:relative;padding-top:55px}.map-stop:before{content:'';position:absolute;top:12px;left:0;width:15px;height:15px;background:#e8592a;border:5px solid #f3eedf;outline:1px solid #e8592a;border-radius:50%}.map-stop small{display:block;margin:5px 0 15px;font-size:12px;color:#456375}.map-stop h3{font:35px/1.1 'Libre Caslon Display',Georgia,serif;margin-bottom:18px}.map-stop p{font-size:15px;max-width:320px}.map-stop a{font-size:13px;font-weight:600}.atlas-foot{font:italic 17px Georgia,serif;margin:45px 0 0}.cartoon-wall{background:#d9e8e9;padding:70px 6%;display:grid;grid-template-columns:.85fr 1.5fr;gap:6%;align-items:center}.cartoon-heading p{max-width:360px}.influence{font-size:12px;color:#466270}.cartoon-paper{background:#fff;padding:22px;box-shadow:9px 12px 0 #aec5c9;transform:rotate(-1deg)}.art-open{border:0;padding:0;background:#fff;width:100%;text-align:right;color:#153348}.art-open img{width:100%;display:block}.art-open span{font-size:12px;display:inline-block;padding:10px}.cartoon-caption{padding:12px 8px}.cartoon-caption h3{font:32px 'Libre Caslon Display',Georgia,serif;margin:10px 0}.cartoon-caption p,.cartoon-caption a{font-size:14px}.reading-room{position:relative;background:linear-gradient(90deg,#172b32ed,#172b32d9),url('scaffold-assets/library-reference.jpg') center 50%/cover;color:#f6f0dd;padding:70px 6% 35px}.reading-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:0 10%;align-items:center}.reading-intro .margin-note{color:#ebbe72;grid-column:1/-1}.reading-intro p:last-child{max-width:380px;color:#d8dedb}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1000px;margin:40px auto 0;padding:0 25px 18px;border-bottom:14px solid #967554;box-shadow:0 12px 10px #0004}.book-spine{padding:28px 25px;min-height:310px;border:0;border-left:12px solid #0002;box-shadow:8px 5px 10px #0004;text-align:left;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.book-spine:hover{transform:translateY(-10px)}.book-spine span{font-size:11px;margin-bottom:25px}.book-spine strong{font:36px/1.1 'Libre Caslon Display',Georgia,serif}.book-spine em{font:14px Georgia,serif;margin-top:30px}.book-spine.first{background:#8f492e;transform:rotate(-3deg)}.book-spine.second{background:#d0b77c;color:#233934}.book-spine.third{background:#3b697c;transform:rotate(3deg)}.reading-foot{display:flex;justify-content:space-between;font-size:13px;padding:30px 0 0;gap:20px}.making-section{padding:70px 6%;background:#f7f6ed;background-image:linear-gradient(#163a530b 1px,transparent 1px),linear-gradient(90deg,#163a530b 1px,transparent 1px);background-size:25px 25px}.making-title>p:last-child{font:italic 18px Georgia,serif;max-width:700px;line-height:1.6}.making-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start;margin:40px 0 0}.pinned-note{background:#f0d394;padding:35px;transform:rotate(-2deg);box-shadow:8px 10px 0 #15334816}.pin-dot{display:block;margin:-20px auto 25px;width:12px;height:12px;border-radius:50%;background:#e8592a;box-shadow:2px 2px 3px #0004}.pinned-note h3{font:39px/1.2 'Libre Caslon Display',Georgia,serif}.pinned-note p{font-size:15px}.pinned-note .contact{background:#153348}.made-things>h3{font:30px 'Libre Caslon Display',Georgia,serif}.made-things>a{display:block;text-decoration:none;border-top:1px solid #15334855;padding:20px 0}.work-status{font-size:11px;display:block;margin-bottom:6px;color:#536874}.made-things strong{font:29px 'Libre Caslon Display',Georgia,serif}.made-things p{font-size:14px;margin:8px 0}.made-things b{font-size:12px}.integrated header nav{gap:20px}.integrated .hero-portrait{z-index:2}.integrated .switcher{display:none}.book-note-image{width:100%;margin-bottom:20px}.dialog-book-note{font-size:12px;color:#526d79}
@media(max-width:1000px){.integrated header nav>a:not(.contact){display:none}.cartoon-wall{grid-template-columns:1fr 1.3fr}.book-spine strong{font-size:30px}.shelf{gap:22px}}
@media(max-width:760px){.integrated .hero{padding-top:30px;min-height:1000px}.integrated .hero-portrait{display:block;position:relative;top:auto;right:auto;float:none;margin:30px 0 0 8px;width:130px;padding:7px 7px 20px;opacity:1}.integrated .hero-portrait img{height:135px}.integrated .hero-portrait figcaption{font-size:12px}.integrated .hero .landscape{height:220px}.integrated .hero .trail-caption{bottom:15px;font-size:11px}.atlas-section,.cartoon-wall,.reading-room,.making-section{padding:45px 6%}.map-stops{grid-template-columns:1fr;gap:25px;margin-left:9px}.map-stops:before{top:15px;bottom:30px;left:0;right:auto;border-top:0;border-left:2px dashed #397b98}.map-stop{padding:0 0 0 35px}.map-stop:before{top:5px;left:-12px}.map-stop h3{font-size:32px}.map-stop small{margin-top:0}.atlas-tabs{gap:8px}.atlas-tabs button{font-size:12px;padding:11px 14px}.cartoon-wall{display:block}.cartoon-paper{margin-top:30px;padding:12px;transform:none;box-shadow:6px 7px 0 #aec5c9}.reading-intro{display:block}.shelf{gap:16px;padding:0 6px 18px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:6px}.book-spine{min-width:210px;min-height:285px;scroll-snap-align:start;padding:23px 20px}.book-spine.first,.book-spine.third{transform:none}.reading-foot{font-size:12px;display:block}.reading-foot p:after{content:' Swipe to explore the shelf.'}.making-layout{display:block}.pinned-note{padding:28px;margin:30px 4px 45px}.pinned-note h3{font-size:35px}.making-title>p:last-child{font-size:16px}.cartoon-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.book-spine{transition:none}}
@media(max-width:760px){.integrated .hero{display:flex;flex-direction:column;min-height:1050px}.integrated .hero-copy{order:1}.integrated .hero-portrait{order:0;display:flex;align-items:center;gap:16px;width:270px;padding:0;margin:0 0 27px;transform:none;background:transparent;box-shadow:none}.integrated .hero-portrait img{width:72px;height:82px;border:4px solid white;transform:rotate(-4deg)}.integrated .hero-portrait figcaption{font:italic 17px/1.4 Georgia,serif;max-width:140px;margin:0}}