/* N-Word Pass, round two: "The Authority". The Bureau's seal and pomp crossed with the Black Card's dark drama.
   Preview only (verge-lab study, 2026-11-07). Draft copy. */
@font-face { font-family: "Cinzel"; src: url("fonts/cinzel.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Pinyon Script"; src: url("fonts/pinyon.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/geist-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/geist-mono-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Merriweather"; src: url("fonts/Merriweather-normal-1.woff2") format("woff2"); font-weight: 300 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Merriweather"; src: url("fonts/Merriweather-italic-0.woff2") format("woff2"); font-weight: 300 400; font-style: italic; font-display: swap; }

:root {
  color-scheme: dark;
  --night: #05070D;
  --navy: #0A1120;
  --navy-2: #101A30;
  --line: #1C2741;
  --hair: rgba(201, 164, 92, .26);
  --ivory: #F1EBDD;
  --steel: #A2A7B4;
  --gold: #C9A45C;
  --gold-hi: #E8D29B;
  --gold-lo: #8C6D33;
  --parch: #F4EEDF;
  --parch-2: #E9DFC8;
  --ink: #14213D;
  --ok: #7CCBA0;
  --no: #EE8077;
  --gilt: linear-gradient(135deg, #F3E2AE 0%, #C9A45C 32%, #EAD49A 55%, #A9853F 80%, #E3C987 100%);
  --display: "Cinzel", "Trajan Pro", Georgia, serif;
  --serif: "Merriweather", Georgia, serif;
  --sans: "Geist", ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --script: "Pinyon Script", "Snell Roundhand", cursive;
  --pad: clamp(20px, 4.4vw, 64px);
  --max: 1320px;
  --ease: cubic-bezier(.2, .7, .1, 1);
  --nav: 72px;
  --rib: 36px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 120px; }
body { margin: 0; background: var(--night); color: var(--ivory); font: 400 16px/26px var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
::selection { background: var(--gold); color: var(--night); }
:focus-visible { outline: 2px solid var(--gold-hi); outline-offset: 3px; border-radius: 3px; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--gold-hi); color: var(--night); padding: 10px 16px; text-decoration: none; font-weight: 600; }
.skip:focus { top: 12px; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
tm, .tm { font-size: .42em; vertical-align: .95em; letter-spacing: 0; margin-left: .04em; font-family: var(--sans); font-weight: 500; }

/* ---------- type ---------- */
.label { font: 500 11.5px/16px var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
.mute { color: var(--steel); }
.serial { font-family: var(--mono); letter-spacing: .06em; color: var(--gold-hi); }
.display { font: 600 clamp(44px, 5.6vw, 84px)/.98 var(--display); letter-spacing: .01em; margin: 0; text-wrap: balance; }
.h2 { font: 600 clamp(30px, 3.6vw, 54px)/1.04 var(--display); letter-spacing: .01em; margin: 0; text-wrap: balance; }
.h3 { font: 600 21px/1.2 var(--display); letter-spacing: .02em; margin: 0; }
.script { font-family: var(--script); font-weight: 400; color: var(--gold-hi); letter-spacing: 0; }
.lede { font-size: 18px; line-height: 29px; color: #C6C8D0; margin: 0; max-width: 48ch; text-wrap: pretty; }
.gilt-text { background: var(--gilt); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Section heading: "Article II", flanked by rules, then the title. */
.art { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.art::before, .art::after { content: ""; height: 1px; width: 40px; background: linear-gradient(90deg, transparent, var(--gold)); }
.art::after { background: linear-gradient(90deg, var(--gold), transparent); }
.art span { font: 600 13px/1 var(--display); letter-spacing: .28em; color: var(--gold); text-transform: uppercase; }
.sec-head { text-align: center; max-width: 820px; margin: 0 auto clamp(40px, 5vw, 72px); display: flex; flex-direction: column; align-items: center; }
.sec-head .lede { margin-top: 20px; max-width: 56ch; }
.sec-head.left { text-align: left; align-items: flex-start; margin-left: 0; }
.sec-head.left .art::before { display: none; }

/* Ornament: rule, star, rule */
.orn { display: flex; align-items: center; gap: 12px; color: var(--gold); justify-content: center; }
.orn::before, .orn::after { content: ""; flex: 1; max-width: 120px; height: 1px; background: var(--hair); }
.orn svg { width: 14px; height: 14px; }

/* ---------- buttons ---------- */
.btn { --h: 50px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: var(--h); padding: 0 26px; border-radius: 2px; font: 600 13.5px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: filter .25s, background .25s, color .25s, border-color .25s, transform .2s var(--ease); white-space: nowrap; }
.btn-gold { background: var(--gilt); background-size: 160% 100%; background-position: 0 0; color: #1A1306; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), inset 0 0 0 3px rgba(0,0,0,.18), 0 10px 30px -12px rgba(201,164,92,.55); }
.btn-gold:hover { background-position: 100% 0; filter: brightness(1.06); }
.btn-line { background: rgba(10,17,32,.4); color: var(--gold-hi); border-color: rgba(201,164,92,.55); }
.btn-line:hover { border-color: var(--gold-hi); background: rgba(201,164,92,.08); }
.btn .amt { font: 500 13px/1 var(--mono); letter-spacing: .02em; text-transform: none; opacity: .75; padding-left: 12px; border-left: 1px solid currentColor; }
.btn-gold .amt { border-left-color: rgba(26,19,6,.3); }
.btn:active { transform: scale(.985); }
.btn-sm { --h: 40px; padding: 0 18px; font-size: 12px; }
.btn-block { width: 100%; }
.link { color: var(--gold-hi); text-decoration: none; border-bottom: 1px solid rgba(201,164,92,.45); padding-bottom: 2px; transition: border-color .2s; }
.link:hover { border-color: var(--gold-hi); }
.arrow::after { content: "\2192"; margin-left: 8px; display: inline-block; transition: transform .25s var(--ease); }
.arrow:hover::after { transform: translateX(3px); }
.ctas { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---------- ribbon + masthead ---------- */
.ribbon { position: relative; z-index: 51; background: #0B1324; border-bottom: 1px solid var(--hair); font: 500 12px/1.3 var(--sans); color: #D8CFB8; }
.ribbon .wrap { display: flex; align-items: center; gap: 10px; height: var(--rib); white-space: nowrap; overflow: hidden; }
.ribbon .wrap > span { overflow: hidden; text-overflow: ellipsis; }
.ribbon img { width: 18px; height: 18px; flex: none; }
.ribbon b { color: var(--gold-hi); font-weight: 600; }
.ribbon a { color: var(--gold-hi); margin-left: 6px; white-space: nowrap; }
.ribbon .r-short { display: none; }
@media (max-width: 760px) { .ribbon .r-long { display: none; } .ribbon .r-short { display: inline; } }

.mast { position: sticky; top: 0; z-index: 50; background: rgba(5,7,13,.78); -webkit-backdrop-filter: saturate(140%) blur(18px); backdrop-filter: saturate(140%) blur(18px); border-bottom: 1px solid rgba(201,164,92,.18); }
.mast .wrap { display: flex; align-items: center; height: var(--nav); gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand img { width: 44px; height: 44px; }
.brand b { display: block; font: 600 16px/1.1 var(--display); letter-spacing: .06em; color: var(--ivory); }
.brand b .tm { color: var(--gold); }
.brand em { display: block; font: 500 9.5px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--gold); font-style: normal; margin-top: 3px; }
.mast ul { list-style: none; margin: 0 0 0 auto; padding: 0; display: flex; gap: 26px; align-items: center; }
.mast ul a { text-decoration: none; font: 500 13px/1 var(--sans); letter-spacing: .06em; color: #BFC2CB; transition: color .2s; }
.mast ul a:hover, .mast ul a[aria-current="page"] { color: var(--gold-hi); }
.mast ul a.btn { color: #1A1306; }
.menu-btn { display: none; margin-left: auto; background: none; border: 1px solid rgba(201,164,92,.5); color: var(--gold-hi); height: 40px; padding: 0 16px; border-radius: 2px; font: 600 12px var(--sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
@media (max-width: 980px) {
  .mast ul { display: none; position: absolute; left: 0; right: 0; top: var(--nav); flex-direction: column; align-items: stretch; gap: 0; background: #05070D; border-bottom: 1px solid var(--hair); padding: 8px var(--pad) 22px; }
  .mast ul.open { display: flex; }
  .mast ul a { display: block; padding: 15px 0; font-size: 17px; border-bottom: 1px solid #141c2e; color: var(--ivory); }
  .mast ul a.btn { margin-top: 16px; display: flex; color: #1A1306; }
  .menu-btn { display: inline-flex; align-items: center; }
}
@media (max-width: 420px) { .brand em { display: none; } .brand img { width: 38px; height: 38px; } .brand b { font-size: 14px; } }

/* ---------- sections ---------- */
section { position: relative; }
.sec { padding: clamp(88px, 10vw, 150px) 0; }
.sec-navy { background: radial-gradient(90% 60% at 50% 0%, #0E1830 0%, var(--navy) 50%, #070C18 100%); border-top: 1px solid rgba(201,164,92,.14); border-bottom: 1px solid rgba(201,164,92,.14); }
.band { height: 56px; background: url("img/guilloche-band.svg") repeat-x center / auto 56px; opacity: .55; }
.band.thin { height: 28px; background-size: auto 28px; opacity: .28; }

/* reveal */
.rv { opacity: 0; transform: translateY(18px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.rv.in { opacity: 1; transform: none; }

/* ---------- hero: pinned card sequence ---------- */
.seq { height: 360vh; position: relative; margin-top: calc(-1 * (var(--nav) + var(--rib))); }
.seq-pin { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.seq-pool { position: absolute; inset: 0; background:
  radial-gradient(60% 55% at 62% 52%, rgba(27,42,78,.75), rgba(5,7,13,0) 70%),
  radial-gradient(80% 50% at 50% 100%, rgba(201,164,92,.10), rgba(5,7,13,0) 70%),
  var(--night); }
.seq-rosette { position: absolute; left: 50%; top: 50%; width: min(150vh, 1300px); aspect-ratio: 1; transform: translate(calc(-50% + var(--rx, 0px)), -46%) rotate(var(--rr, 0deg)); background: url("img/rosette.svg") center / contain no-repeat; opacity: .16; pointer-events: none; transition: transform .2s linear; }
.seq-stage { position: absolute; left: 0; right: 0; top: calc(var(--nav) + var(--rib)); bottom: 0; --cw: 600px; transform: translate3d(var(--sx, 0px), var(--sy, 0px), 0) scale(var(--ss, 1)); transform-origin: 50% 50%; will-change: transform; }
.seq-glow { position: absolute; left: 50%; top: 50%; width: calc(var(--cw) * 1.9); height: calc(var(--cw) * 1.4); transform: translate(-50%, -52%); border-radius: 50%; background: radial-gradient(closest-side, rgba(214,190,130,.28), rgba(120,110,90,.10) 50%, rgba(5,7,13,0) 100%); pointer-events: none; }
.seq-glow::after { content: ""; position: absolute; left: 50%; top: calc(50% + var(--cw) * .42); width: calc(var(--cw) * .9); height: calc(var(--cw) * .08); transform: translateX(-50%); background: radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,.9), rgba(0,0,0,0)); filter: blur(8px); }
.seq-float { position: absolute; inset: 0; animation: float 9s ease-in-out infinite; }
.seq-float canvas { filter: brightness(1.14) contrast(1.06); }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(.35deg); } }

.beat { position: absolute; inset: calc(var(--nav) + var(--rib)) 0 0; pointer-events: none; opacity: 0; transition: opacity .6s var(--ease), transform .8s var(--ease); transform: translateY(14px); z-index: 2; }
.beat.on { opacity: 1; transform: none; pointer-events: auto; }
.measuring .beat { transform: none !important; transition: none !important; }
.b1 { position: absolute; left: max(var(--pad), calc((100vw - var(--max)) / 2 + var(--pad))); top: 50%; transform: translateY(-50%); width: min(600px, 45vw); }
.b1 .label { margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.b1 .label::before { content: ""; width: 26px; height: 1px; background: var(--gold); }
.b1 .display { font-size: clamp(46px, 5.3vw, 84px); }
.b1 .display .tm { color: var(--gold); }
.b1 .script { display: block; font-size: clamp(34px, 3.2vw, 48px); line-height: 1.1; margin: 12px 0 0; }
.b1-sub { margin: 18px 0 0; font-size: 17px; line-height: 27px; color: #C3C5CD; max-width: 40ch; }
.b1-foot { margin-top: 30px; }
.b1 .ctas .btn { --h: 54px; }
.b1-seal { display: flex; align-items: center; gap: 14px; margin-top: 26px; font-size: 13px; line-height: 19px; color: var(--steel); }
.b1-seal img { width: 62px; height: 62px; flex: none; filter: drop-shadow(0 6px 12px rgba(0,0,0,.6)); }
.b1-seal b { display: block; color: var(--gold-hi); font: 600 13px/1.3 var(--display); letter-spacing: .08em; }

.side { position: absolute; top: 50%; transform: translateY(-50%); max-width: 320px; }
.side.l { left: var(--pad); }
.side.r { right: var(--pad); }
.side .label { margin-bottom: 14px; }
.side blockquote { margin: 0; font: italic 300 16px/27px var(--serif); color: #DCD6C6; }
.side .h3 { font-size: 26px; line-height: 1.15; }
.side p { margin: 12px 0 0; color: var(--steel); font-size: 15px; line-height: 24px; }
.bq-who { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.bq-who img.face { width: 46px; height: 46px; border-radius: 50%; box-shadow: 0 0 0 1px var(--gold), 0 0 0 4px var(--night), 0 0 0 5px rgba(201,164,92,.5); }
.bq-who b { display: block; font: 600 12.5px/1.3 var(--display); letter-spacing: .08em; color: var(--ivory); }
.bq-who span { display: block; font: 500 10.5px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.side.r blockquote { font-size: 17px; line-height: 28px; }
.side.r blockquote::before { content: "\201C"; display: block; font: 400 64px/0.6 var(--display); color: var(--gold); margin-bottom: 8px; }

.b4-bot { position: absolute; left: var(--pad); right: var(--pad); bottom: clamp(40px, 6vh, 68px); display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.b4-bot .h2 { font-size: clamp(30px, 3vw, 46px); }
.b4-bot .script { font-size: 34px; line-height: 1; }
.seq-progress { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 3; }
.seq-progress i { width: 6px; height: 6px; transform: rotate(45deg); border: 1px solid var(--gold); transition: background .4s; }
.seq-progress i.on { background: var(--gold); }
.cue { position: absolute; right: var(--pad); bottom: 22px; z-index: 3; }
@media (max-width: 860px) {
  .seq { height: 240vh; }
  .b1 { left: var(--pad); right: var(--pad); top: 0; bottom: 0; transform: none; width: auto; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(18px, 3.4svh, 32px) 0 clamp(22px, 4svh, 36px); }
  .b1 .label { margin-bottom: 12px; font-size: 10.5px; }
  .b1 .display { font-size: clamp(34px, 10vw, 44px); line-height: 1; }
  .b1 .script { font-size: 32px; margin-top: 6px; }
  .b1-sub { display: none; }
  .b1-foot { margin-top: 0; }
  .b1 .ctas { flex-direction: column; gap: 10px; }
  .b1 .ctas .btn { width: 100%; --h: 50px; }
  .b1-seal { margin-top: 14px; font-size: 12px; line-height: 17px; }
  .b1-seal img { width: 46px; height: 46px; }
  .side { top: auto; bottom: 44px; transform: none; max-width: none; left: var(--pad) !important; right: var(--pad) !important; }
  .side blockquote { font-size: 14.5px; line-height: 24px; }
  .side.r { display: none; }
  .cue { display: none; }
}

/* ---------- framed things: corners ---------- */
.frame-gold { position: relative; border: 1px solid var(--hair); background: linear-gradient(180deg, rgba(16,26,48,.85), rgba(8,13,26,.92)); }
.frame-gold::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(201,164,92,.14); pointer-events: none; }
.corners > .c { position: absolute; width: 18px; height: 18px; border-color: var(--gold); border-style: solid; border-width: 0; pointer-events: none; }
.corners > .c.tl { left: -1px; top: -1px; border-left-width: 2px; border-top-width: 2px; }
.corners > .c.tr { right: -1px; top: -1px; border-right-width: 2px; border-top-width: 2px; }
.corners > .c.bl { left: -1px; bottom: -1px; border-left-width: 2px; border-bottom-width: 2px; }
.corners > .c.br { right: -1px; bottom: -1px; border-right-width: 2px; border-bottom-width: 2px; }

/* ---------- instruments (shop) ---------- */
.inst-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
@media (max-width: 980px) { .inst-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }
.inst { display: flex; flex-direction: column; text-decoration: none; transition: transform .5s var(--ease), border-color .3s; }
.inst:hover { transform: translateY(-4px); border-color: rgba(201,164,92,.5); }
.inst-media { position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-bottom: 1px solid var(--hair); background: radial-gradient(70% 60% at 50% 45%, rgba(40,58,100,.55), rgba(8,13,26,0) 75%); }
.inst-media .stage { position: absolute; inset: 0; }
.inst-media .tier { position: absolute; left: 16px; top: 14px; z-index: 2; }
.inst-media .seal-chip { position: absolute; right: 14px; top: 12px; width: 56px; height: 56px; z-index: 2; filter: drop-shadow(0 6px 10px rgba(0,0,0,.6)); }
.inst-body { padding: 24px 24px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.inst-body p { margin: 0; color: var(--steel); font-size: 15px; line-height: 24px; }
.inst-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.price { font: 600 26px/1 var(--display); color: var(--gold-hi); font-variant-numeric: tabular-nums; }
.inst-body .btn { margin-top: auto; }
.inst-body .spacer { flex: 1; min-height: 6px; }
.inst-note { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; margin-top: 30px; font: 500 12px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--steel); }
@media (max-width: 760px) { .inst-note { flex-direction: column; align-items: center; text-align: center; } .amb .portrait { max-width: 300px; } .amb .portrait .foil { right: -8px; width: 88px; } .case-portrait .seal-chip { right: -2%; top: -4%; width: 22%; } }
.inst-note span::before { content: "\2726"; color: var(--gold); margin-right: 8px; }

/* certificate, drawn over the blank artwork (no printed number) */
.cert { position: relative; container-type: inline-size; aspect-ratio: 1600 / 1236; background: #fff url("img/cert-blank.jpg") center/cover no-repeat; color: #111; overflow: hidden; }
.cert > * { position: absolute; margin: 0; }
.cert .c-sub { left: 6.8cqw; top: 24.6cqw; font: 700 1.25cqw/1 var(--sans); letter-spacing: .25em; }
.cert .c-pre { left: 6.8cqw; top: 31.4cqw; font: 400 1.5cqw/1.3 var(--sans); width: 50cqw; }
.cert .c-name { left: 6.6cqw; top: 35.6cqw; font: 400 4.6cqw/1.1 var(--script); width: 54cqw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0d0d0d; }
.cert .c-know { left: 6.8cqw; top: 43.6cqw; font: 700 1.3cqw/1 var(--sans); }
.cert .c-body { left: 6.8cqw; top: 46.4cqw; width: 50cqw; font: 400 1.06cqw/1.55 var(--sans); color: #333; }
.cert .c-sign { left: 63cqw; top: 44.5cqw; width: 14cqw; }
.cert .c-signed { left: 63cqw; top: 52.4cqw; font: 600 1.0cqw/1.35 var(--sans); color: #222; }
.cert .c-signed span { display: block; font-weight: 400; color: #555; }
.cert .c-code { left: 63cqw; top: 61.4cqw; font: 700 .86cqw/1.25 var(--sans); color: #222; }
.cert .c-code span { display: block; font-weight: 400; color: #666; }
.cert .c-date { left: 6.8cqw; top: 62cqw; font: 500 1.0cqw/1 var(--mono); letter-spacing: .08em; color: #555; }
.gilt-frame { padding: 3.4%; background: linear-gradient(135deg, #8a6a2e, #e9d394 22%, #a4813c 45%, #f1dfa6 62%, #8a6a2e 85%, #c9a45c); box-shadow: 0 30px 60px -20px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.25), inset 0 0 0 4px rgba(0,0,0,.18); }
.gilt-frame > .mat { background: #0c0f16; padding: 4.5%; box-shadow: inset 0 0 0 1px rgba(201,164,92,.45), inset 0 6px 18px rgba(0,0,0,.6); }
.gilt-frame.light > .mat { background: var(--parch-2); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), inset 0 6px 14px rgba(0,0,0,.2); }
.cert-hang { position: absolute; inset: 0; display: grid; place-items: center; perspective: 1400px; padding: 9% 11%; }
.cert-hang .gilt-frame { width: 100%; transform: rotateY(-12deg) rotateX(3deg) rotateZ(-1deg); transition: transform .8s var(--ease); }
.inst:hover .cert-hang .gilt-frame { transform: rotateY(-6deg) rotateX(1deg); }
.bundle-art { position: absolute; inset: 0; }
.bundle-art .cert-hang { padding: 9% 26% 22% 6%; }
.bundle-art .card-img { position: absolute; right: -4%; bottom: -2%; width: 70%; filter: drop-shadow(0 30px 30px rgba(0,0,0,.85)); }

/* ---------- Chief Ambassador letter ---------- */
.amb { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
@media (max-width: 960px) { .amb { grid-template-columns: 1fr; } }
.portrait { position: relative; max-width: 400px; margin: 0 auto; width: 100%; }
.portrait .arch { position: relative; padding: 14px; border-radius: 240px 240px 6px 6px; background: var(--gilt); box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.35); }
.portrait .arch::before { content: ""; position: absolute; inset: 7px; border-radius: 233px 233px 4px 4px; border: 1px solid rgba(60,40,10,.45); pointer-events: none; z-index: 2; }
.portrait .arch img { border-radius: 226px 226px 2px 2px; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; width: 100%; filter: saturate(.92) contrast(1.04); }
.plaque { position: relative; margin: -26px auto 0; width: 82%; padding: 14px 16px 13px; text-align: center; background: linear-gradient(180deg, #E9D394, #B8954B 60%, #9E7C39); color: #24190A; box-shadow: 0 14px 30px -10px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(60,40,10,.35); z-index: 3; }
.plaque b { display: block; font: 700 17px/1.2 var(--display); letter-spacing: .1em; }
.plaque span { display: block; font: 600 10px/1.5 var(--mono); letter-spacing: .2em; text-transform: uppercase; margin-top: 3px; opacity: .85; }
.portrait .foil { position: absolute; right: -18px; top: 30px; width: 112px; z-index: 4; transform: rotate(10deg); filter: drop-shadow(0 10px 18px rgba(0,0,0,.6)); }
.letter { position: relative; background: var(--parch); color: #1F1B14; padding: clamp(28px, 4vw, 56px); box-shadow: 0 40px 80px -30px rgba(0,0,0,.95), 0 0 0 1px rgba(201,164,92,.3); background-image:
  radial-gradient(120% 80% at 0% 0%, rgba(255,255,255,.6), rgba(255,255,255,0) 60%),
  radial-gradient(90% 70% at 100% 100%, rgba(190,160,100,.18), rgba(255,255,255,0) 70%); }
.letter::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(140,109,51,.45); pointer-events: none; }
.letter::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(140,109,51,.2); pointer-events: none; }
.lh { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid rgba(140,109,51,.4); }
.lh img { width: 54px; height: 54px; }
.lh b { display: block; font: 700 14px/1.2 var(--display); letter-spacing: .12em; color: var(--ink); }
.lh span { display: block; font: 500 10px/1.5 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: #8C6D33; margin-top: 2px; }
.letter h3 { font: 700 clamp(26px, 2.6vw, 36px)/1.1 var(--display); color: var(--ink); margin: 0 0 18px; letter-spacing: .01em; }
.letter p { font: 300 17px/30px var(--serif); margin: 0 0 16px; color: #2A251C; }
.letter .sal { font-style: italic; }
.sigblock { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 22px; flex-wrap: wrap; }
.sigblock img.sig { width: 210px; margin: 0 0 4px -6px; }
.sigblock .who b { display: block; font: 700 14px/1.3 var(--display); letter-spacing: .1em; color: var(--ink); }
.sigblock .who span { display: block; font: 500 10.5px/1.5 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: #8C6D33; }
.sigblock .stamp-seal { width: 92px; height: 92px; transform: rotate(-8deg); opacity: .95; }

/* ---------- hashtag marquee ---------- */
.marq { overflow: hidden; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); background: linear-gradient(180deg, #070B15, #0B1222); padding: 26px 0 22px; }
.marq-row { display: flex; width: max-content; animation: marq 48s linear infinite; }
.marq-row.rev { animation-direction: reverse; animation-duration: 60s; margin-top: 10px; }
.marq-row span { display: inline-flex; align-items: center; gap: 34px; padding-right: 34px; white-space: nowrap; }
.marq-row.big span { font: 700 clamp(40px, 6vw, 88px)/1.05 var(--display); letter-spacing: .02em; }
.marq-row.big .h { background: var(--gilt); -webkit-background-clip: text; background-clip: text; color: transparent; }
.marq-row.big .w { color: transparent; -webkit-text-stroke: 1px rgba(232,210,155,.55); }
.marq-row.small span { font: 500 13px/1 var(--mono); letter-spacing: .3em; text-transform: uppercase; color: var(--steel); }
.marq-row i { font-style: normal; color: var(--gold); font-size: .4em; }
.marq-row.small i { font-size: 1em; }
.marq:hover .marq-row { animation-play-state: paused; }
@keyframes marq { to { transform: translateX(-50%); } }

/* ---------- the only official source ---------- */
.official { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(36px, 5vw, 88px); align-items: center; }
@media (max-width: 960px) { .official { grid-template-columns: 1fr; } }
.reg-wrap { position: relative; }
.reg-wrap .gilt-frame { transform: rotate(-1.2deg); }
.reg { position: relative; background: var(--parch); color: #1F1B14; padding: clamp(22px, 3.6vw, 44px) clamp(20px, 3.4vw, 44px) clamp(22px, 3vw, 36px); text-align: center; container-type: inline-size; background-image: url("img/guilloche-band.svg"), url("img/guilloche-band.svg"), radial-gradient(100% 80% at 50% 0%, #fffaf0, var(--parch) 70%); background-repeat: repeat-x; background-size: auto 22px, auto 22px, auto; background-position: 0 8px, 0 calc(100% - 8px), 0 0; }
.reg::before { content: ""; position: absolute; inset: 34px 12px; border: 1px solid rgba(140,109,51,.45); pointer-events: none; }
.reg img.rs { width: clamp(64px, 16cqw, 96px); margin: 8px auto 10px; }
.reg .r-eyebrow { font: 600 10px/1.4 var(--mono); letter-spacing: .26em; text-transform: uppercase; color: #8C6D33; }
.reg h3 { font: 700 clamp(22px, 6.2cqw, 40px)/1.05 var(--display); color: var(--ink); margin: 6px 0 4px; letter-spacing: .02em; }
.reg .r-script { font: 400 clamp(22px, 5.4cqw, 34px)/1.1 var(--script); color: #6B5222; margin: 0 0 16px; }
.reg dl { margin: 0 auto; max-width: 92%; display: grid; grid-template-columns: auto 1fr; text-align: left; border-top: 1px solid rgba(140,109,51,.45); }
.reg dt, .reg dd { margin: 0; padding: 9px 4px; border-bottom: 1px solid rgba(140,109,51,.25); font-size: clamp(12px, 2.7cqw, 15px); line-height: 1.4; }
.reg dt { font: 600 clamp(9.5px, 2.2cqw, 11px)/1.5 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #8C6D33; padding-right: 16px; white-space: nowrap; }
.reg dd { color: #1F1B14; font-weight: 500; }
.reg dd.num { font-family: var(--mono); letter-spacing: .08em; color: var(--ink); }
.reg .r-foot { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 16px; padding: 0 4%; gap: 12px; }
.reg .r-foot .sg { text-align: left; }
.reg .r-foot img.sig { width: clamp(100px, 30cqw, 170px); margin-bottom: 2px; }
.reg .r-foot .sg span { display: block; font: 600 clamp(8.5px, 2cqw, 10px)/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #6B5222; border-top: 1px solid rgba(140,109,51,.5); padding-top: 4px; }
.reg .r-foot img.fs { width: clamp(60px, 17cqw, 96px); transform: rotate(9deg); }
.reg-cap { margin: 22px auto 0; text-align: center; font: italic 300 14px/1.5 var(--serif); color: var(--steel); }
.claim .lede { margin-top: 18px; }
.claim-body { margin: 22px 0 0; font: 300 17px/30px var(--serif); color: #D8D2C2; max-width: 54ch; }
.warn { margin-top: 32px; padding: 24px 24px 18px; }
.warn-h { display: flex; align-items: center; gap: 12px; }
.warn-h svg { width: 28px; height: 28px; flex: none; }
.warn-h b { font: 700 17px/1.2 var(--display); letter-spacing: .08em; color: var(--gold-hi); text-transform: uppercase; }
.warn > p { margin: 10px 0 14px; color: var(--steel); font-size: 15px; line-height: 24px; }
.cf { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; }
.cf th, .cf td { text-align: left; padding: 10px 8px; border-top: 1px solid var(--line); vertical-align: top; }
.cf thead th { font: 600 10.5px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); border-top: 0; padding-top: 0; }
.cf tbody th { font-weight: 500; color: var(--steel); width: 34%; }
.cf td.g { color: var(--ivory); }
.cf td.x { color: #8A8F9C; text-decoration: line-through; text-decoration-color: rgba(238,128,119,.6); }
.accept { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.accept .script { font-size: 34px; line-height: 1; }

/* pull quote from Breshawn */
.pq { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; padding: 24px; margin-top: 26px; }
.pq img.face { width: 64px; height: 64px; border-radius: 50%; box-shadow: 0 0 0 1px var(--gold), 0 0 0 4px var(--navy), 0 0 0 5px rgba(201,164,92,.5); }
.pq .q { font: 600 11px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin: 0 0 8px; }
.pq blockquote { margin: 0; font: italic 300 17px/28px var(--serif); color: #E4DECF; }
.pq cite { display: block; margin-top: 10px; font: 600 11px/1.4 var(--mono); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: var(--steel); }
.pq cite b { color: var(--ivory); font-weight: 600; }

/* ---------- Schedule of Permitted Uses (Article IV): a metal-card benefits page crossed with an engraved schedule ---------- */
.uses { position: relative; overflow: hidden; }
.uses::before { content: ""; position: absolute; left: 50%; top: 260px; width: 1400px; aspect-ratio: 1; transform: translateX(-50%); background: url("img/rosette.svg") center / contain no-repeat; opacity: .05; pointer-events: none; }
.uses .wrap { position: relative; }

/* Gilt medallions */
.medals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2.4vw, 36px); margin: 0 auto clamp(64px, 7vw, 104px); max-width: 1120px; }
.medal { text-align: center; display: flex; flex-direction: column; align-items: center; }
.medal:nth-child(2) { transition-delay: .08s; } .medal:nth-child(3) { transition-delay: .16s; } .medal:nth-child(4) { transition-delay: .24s; }
.disc { position: relative; width: min(100%, 212px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; isolation: isolate;
  background: radial-gradient(closest-side, #131F3A 0%, #0B1324 72%, #080E1C 100%);
  box-shadow: inset 0 0 0 1px rgba(232,210,155,.55), inset 0 0 0 7px rgba(8,14,28,1), inset 0 0 0 8px rgba(201,164,92,.35), 0 0 0 1px rgba(201,164,92,.18), 0 24px 50px -24px rgba(0,0,0,.9), 0 0 60px -20px rgba(201,164,92,.25); }
.disc::before { content: ""; position: absolute; inset: 9%; border-radius: 50%; background: url("img/rosette.svg") center / 128% no-repeat; opacity: .42; z-index: -1; transition: transform 1.6s var(--ease); }
.disc::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 210deg, transparent 0 30%, rgba(243,226,174,.16) 40%, transparent 52%); mix-blend-mode: screen; pointer-events: none; }
.medal:hover .disc::before { transform: rotate(24deg); }
.disc b { font: 700 clamp(46px, 5.2vw, 84px)/1 var(--display); background: var(--gilt); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(201,164,92,.25)); letter-spacing: -.01em; padding-top: .06em; }
.disc b.inf { font-size: clamp(68px, 7.6vw, 124px); padding-top: 0; transform: translateY(-.04em); }
.medal span { display: block; margin-top: 22px; font: 600 12px/1.4 var(--mono); letter-spacing: .22em; text-transform: uppercase; color: var(--ivory); }
.medal em { display: block; margin-top: 4px; font: italic 300 15px/1.4 var(--serif); color: var(--steel); }

/* Schedule A title */
.sched-title { display: flex; align-items: center; gap: 18px; justify-content: center; margin: 0 auto 30px; text-align: left; }
.sched-title img { width: 56px; height: 56px; }
.sched-title b { display: block; font: 700 22px/1.15 var(--display); letter-spacing: .16em; text-transform: uppercase; }
.sched-title span { display: block; font: italic 300 15px/1.5 var(--serif); color: var(--steel); }
.sched-title .no { margin: 0 0 0 18px; padding-left: 20px; border-left: 1px solid var(--hair); max-width: 24ch; font: 500 10.5px/1.6 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }

/* Tier picker (phone and tablet only) */
.tier-pick { display: none; }

/* The three instruments, rows aligned across columns with subgrid */
.tiers { --rows: 10; position: relative; display: grid; grid-template-columns: minmax(190px, 1.02fr) repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(var(--rows), auto); column-gap: 18px; padding-top: 18px; }
.tier-keys, .tier { grid-row: 1 / span var(--rows); display: grid; grid-template-rows: subgrid; }
.tier-keys .tk-head { display: flex; align-items: flex-end; padding: 0 0 18px; }
.tk { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); font: 600 15px/1.3 var(--display); letter-spacing: .03em; color: var(--ivory); }
.tk small { display: block; font: italic 300 13px/1.4 var(--serif); letter-spacing: 0; color: var(--steel); margin-top: 2px; }
.tk sup, .tier sup { color: var(--gold); font-family: var(--sans); }
.ico { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; color: var(--gold); }
.ico.ring { width: 46px; height: 46px; padding: 11px; border-radius: 50%; color: var(--gold-hi); background: radial-gradient(closest-side, rgba(201,164,92,.12), rgba(201,164,92,0)); box-shadow: inset 0 0 0 1px rgba(201,164,92,.55), inset 0 0 0 4px rgba(8,14,28,.9), inset 0 0 0 5px rgba(201,164,92,.22); }
.tier-keys .tk-foot { border-top: 1px solid var(--line); }

.tier { position: relative; border: 1px solid var(--hair); background: linear-gradient(180deg, rgba(16,26,48,.92), rgba(8,13,26,.94)); border-radius: 4px; padding: 0 22px; }
.tier::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(201,164,92,.12); border-radius: 2px; pointer-events: none; }
.tier-head { position: relative; padding: 26px 0 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.tier-head .label { font-size: 10.5px; letter-spacing: .2em; }
.tier-head h3 { margin: 10px 0 0; font: 700 21px/1.15 var(--display); letter-spacing: .05em; color: var(--ivory); text-wrap: balance; }
.tier-pr { margin: 12px 0 0; font: 700 50px/1 var(--display); background: var(--gilt); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -.01em; }
.tier-pr .cur { font-size: .46em; vertical-align: .9em; margin-right: 2px; }
.tier-pr sup { font: 700 .4em/1 var(--display); vertical-align: 1.05em; margin-left: 2px; color: transparent; }
.tier-sub { margin: 6px 0 0; font: 500 10.5px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--steel); }
.tier-list { display: contents; margin: 0; }
.cell { display: flex; flex-direction: column; justify-content: center; padding: 14px 0; border-top: 1px solid var(--line); text-align: center; min-height: 74px; }
.cell dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cell dd { margin: 0; font: 400 16px/1.45 var(--serif); color: #E4DECF; text-wrap: balance; }
.cell.up dd { color: var(--gold-hi); font-style: italic; }
.tier-foot { padding: 20px 0 24px; border-top: 1px solid var(--line); display: flex; align-items: flex-end; }

/* The Pass, lifted in gold */
.tier-pass { isolation: isolate; border-color: transparent; background: none; }
.tier-pass::before { inset: -18px 0; border: 1px solid rgba(232,210,155,.7); border-radius: 6px; z-index: -1;
  background: radial-gradient(120% 40% at 50% 0%, rgba(201,164,92,.26), rgba(201,164,92,0) 70%), linear-gradient(180deg, #1A1A1E 0%, #12151F 40%, #0C111D 100%);
  box-shadow: inset 0 0 0 6px rgba(12,16,28,.0), inset 0 0 0 7px rgba(232,210,155,.22), 0 0 0 1px rgba(201,164,92,.25), 0 40px 80px -30px rgba(0,0,0,.95), 0 0 90px -30px rgba(201,164,92,.5); }
.tier-pass::after { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 4px; background: var(--gilt); border-radius: 6px 6px 0 0; }
.tier-pass .tier-head { padding-top: 14px; }
.tier-pass .tier-seal { position: absolute; top: -34px; right: -14px; width: 64px; height: 64px; transform: rotate(-10deg); filter: drop-shadow(0 8px 14px rgba(0,0,0,.7)); }
.tier-pass .tier-pr { font-size: 60px; }
.tier-pass .cell { border-top-color: rgba(201,164,92,.22); }
.tier-pass .cell dd { color: var(--ivory); }
.tier-pass .tier-foot { border-top-color: rgba(201,164,92,.3); }

/* Common to every instrument, with the stamp */
.uses-foot { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: stretch; margin-top: clamp(48px, 5vw, 72px); }
.common { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 28px; align-items: center; padding: 30px 32px 0; }
.common-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin: 14px 0 0; }
.common-list > div { padding: 14px 0; border-top: 1px solid var(--line); }
.common-list dt { font: 500 10.5px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--steel); }
.common-list dd { margin: 4px 0 0; font: 600 19px/1.3 var(--display); letter-spacing: .04em; color: var(--gold-hi); }
.certified { width: 200px; color: var(--gold-hi); transform: rotate(-12deg); opacity: .92; filter: drop-shadow(0 0 14px rgba(201,164,92,.25)); }
.certified svg { display: block; width: 100%; height: auto; font-family: var(--display); }
.common .sched-fine { grid-column: 1 / -1; margin: 18px -32px 0; padding: 14px 32px 20px; font-size: 12.5px; line-height: 19px; color: #7F8595; border-top: 1px solid var(--line); }
.qa-card { padding: 28px 26px; }
.qa-card .q { font: 700 18px/1.3 var(--display); letter-spacing: .02em; margin: 14px 0 12px; }
.qa-card blockquote { margin: 0; font: italic 300 16.5px/28px var(--serif); color: #E4DECF; }
.qa-card .bq-who { margin-top: 18px; }
.qa-card .sig { width: 150px; margin-top: 10px; opacity: .95; }

/* The stamp lands when the panel comes into view */
.common.rv .certified { opacity: 0; transform: rotate(-4deg) scale(1.7); transition: opacity .35s ease .45s, transform .55s cubic-bezier(.3, 1.6, .5, 1) .45s; }
.common.rv.in .certified { opacity: .92; transform: rotate(-12deg) scale(1); }

@media (max-width: 1180px) {
  .tiers { grid-template-columns: minmax(170px, .9fr) repeat(3, minmax(0, 1fr)); column-gap: 12px; }
  .tier { padding: 0 16px; }
  .uses-foot { grid-template-columns: 1fr; }
}

/* Phone and tablet: an instrument at a time, swipe or tap */
@media (max-width: 980px) {
  .medals { grid-template-columns: 1fr 1fr; gap: 34px 18px; }
  .disc { width: min(100%, 168px); }
  .medal span { margin-top: 16px; font-size: 11px; letter-spacing: .18em; }
  .sched-title { justify-content: flex-start; }
  .sched-title .no { display: none; }
  .tier-pick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 6px; border: 1px solid var(--hair); border-radius: 4px; padding: 4px; background: rgba(8,13,26,.6); }
  .tier-pick button { appearance: none; border: 0; background: none; color: var(--steel); padding: 10px 4px; border-radius: 2px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px; transition: background .25s, color .25s; }
  .tier-pick span { font: 600 13px/1.2 var(--display); letter-spacing: .04em; }
  .tier-pick em { font: 500 11.5px/1.2 var(--mono); font-style: normal; color: inherit; opacity: .8; }
  .tier-pick button[aria-pressed="true"] { background: var(--gilt); color: #1A1306; }
  .tiers { display: grid; grid-template-columns: none; grid-template-rows: none; grid-auto-flow: column; grid-auto-columns: min(89%, 400px); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(-1 * var(--pad)); padding: 26px var(--pad) 24px; scroll-padding-inline: var(--pad); overscroll-behavior-x: contain; }
  .tiers::-webkit-scrollbar { display: none; }
  .tier-keys { display: none; }
  .tier { grid-row: auto; display: flex; flex-direction: column; scroll-snap-align: center; padding: 0 18px; }
  .tier-pass::before { inset: 0; }
  .tier-pass::after { top: 0; }
  .tier-pass .tier-head { padding-top: 26px; }
  .tier-pass .tier-seal { top: -14px; right: -6px; width: 56px; height: 56px; }
  .tier-list { display: block; }
  .cell { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 14px; text-align: left; min-height: 0; padding: 13px 0; }
  .cell dt { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; display: flex; align-items: flex-start; gap: 10px; flex: 1 1 52%; font: 500 13.5px/1.35 var(--sans); color: #B9BDC8; }
  .cell dt .ico { width: 20px; height: 20px; margin-top: -1px; }
  .cell dd { flex: 1 1 48%; text-align: right; font-size: 15px; line-height: 1.4; text-wrap: pretty; }
  .tier-foot { margin-top: auto; }
  .common { grid-template-columns: 1fr; padding: 26px 22px 0; }
  .certified { width: 128px; position: absolute; right: 10px; top: -44px; }
  .common .sched-fine { margin: 14px -22px 0; padding: 14px 22px 18px; }
}
@media (max-width: 560px) {
  .common-list { grid-template-columns: 1fr; }
  .common-head .label { padding-right: 120px; }
  .tier-head h3 { font-size: 20px; }
  .tier-pr { font-size: 44px; } .tier-pass .tier-pr { font-size: 52px; }
}

/* FAQ: the first ten, then the rest on request */
.qa details:last-of-type { border-bottom: 1px solid var(--line); }
.qa.clip details:nth-of-type(n+11) { display: none; }
.qa-more { margin: 28px 0 0; display: flex; align-items: center; gap: 18px; }
.qa-more::before, .qa-more::after { content: ""; flex: 1; height: 1px; background: var(--hair); }
.qa-more .btn[hidden] { display: none; }

/* ---------- determinations ---------- */
.record { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); margin-bottom: 44px; }
.record > div { padding: 22px 8px; text-align: center; }
.record b { display: block; font: 700 clamp(36px, 4vw, 56px)/1 var(--display); color: var(--ivory); }
.record b.ok { color: var(--ok); } .record b.no { color: var(--no); } .record b.ur { color: var(--gold-hi); }
.record span { display: block; margin-top: 8px; font: 500 11px/1.4 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--steel); }
@media (max-width: 640px) { .record { grid-template-columns: 1fr 1fr; } .record > div:nth-child(n+3) { border-top: 1px solid var(--line); } }
.rail-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.rail-ctl { display: flex; gap: 8px; }
.rail-ctl button { width: 42px; height: 42px; border-radius: 2px; border: 1px solid rgba(201,164,92,.5); background: none; color: var(--gold-hi); font-size: 17px; cursor: pointer; }
.rail-ctl button:disabled { opacity: .3; cursor: default; }
.rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, calc((100% - 3 * 16px) / 4)); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; scrollbar-width: none; }
.rail::-webkit-scrollbar { display: none; }
@media (max-width: 760px) { .rail { grid-auto-columns: 78%; } }
.det { scroll-snap-align: start; text-decoration: none; display: flex; flex-direction: column; }
.det-img { position: relative; aspect-ratio: 1; overflow: hidden; background: #e9e5da; }
.det-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.06); transition: transform .8s var(--ease); }
.det:hover .det-img img { transform: scale(1.03); }
.det-img .case { position: absolute; left: 10px; bottom: 10px; font: 500 10.5px/1 var(--mono); letter-spacing: .1em; background: rgba(5,7,13,.85); color: var(--gold-hi); padding: 6px 8px; }
.stamp { position: absolute; right: 12px; bottom: 14px; transform: rotate(-7deg); font: 700 13px/1 var(--display); letter-spacing: .16em; text-transform: uppercase; padding: 8px 10px 7px; border: 2px solid currentColor; outline: 1px solid currentColor; outline-offset: 2px; background: rgba(244,238,223,.94); box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.stamp.ok { color: #1E6B48; } .stamp.no { color: #A3242B; } .stamp.ur { color: #6B5222; }
.det-body { padding: 16px 16px 18px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.det-body h3 { margin: 0; font: 600 16.5px/1.3 var(--display); letter-spacing: .02em; }
.det-body .meta { margin-top: auto; font: 500 11px/1.4 var(--mono); letter-spacing: .1em; color: var(--steel); text-transform: uppercase; }
.det-all { justify-content: space-between; padding: 22px; }
.ruling { margin-top: 48px; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 26px 28px; }
.ruling img.seal { width: 84px; height: 84px; }
.ruling p { margin: 0; }
.ruling p.big { font: 600 19px/1.35 var(--display); letter-spacing: .02em; }
@media (max-width: 900px) { .ruling { grid-template-columns: 1fr; text-align: left; } .ruling .ctas { flex-direction: column; } .ruling .ctas .btn { width: 100%; } }

/* ---------- FAQ answered by Breshawn ---------- */
.faq { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
@media (max-width: 960px) { .faq { grid-template-columns: 1fr; } }
.faq-side { position: sticky; top: 110px; }
.faq-side .h2 { font-size: clamp(30px, 2.8vw, 42px); }
.faq-side .face-lg { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--gold), 0 0 0 7px var(--night), 0 0 0 8px rgba(201,164,92,.5); margin-bottom: 26px; }
.faq-side p { color: var(--steel); margin: 16px 0 0; }
.faq-side .sig { width: 180px; margin-top: 18px; }
@media (max-width: 960px) { .faq-side { position: static; display: grid; grid-template-columns: auto 1fr; gap: 0 18px; align-items: center; } .faq-side .h2 { font-size: clamp(30px, 2.8vw, 42px); }
.faq-side .face-lg { width: 84px; height: 84px; margin: 0; grid-row: span 2; } .faq-side .sig { display: none; } .faq-side p { margin-top: 6px; grid-column: 2; } }
.qa details { border-top: 1px solid var(--line); }
.qa summary { list-style: none; cursor: pointer; padding: 20px 40px 20px 0; position: relative; font: 600 17.5px/1.35 var(--display); letter-spacing: .02em; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 10px; height: 10px; border-right: 1.5px solid var(--gold); border-bottom: 1.5px solid var(--gold); transform: translateY(-70%) rotate(45deg); transition: transform .3s var(--ease); }
.qa details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.qa details p { margin: 0 0 22px; font: 300 16.5px/28px var(--serif); color: #D8D2C2; max-width: 62ch; }
.qa details p::before { content: "Breshawn: "; font: 600 11px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }

/* ---------- closing ---------- */
.close { text-align: center; overflow: hidden; }
.close .rose { position: absolute; left: 50%; top: 50%; width: 1100px; aspect-ratio: 1; transform: translate(-50%, -50%); background: url("img/rosette.svg") center/contain no-repeat; opacity: .12; pointer-events: none; animation: spin 240s linear infinite; }
@keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
.close .stage { position: relative; height: clamp(240px, 32vw, 400px); max-width: 760px; margin: 18px auto 8px; }
.close .h2 { font-size: clamp(36px, 5vw, 76px); }
.close .lede { margin: 18px auto 30px; }

/* ---------- footer ---------- */
.foot { background: #04060B; border-top: 1px solid var(--hair); }
.foot .wrap { padding-top: 56px; padding-bottom: 36px; }
.foot-grid { display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr)); gap: 36px; }
@media (max-width: 900px) { .foot-grid { grid-template-columns: 1fr 1fr; } .foot-grid > :first-child { grid-column: 1 / -1; } }
.foot-brand { display: flex; gap: 18px; align-items: flex-start; }
.foot-brand img { width: 84px; height: 84px; flex: none; }
.foot h2 { font: 600 11px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin: 0 0 14px; }
.foot p { margin: 0 0 10px; font-size: 14px; line-height: 22px; color: var(--steel); }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.foot ul a { text-decoration: none; font-size: 14px; color: #C3C6CE; }
.foot ul a:hover { color: var(--gold-hi); }
.foot-disc { margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--line); }
.foot-disc p { font-size: 12.5px; line-height: 20px; color: #848A98; max-width: 110ch; }
.foot-disc h2 { margin-bottom: 8px; }
.foot-base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 20px; font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: #6E7483; }

/* ---------- forms (shop, verify) ---------- */
.input { width: 100%; height: 54px; padding: 0 16px; background: #070C17; border: 1px solid #2A3550; border-radius: 2px; color: var(--ivory); font: 400 16px var(--sans); transition: border-color .2s; }
.input::placeholder { color: #69708A; }
.input:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,164,92,.18); }
.small { font-size: 13px; line-height: 20px; color: var(--steel); margin: 0; }
.lab { display: block; font: 600 11px/1.4 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }

/* ---------- shop page ---------- */
.shop-top { padding-top: clamp(28px, 4vw, 56px); }
.crumbs { font: 500 11px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--steel); margin-bottom: 18px; }
.crumbs a { color: var(--gold-hi); text-decoration: none; }
.pdp { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 4vw, 64px); align-items: start; padding-bottom: clamp(64px, 8vw, 110px); }
@media (max-width: 960px) { .pdp { grid-template-columns: 1fr; } }
.pdp-stage { position: sticky; top: 96px; }
@media (max-width: 960px) { .pdp-stage { position: relative; top: 0; } }
.stage-box { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: radial-gradient(60% 55% at 50% 48%, rgba(32,48,88,.7), rgba(5,7,13,0) 75%), #070B15; }
@media (max-width: 960px) { .stage-box { aspect-ratio: 5 / 4; } }
/* Phones: a box shaped to the turning card, so the card fills the width (round two fix, 2026-11-07). */
@media (max-width: 600px) { .stage-box { aspect-ratio: 8 / 7; } .stage-box .seal-chip { width: 40px; left: auto; right: 12px; top: 12px; } .stage-hint { bottom: 9px; font-size: 10px; } [data-item="both"] .layer-card { transform: translate(14%, 15%) scale(.66); } [data-item="both"] .layer-cert { transform: translate(-12%, -14%) scale(.72); } }
.stage-box .rose { position: absolute; inset: -10%; background: url("img/rosette.svg") center/contain no-repeat; opacity: .14; animation: spin2 200s linear infinite; }
@keyframes spin2 { to { transform: rotate(360deg); } }
.layer { position: absolute; inset: 0; transition: opacity .5s var(--ease), transform .7s var(--ease); }
[data-item="pass"] .layer-cert, [data-item="cert"] .layer-card { opacity: 0; pointer-events: none; transform: scale(.96); }
[data-item="both"] .layer-cert { transform: translate(-12%, -10%) scale(.72); }
[data-item="both"] .layer-card { transform: translate(18%, 20%) scale(.7); }
.layer-cert .cert-hang { padding: 10%; }
.stage-hint { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--steel); margin: 0; }
.stage-box .seal-chip { position: absolute; left: 16px; top: 16px; width: clamp(48px, 6vw, 76px); z-index: 3; filter: drop-shadow(0 8px 14px rgba(0,0,0,.6)); }
.picker { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 22px 0 26px; }
.picker a { display: flex; flex-direction: column; gap: 4px; padding: 12px 12px 11px; border: 1px solid #26324D; text-decoration: none; transition: border-color .2s, background .2s; }
.picker a b { font: 600 13.5px/1.25 var(--display); letter-spacing: .03em; }
.picker a span { font: 500 12px/1 var(--mono); color: var(--gold-hi); }
.picker a[aria-current="true"] { border-color: var(--gold); background: rgba(201,164,92,.08); box-shadow: inset 0 0 0 1px var(--gold); }
.pane h1 { font: 700 clamp(32px, 3.2vw, 46px)/1.05 var(--display); margin: 10px 0 12px; letter-spacing: .01em; }
.pane h1:focus { outline: none; }
.price-row { display: flex; align-items: baseline; gap: 14px; margin-bottom: 16px; }
.price-row .price { font-size: 34px; }
.pane .lede { font-size: 16.5px; line-height: 27px; }
.field { margin: 24px 0 14px; }
.buy-row { display: flex; gap: 12px; }
.buy-row .btn { flex: 1; --h: 54px; }
.qty { display: flex; align-items: center; border: 1px solid #2A3550; height: 54px; }
.qty button { width: 44px; height: 100%; background: none; border: 0; color: var(--gold-hi); font-size: 20px; cursor: pointer; }
.qty button:disabled { opacity: .3; cursor: default; }
.qty output { min-width: 28px; text-align: center; font: 500 16px var(--mono); }
.spec { list-style: none; margin: 24px 0 0; padding: 0; border-top: 1px solid var(--hair); }
.spec li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.spec li span:first-child { font: 500 11px/20px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); flex: none; }
.spec li span:last-child { text-align: right; color: #D2D4DA; }
.guar { margin-top: 26px; padding: 22px; display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; }
.guar img.fs { width: 70px; }
.guar b { display: block; font: 700 14px/1.3 var(--display); letter-spacing: .1em; text-transform: uppercase; color: var(--gold-hi); margin-bottom: 6px; }
.guar p { margin: 0; font: italic 300 15px/25px var(--serif); color: #D8D2C2; }
.guar .sig { width: 130px; margin-top: 8px; }
.steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; counter-reset: s; }
@media (max-width: 860px) { .steps { grid-template-columns: 1fr; } }
.steps li { padding: 26px 24px; counter-increment: s; }
.steps li h3::before { content: "Article " counter(s, upper-roman); display: block; font: 600 12px/1 var(--display); letter-spacing: .24em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
.steps h3 { margin: 0 0 8px; font: 700 20px/1.2 var(--display); }
.steps p { margin: 0; color: var(--steel); font-size: 15px; line-height: 24px; }

/* ---------- article ---------- */
.art-hero { padding: clamp(28px, 4vw, 60px) 0 clamp(40px, 5vw, 72px); border-bottom: 1px solid var(--hair); background: radial-gradient(70% 70% at 80% 30%, rgba(27,42,78,.6), rgba(5,7,13,0) 70%); }
.art-hero .grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
@media (max-width: 900px) { .art-hero .grid { grid-template-columns: 1fr; } }
.art-hero h1 { font: 700 clamp(36px, 4.6vw, 68px)/1.02 var(--display); margin: 14px 0 18px; text-wrap: balance; }
.art-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 24px; font-size: 14px; color: var(--steel); }
.art-meta b { color: var(--ivory); font-weight: 500; }
.verdict { font: 700 12px/1 var(--display); letter-spacing: .16em; text-transform: uppercase; padding: 7px 10px 6px; border: 1px solid currentColor; }
.verdict.ok { color: var(--ok); } .verdict.no { color: var(--no); } .verdict.ur { color: var(--gold-hi); }
.case-portrait { position: relative; margin: 0; }
.case-portrait .gilt-frame { transform: rotate(1.5deg); }
.case-portrait .gilt-frame > .mat { padding: 3%; background: var(--parch-2); }
.case-portrait img.pt { width: 100%; aspect-ratio: 1; object-fit: cover; filter: grayscale(1) contrast(1.05); }
.case-portrait .big-stamp { position: absolute; left: -6%; bottom: 10%; transform: rotate(-12deg); font: 700 clamp(28px, 3.4vw, 46px)/1 var(--display); letter-spacing: .14em; color: #1E6B48; border: 4px solid currentColor; outline: 2px solid currentColor; outline-offset: 4px; padding: 12px 18px 9px; background: rgba(244,238,223,.82); text-transform: uppercase; box-shadow: 0 10px 30px rgba(0,0,0,.45); }
.case-portrait .seal-chip { position: absolute; right: -4%; top: -6%; width: 26%; filter: drop-shadow(0 8px 14px rgba(0,0,0,.6)); }
.art-body { display: grid; grid-template-columns: minmax(0, 760px); gap: clamp(32px, 5vw, 88px); padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(48px, 6vw, 96px); justify-content: center; }
@media (max-width: 900px) { .art-body { grid-template-columns: 1fr; } .toc { display: none; } }
.toc { position: sticky; top: 110px; align-self: start; }
.toc ol { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 10px; counter-reset: t; }
.toc li { counter-increment: t; }
.toc a { text-decoration: none; color: var(--steel); font-size: 14px; }
.toc a::before { content: counter(t, upper-roman) ". "; font-family: var(--display); color: var(--gold); }
.toc a:hover { color: var(--gold-hi); }
.prose { font: 300 17.5px/31px var(--serif); color: #DCD6C6; }
.prose h2 { font: 700 clamp(24px, 2.4vw, 32px)/1.15 var(--display); color: var(--ivory); margin: 52px 0 16px; letter-spacing: .01em; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { font: 600 20px/1.3 var(--display); color: var(--gold-hi); margin: 30px 0 10px; }
.prose p { margin: 0 0 20px; }
.prose a { color: var(--gold-hi); }
.prose a.btn { text-decoration: none; }
.prose a.btn-gold { color: #1A1306; }
.prose .casefile { font: 400 14px/24px var(--mono); color: #B9B4A6; border: 1px solid var(--hair); padding: 18px 20px; background: rgba(16,26,48,.6); }
.prose .casefile b { color: var(--gold-hi); }
.verdict-box { margin: 36px 0; padding: 28px; text-align: center; }
.verdict-box .h3 { font-size: 15px; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); }
.verdict-box .v { font: 700 clamp(40px, 5vw, 64px)/1 var(--display); color: var(--ok); margin: 14px 0 8px; letter-spacing: .1em; }
.verdict-box p { margin: 0; font-size: 15.5px; line-height: 26px; color: var(--steel); }

/* ---------- verify ---------- */
.vfy { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding: clamp(40px, 6vw, 96px) 0; }
@media (max-width: 960px) { .vfy { grid-template-columns: 1fr; } }
.vfy .display { font-size: clamp(38px, 4.6vw, 66px); }
.code-input { font: 500 20px var(--mono); letter-spacing: .1em; text-transform: uppercase; height: 62px; }
.result { display: none; margin-top: 18px; padding: 20px 22px; border: 1px solid; }
.result.show { display: block; animation: rise .4s var(--ease); }
.result.ok { border-color: rgba(124,203,160,.5); background: rgba(124,203,160,.06); }
.result.no { border-color: rgba(238,128,119,.5); background: rgba(238,128,119,.06); }
.result h2 { margin: 0 0 6px; font: 700 20px/1.2 var(--display); letter-spacing: .06em; }
.result.ok h2 { color: var(--ok); } .result.no h2 { color: var(--no); }
.result p { margin: 0; color: #CDD0D7; font-size: 15px; }
.result dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 14px 0 0; font-size: 14px; }
.result dt { font: 500 11px/20px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.result dd { margin: 0; }
@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.vfy-art { position: relative; aspect-ratio: 1; }
.vfy-art .stage { position: absolute; inset: 0; }
.vfy-art .rose { position: absolute; inset: 0; background: url("img/rosette.svg") center/contain no-repeat; opacity: .2; animation: spin2 200s linear infinite; }
.feat3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 56px; }
@media (max-width: 860px) { .feat3 { grid-template-columns: 1fr; } }
.feat3 > div { padding: 24px; }
.feat3 h2 { font: 700 18px/1.25 var(--display); margin: 0 0 8px; letter-spacing: .03em; }
.feat3 p { margin: 0; color: var(--steel); font-size: 15px; line-height: 24px; }

/* ---------- checkout ---------- */
.co { padding: clamp(32px, 5vw, 80px) 0 clamp(64px, 8vw, 120px); }
.sheet { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); max-width: 1060px; margin: 0 auto; }
@media (max-width: 860px) { .sheet { grid-template-columns: 1fr; } }
.sum { padding: clamp(24px, 3vw, 40px); border-right: 1px solid var(--hair); display: flex; flex-direction: column; }
@media (max-width: 860px) { .sum { border-right: 0; border-bottom: 1px solid var(--hair); } }
.sum h1 { font: 700 26px/1.15 var(--display); margin: 10px 0 22px; }
.line { display: grid; grid-template-columns: 76px 1fr auto; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.line .thumb { width: 76px; height: 56px; background: #101828 center/cover no-repeat; border: 1px solid var(--line); }
.line b { display: block; font: 600 15px/1.3 var(--display); letter-spacing: .02em; }
.line small { display: block; color: var(--steel); font-size: 13px; margin-top: 3px; }
.total { display: flex; justify-content: space-between; align-items: baseline; padding-top: 16px; border-top: 1px solid var(--hair); margin-top: 6px; font: 600 15px var(--display); letter-spacing: .08em; text-transform: uppercase; }
.total .price { font-size: 28px; }
.pay { padding: clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 14px; }
.notice-box { padding: 22px; border: 1px dashed rgba(201,164,92,.6); background: rgba(201,164,92,.05); }
.notice-box h2 { font: 700 22px/1.2 var(--display); margin: 8px 0 8px; letter-spacing: .02em; }
.notice-box p { margin: 0; color: #CDD0D7; font-size: 15px; line-height: 24px; }
.skel { height: 54px; border: 1px solid #222C44; background: linear-gradient(90deg, #0B1222, #121C33, #0B1222); background-size: 200% 100%; animation: sh 2.4s linear infinite; }
@keyframes sh { to { background-position: -200% 0; } }
.oath { display: flex; gap: 12px; align-items: flex-start; font: italic 300 15px/24px var(--serif); color: #D8D2C2; padding: 16px 0 4px; }
.oath input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--gold); flex: none; }

@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; transition: none; }
  .seq-float, .marq-row, .close .rose, .stage-box .rose, .vfy-art .rose { animation: none; }
  .beat { transform: none; }
  .common.rv .certified, .common.rv.in .certified { opacity: .92; transform: rotate(-12deg); transition: none; }
  .disc::before { transition: none; }
}
.nw { white-space: nowrap; }