:root{--ink:#11100d;--paper:#f5efe5;--bone:#f4efe6;--gold:#c9a95b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 20%,rgba(201,169,91,.18),transparent 30rem),linear-gradient(115deg,#090805 0%,#17120c 47%,#e9dfcf 47.2%,#f5efe5 100%);color:var(--bone)}a{color:inherit}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-140%);background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:999px;z-index:20}.skip-link:focus{transform:translateY(0)}.route-selector{min-height:100vh;display:grid;place-items:center;padding:clamp(28px,5vw,72px);position:relative;overflow:hidden}.route-selector:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,5,.64),rgba(8,7,5,.04) 46%,rgba(255,255,255,.12) 46.5%,rgba(255,255,255,.50)),radial-gradient(circle at 23% 78%,rgba(201,169,91,.12),transparent 24rem),radial-gradient(circle at 78% 22%,rgba(80,64,44,.10),transparent 22rem);pointer-events:none}.selector-shell{width:min(1180px,100%);position:relative;z-index:1}.selector-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}h1{max-width:840px;margin:0;color:var(--bone);font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}.selector-intro{max-width:720px;color:rgba(244,239,230,.78);font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.55;margin:24px 0 38px}.route-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.5vw,34px);align-items:stretch}.route-card{min-height:540px;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.28);isolation:isolate}.route-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.route-card-gold{background:linear-gradient(150deg,rgba(8,7,5,.97),rgba(31,24,15,.96)),radial-gradient(circle at 20% 25%,rgba(201,169,91,.22),transparent 22rem);border:1px solid rgba(201,169,91,.28)}.route-card-gold:before{background:linear-gradient(135deg,transparent 0 62%,rgba(201,169,91,.10) 62.2%,transparent 63%),radial-gradient(circle at 18% 20%,rgba(201,169,91,.18),transparent 15rem)}.route-card-matter{background:linear-gradient(150deg,rgba(251,247,239,.98),rgba(229,216,196,.96)),radial-gradient(circle at 78% 30%,rgba(201,169,91,.14),transparent 20rem);border:1px solid rgba(21,19,15,.12);color:var(--ink)}.route-card-matter:before{background:linear-gradient(135deg,transparent 0 58%,rgba(21,19,15,.055) 58.2%,transparent 59%),radial-gradient(circle at 82% 18%,rgba(21,19,15,.08),transparent 15rem)}.route-card-inner{height:100%;display:flex;flex-direction:column;padding:clamp(28px,4vw,50px)}.route-label{align-self:flex-start;padding:8px 12px;border-radius:999px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:auto}.route-card-gold .route-label{color:#e9d39b;background:rgba(201,169,91,.12);border:1px solid rgba(201,169,91,.22)}.route-card-matter .route-label{color:#5d4b28;background:rgba(201,169,91,.18);border:1px solid rgba(143,117,65,.20)}.route-card h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:clamp(70px,9vw,130px) 0 16px}.route-card-gold h2{color:var(--bone)}.route-card-matter h2{color:var(--ink)}.route-lede{max-width:540px;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.55;margin:0 0 22px}.route-card-gold .route-lede,.route-card-gold .route-list,.route-card-gold .route-small-link{color:rgba(244,239,230,.78)}.route-card-matter .route-lede,.route-card-matter .route-list,.route-card-matter .route-small-link{color:rgba(21,19,15,.72)}.route-list{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}.route-list li{position:relative;padding-left:22px;line-height:1.45}.route-list li:before{content:"";position:absolute;left:0;top:.66em;width:8px;height:1px;background:currentColor;opacity:.7}.route-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:48px;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-2px);opacity:.92}.btn-gold{background:var(--gold);color:#090805}.btn-light{background:#15130f;color:var(--bone)}.route-small-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.route-small-link:hover{opacity:.75}.selector-footnote{max-width:820px;color:rgba(244,239,230,.70);margin:24px 0 0;font-size:.96rem}@media(max-width:860px){body{background:radial-gradient(circle at 50% 4%,rgba(201,169,91,.16),transparent 20rem),linear-gradient(180deg,#090805 0%,#17120c 48%,#eee3d1 48.2%,#f7f0e6 100%)}.route-selector{align-items:start}.route-grid{grid-template-columns:1fr}.route-card{min-height:440px;border-radius:26px}.route-card h2{margin-top:76px}.selector-footnote{background:rgba(8,7,5,.42);border:1px solid rgba(244,239,230,.12);border-radius:18px;padding:14px 16px}}

/* GOLDLEVEL_FLOW_PATCH_START v0.1.1 */
/*
CANON_SLICE=GL-WEB-FLOW-CSS-001
REPO=publicgoldlevel/goldlevel.co.uk
BASE_BRANCH=main
PURPOSE=Improve static route traversal fluidity and install publication-architecture pill/capsule separators.
BOUNDARY=CSS/HTML only; no external dependency, no tracking, no CSP weakening, no outcome/performance claim without local measurement.
*/
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

img,
video {
  height: auto;
}

.route-selector-section,
.goldlevel-seed-v040-links,
.publication-architecture {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}

.selector-shell,
.route-grid,
.route-card,
.route-selector-wrap,
.route-selector-grid,
.route-selector-card,
.publication-architecture__shell,
.publication-architecture__pill,
.publication-capsule {
  contain: layout paint;
}

.route-card,
.route-selector-card,
.publication-capsule,
.btn,
.route-small-link {
  -webkit-tap-highlight-color: transparent;
}

.route-card,
.route-selector-card,
.publication-capsule {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.route-selector-section {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 2rem));
  margin: clamp(24px, 4vw, 48px) auto 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(201, 169, 91, .22);
  border-radius: 28px;
  background: linear-gradient(150deg, rgba(8, 7, 5, .76), rgba(31, 24, 15, .60));
  box-shadow: 0 20px 70px rgba(0, 0, 0, .24);
}

