@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}:root{--paper:#fff;--ink:#202326;--line:#dcdedf;--accent:#df4c27;--cyan:#218a9c;--yellow:#b89631;--lavender:#7971bf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#080909;--ink:#e9eae7;--line:#353939;--accent:#f28355;--cyan:#68bdcc;--yellow:#d8bf72;--lavender:#aca1e5}}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body,button,a{font-family:Space Grotesk,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--cyan);outline-offset:5px}#experience{isolation:isolate;height:100svh;min-height:640px;position:relative;overflow:hidden}.site-header{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:36px;left:56px;right:56px}.mark{width:44px;height:44px;display:block}.mark svg{fill:currentColor;width:42px;height:42px}.contact{border:1px solid var(--line);border-radius:100px;align-items:center;gap:24px;min-height:44px;padding:10px 16px;font-size:14px;text-decoration:none;display:flex}.contact svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:16px;height:16px}.contact:hover{border-color:var(--ink)}h1{z-index:2;letter-spacing:-.072em;pointer-events:none;margin:0;font-size:clamp(72px,8.15vw,118px);font-weight:500;line-height:.96;position:absolute;top:50%;left:max(56px,50vw - 640px);transform:translateY(-80%)}h1>span{display:block}.period{transition:color 2s}.has-color .period{color:var(--accent)}.artwork,#logo-scene{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#logo-scene{overflow:visible}.shape-shell{fill:var(--paper);stroke:var(--ink);stroke-width:.8px}.contour{fill:none;stroke:var(--ink);stroke-width:.64px;vector-effect:non-scaling-stroke;opacity:.72}.orbit-trace{fill:none;stroke:var(--ink);stroke-width:.6px;opacity:.12}.logo-piece{pointer-events:all;touch-action:none;cursor:grab;--color-wash:0%;outline:none}.logo-piece .shape-shell{fill:color-mix(in srgb, var(--piece-color) var(--color-wash), var(--paper));stroke-width:1.2px}.logo-piece.dragging{cursor:grabbing}:is(.logo-piece.dragging .shape-shell,.logo-piece:focus-visible .shape-shell){stroke:var(--piece-color);stroke-width:3px}.logo-piece.dragging .contour{stroke:var(--piece-color)}#accent-particles,#orbit-lines,.logo-burst{pointer-events:none}.round-button{right:32px;bottom:max(28px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--paper);z-index:6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.round-button svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.round-button .play,.round-button[aria-label=Play\ motion] .pause{display:none}.round-button[aria-label=Play\ motion] .play{display:block}.round-button:hover{border-color:var(--ink)}@media (max-width:760px){#experience{min-height:100svh}.site-header{top:max(24px, env(safe-area-inset-top));left:24px;right:24px}.mark svg{width:33px;height:33px}.contact{gap:18px;padding:8px 13px;font-size:12px}h1{letter-spacing:-.066em;font-size:clamp(52px,14.6vw,86px);top:123px;left:24px;transform:none}.round-button{right:24px;bottom:max(24px, env(safe-area-inset-bottom))}}@media (max-width:350px){.site-header{left:20px;right:20px}h1{top:120px;left:20px}}@media (max-width:760px) and (max-height:600px){h1{top:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.skip-link{z-index:10;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}