/* Current portfolio typography and layout, with the original Little Room colors. */
:root{font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em}
body,button,input,a,dialog,.book h2,.page-copy h2,.page-copy h3,.page-copy p,.page-copy li,.folio,.avatar,.tools button,#help,.close,.reader-arrow,.project-nav button,.tv-side button{font-family:'Space Grotesk',sans-serif}
button:focus-visible,a:focus-visible{outline-offset:3px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.029em}h1{font-size:clamp(28px,3.1vw,46px);letter-spacing:-.04em}.intro{max-width:265px}.intro p{opacity:1}.address{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:10px}.address span{font-family:'Space Grotesk',sans-serif;opacity:1}
.eyebrow,.reading-meta,.page-running,.page-count,.room-stamp,.book-spine-title,.reader-status,.book-switcher>span,.folio{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:.06em}.eyebrow{line-height:1.6}
#labels>.hotspot{font-weight:500;border-radius:6px}dialog::backdrop{backdrop-filter:blur(8px)}.book h2{font-weight:700;letter-spacing:-.04em;font-size:clamp(30px,4.8vw,46px);line-height:1.08}.book p,.book li,.help-sheet p{line-height:1.65}.book h3{font-weight:700}.book h4{font-size:18px;margin:24px 0 8px}.book a,.help-sheet a{text-underline-offset:4px}.book blockquote{font:400 24px/1.5 'Newsreader',Georgia,serif;padding-left:20px;margin:24px 0}.book blockquote p{font:inherit}.book .marginalia,.note{font:600 25px/1.15 'Caveat',cursive}.book .chapter-label{margin:44px 0 8px}.book .chapter-label+h3{margin-top:8px}.reading-sheet li{margin-bottom:10px}.reading-sheet ul{padding-left:22px}.reading-sheet p{max-width:62ch}.reading-sheet .project-subtitle{font-size:20px;max-width:44ch}.reading-sheet .reading-meta{font-size:12px;padding-bottom:20px}.case-status{font-family:ui-monospace,monospace}.case-body>p:first-child{font-size:19px}.notebook h2{font-weight:700}.notebook h3{font-size:25px;margin-top:30px}.notebook .note{padding:0}.object-tabs button{border-radius:999px}.poster h2{letter-spacing:-.04em}.phone h2{font-size:27px;letter-spacing:-.035em}.phone a{border-radius:999px}.phone button{border-radius:999px}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.contact-links a{padding:0;margin:0;width:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px}.phone .placeholder-note{overflow-wrap:anywhere}.experiment-link{position:relative;z-index:2;text-underline-offset:5px}.page-copy h2,.page-copy h3{font-weight:700;letter-spacing:-.029em}.page-copy h2{font-size:30px}.book-switcher button{border-radius:999px}
@media(max-width:760px){.intro{max-width:220px}.intro h1{font-size:30px}.address{font-size:8px}.book h2{font-size:32px}.book p,.book li{font-size:15px}.page-copy p,.page-copy li{font-size:16px}.page-copy h2{font-size:27px}.notebook h3{font-size:22px}.book .marginalia,.note{transform:none}}

.screen-note{font:11px/1.5 ui-monospace,monospace;margin-top:18px}
.book a{color:inherit;text-underline-offset:4px}.book blockquote{border-left:2px solid #d9bd86;padding-left:20px}.case-status{color:#f0cf98}.contact-links a{background:transparent;color:#455b3d}.experiment-link{color:#d9e8b9}.screen-note{color:#c3cfad}.phone button{border:1px solid #b5bea5}
.resume-action{margin:0 0 24px}.book .resume-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:1px solid currentColor;border-radius:999px;font-size:14px;text-decoration:none}.book .resume-link:hover{background:#ffffff15}.phone .resume-link{background:transparent;color:#455b3d;border:1px solid #b5bea5}.phone .resume-link:hover{background:#d6dec8}