@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";
:root{--paper:#f5f4ef;--blue:#385ba1;--ink:#333e50;--muted:#717a86}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,Arial,sans-serif}.world{isolation:isolate;width:100%;height:100dvh;position:relative;overflow:hidden}.world:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 67% 46%,#e7edf359 0,#0000 46%);position:absolute;inset:0}a{color:inherit;text-decoration:none}a:focus-visible,canvas:focus-visible{outline:1px solid var(--blue);outline-offset:7px}header{z-index:3;justify-content:space-between;align-items:center;width:100%;padding:35px 4.5%;display:flex;position:absolute;top:0;left:0}.signature{letter-spacing:-.8px;color:var(--blue);align-items:center;gap:9px;font-size:18px;display:flex}.icon{font-family:Georgia,serif;font-size:33px;line-height:25px}.title{z-index:2;pointer-events:none;position:absolute;top:24%;left:9%}.eyebrow{color:var(--blue);letter-spacing:2px;font-size:9px}.title h1{letter-spacing:-2.8px;margin:25px 0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(50px,5.6vw,96px);font-weight:400;line-height:.98}.title h1 em{color:var(--blue);font-weight:400}.title p{color:var(--muted);margin:0;font-size:18px;line-height:1.8}.sculpture{z-index:1;width:62%;height:77%;position:absolute;top:8%;left:35%}#orb{cursor:grab;touch-action:none;width:100%;height:100%;display:none;position:absolute;inset:0}#orb:active{cursor:grabbing}#fallback{object-fit:cover;opacity:1;z-index:-1;border-radius:50%;width:min(42vw,50vh);height:min(42vw,50vh);transition:opacity .4s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -12px -20px 30px #3a466c22}.webgl-ready #fallback{opacity:0}.shadow{filter:blur(19px);opacity:.1;z-index:-1;background:#2c487e;border-radius:50%;width:36%;height:3%;position:absolute;top:87%;left:50%;transform:translate(-50%)}.oracle{text-align:center;z-index:3;width:min(650px,80%);position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.oracle p{max-width:600px;color:var(--blue);min-height:1.2em;margin:0 auto;font-family:Instrument Serif,Georgia,serif;font-size:clamp(22px,2.1vw,32px);font-style:italic;font-weight:400;line-height:1.15}@media (min-width:1700px){.title{left:12%}.sculpture{width:56%;left:36%}}@media (max-width:900px){.title{top:25%;left:7%}.title h1{font-size:64px}.sculpture{width:66%;left:34%}}@media (max-width:600px){header{padding:23px 6%}.signature{font-size:16px}.title{width:84%;top:14%;left:8%}.eyebrow{letter-spacing:1.5px;font-size:7px}.title h1{letter-spacing:-1.5px;max-width:345px;margin:15px 0 0;font-size:clamp(43px,11.8vw,67px);line-height:.98}.title h1 br{display:none}.title h1 em{white-space:normal}.title p{display:none}.sculpture{width:100%;height:44%;top:31%;left:0}#fallback{width:min(65vw,31vh);height:min(65vw,31vh)}.shadow{filter:blur(14px);width:40%;height:3%;top:90%}.oracle{width:82%;bottom:11%}.oracle p{max-width:330px;font-size:24px}}@media (max-height:650px) and (min-width:601px){header{padding-top:22px}.title{top:24%}.title h1{margin:17px 0;font-size:55px}.title p{font-size:16px}.sculpture{height:77%;top:6%}.oracle{bottom:10%}.oracle p{font-size:23px}}@media (max-height:700px) and (max-width:600px){header{padding-top:17px}.title{top:13%}.title h1{max-width:285px;margin-top:12px;font-size:42px}.sculpture{height:43%;top:30%}.oracle{bottom:11%}.oracle p{font-size:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}