:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-margin:clamp(24px, 5svh, 64px);--frame-height-offset:clamp(36px, 7.5svh, 96px);--page-inline-margin:clamp(16px, 4vw, 32px);--frame-inline-offset:clamp(32px, 8vw, 64px);--portfolio-zoom-progress:0;--portfolio-photo-scale:1;--portfolio-photo-translate-y:0px;font-synthesis:none;background:#fff;font-family:ui-rounded,SF Pro Rounded,Segoe Print,cursive}*{box-sizing:border-box}html,body{background:#fff;min-width:100%;min-height:100%;margin:0}.page{min-height:100svh;padding-block:var(--page-margin);place-items:center;display:grid}.portfolio-frame{width:min(100vw, calc(75vh - var(--frame-height-offset)), 960px);width:min(100vi, calc(75svb - var(--frame-height-offset)), 960px);aspect-ratio:3/4;position:relative;overflow:hidden;container-type:inline-size}.portfolio-photo{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.transcript{z-index:1;color:#0000;-webkit-user-select:text;user-select:text;position:absolute;inset:0}.portfolio-photo,.transcript{transform:scale(var(--portfolio-photo-scale)) translateY(var(--portfolio-photo-translate-y))}.line{margin:0;padding:0}.transcript ul{margin:0;padding:0;list-style:none}.mapped-line-layout{left:var(--line-left);top:var(--line-top);color:#0000;-webkit-text-fill-color:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size);white-space:nowrap;font-style:normal;font-weight:400;line-height:1.2;position:absolute}.mapped-character{inline-size:var(--advance);letter-spacing:var(--tracking);white-space:pre;vertical-align:top;display:inline-block;overflow:clip}.transcript ::selection{color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;background:#2663ff47}.mapped-link,.mapped-link:visited,.mapped-link:hover{color:#0000;-webkit-text-fill-color:transparent;-webkit-user-drag:none;cursor:pointer;text-decoration:none}.mapped-link.is-selecting-text{display:contents}.mapped-link:focus-visible{color:#0000;-webkit-text-fill-color:transparent;outline-offset:.25cqi;background:#2663ff2e;outline:.3cqi solid #2663ff}@supports (transform:scale(calc(100vi / 100vb))){:root{--portfolio-zoom-progress:clamp(0, calc(4 - 3 * (100vi / 100vb)), 1);--portfolio-photo-scale:calc(1 + .2 * var(--portfolio-zoom-progress));--portfolio-photo-translate-y:calc(15px * var(--portfolio-zoom-progress))}}@media (orientation:portrait){.page{padding-inline:var(--page-inline-margin)}.portfolio-frame{width:min(calc(100vw - var(--frame-inline-offset)), calc(75vh - var(--frame-height-offset)), 960px);width:min(calc(100vi - var(--frame-inline-offset)), calc(75svb - var(--frame-height-offset)), 960px)}@supports not (transform:scale(calc(100vi / 100vb))){.portfolio-photo,.transcript{transform:scale(1.2)translateY(15px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}