@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");:root{--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-border:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition:200ms ease;--radius:12px}*,:after,:before{box-sizing:border-box}body,figure,h1,h2,h3,h4,h5,h6,img,p,ul{padding:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;border:0;overflow:hidden}html{overflow-y:scroll;scroll-behavior:smooth}#root,.App,body{width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.App{background-color:var(--color-bg);font-size:16px;line-height:1.6;letter-spacing:-.01em;color:var(--color-text);display:flex;justify-content:center;align-items:center}main{max-width:960px;padding:0 1.5rem}img{max-width:100%;display:block}p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-secondary)}a{transition:color var(--transition),opacity var(--transition)}.mobile-navigation{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/icon-hamburger.d24b5499.svg);height:28px;width:28px;border:0;padding:0;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;top:1.25rem;right:1.25rem;filter:brightness(10%);z-index:100;cursor:pointer;transition:transform var(--transition)}.mobile-navigation:hover{transform:scale(1.1)}.mobile-navigation[aria-expanded=true]{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/icon-close.44a6e2e2.svg)}nav{background-color:var(--color-primary);position:fixed;width:60%;max-width:280px;height:100%;transform:translateY(0);transition:.3s ease-in-out;flex-direction:column;top:-100%;left:0;color:#fff;text-align:center;overflow-y:auto;z-index:99;box-shadow:var(--shadow-lg)}nav[data-visible=true]{display:flex;transform:translateY(100%)}.title{padding-top:1.5rem;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-weight:600;font-size:1.25rem}ul{list-style:none;padding:1.5rem}li{margin-bottom:.75rem}ul a{text-decoration:none;display:flex;align-items:center;gap:.75rem;color:#fff;cursor:pointer;padding:.75rem 1rem;border-radius:8px;font-weight:500;font-size:.9375rem;transition:background-color var(--transition)}ul a:hover{background-color:hsla(0,0%,100%,.15)}ul svg{padding:0;font-size:1.25rem}ul span{font-size:.875rem}@media (min-width:60rem){.mobile-navigation{display:none}nav{transform:translateY(100%);width:70px;max-width:70px;border-radius:0 var(--radius) var(--radius) 0;transition:max-width .3s ease-in-out}ul{padding:1rem .5rem}ul a{justify-content:center;padding:.75rem;gap:0}ul svg{font-size:1.25rem;min-width:1.25rem;flex-shrink:0}.nav-name{display:none;opacity:0;width:0;overflow:hidden;white-space:nowrap}ul a:hover{background-color:hsla(0,0%,100%,.2)}nav:hover{width:180px;max-width:180px}nav:hover ul a{justify-content:flex-start;gap:.75rem}nav:hover .nav-name{display:inline;opacity:1;width:auto;transition:opacity .2s ease-in-out .1s}}