:root{--paper:#faf8f5;--paper-deep:#f2ede6;--ink:#23201d;--muted:#8a8279;--gold:#c9a227;--fade:.6s;--quote-size:clamp(1.35rem, 1.05rem + 1.3vw, 1.9rem);--wisdom-lines:3;--wisdom-reserve:calc(var(--quote-size) * 1.45 * var(--wisdom-lines) + 2.95rem);--ease:cubic-bezier(.4, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%, var(--paper) 0%, var(--paper-deep) 100%);color:var(--ink);font-family:Cormorant Garamond,Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif}#root{min-height:100dvh}.page{flex-direction:column;justify-content:center;align-items:center;gap:clamp(2rem,6vh,3.5rem);min-height:100dvh;padding:clamp(2rem,8vh,5rem) clamp(1.25rem,6vw,3rem);display:flex}.portrait{cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(420px,78vw);transition:transform var(--fade) var(--ease), box-shadow var(--fade) var(--ease);background:0 0;border:0;border-radius:14px;padding:0;display:block;position:relative;box-shadow:0 1px 2px #23201d0f,0 18px 40px -16px #23201d38}.portrait:hover{transform:translateY(-2px)}.portrait:active{transform:translateY(0)scale(.995)}.portrait:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.portrait:has(.is-visible){box-shadow:0 1px 2px #23201d0f,0 18px 40px -16px #23201d38,0 0 60px -6px #c9a22759}.portrait__layer{border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.portrait__layer--halo{opacity:0;height:100%;transition:opacity var(--fade) var(--ease);position:absolute;inset:0}.portrait__layer--halo.is-visible{opacity:1}.wisdom{min-height:var(--wisdom-reserve);text-align:center;opacity:0;visibility:hidden;max-width:34rem;transition:opacity var(--fade) var(--ease), visibility 0s linear var(--fade);margin:0}.wisdom.is-visible{opacity:1;visibility:visible;transition:opacity var(--fade) var(--ease), visibility 0s}.wisdom__quote{font-size:var(--quote-size);text-wrap:balance;margin:0 0 1.35rem;font-style:italic;font-weight:400;line-height:1.45}.wisdom__source{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.72rem,.66rem + .24vw,.82rem);font-style:normal}.wisdom__source:before{content:"— "}@media (width<=480px){:root{--wisdom-lines:4}}@media (prefers-reduced-motion:reduce){:root{--fade:1ms}.portrait:hover,.portrait:active{transform:none}}