.gl-page{--ink:#141311;--paper:#f4efe6;--pink:#f2b8c6;--lav:#cdb8e8;--sun:#f1e3a0;--mint:#b9d4b0;isolation:isolate;min-height:100vh;color:var(--paper);position:relative}.gl-bg{z-index:-1;background:#0b0c0c url(/images/oand-tof-hero.webp) 50% 40%/cover no-repeat;position:fixed;inset:0}.gl-bg:after{content:"";position:absolute;inset:0}.gl-bg[data-v=split]:after{background:linear-gradient(90deg,#080909eb 0%,#080909b8 42%,#f4efe68c 58%,#f4efe6e0 100%)}.gl-bg[data-v=dark]{background-position:0 40%}.gl-bg[data-v=dark]:after{background:linear-gradient(#080909c7,#080909e6)}.gl-bg[data-v=light]{background-position:100% 30%}.gl-bg[data-v=light]:after{background:linear-gradient(#f4efe6b8,#f4efe6e6)}.g-panel{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);border-radius:22px;position:relative}.g-dark{color:var(--paper);background:#0e0f0f80;border:1px solid #ffffff24;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}.g-light{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink),inset 0 1px 0 #ffffffd9;color:var(--ink);background:#ffffff8c;overflow:hidden}.g-light:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#14131124 1.2px,#0000 1.6px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000,#0000 60%);mask-image:linear-gradient(200deg,#000,#0000 60%)}.g-kicker{font-family:var(--font-mono-brand),monospace;letter-spacing:.24em;text-transform:uppercase;opacity:.7;font-size:11px}.g-mono{font-family:var(--font-mono-brand),monospace}.g-dark .g-h{font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:-.045em;font-weight:800;line-height:.92}.g-light .g-h{font-family:var(--font-marker),cursive;letter-spacing:.01em;text-transform:uppercase;font-weight:400;line-height:.98}.g-body{font-size:15px;line-height:1.7}.g-dark .g-body{color:#f4efe6cc}.g-light .g-body{color:#141311d9;font-weight:500}.g-sticker{background:var(--sun);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:12px;padding:0 .2em;display:inline-block;transform:rotate(-1.5deg)}.g-bubble{font-family:var(--font-marker),cursive;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;padding:6px 14px;font-size:17px;position:absolute;top:18px;right:18px;transform:rotate(3deg)}.g-bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:12px;height:12px;position:absolute;bottom:-9px;left:16px;transform:rotate(45deg)}.g-btn{min-height:44px;font-family:var(--font-mono-brand),monospace;letter-spacing:.16em;text-transform:uppercase;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:11px;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.g-dark .g-btn{color:var(--paper);background:#ffffff14;border:1px solid #ffffff4d}.g-dark .g-btn:hover{background:#fff3}.g-dark .g-btn[data-solid]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.g-dark .g-btn[data-solid]:hover{background:#fff}.g-light .g-btn{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff9}.g-light .g-btn[data-solid]{background:var(--pink)}.g-light .g-btn:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.g-chip{font-family:var(--font-mono-brand),monospace;letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:10px;display:inline-block}.g-dark .g-chip{background:#ffffff14;border:1px solid #ffffff40}.g-light .g-chip{border:2px solid var(--ink);background:var(--sun)}.g-btn:focus-visible,.g-card:focus-visible{outline-offset:3px;outline:2px solid}.g-wrap{max-width:72rem;margin:0 auto;padding-inline:16px}.g-section{padding-top:56px}.g-pad{padding:clamp(22px,3.2vw,44px)}.g-grid{gap:16px;display:grid}@media (min-width:768px){.g-cols-2{grid-template-columns:repeat(2,1fr)}.g-cols-3{grid-template-columns:repeat(3,1fr)}.g-cols-4{grid-template-columns:repeat(4,1fr)}}.g-card{flex-direction:column;gap:10px;padding:20px;display:flex}a.g-card{color:inherit;text-decoration:none;transition:background-color .2s}a.g-card.g-dark{color:var(--paper)}a.g-card.g-light{color:var(--ink)}a.g-card.g-dark:hover{background:#ffffff1f}a.g-card.g-light:hover{background:#fffc}.g-yy{color:#888;background:linear-gradient(90deg,#111 50%,var(--paper)50%);border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:52px;height:52px;font-size:21px;display:grid;box-shadow:0 0 0 6px #ffffff2e,0 6px 24px #00000059}.g-tree .g-panel{margin-top:16px}.g-plate{background:var(--ink);border:2px solid var(--ink);border-radius:16px;padding:14px 18px;display:block;transform:rotate(-1deg);box-shadow:4px 4px #14131159}