*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:700;text-transform:lowercase}:root{--font: "Courier New", Courier, monospace;--color-bg: #ffffff;--color-surface: #d8d8d8;--color-surface-hover: #c8c8c8;--color-text: #1a1a1a;--color-text-muted: #555;--color-overlay: rgba(230, 230, 230, .72);--radius: 2px;--transition: .2s ease;--grid-gap: 22px;--card-cols: 4}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:13px;font-weight:700;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:none}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:28px 0 20px;text-align:center}.nav-subtitle{margin:18px 0 0;font-size:.8rem;color:#444343;letter-spacing:.03em}.site-nav{display:inline-flex;align-items:center;gap:10px}@media(max-width:540px){.site-nav{flex-direction:column;gap:6px}.nav-divider{display:none}}.site-name{letter-spacing:.02em}.nav-divider{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.nav-link{position:relative;transition:opacity var(--transition)}.nav-link:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--color-text);transition:width var(--transition)}.nav-link:hover:after{width:100%}.experience-grid{flex:1;display:grid;grid-template-columns:repeat(var(--card-cols),minmax(0,1fr));gap:var(--grid-gap);padding:20px 100px 60px;align-content:start;align-items:start}@media(max-width:900px){:root{--card-cols: 2}.experience-grid{padding:20px 24px 48px}}@media(max-width:540px){:root{--card-cols: 1}.experience-grid{padding:16px 16px 40px}}.experience-card{display:flex;flex-direction:column;background:none;padding:0;text-align:left;cursor:pointer;transition:opacity var(--transition),transform var(--transition);transform-origin:center}.experience-card--dimmed{opacity:.35;pointer-events:none}.experience-card:hover:not(.experience-card--dimmed) .experience-card__image-wrapper{transform:scale(1.015)}.experience-card__image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius);transition:transform .28s ease;background:var(--color-surface);flex-shrink:0}.experience-card__image{width:100%;height:100%;object-fit:cover;display:block}.experience-card__placeholder{width:100%;height:100%;background:var(--color-surface);transition:background var(--transition)}.experience-card:hover:not(.experience-card--dimmed) .experience-card__placeholder{background:var(--color-surface-hover)}.experience-card__meta{display:flex;justify-content:space-between;align-items:baseline;padding:7px 2px 0;gap:8px}.experience-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.experience-card__date{flex-shrink:0;color:var(--color-text-muted);white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .22s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:#fff;border-radius:var(--radius);padding:28px 32px 32px;width:min(540px,90vw);max-height:82vh;overflow-y:auto;box-shadow:0 4px 40px #0000001a;animation:slideUp .24s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal__meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:12px}.modal__title{font-size:14px;letter-spacing:.01em}.modal__date{flex-shrink:0;color:var(--color-text-muted)}.modal__description{font-size:13px;line-height:1.65;color:var(--color-text);text-align:left;white-space:pre-wrap;margin-bottom:24px}.modal__description-label{font-weight:400}.modal__link{text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition)}.modal__link:hover{opacity:.6}.modal__images{display:flex;flex-direction:column;gap:16px}.modal__extra-image{width:100%;height:auto;border-radius:var(--radius);display:block}.modal__image-placeholder{background:var(--color-surface);aspect-ratio:4 / 3}.modal__close{position:absolute;top:14px;right:16px;font-size:14px;color:var(--color-text-muted);padding:4px 6px;line-height:1;transition:color var(--transition),opacity var(--transition);opacity:.55}.modal__close:hover{color:var(--color-text);opacity:1}.site-quote{text-align:center;padding:48px 24px 64px;display:flex;flex-direction:column;align-items:center;gap:10px}.site-quote__text{font-size:13px;color:var(--color-text);max-width:640px;line-height:1.7}.site-quote__attribution{font-size:12px;color:var(--color-text-muted)}.bookshelf{width:100%;padding:0;margin-top:auto;overflow:hidden}.bookshelf__scene{width:100%;display:flex;flex-direction:column}.bookshelf__books-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none;width:100%}.bookshelf__books-scroll::-webkit-scrollbar{display:none}.bookshelf__books{display:inline-flex;flex-direction:row;align-items:flex-end;gap:2px;padding:60px 32px 0;min-width:100%}.bookshelf__plank{width:100%;height:28px;background-image:url(/images/wood.jpg);background-size:cover;background-position:center 40%;background-color:#8b5e3c;box-shadow:0 -6px 18px #00000038,inset 0 3px 6px #0000002e}.book-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:2px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;box-shadow:0 2px 12px #00000038;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:10}.book-spine:hover .book-tooltip{opacity:1}.book-tooltip__title{font-size:10px;letter-spacing:.04em}.book-tooltip__author{font-size:9px;opacity:.7}.book-spine{flex-shrink:0;display:flex;flex-direction:column;border-radius:2px 2px 0 0;cursor:default;transition:transform .12s ease,box-shadow .12s ease;position:relative;overflow:visible}.book-spine:hover{transform:translateY(-6px);z-index:2}.book-spine__band{width:100%;height:6px;flex-shrink:0;opacity:.9}.book-spine__body{flex:1;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:6px 3px;overflow:hidden}.book-spine__title{font-size:9px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase;font-weight:700;flex-shrink:1;min-width:0}.book-spine__sep{font-size:7px;flex-shrink:0;opacity:.8}.book-spine__author{font-size:7.5px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase;flex-shrink:1;min-width:0}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}