.route-selector-wrap {
  display: grid;
  gap: 14px;
}

.route-selector-wrap .eyebrow,
.publication-architecture__eyebrow {
  margin: 0;
  color: var(--gold);
  font-size: .76rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.route-selector-wrap h2,
.publication-architecture__header h2 {
  margin: 0;
  color: var(--bone);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
  font-size: clamp(1.8rem, 3vw, 3.2rem);
}

.route-selector-intro,
.publication-architecture__header p {
  max-width: 760px;
  margin: 0;
  color: rgba(244, 239, 230, .72);
  line-height: 1.55;
}

.route-selector-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 4px;
}

.route-selector-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(120px, .62fr) 1px minmax(0, 1fr);
  grid-template-areas:
    "kicker kicker kicker"
    "title rule desc";
  align-items: center;
  gap: 10px 14px;
  min-height: 92px;
  padding: 16px 18px;
  border: 1px solid rgba(201, 169, 91, .20);
  border-radius: 999px;
  background: rgba(244, 239, 230, .06);
  color: var(--bone);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.route-selector-card:hover,
.route-selector-card:focus-visible,
.publication-capsule:hover,
.publication-capsule:focus-visible {
  transform: translateY(-1px) translateZ(0);
  border-color: rgba(201, 169, 91, .42);
  background: rgba(244, 239, 230, .09);
  outline: none;
}

.route-selector-kicker {
  grid-area: kicker;
  color: rgba(233, 211, 155, .86);
  font-size: .70rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.route-selector-card strong {
  grid-area: title;
  color: var(--bone);
  line-height: 1.05;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.route-selector-card strong::after {
  content: "";
  grid-area: rule;
}

.route-selector-card > span:last-child {
  grid-area: desc;
  border-left: 1px solid rgba(201, 169, 91, .38);
  padding-left: 14px;
  color: rgba(244, 239, 230, .72);
  line-height: 1.42;
  font-size: .94rem;
}

.publication-architecture {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 2rem));
  margin: clamp(18px, 3vw, 36px) auto 0;
}

.publication-architecture__shell {
  display: grid;
  gap: 16px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(201, 169, 91, .18);
  border-radius: 30px;
  background: linear-gradient(155deg, rgba(8, 7, 5, .72), rgba(31, 24, 15, .50));
}

.publication-architecture__header {
  display: grid;
  gap: 8px;
}

