.logo-field{--line:calc(var(--hero-display,74px) * .9);--cell:calc(var(--line) * 1.5);--gap:calc(var(--line) * .5);grid-template-columns:repeat(4, var(--cell));grid-auto-rows:var(--cell);align-self:flex-start;gap:var(--gap);z-index:1;flex:none;margin:13.4vh 0 0;padding:0;list-style:none;display:grid}.logo-box{background:var(--paper);border:1px solid var(--rule);pointer-events:auto;perspective:720px;position:relative}.logo-tilt{transform-style:preserve-3d;transition:transform .56s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.logo-box.is-flipped .logo-tilt{transform:rotateY(180deg)}.logo-face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.logo-face--mark{background-color:var(--ink);-webkit-mask:var(--mark) center / contain no-repeat;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat;inset:21%}.logo-face--name{color:var(--ink);font-family:var(--type);font-weight:600;font-stretch:112%;font-size:calc(var(--cell) * .15);letter-spacing:.01em;text-transform:uppercase;text-align:center;padding:9%;line-height:1.02;transform:rotateY(180deg)}.logo-face--notated{line-height:1.05;font-size:calc(var(--cell) * .13);grid-template-rows:1fr auto;align-content:center;gap:.5em;display:grid}.logo-face--note{font-family:var(--type);font-weight:500;font-size:calc(var(--cell) * .088);letter-spacing:.02em;text-transform:none;color:var(--ink);opacity:.72;font-stretch:100%;line-height:1.15}@media (width<=900px){.logo-field{display:none}}@media (prefers-reduced-motion:reduce){.logo-tilt{transition:none}}@font-face{font-family:Instrument Serif;src:url(/brand/fonts/instrument-serif-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter Brand;src:url(/brand/fonts/inter-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Brand;src:url(/brand/fonts/geist-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Mona Sans;src:url(/brand/fonts/mona-sans-latin.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/brand/fonts/google-sans-flex-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/brand/fonts/dm-sans-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/brand/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Selawik;src:url(/brand/fonts/selawik-600-latin.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto Brand;src:url(/brand/fonts/roboto-500-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.logo-field:not([data-faces=on]) .logo-face--name{font-family:var(--type)}.face-claude{letter-spacing:.01em;font-family:Instrument Serif,Archivo Hero,serif;font-weight:400;font-stretch:100%}.face-codex{letter-spacing:.005em;font-family:Inter Brand,Archivo Hero,sans-serif;font-stretch:100%}.face-cursor{letter-spacing:0;font-family:Geist Brand,Archivo Hero,sans-serif;font-stretch:100%}.face-copilot{letter-spacing:0;font-family:Mona Sans,Archivo Hero,sans-serif;font-stretch:100%}.face-gemini{letter-spacing:0;font-family:Google Sans Flex,Archivo Hero,sans-serif;font-stretch:100%}.face-windsurf{letter-spacing:.005em;font-family:DM Sans,Archivo Hero,sans-serif;font-stretch:100%}.face-opencode{letter-spacing:-.01em;font-family:IBM Plex Mono,Archivo Hero,monospace;font-stretch:100%}.face-studio,.face-windows,.face-copilotm{letter-spacing:0;font-family:Selawik,Archivo Hero,sans-serif;font-stretch:100%}.face-agentforce{letter-spacing:0;font-family:Roboto Brand,Archivo Hero,sans-serif;font-weight:500;font-stretch:100%;font-size:calc(var(--cell) * .135)}.face-chatgpt{letter-spacing:.005em;font-family:Inter Brand,Archivo Hero,sans-serif;font-weight:500;font-stretch:100%}.face-claudechat{letter-spacing:.01em;text-transform:none;font-family:Instrument Serif,Archivo Hero,serif;font-weight:400;font-stretch:100%;font-size:calc(var(--cell) * .16)}