/* Pivyon Alderamin · the homepage's ink, paper, lime and type, as a navigator's instrument */
.atlas-page { background-image: radial-gradient(rgba(242,241,236,.06) 1.5px, transparent 1.5px); background-size: 44px 44px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); animation: pulse 1.4s ease-in-out infinite; display: inline-block; flex: none; }
.at-brand-sub { color: var(--grey); margin-left: 2px; }
.at { padding: 110px var(--gutter) 40px; display: flex; flex-direction: column; gap: clamp(60px, 8vw, 120px); max-width: 1440px; }
.at em { font-style: normal; color: var(--lime); }
.at h2 { margin: 18px 0 0; font-weight: 800; font-size: clamp(36px, 5.4vw, 92px); line-height: .92; letter-spacing: -.02em; text-transform: uppercase; font-variation-settings: 'wdth' 78; text-wrap: balance; }
.pr-link { font: inherit; letter-spacing: inherit; text-transform: inherit; background: none; border: 0; padding: 0; color: var(--grey); cursor: pointer; }
.pr-link:hover { color: var(--lime); }
.at-paper-tags button.at-tag { font: 500 9.5px 'JetBrains Mono', monospace; text-transform: uppercase; border: 1px solid rgba(200,255,62,.5); color: var(--lime); padding: 2px 6px; }
.nav nav a { white-space: nowrap; }
@media (max-width: 600px) { .at-brand-sub { display: none; } }
button { font-family: inherit; }

/* Hero */
.at-hero { position: relative; padding-bottom: 10px; }
.at-badge { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--line); color: var(--grey); background: rgba(11,11,13,.7); }
.at-hero h1 { margin: 22px 0 16px; font-weight: 800; font-size: clamp(46px, 8vw, 128px); line-height: .88; letter-spacing: -.02em; text-transform: uppercase; font-variation-settings: 'wdth' 74; }
.at-lede { margin: 0; max-width: 40em; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.5; color: #b9b8b1; text-wrap: pretty; }
.at-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 0; margin-top: clamp(28px, 4vw, 48px); border-top: 1px solid var(--line); }
.at-stat { padding: 18px 18px 18px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; color: var(--grey); letter-spacing: .06em; }
.at-stat b { font: 800 clamp(34px, 3.6vw, 56px)/0.95 'Archivo'; font-variation-settings: 'wdth' 72; color: var(--paper); letter-spacing: -.01em; }
.at-sources { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 14px; color: var(--grey); }
.at-sources span b { color: var(--paper); font-weight: 500; }
.at-sources span::before { content: '◆ '; color: var(--lime); font-size: .8em; }
.at-progress { height: 3px; background: var(--line); margin-top: 18px; overflow: hidden; }
.at-progress i { display: block; height: 100%; width: 0; background: var(--lime); transition: width .4s ease; }
.at-progress.done { opacity: 0; transition: opacity .8s 1s; }
.at-sample { color: var(--hot); }

