@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&display=swap";@font-face{font-family:PP Pangram Sans;font-style:normal;font-weight:500 900;font-display:swap;src:local(PP Pangram Sans Heavy),local(PP Pangram Sans),local(PPPangramSans-Heavy),local(PPPangramSans-Bold)}:root{--base-100:#f5f2ed;--base-200:#e0dfd7;--base-300:#5f5f5f;--base-400:#171717}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--base-100);color:var(--base-400);font-family:DM Sans,sans-serif}img{object-fit:contain;width:100%;height:100%}.site-header{z-index:50;pointer-events:none;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.site-logo{pointer-events:auto;--logo-bg:var(--base-100);--logo-fg:var(--base-400);--logo-shadow:#1717171f;display:inline-block}.site-logo-inner{letter-spacing:.06em;text-transform:lowercase;background:var(--logo-bg);color:var(--logo-fg);box-shadow:0 .15rem .85rem var(--logo-shadow);border-radius:.55rem;padding:.45rem .95rem;font-family:PP Pangram Sans,Syne,ui-sans-serif,sans-serif;font-size:1.35rem;font-weight:800;line-height:1;display:inline-block}.site-logo.logo-inverted{--logo-bg:#212121eb;--logo-fg:var(--base-100);--logo-shadow:#00000059}.brand-section-light{background:var(--base-100);min-height:100svh}.brand-section-dark{background:var(--base-400);min-height:100svh}.desk{width:100%;max-width:1400px;height:100svh;margin:0 auto;position:relative}.header{text-align:center;pointer-events:none;z-index:10;flex-direction:column;gap:.75rem;width:400px;display:flex;position:absolute}.header h1{letter-spacing:-.02rem;font-family:Instrument Serif,sans-serif;font-size:4rem;font-weight:600;line-height:1}.header p{color:var(--base-300);font-size:.95rem;line-height:1.75}.header p a{color:inherit;text-underline-offset:.2em;pointer-events:auto}.item{will-change:top, left, transform;position:absolute}.modes{z-index:10;gap:.5rem;display:flex;position:fixed;bottom:7.5svh;left:50%;transform:translate(-50%)}.modes button{width:3rem;height:3rem;color:var(--base-300);background:var(--base-100);border:1px solid var(--base-200);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;transition:all .5s;display:flex}.modes button:active{transform:scale(.9)}.modes button.active{background:var(--base-200);border:1px solid var(--base-200)}@media (width<=1400px){.desk{overflow-x:hidden}}@media (width<=1000px){.desk:after{content:"";background-color:#f5f2ed80;width:100%;height:100%;position:absolute;top:0;left:0}.item{filter:saturate(0)}.site-logo-inner{padding:.35rem .7rem;font-size:1.05rem}}