header{background:#f4f3e2;width:100%;margin-bottom:-1in;padding:3rem 2rem 4rem;position:sticky;top:0;overflow:hidden}header svg{width:100%;height:auto}h1{z-index:1;margin:0;position:absolute;inset:1rem 1rem auto}h2{margin-block:0;font-size:3rem;font-style:italic;font-weight:250}.divider{object-fit:contain;object-position:bottom;width:100%;min-height:1in;margin-top:-1px;margin-bottom:-1px;display:block;position:relative}.reversed{rotate:180deg}main{position:relative}section{background:var(--cream);padding-block:4rem 3rem}#work{padding-block:1rem}#work~section{color:var(--cream);background:#365e92;padding-inline:2rem}#work~section.contact{background:var(--velvet)}.reversed+section{margin-top:-2in;padding-top:2in}.filter{width:100%;padding:var(--space-medium);background:var(--cream);color:#989898;justify-content:space-around;margin-inline:auto;font-size:2rem;display:flex;position:sticky;top:0;overflow-x:scroll}.filter label{cursor:pointer;position:relative}.filter label:hover{color:#686868}.filter input{display:none}.filter input:checked+label{text-decoration:underline;-webkit-text-decoration-color:var(--velvet);text-decoration-color:var(--velvet);text-decoration-thickness:.2em}.filter input:checked+label:after{content:"";aspect-ratio:1.9;background:url(/public/mag_glass.png) 0 0/contain no-repeat;height:2em;display:block;position:absolute;top:-.2em;left:-2.6em;transform:scaleX(-100%)}.book-shelf{margin:calc(-1*var(--space-medium))var(--space-medium)0;flex-wrap:wrap;justify-content:center;align-items:flex-end;padding-bottom:1px;display:none}.book-shelf .book-container{padding:10% var(--space-medium)0;text-align:center;border-bottom:1rem solid var(--velvet);flex:1 0 15rem;width:100%}.book-shelf .book-cover{--cover-max-width:15rem;margin-inline:auto}#reviews .book-container{flex-basis:10rem}#reviews .book-container .book-cover{--cover-max-width:10rem}form:has([value=books]:checked)~#books,form:has([value=reviews]:checked)~#reviews{display:flex}.polaroid{float:right;aspect-ratio:.8;object-fit:cover;background:#f4f4ef;width:12rem;margin:1rem;padding:1rem 1rem 3rem;translate:1rem -1rem;rotate:10deg;box-shadow:1px 1px 1rem #363034}form[name=contact]{grid-template-columns:max-content 1fr;align-items:end;gap:1rem;max-width:30rem;margin-inline:auto;display:grid}form[name=contact] h2,form[name=contact] button{text-align:center;grid-column:1/3}form[name=contact] input,form[name=contact] textarea,form[name=contact] button{background:var(--cream);color:#363034;border:none;padding:.5rem;font-family:inherit;font-size:1rem}form[name=contact] button{cursor:pointer;background:var(--cream);margin-inline:auto;border-radius:0 10px 10px 0;width:max-content;margin-top:1em;padding-inline:2em;font-size:1.5rem;font-style:italic;font-weight:300;transition:scale .3s,box-shadow .6s}form[name=contact] button:focus,form[name=contact] button:hover{box-shadow:0 1px .3em #36303466}[data-texture]{position:relative}[data-texture]:after{z-index:0}section:last-child{text-align:right;padding-block:1rem 4rem;font-weight:200}