/* Section heads */
.at-sec-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px clamp(24px, 4vw, 64px); align-items: end; margin-bottom: clamp(24px, 3vw, 40px); }
.at-sec-head p { margin: 0; max-width: 34em; color: #b9b8b1; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.5; text-wrap: pretty; }
.at-sec { scroll-margin-top: 76px; }
@media (max-width: 860px) { .at-sec-head { grid-template-columns: 1fr; align-items: start; } }

/* Themes */
.at-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 10px; }
.at-theme { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 150px; padding: 18px; border: 1px solid var(--line); background: #0e0e10; color: var(--paper); text-align: left; cursor: pointer; transition: border-color .3s, transform .3s; }
.at-theme:hover { border-color: var(--lime); transform: translateY(-3px); }
.at-theme.on { border-color: var(--lime); background: radial-gradient(120% 140% at 100% 0%, rgba(200,255,62,.12), transparent 55%), #0e0e10; }
.at-theme-top { display: flex; justify-content: space-between; color: var(--grey); }
.at-theme h3 { margin: 2px 0 0; font-weight: 800; font-size: clamp(20px, 1.8vw, 26px); line-height: 1; text-transform: uppercase; letter-spacing: -.01em; font-variation-settings: 'wdth' 82; }
.at-theme-n { font: 800 clamp(26px, 2.4vw, 36px)/1 'Archivo'; font-variation-settings: 'wdth' 70; }
.at-theme-n small { font: 500 10px 'JetBrains Mono', monospace; color: var(--grey); margin-left: 6px; letter-spacing: .08em; }
.at-theme-bar { margin-top: auto; height: 3px; background: var(--line); }
.at-theme-bar i { display: block; height: 100%; width: 0; background: var(--lime); transition: width 1.4s cubic-bezier(.2,.8,.2,1); }
.at-theme-foot { display: flex; justify-content: space-between; color: var(--grey); font-size: 10.5px; }

/* Search */
.at-search { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); background: #0e0e10; padding: 0 14px; margin-bottom: 14px; }
.at-search:focus-within { border-color: var(--lime); }
.at-search-prompt { color: var(--lime); flex: none; }
.at-search input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: var(--paper); padding: 18px 0; font: 400 clamp(15px, 1.3vw, 18px) 'JetBrains Mono', monospace; caret-color: var(--lime); }
.at-search input::placeholder { color: #5d5c58; }
.at-search input::-webkit-search-cancel-button { display: none; }
.at-clear { background: none; border: 0; color: var(--grey); font-size: 18px; cursor: pointer; padding: 6px; }
.at-clear:hover { color: var(--lime); }

/* Explore layout */
.at-explore { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: clamp(16px, 2.4vw, 32px); align-items: start; }
.at-rail { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 18px; padding: 18px; border: 1px solid var(--line); background: #0e0e10; max-height: calc(100vh - 96px); overflow: auto; }
.at-rail-title { color: var(--grey); margin-bottom: 8px; }
.at-rail-title b { color: var(--lime); font-weight: 500; }
.at-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.at-chips button { font: 500 10.5px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .06em; padding: 6px 9px; border: 1px solid var(--line); background: transparent; color: var(--paper); cursor: pointer; transition: background .2s, color .2s, border-color .2s; display: inline-flex; gap: 6px; align-items: center; }
.at-chips button small { color: var(--grey); font-size: 9.5px; }
.at-chips button:hover { border-color: var(--lime); }
.at-chips button.on { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.at-chips button.on small { color: rgba(11,11,13,.6); }
.at-chips button:disabled { opacity: .3; cursor: default; }
.at-rail input[type=range] { width: 100%; accent-color: #c8ff3e; }
.at-dates { display: flex; align-items: center; gap: 6px; color: var(--grey); }
.at-dates input { flex: 1; min-width: 0; background: var(--ink); color: var(--paper); border: 1px solid var(--line); padding: 7px 6px; font: 400 11px 'JetBrains Mono', monospace; color-scheme: dark; border-radius: 0; }
.at-dates input:focus { border-color: var(--lime); outline: none; }
.at-reset { align-self: flex-start; font: inherit; letter-spacing: inherit; text-transform: inherit; background: none; border: 1px solid var(--line); color: var(--grey); padding: 8px 12px; cursor: pointer; }
.at-reset:hover { color: var(--lime); border-color: var(--lime); }
@media (max-width: 860px) {
  .at-explore { grid-template-columns: 1fr; }
  .at-rail { position: static; max-height: none; }
}

/* Results */
.at-results { min-width: 0; }
.at-results-bar { display: flex; justify-content: space-between; gap: 12px; padding: 0 0 10px; border-bottom: 1px solid var(--line); color: var(--paper); }
.at-list { list-style: none; margin: 0; padding: 0; }
.at-row { display: grid; grid-template-columns: 7.2em minmax(0, 1fr) 90px; gap: 6px 16px; padding: 14px 0; border-bottom: 1px solid var(--line); cursor: pointer; animation: rowIn .3s ease-out; }
.at-row:hover .at-row-title, .at-row:focus-visible .at-row-title { color: var(--lime); }
.at-row-meta { display: flex; flex-direction: column; gap: 6px; color: var(--grey); font-size: 10.5px; }
.at-row-meta .src { color: var(--paper); }
.at-row-title { margin: 0; font-weight: 500; font-size: clamp(15px, 1.2vw, 17px); line-height: 1.35; color: var(--paper); transition: color .2s; }
.at-row-kw { margin-top: 6px; color: var(--grey); font-size: 10.5px; display: flex; flex-wrap: wrap; gap: 4px 10px; }
.at-row-kw span::before { content: '#'; color: #4a4a4c; }
.at-row-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; color: var(--grey); font-size: 10.5px; }
.at-proto { width: 90px; height: 4px; background: var(--line); }
.at-proto i { display: block; height: 100%; background: var(--lime); }
.at-proto.low i { background: var(--grey); }
.at-tag { display: inline-block; padding: 2px 6px; border: 1px solid var(--line); font-size: 9.5px; letter-spacing: .06em; color: var(--paper); }
.at-tag.lime { border-color: rgba(200,255,62,.5); color: var(--lime); }
.at-more { margin-top: 16px; width: 100%; padding: 14px; background: transparent; border: 1px dashed var(--line); color: var(--grey); cursor: pointer; }
.at-more:hover { color: var(--lime); border-color: var(--lime); }
.at-empty { padding: 32px 0; color: var(--grey); }
@media (max-width: 700px) {
  .at-row { grid-template-columns: 1fr; }
  .at-row-meta { flex-direction: row; flex-wrap: wrap; gap: 4px 12px; }
  .at-row-right { flex-direction: row; align-items: center; justify-content: space-between; }
}

.at-mini { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.at-mini li { color: var(--paper); cursor: pointer; font: 400 13px/1.4 'Archivo', sans-serif; display: flex; gap: 8px; }
.at-mini li::before { content: '→'; color: var(--lime); flex: none; }
.at-mini li:hover { color: var(--lime); }
.at-mini li small { color: var(--grey); font: 500 9.5px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .06em; align-self: center; flex: none; }

.at-bar { display: grid; grid-template-columns: 9em minmax(0, 1fr) 3.5em; gap: 10px; align-items: center; font: 500 10.5px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .06em; color: var(--paper); }
.at-bar i { display: block; height: 8px; background: var(--line); position: relative; }
.at-bar i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: calc(var(--w) * 100%); background: var(--lime); }
.at-bar.dim i::after { background: #6f6f72; }
.at-bar span:last-child { color: var(--grey); text-align: right; }

/* Footer */
.at-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 32px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--grey); font-size: 11px; line-height: 1.7; }
.at-foot span:nth-child(2) { flex: 1 1 420px; max-width: 70ch; text-transform: none; letter-spacing: 0; }
.at-foot a { color: inherit; text-decoration: none; }
.at-foot a:hover { color: var(--lime); }

/* Drawer */
.at-drawer { position: fixed; inset: 0; z-index: 60; display: flex; justify-content: flex-end; }
.at-drawer-bg { position: absolute; inset: 0; background: rgba(11,11,13,.72); backdrop-filter: blur(2px); }
.at-paper { position: relative; width: min(760px, 100%); height: 100%; overflow: auto; background: #0e0e10; border-left: 1px solid var(--line); padding: 20px clamp(18px, 3vw, 40px) 40px; box-sizing: border-box; animation: drawerIn .35s cubic-bezier(.2,.8,.2,1); }
@keyframes drawerIn { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.at-paper-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--grey); padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.at-close { background: none; border: 1px solid var(--line); color: var(--grey); padding: 7px 10px; cursor: pointer; }
.at-close:hover { color: var(--lime); border-color: var(--lime); }
.at-paper h3 { margin: 22px 0 10px; font-weight: 800; font-size: clamp(24px, 2.6vw, 38px); line-height: 1.05; letter-spacing: -.01em; font-variation-settings: 'wdth' 82; }
.at-paper-authors { color: #b9b8b1; font-size: 14px; line-height: 1.5; }
.at-paper-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0; }
.at-paper-abs { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--paper); }
.at-paper-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 26px; }
.at-paper-links a { text-decoration: none; padding: 9px 12px; border: 1px solid var(--line); color: var(--paper); }
.at-paper-links a:hover { border-color: var(--lime); color: var(--lime); }
.at-paper-links a.lime-btn { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.at-paper-links a.lime-btn:hover { background: var(--paper); border-color: var(--paper); color: var(--ink); }
.at-paper-rel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.at-paper-rel .eyebrow { margin-bottom: 10px; }
.at-paper-rel .at-mini li { font-size: 13.5px; }
body.at-locked { overflow: hidden; }

@media (prefers-reduced-motion: reduce) { .at-theme-bar i, .at-row, .at-paper { animation: none !important; transition: none !important; } }


/* The bar stays readable over a working page. */
.atlas-page .nav { mix-blend-mode: normal; background: rgba(11,11,13,.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); padding-block: 14px; }
/* Brief: the first thing a person uses */
.at-stat-key b { color: var(--lime); }
.br-pick { display: flex; flex-direction: column; gap: 18px; margin-bottom: 18px; }
.br-label { color: var(--grey); letter-spacing: .08em; text-transform: uppercase; font-size: 11px; margin-bottom: 8px; }
.br-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.br-chips-sm { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.br-chip { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 15px 16px; background: #0e0e10; border: 0; color: var(--paper); cursor: pointer; text-align: left; transition: background .25s, color .25s; }
.br-chip b { font: 800 clamp(16px, 1.35vw, 20px)/1.05 'Archivo'; font-variation-settings: 'wdth' 80; letter-spacing: -.005em; text-transform: uppercase; }
.br-chip small { font: 500 10.5px 'JetBrains Mono', monospace; color: var(--grey); white-space: nowrap; }
.br-chip:hover { background: #17171a; }
.br-chip.on { background: var(--lime); color: var(--ink); }
.br-chip.on small { color: rgba(11,11,13,.7); }
.br-chip:focus-visible, .br-view button:focus-visible, .br-go:focus-visible, .br-row:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.br-own { margin: 0; }
.br-own .at-search-prompt { white-space: nowrap; }
.br-go { flex: none; background: none; border: 0; border-left: 1px solid var(--line); color: var(--lime); padding: 0 18px; cursor: pointer; align-self: stretch; }
.br-go:hover { background: var(--lime); color: var(--ink); }
.br-panel { display: block; }
.br-panel .term-bar { flex-wrap: wrap; gap: 10px 16px; }
.br-view { display: flex; margin-left: auto; border: 1px solid var(--line); }
.br-view[hidden] { display: none; }
.br-view button { font: 500 11px 'JetBrains Mono', monospace; background: none; border: 0; color: var(--grey); padding: 6px 10px; cursor: pointer; transition: background .25s, color .25s; }
.br-view button.on { background: var(--paper); color: var(--ink); }
.br-head { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px clamp(24px, 4vw, 64px); align-items: end; padding: clamp(20px, 3vw, 38px) clamp(16px, 2vw, 26px); border-bottom: 1px solid var(--line); }
.br-head h3 { margin: 0; font-weight: 800; font-size: clamp(30px, 4.2vw, 68px); line-height: .94; letter-spacing: -.015em; text-transform: uppercase; font-variation-settings: 'wdth' 76; text-wrap: balance; overflow-wrap: anywhere; }
.br-funnel { display: flex; flex-direction: column; gap: 10px; font-size: 12px; color: var(--grey); }
.br-funnel span { display: block; margin-bottom: 5px; }
.br-funnel b { color: var(--paper); font-weight: 500; font-variant-numeric: tabular-nums; }
.br-funnel em { font-style: normal; }
.br-funnel i { display: block; height: 3px; background: var(--line); }
.br-funnel u { display: block; height: 100%; width: 0; background: #55544f; text-decoration: none; transition: width 1.1s cubic-bezier(.2,.8,.2,1); }
.br-funnel .pick b, .br-funnel .pick span { color: var(--lime); }
.br-funnel .pick u { background: var(--lime); }
.br-list { list-style: none; margin: 0; padding: 0; }
.br-row { display: grid; grid-template-columns: 3.4em minmax(0, 1fr) 9em; gap: 8px clamp(12px, 2vw, 28px); padding: clamp(16px, 1.8vw, 24px) clamp(16px, 2vw, 26px); border-bottom: 1px solid var(--line); cursor: pointer; transition: background .25s; animation: brIn .55s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--d); }
.br-row:hover { background: rgba(200,255,62,.05); }
.br-row:hover h3 { color: var(--lime); }
@keyframes brIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.br-rank { color: var(--lime); font-size: 13px; padding-top: 3px; }
.br-body h3 { margin: 0; font-weight: 700; font-size: clamp(18px, 1.55vw, 23px); line-height: 1.16; letter-spacing: -.005em; font-variation-settings: 'wdth' 92; text-wrap: pretty; transition: color .25s; overflow-wrap: anywhere; }
.br-found { margin: 9px 0 0; max-width: 62em; color: #c9c8c1; font-size: 15px; line-height: 1.46; text-wrap: pretty; overflow-wrap: anywhere; }
.br-found span { margin-right: 9px; color: var(--grey); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }
.br-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.br-why { border: 1px solid rgba(200,255,62,.34); color: var(--lime); font-size: 10.5px; padding: 2px 7px; }
.br-side { display: flex; flex-direction: column; gap: 3px; text-align: right; color: var(--grey); font-size: 11px; }
.br-open { margin-top: auto; color: var(--paper); padding-top: 8px; }
.br-row:hover .br-open { color: var(--lime); }
.br-foot { padding: 13px clamp(16px, 2vw, 26px); color: var(--grey); font-size: 11.5px; }
.at-paper-rel[hidden] { display: none; }
.at-paper-rel { grid-template-columns: 1fr; }
@media (max-width: 1100px) { .br-chips-sm { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  .br-head { grid-template-columns: 1fr; }
  .br-row { grid-template-columns: 2.4em minmax(0, 1fr); }
  .br-side { grid-column: 2; flex-direction: row; flex-wrap: wrap; gap: 4px 14px; text-align: left; }
  .br-open { margin: 0 0 0 auto; padding: 0; }
  .br-view { margin-left: 0; width: 100%; }
  .br-view button { flex: 1; }
}
@media (max-width: 560px) {
  .br-chips { grid-template-columns: 1fr; }
  .br-chips-sm { grid-template-columns: 1fr 1fr; }
  .br-chip { padding: 13px 14px; }
  .br-own { flex-wrap: wrap; }
  .br-own .at-search-prompt { width: 100%; }
  .br-own input { flex: 1; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .br-row { animation: none; } .br-funnel u { transition: none; } }


/* The way in: a world of real papers */
.atlas-page > .nav, .atlas-page > main { transition: opacity 1s ease .15s; }
.at-entering > .nav, .at-entering > main { opacity: 0; pointer-events: none; animation: atReveal .6s ease 8s forwards; }
@keyframes atReveal { to { opacity: 1; pointer-events: auto; } }
#world { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; transition: opacity .9s ease; }
.atlas-page main, .atlas-page .at { position: relative; z-index: 1; }
.at-hero { min-height: calc(100svh - 150px); display: flex; flex-direction: column; justify-content: flex-end; }
.at-hero .at-badge { align-self: flex-start; }
.at-lede, .at-usp, .at-stat span { text-shadow: 0 0 16px #0b0b0d, 0 0 4px #0b0b0d; }
#enter { position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 10px; padding: 24px 24px clamp(64px, 11vh, 120px); text-align: center; transition: opacity .9s ease; pointer-events: none; }
#enter.out { opacity: 0; }
#enter > * { opacity: 0; transition: opacity 1.1s ease, letter-spacing 2.6s cubic-bezier(.16,.8,.2,1), transform 2.6s cubic-bezier(.16,.8,.2,1); }
#enter.go > * { opacity: 1; }
.enter-coord { position: absolute; left: 0; right: 0; top: 20px; color: var(--grey); letter-spacing: .16em; font-size: 11px; text-transform: none; transition-delay: .2s !important; }
.enter-pre { color: var(--lime); letter-spacing: .5em; text-transform: uppercase; font-size: clamp(12px, 1.1vw, 15px); padding-left: .5em; transition-delay: .7s !important; }
.enter-name { font: 800 clamp(58px, 15vw, 248px)/.84 'Archivo'; font-variation-settings: 'wdth' 72; text-transform: uppercase; color: var(--paper); letter-spacing: .22em; margin-right: -.22em; transition-delay: .75s !important; text-shadow: 0 0 40px rgba(11,11,13,.8); }
#enter.go .enter-name { letter-spacing: -.012em; margin-right: 0; }
.enter-tag { color: var(--paper); letter-spacing: .24em; text-transform: uppercase; font-size: clamp(11px, 1.15vw, 15px); margin-top: 8px; transition-delay: 1.5s !important; }
.enter-count { color: var(--grey); letter-spacing: .12em; text-transform: uppercase; font-size: 11px; font-variant-numeric: tabular-nums; transition-delay: 1.9s !important; }
.enter-count span { color: var(--lime); }
.enter-skip { position: absolute; right: var(--gutter); bottom: 22px; background: none; border: 0; color: var(--grey); padding: 8px; cursor: pointer; font-size: 12px; letter-spacing: .08em; pointer-events: auto; transition-delay: 1s !important; }
.enter-skip:hover { color: var(--lime); }
#star-tag { position: fixed; z-index: 1; opacity: 0; pointer-events: none; color: var(--grey); font-size: 10.5px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
#star-tag b { color: var(--paper); font-weight: 500; }
@media (max-width: 900px) { #star-tag { display: none; } }
/* Instrument marks: degree ticks on each section, sighting corners on the brief. Type and colour stay the site's. */
.at-sec { position: relative; padding-top: 22px; }
.at-sec::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 7px; background: repeating-linear-gradient(90deg, rgba(242,241,236,.2) 0 1px, transparent 1px 12px); -webkit-mask: linear-gradient(90deg, #000, transparent 70%); mask: linear-gradient(90deg, #000, transparent 70%); }
.br-panel { position: relative; background: rgba(14,14,16,.94); }
.br-panel::before, .br-panel::after { content: ''; position: absolute; width: 16px; height: 16px; border: 1px solid var(--lime); pointer-events: none; }
.br-panel::before { left: -1px; top: -1px; border-right: 0; border-bottom: 0; }
.br-panel::after { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }
.br-chip, .at-theme, .at-search { background-color: rgba(14,14,16,.92); }
.at-usp { list-style: none; margin: clamp(18px, 2.4vw, 28px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; color: var(--grey); font-size: 12px; line-height: 1.5; }
.at-usp b { display: block; color: var(--paper); font-weight: 500; }
.at-stat[hidden] { display: none; }
.at-sec-head, .br-pick, .at-explore, .at-themes { position: relative; }
@media (max-width: 720px) { .at-usp { grid-template-columns: 1fr; gap: 10px; } .at-hero { min-height: 0; } }