/* Short Anything: palette and faces over the template's own stylesheets. Loaded after them on every page. */
:root {
  --primary-color: #e0a842;
  --secondary-color: #0d0b09;
  --third-color: #0d0b09;
  --light-color: #f4efe6;
  --input-color: #16130f;
  --black: #0d0b09;
  --white: #f4efe6;
  --border-color: #3a3127;
  --placeholder-color: #8b7f70;
  --font-hagrid: "Syne", sans-serif;
  --font-hagrid-text: "Inter Tight", sans-serif;
  --oi-amber: #e0a842;
  --oi-amber-deep: #9c6a1c;
  --oi-ink: #f4efe6;
  --oi-mute: #a89b8a;
  --oi-line: #2a241d;
  --oi-panel: #15110d;
  --oi-up: #e0a842;
  --oi-down: #c75a3c;
}
html { background: #0d0b09; color-scheme: dark; }
[data-oi-x][hidden], [data-oi-ca][hidden] { display: none !important; }
body { background: #0d0b09; color: var(--oi-ink); font-family: var(--font-hagrid-text); -webkit-font-smoothing: antialiased; }
.oi-num, .mono, [data-oi-clock] { font-family: "Inter Tight", sans-serif; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
.page-module___8aEwW__page { background-color: #0d0b09; color: var(--oi-ink); }
::selection { background: var(--oi-amber); color: #0d0b09; }

/* the faces: Syne for display lines, Inter Tight for everything that reads */
.MainVisual-module__wV-4Ma__slideInner, .MainVisual-module__wV-4Ma__manifestoHeading, .Philosophy-module__4CkupG__title, .Philosophy-module__4CkupG__numberText { font-family: "Syne", sans-serif; font-weight: 800; }
.MainVisual-module__wV-4Ma__leadingMessage, .MainVisual-module__wV-4Ma__trailingMessage { font-family: "Syne", sans-serif; font-weight: 700; letter-spacing: -0.01em; }
.MainVisual-module__wV-4Ma__captionText, .MainVisual-module__wV-4Ma__statementBody, .Philosophy-module__4CkupG__text, .Philosophy-module__4CkupG__aboutLabel, .Philosophy-module__4CkupG__philosophyLabel { font-family: "Inter Tight", sans-serif; font-weight: 400; }
.MainVisual-module__wV-4Ma__statementHeading { font-family: "Syne", sans-serif; font-weight: 800; color: var(--oi-amber); text-transform: uppercase; letter-spacing: 0.08em; }
.MainVisual-module__wV-4Ma__manifestoHeading { font-weight: 800; letter-spacing: -0.02em; }
.MainVisual-module__wV-4Ma__logoAccentLeft, .MainVisual-module__wV-4Ma__logoAccentRight { color: var(--oi-amber); }
.MainVisual-module__wV-4Ma__statementBody { color: var(--oi-ink); }

/* header and bottom bar: plain over our dark base (the template inverted itself over its photographs) */
.Header-module__30pftW__header, .Header-module__30pftW__bottomBar, .MainVisual-module__wV-4Ma__flyingLogo { mix-blend-mode: normal; }
.Header-module__30pftW__header { font-family: "Syne", sans-serif; font-weight: 700; letter-spacing: 0.04em; }
@media (min-width: 769px) { .Header-module__30pftW__nav .Header-module__30pftW__navItem { font-size: 0.95rem; } }
@media (max-width: 768px) { .Header-module__30pftW__nav .Header-module__30pftW__navItem { font-family: "Syne", sans-serif; font-weight: 800; font-size: 2.25rem; letter-spacing: 0; } }
.Header-module__30pftW__logo { width: 2.5rem; height: 2.5rem; }
.Header-module__30pftW__logoImage { width: 2.5rem; height: 2.5rem; object-fit: contain; display: block; }
.Header-module__30pftW__nav { background-color: #0d0b09; }
.Header-module__30pftW__nav .Header-module__30pftW__navItem a, .Header-module__30pftW__nav .Header-module__30pftW__mobileMenuSocials a { color: var(--oi-ink); text-decoration: none; }
.Header-module__30pftW__timestamp { font-family: "Inter Tight", sans-serif; font-variant-numeric: tabular-nums; letter-spacing: 0.06em; color: var(--oi-ink); }
.Header-module__30pftW__timestamp [data-oi-clock] { color: var(--oi-amber); }
.Header-module__30pftW__links { font-family: "Syne", sans-serif; font-weight: 700; }
.Header-module__30pftW__bottomMintButton { background-color: #0d0b09; border-color: var(--oi-amber); color: var(--oi-amber); }
.Header-module__30pftW__bottomMintLabel { font-family: "Syne", sans-serif; font-weight: 800; }
.Header-module__30pftW__bottomMintIconMarquee .Header-module__30pftW__bottomMintLogoGlyph { background-color: var(--oi-amber); }
.Header-module__30pftW__hamburgerLine { background-color: var(--oi-ink); }

/* the brand mark: a square ring where the template had a wide chevron */
.MainVisual-module__wV-4Ma__flyingLogo { width: 3.75rem; }
.MainVisual-module__wV-4Ma__brandLogo { width: 1em; }
.MainVisual-module__wV-4Ma__flyingLogoInCompositionSp { width: 1em; }
.MainVisual-module__wV-4Ma__heroLogo { max-width: clamp(22rem, 48vw, 54rem); }

/* the three cards */
.Philosophy-module__4CkupG__section { color: var(--oi-ink); }
.Header-module__30pftW__logo, .Header-module__30pftW__logo img { width: 2.5rem; height: 2.5rem; }
@media (max-width: 768px) { .Header-module__30pftW__logo, .Header-module__30pftW__logo img { width: 2rem; height: 2rem; } }
.Philosophy-module__4CkupG__philosophyLabel, .Philosophy-module__4CkupG__aboutLabel { color: var(--oi-amber); }
.Philosophy-module__4CkupG__text { color: var(--oi-ink); }
.Philosophy-module__4CkupG__numberText { color: var(--oi-amber); }
.Philosophy-module__4CkupG__philosophyIconImage { filter: none; }

/* footer */
.Footer-module__6O_PeW__footer { background: #0d0b09; color: var(--oi-ink); border-top: 1px solid var(--oi-line); }
.Footer-module__6O_PeW__socialIconMask { background-color: var(--oi-ink); }
.Footer-module__6O_PeW__navLink, .Footer-module__6O_PeW__legalLink { color: var(--oi-ink); font-family: "Syne", sans-serif; font-weight: 700; letter-spacing: 0.04em; }
.Footer-module__6O_PeW__legalLink { font-family: "Inter Tight", sans-serif; font-weight: 400; color: var(--oi-mute); }
.Footer-module__6O_PeW__links { display: flex; flex-direction: column; gap: 0.35rem; align-items: flex-end; }
#footer-canvas-container, .Footer-module__6O_PeW__canvasContainer canvas { background: transparent; }

/* the loading screen */
.first-view-loading-expand { --primary-color: #e0a842; }

/* the detail layout the desk pages borrow */
.page-module__PnZsmq__detailCard { background-color: var(--oi-panel); border-color: var(--oi-line); color: var(--oi-ink); }
.page-module__PnZsmq__detailCard:before { background-color: #0d0b09; }
.page-module__PnZsmq__title { font-family: "Syne", sans-serif; font-weight: 800; letter-spacing: -0.02em; }
.page-module__PnZsmq__tag { border-color: var(--oi-amber); color: var(--oi-amber); font-family: "Inter Tight", sans-serif; }
.page-module__PnZsmq__lead { color: var(--oi-mute); font-size: 1.05rem; }
.page-module__PnZsmq__divider { background-color: var(--oi-line); }
.page-module__PnZsmq__markdownSection { border-top-color: var(--oi-line); }
.page-module__PnZsmq__sectionHeadingCol h1, .page-module__PnZsmq__sectionHeadingCol h2, .page-module__PnZsmq__sectionHeadingCol h3 { font-family: "Syne", sans-serif; font-weight: 800; color: var(--oi-ink); }
.page-module__PnZsmq__sectionBodyCol table { border-color: var(--oi-line); font-family: "Inter Tight", sans-serif; }
.page-module__PnZsmq__sectionBodyCol thead th, .page-module__PnZsmq__sectionBodyCol tbody td { border-bottom-color: var(--oi-line); }
.page-module__bSawnG__title { font-family: "Syne", sans-serif; font-weight: 800; letter-spacing: -0.03em; color: var(--oi-ink); }
.page-module__bSawnG__subtitle { color: var(--oi-mute); }
.BackToListButton-module__vjEQHW__button { color: var(--oi-ink); }
.page-module__PnZsmq__markdown a[data-product-md-link=internal], .page-module__PnZsmq__markdown a[data-product-md-link=external] { color: var(--oi-amber); }
.page-module__PnZsmq__markdown a[data-product-md-link=mint] { background-color: var(--oi-amber); color: #0d0b09; }
.page-module__PnZsmq__markdown a[data-product-md-link=mint] > [data-product-md-mint-logo] { background-color: #0d0b09; }

/* the primary pill in the nav: the template's own nav button, in amber */
.Header-module__30pftW__navItemBtn.oi-launch { border-color: var(--oi-amber); color: var(--oi-amber); font-family: "Syne", sans-serif; font-weight: 800; letter-spacing: .05em; }
.Header-module__30pftW__navItemBtn.oi-launch a { color: var(--oi-amber); text-decoration: none; }
.Header-module__30pftW__navItemBtn.oi-launch:hover { background: var(--oi-amber); }
.Header-module__30pftW__navItemBtn.oi-launch:hover a { color: #0d0b09; }
@media (max-width: 768px) { .Header-module__30pftW__navItemBtn.oi-launch { font-size: 1.1rem; } .Header-module__30pftW__navItemBtn.oi-launch a { height: 3rem; } }

/* the contract address and the X button, bottom-left of the bar: the bar's own square, outlined buttons */
.Header-module__30pftW__links { gap: 0.5rem; }
.oi-cta { box-sizing: border-box; display: inline-flex; align-items: center; gap: 0.6rem; height: 3.35rem; padding: 0 1rem; border: 1px solid var(--oi-ink); border-radius: 0; background: #0d0b09; color: var(--oi-ink); font: 700 0.95rem/1 "Syne", sans-serif; letter-spacing: 0.04em; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color .2s, color .2s; }
.oi-cta:hover { background: var(--oi-ink); color: #0d0b09; }
.oi-cta:focus-visible { outline: 1px solid var(--oi-ink); outline-offset: 0.125rem; }
.oi-ca-label { color: var(--oi-amber); font-weight: 800; }
.oi-cta:hover .oi-ca-label { color: #0d0b09; }
.oi-ca code, .oi-ca-short { font: 500 0.9rem/1 "Inter Tight", sans-serif; font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.oi-ca-short, .oi-ca-copied { display: none; }
.oi-ca[data-copied] code, .oi-ca[data-copied] .oi-ca-short { display: none !important; }
.oi-ca[data-copied] .oi-ca-copied { display: inline; color: var(--oi-amber); }
.oi-xicon { width: 1.05rem; height: 1.05rem; flex: none; background-color: currentColor; -webkit-mask: url(/images/common/icon_x.svg) center / contain no-repeat; mask: url(/images/common/icon_x.svg) center / contain no-repeat; }
@media (max-width: 1599px) { .oi-ca code { display: none; } .oi-ca-short { display: inline; } }
@media (min-width: 769px) and (max-width: 1199px) { .Header-module__30pftW__bottomInner { grid-template-columns: auto 1fr auto; } .Header-module__30pftW__timestamp { display: none; } }
@media (max-width: 768px) {
  .Header-module__30pftW__bottomInner { row-gap: 0.5rem; }
  .Header-module__30pftW__links { grid-column: 1 / -1; grid-row: 1; width: 100%; }
  .Header-module__30pftW__bottomMintButton { grid-row: 2; }
  .oi-cta { height: 40px; padding: 0 0.75rem; font-size: 0.8rem; }
  .oi-ca { flex: 1 1 auto; justify-content: flex-start; }
  .oi-ca code, .oi-ca-short { font-size: 0.8rem; }
}