:root{color-scheme:light;font-family:Arial,sans-serif;color:#28231f;background:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:rgba(30,25,21,.66)}a{color:inherit}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #491108;outline-offset:3px}.portfolio-window{position:fixed;inset:4vh 4vw;inset:4dvh 4vw;display:flex;flex-direction:column;background:#e5e2db;box-shadow:0 12px 80px #0005;border-radius:3px;overflow:hidden}.toolbar{flex:none;display:flex;align-items:center;gap:18px;padding:13px 20px;background:#f3f0e7;border-bottom:1px solid #d9d2c4;min-height:60px}.toolbar h1{font:20px Georgia,serif;margin:0;white-space:nowrap}.toolbar select{min-width:0;max-width:400px;background:transparent;border:1px solid #d9d2c4;padding:8px;flex:1;font-size:12px}.toolbar button{margin-left:auto;background:transparent;border:0;font-size:25px;padding:4px 8px;line-height:1}.reader{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px;scrollbar-gutter:stable;outline-offset:-3px}.page,.supplement{max-width:1440px;margin:0 auto 20px}.page img,.supplement img{display:block;width:100%;height:auto;background:#f3f0e7;box-shadow:0 2px 10px #0001}.supplements{max-width:1440px;margin:38px auto 0}.supplements h2{font:24px Georgia,serif}.supplement figcaption{font-size:12px;margin:12px 0 22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.closed{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#f3f0e7;gap:20px}.closed button{padding:13px 24px;background:transparent;border:1px solid #491108}.closed h1{font:32px Georgia,serif}.closed a{font-size:13px}[hidden]{display:none!important}
@media(max-width:700px){.portfolio-window{inset:2dvh 2vw}.toolbar{padding:10px;gap:10px;min-height:55px}.toolbar h1{font-size:16px}.toolbar select{font-size:11px;max-width:45vw}.reader{padding:8px}.page{margin-bottom:12px}.supplements h2{font-size:20px}.toolbar button{font-size:24px}}

.portfolio-language{display:flex;gap:6px;align-items:center;white-space:nowrap;font:11px Arial,sans-serif}.portfolio-language a{padding:5px;text-decoration:none}.portfolio-language a[aria-current]{font-weight:700;text-decoration:underline}.drawing-note{font:12px/1.6 Arial,sans-serif;color:#75695A}.toolbar h1{overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:700px){.toolbar{gap:6px}.toolbar h1{flex:1}.toolbar select{max-width:28vw}.portfolio-language{gap:2px}}