.publication-architecture__pill {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.publication-capsule {
  display: grid;
  grid-template-columns: minmax(108px, .45fr) 1px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 14px 16px;
  border: 1px solid rgba(201, 169, 91, .22);
  border-radius: 999px;
  background: rgba(244, 239, 230, .065);
  color: var(--bone);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.publication-capsule__title {
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.015em;
}

.publication-capsule__rule {
  width: 1px;
  min-height: 34px;
  align-self: stretch;
  background: linear-gradient(180deg, transparent, rgba(201, 169, 91, .62), transparent);
}

.publication-capsule__descriptor {
  color: rgba(244, 239, 230, .72);
  line-height: 1.38;
  font-size: .94rem;
}

.goldlevel-seed-v040-links {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 2rem));
  margin-inline: auto;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(8, 7, 5, .42);
  border: 1px solid rgba(244, 239, 230, .10);
  color: rgba(244, 239, 230, .72);
}

.goldlevel-seed-v040-links a {
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (max-width: 860px) {
  html {
    scroll-behavior: auto;
  }

  .route-selector-section,
  .publication-architecture {
    width: min(100% - 1rem, 720px);
    border-radius: 22px;
  }

  .route-selector-grid,
  .publication-architecture__pill {
    grid-template-columns: 1fr;
  }

  .route-selector-card,
  .publication-capsule {
    grid-template-columns: 1fr;
    border-radius: 22px;
    align-items: start;
  }

  .route-selector-card > span:last-child {
    border-left: 0;
    border-top: 1px solid rgba(201, 169, 91, .34);
    padding-left: 0;
    padding-top: 10px;
  }

  .publication-capsule__rule {
    width: 100%;
    min-height: 1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 169, 91, .62), transparent);
  }

  .goldlevel-seed-v040-links {
    border-radius: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  .route-card,
  .route-selector-card,
  .publication-capsule {
    transform: none !important;
  }
}
/* GOLDLEVEL_FLOW_PATCH_END v0.1.1 */

/* GOLDLEVEL_SRC_EDITORIAL_CLEANUP_START v0.1.1 */
/*
CANON_SLICE=GL-SRC-EDITORIAL-FRONTDOOR-CLEANUP-001
SOURCE_BASIS=SRC SourceVoice editorial rule: make public vessels finite; protect reader entry; keep secondary routes subordinate.
PURPOSE=Remove visible route sprawl, correct footer/secondary-link contrast, and preserve the two-card front-door selector as the primary public vessel.
*/
.selector-utility-footer {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 2rem));
  margin: clamp(18px, 3vw, 32px) auto 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid rgba(201, 169, 91, .28);
  border-radius: 999px;
  background: rgba(9, 8, 5, .82);
  color: #f4efe6;
  box-shadow: 0 18px 56px rgba(0, 0, 0, .22);
}

.selector-utility-footer__label {
  color: rgba(244, 239, 230, .64);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.selector-utility-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid rgba(244, 239, 230, .34);
  border-radius: 999px;
  background: linear-gradient(135deg, #f1d171 0%, var(--gold) 100%);
  color: #090805;
  text-decoration: none;
  font-weight: 850;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.selector-utility-footer a:hover,
.selector-utility-footer a:focus-visible {
  color: #090805;
  background: linear-gradient(135deg, #fff0b8 0%, #d8b764 100%);
  border-color: rgba(255, 240, 184, .82);
  outline: none;
  transform: translateY(-1px);
}

.goldlevel-seed-v040-links {
  background: rgba(9, 8, 5, .88) !important;
  color: #f4efe6 !important;
  border-color: rgba(201, 169, 91, .32) !important;
}

.goldlevel-seed-v040-links a {
  color: #f8e7b2 !important;
  text-decoration-color: rgba(248, 231, 178, .72) !important;
}

.goldlevel-seed-v040-links a:hover,
.goldlevel-seed-v040-links a:focus-visible {
  color: #ffffff !important;
}

@media (max-width: 860px) {
  .selector-utility-footer {
    width: min(100% - 1rem, 720px);
    border-radius: 20px;
    justify-content: flex-start;
  }

  .selector-utility-footer__label {
    width: 100%;
  }
}
/* GOLDLEVEL_SRC_EDITORIAL_CLEANUP_END v0.1.1 */
