@charset "UTF-8";@font-face{font-family:Inter WF;font-weight:400;src:url(/build/assets/Inter-Regular-d612f121.woff2) format("woff2"),url(/build/assets/Inter-Regular-ef1f23c0.woff) format("woff")}@font-face{font-family:Inter WF;font-weight:700;src:url(/build/assets/Inter-SemiBold-15226129.woff2) format("woff2"),url(/build/assets/Inter-SemiBold-653fed7a.woff) format("woff")}@font-face{font-family:Lekton WF;src:url(/build/assets/Lekton-Regular-1278b5ac.woff2) format("woff2"),url(/build/assets/Lekton-Regular-5486b6a6.woff) format("woff")}:root{--color-blue: rgb( 92, 122, 220);--color-rose: rgb(255, 151, 195);--color-rose-text:rgb(229, 135, 174);--color-yellow: rgb(245, 230, 32);--color-silver: rgb(127, 126, 131);--color-gray: rgb(162, 164, 166);--color-offwhite: rgb(240, 235, 225);--color-text: black;--color-text-dim: rgb(68, 68, 68);--color-link: var(--color-blue);--margin-page: max(.8rem, 2vw);--height-gradient-bar: clamp(36px, 9vw, 200px);--height-shadow-link: -.3rem;--font-size-small: .83em;--border-radius: 2px}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body{min-height:100vh;background:white;overflow-x:clip}body{display:flex;flex-direction:column;justify-content:flex-start;font-family:Inter WF,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:105%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 768px){body{font-size:115%}}h1,.breadcrumb{width:fit-content;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}h1{margin-bottom:1em;color:var(--color-text-dim);font-size:var(--font-size-small);line-height:2;-webkit-hyphens:auto;hyphens:auto}h1 i{display:none}h1 span{display:inline-block}h1 span:after{display:block;width:66%;height:3px;margin-top:.35em;background-color:var(--color-yellow);content:""}.breadcrumb{position:relative;display:block;margin-bottom:.1em;font-weight:400}.breadcrumb:before{position:relative;left:-.2em;content:"←"}@media screen and (min-width: 768px){.breadcrumb:before{position:absolute;left:-1.2em}}h2,main blockquote p{font-family:Lekton WF,monospace;font-weight:400;font-feature-settings:"ss01","ss02";-webkit-hyphens:auto;hyphens:auto;word-spacing:.1em}h2{margin-top:2em;color:var(--color-silver);font-size:1.5em}blockquote{margin:2em 0}blockquote footer{position:relative;margin:.2em 0;padding-left:1.4em;font-size:var(--font-size-small)}blockquote footer:before{position:absolute;left:0;content:"— ";color:var(--color-gray)}main blockquote p{margin:0;font-size:1.3em;line-height:1.2}@media screen and (min-width: 768px){main blockquote p{font-size:1.6em;-webkit-hyphens:manual;hyphens:manual}}img{max-width:100%;height:auto}main p img{float:left;max-width:200px;height:auto;margin:.3em 1em .5em 0}ul,ol{list-style:none}main ul,main ol{margin-left:.9em;list-style-type:"→"}main li{padding-left:.3em}main li::marker{color:var(--color-gray);font-weight:700}a{text-decoration:none}a.external-link:before{padding-right:.2em;box-shadow:inset 0 -1em #fff;content:"→"}#logo-name{display:block;width:fit-content;color:var(--color-silver);font-weight:700;font-size:1.2em;line-height:1.1}#logo{flex:1 0 auto;padding-bottom:1em}#logo-claim{width:fit-content;color:var(--color-text)}#nav-toggle{position:absolute;top:calc(var(--margin-page) / 2);right:var(--margin-page);padding:1.35em 0 0;border:0;background:transparent;color:var(--color-blue);font-weight:700}#nav-toggle:focus,#nav-toggle:hover{border-radius:0;box-shadow:inset 0 var(--height-shadow-link) var(--color-yellow)}#nav-toggle:before{box-shadow:inset 0 -1em #fff;content:"←"}#nav-toggle[aria-expanded=true]:before{content:"→"}header{position:relative;margin:0 0 var(--margin-page);padding-top:calc(var(--margin-page) / 2);padding-left:var(--margin-page);padding-right:var(--margin-page)}header nav>ul{transition:transform .4s}header nav>ul.open{transform:translate(0)}header nav li{margin:.5em 0}header nav a{padding:.3em 0;color:var(--color-link)}header nav a span{transition:box-shadow .2s}header nav a:hover span,header nav a:focus span{color:var(--color-rose-text)}header nav b{font-weight:inherit}header nav ul ul a{padding-left:var(--margin-page)}a.current{color:var(--color-text-dim)}@media screen and (max-width: 1439px){header nav>ul{position:absolute;right:0;z-index:9999;width:fit-content;transform:translate(calc(100% + 1em));padding:.5em 1.5em .5em 1em;background-color:#fff;box-shadow:0 1em 1em #0000004d}header nav ul ul li{font-size:.9em}}@media screen and (min-width: 1440px){header{display:flex;align-items:flex-end;justify-content:space-between}header nav{margin-left:auto}header nav>ul{display:flex;justify-content:flex-end}header nav>ul>li{position:relative}header nav>ul>li:hover ul,header nav>ul>li:focus ul{display:block}header nav>ul>li:last-child a{padding-right:0}header nav li{flex:0 1 0;margin:0;display:flex;align-items:flex-end}header nav a{padding:1em 1vw}header nav b{white-space:nowrap}header nav ul ul{display:none;position:absolute;z-index:1000;top:100%;padding:.5em 0;transform:translate(-.4vw,-.9em);width:fit-content;background:white;box-shadow:0 5px 5px #0003;white-space:nowrap}header nav ul ul a{padding:.5em 1.4vw}#nav-toggle{display:none}}@media screen and (min-width: 1600px){header nav a{padding:1em 1.5vw}header nav b{white-space:nowrap}header nav ul ul a{padding:.5em 1.9vw}}main{margin-bottom:4em;padding-top:var(--margin-page);line-height:1.5}main p{margin:1.5em auto;-webkit-hyphens:auto;hyphens:auto}main li{margin:.25em auto;-webkit-hyphens:auto;hyphens:auto}main a{color:var(--color-link);font-weight:700;transition:box-shadow .2s}main a:hover,main a:focus{box-shadow:inset 0 -.3em 0 var(--color-yellow)}.photo-block{max-width:42em;margin:0 auto 3em;display:flex;flex-direction:column;align-items:flex-start}.photo-block.landscape{max-width:50em}.photo-block.landscape .photo-container img{max-width:100%;aspect-ratio:3/2}.photo-block h1{margin-top:0}.photo-block blockquote{margin:1.5em 0}.photo-container{position:relative;margin:6px auto 0;flex-shrink:0;order:2;text-align:center}.photo-container img{max-width:255px;aspect-ratio:2/3;object-fit:cover}.potd-caption{position:absolute;bottom:1em;right:1em;color:#fff;text-shadow:1px 1px rgba(0,0,0,.5);font-size:var(--font-size-small)}.text-container{padding:0 var(--margin-page);display:flex;flex-direction:column}@media screen and (min-width: 640px){.photo-block{flex-direction:row}.photo-block.landscape .photo-container{width:40%}.photo-block.landscape .photo-container img{height:auto}.photo-block blockquote{margin:.5em 0}.photo-container{margin:6px 2.4em 0 0;padding-top:.6em;order:0}.photo-container img{width:auto;height:45vh}.text-container{padding:0}}.text-content,.sidebar{box-sizing:content-box;max-width:38em;padding:0 var(--margin-page);margin:0 auto}@media screen and (min-width: 1024px){.sidebar{max-width:12em;margin:0;padding:3em 1em 0}.sidebar-content{display:flex;justify-content:center;box-sizing:content-box;padding:0 var(--margin-page);margin:0 auto}.sidebar-content .text-content{width:38em;margin:0}}label{display:block;margin:1em 0 .3em}input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number]{width:100%;padding:.4em .5em;background:white;border:1px solid var(--color-gray);border-radius:var(--border-radius);box-shadow:inset 1px 1px 1px #0003;font-size:1em}input:focus,button:focus,a.button:focus{outline:0;box-shadow:inset 1px 1px 1px #0003,0 0 0 3px var(--color-yellow)}button{cursor:pointer;font-weight:700;font-size:1em}button:hover{opacity:.9}button[type=button],button[type=submit]{padding:.5em 1em;background:var(--color-blue);color:#fff;border:0;border-radius:var(--border-radius)}button[type=submit]:disabled{background:var(--color-gray)}button[type=reset]{position:absolute;right:.5em;top:.4em;width:1.25em;height:1.25em;border-radius:50%;border:0;background:var(--color-silver);color:#fff}a.button{padding:.5em 1em;background:var(--color-blue);color:#fff;border:0;border-radius:var(--border-radius);cursor:pointer;font-weight:700;font-size:1em}a.button:hover{opacity:.9;box-shadow:none}.search-form{position:relative;margin:1.5em 0}.book-list li{display:none}.book-list li.filter-match{display:block}.book-list p{margin:.25em 0 .75em}.book-category,.tag{display:inline-block;margin:.2em .2em .2em 0;padding:.1em .4em;border:2px solid var(--color-rose);border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s;font-size:var(--font-size-small)}.book-category:hover,.tag:hover{background-color:var(--color-yellow)}.book-category{margin-right:.5em;border-color:var(--color-blue)}mark{background:var(--color-yellow);color:var(--color-text);pointer-events:none}.no-results{display:none;padding:1.8em 0;font-style:italic}.no-results.show{display:block}body>footer{margin-top:auto;padding:var(--margin-page);padding-bottom:3em;color:var(--color-text-dim);font-size:var(--font-size-small)}body>footer a{color:var(--color-link);font-weight:700;transition:box-shadow .2s}body>footer span a:hover,body>footer span a:focus{box-shadow:inset 0 -.3em 0 var(--color-yellow)}body>footer nav ul{list-style-type:none;text-align:right}body>footer nav li{margin:1em 0}body>footer nav a{padding:.5em 0}body>footer nav a span{transition:box-shadow .2s}body>footer nav a:hover span,body>footer nav a:focus span{box-shadow:inset 0 -.3em 0 var(--color-yellow)}footer form{display:flex;flex-direction:column;align-items:flex-start;gap:1em;padding:1em;margin:1em 0;border-radius:var(--border-radius);background:var(--color-offwhite)}footer form label{margin:0}@media screen and (min-width: 1024px){body>footer{padding:var(--margin-page) 0 var(--margin-page) var(--margin-page);display:flex;justify-content:space-between;align-items:center}body>footer nav ul{display:flex}body>footer nav li{margin:0}body>footer nav a{padding:1em var(--margin-page)}footer form{flex-direction:row;align-items:center;gap:.5em;margin:0;padding:0;background:transparent}#newsletter-email{flex:1 1 auto;width:auto}}.form-field-extra{display:none}table{width:100%;border-bottom:1px solid var(--color-offwhite);border-collapse:collapse}th{text-align:left;font-weight:400;font-size:var(--font-size-small)}td{min-width:6em;padding:.5em 0;border-top:1px solid var(--color-offwhite);vertical-align:top}#dialog,#lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:rgba(0,0,0,.3);opacity:0;cursor:pointer}#lightbox{background:rgba(0,0,0,.7)}#dialog.show,#lightbox.show{display:flex;opacity:1}.dialog-box{width:clamp(20em,30em,95%);display:flex;flex-direction:column;padding:1em;border-radius:var(--border-radius);background:white;box-shadow:0 .5em 2em #00000080}.lightbox-image{width:fit-content;height:95%;position:relative}.lightbox-image img{width:100%;height:100%;object-fit:scale-down}.lightbox-caption{position:absolute;bottom:0;width:100%;padding:1em;color:#fff;text-shadow:1px 1px 0px var(--color-text),2px 2px 0px var(--color-text);text-align:right;font-weight:700;font-size:var(--font-size-small)}.lightbox-caption:before{content:"© "}.dialog-box h2{margin:0}.dialog-box p{margin:1em 0}#dialog-close{align-self:end}#lightbox-close{position:absolute;top:1em;right:1em}.cards{max-width:1500px;margin:0 auto;padding:1em var(--margin-page);display:grid;gap:var(--margin-page)}a.card{display:flex;flex-direction:column;color:inherit;box-shadow:0 2px 10px #0003;transition:all .2s;font-weight:inherit}a.card:hover,a.card:focus{box-shadow:0 2px 14px #0000004d}a.card .card-image{aspect-ratio:16/6;overflow:hidden}a.card .card-image img{width:100%;height:100%;aspect-ratio:16/6;object-fit:cover;object-position:center center;overflow:clip;transition:all .5s}a.card:hover .card-image img{transform:scale(1.03) rotate(.02deg);filter:brightness(1.1)}a.card .card-text{flex-grow:1;padding:1em;display:flex;flex-direction:column}a.card h2{display:inline-block;margin:0 0 .25em;color:var(--color-blue);line-height:1;-webkit-hyphens:manual;hyphens:manual}a.card p{margin-top:0;font-size:.95em}.card .card-affordance{width:fit-content;margin-top:auto;margin-left:auto;color:var(--color-blue);font-weight:700;line-height:1.3;text-align:right;transition:box-shadow .2s}.card:hover .card-affordance{box-shadow:inset 0 -.3em 0 var(--color-yellow)}@media screen and (min-width: 580px){a.card{flex-direction:row}a.card .card-image{flex:0 0 30%;aspect-ratio:2/1}a.card .card-image img{aspect-ratio:2/1}}@media screen and (min-width: 1024px){.cards{grid-template-columns:repeat(3,1fr)}a.card{flex-direction:column}a.card p{font-size:var(--font-size-small)}a.card .card-image{flex:unset;aspect-ratio:3/2}a.card .card-image img{aspect-ratio:3/2}}
