:root {
  --ink: #0e1729;
  --ink-soft: #16233c;
  --cream: #f3f0e9;
  --paper: #fbfaf7;
  --sand: #ddd5c5;
  --sage: #8fa0bd;
  --sage-dark: #7c8fb0;
  --brass: #c19a5f;
  --brass-light: #dec088;
  --white: #ffffff;
  --line: rgba(14, 23, 41, .14);
  --line-light: rgba(243, 240, 233, .18);
  --muted: #6b7484;
  --serif: "Playfair Display", Georgia, serif;
  --sans: Inter, Arial, sans-serif;
  --mono: "JetBrains Mono", "Courier New", monospace;
  --max: 1240px;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --shadow: 0 24px 60px rgba(14, 23, 41, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.65; text-rendering: optimizeLegibility; }
body.menu-open, body.search-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
:focus-visible { outline: 2px solid var(--brass); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: -5rem; padding: .7rem 1rem; background: var(--brass); color: var(--ink); font-weight: 700; }
.skip-link:focus { top: 1rem; }
.container { width: min(var(--max), calc(100% - 6rem)); margin: 0 auto; }
.mono { font-family: var(--mono); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
.section-space { padding: 8.5rem 0; }
.section-light { background: var(--paper); }
.section-cream { background: var(--cream); }
.section-sage { background: var(--sage); }
.section-dark { background: var(--ink); color: var(--cream); }
.section-brass { background: var(--brass); color: var(--ink); }
.eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1.7rem; color: var(--brass-light); font-family: var(--mono); font-size: .65rem; letter-spacing: .17em; line-height: 1.3; text-transform: uppercase; }
.eyebrow-dark { color: #66706a; }
.eyebrow-line { display: inline-block; width: 2.75rem; height: 1px; background: var(--brass); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-weight: 400; }
h1, h2 { font-family: var(--serif); letter-spacing: -.045em; line-height: .98; }
h1 em, h2 em, h3 em { font-style: italic; color: var(--brass); }
h1 { max-width: 780px; margin-bottom: 2rem; font-size: clamp(4rem, 8vw, 7.25rem); }
h2 { margin-bottom: 2.1rem; font-size: clamp(3rem, 5.5vw, 5.5rem); }
h3 { font-size: 1.6rem; line-height: 1.15; }
p { color: var(--muted); }
.section-dark p { color: rgba(243, 240, 233, .66); }
.section-brass p { color: rgba(14, 23, 41, .70); }
.large-copy { max-width: 680px; color: var(--ink-soft); font-family: var(--serif); font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.35; }
.section-dark .large-copy { color: var(--cream); }
.text-link { display: inline-flex; align-items: center; gap: .8rem; padding-bottom: .35rem; border-bottom: 1px solid var(--brass); color: var(--ink); font-family: var(--mono); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; transition: gap .2s ease, color .2s ease; }
.text-link:hover { gap: 1.15rem; color: var(--brass); }
.text-link-light { color: var(--cream); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; min-height: 3.25rem; padding: .8rem 1.3rem; border: 1px solid transparent; font-family: var(--mono); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; transition: transform .2s var(--ease), background .2s ease, color .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button-brass { background: var(--brass); color: var(--ink); }
.button-brass:hover { background: var(--brass-light); }
.button-outline { border-color: var(--line-light); color: var(--cream); }
.button-outline:hover { border-color: var(--brass); color: var(--brass-light); }
.button-dark { background: var(--ink); color: var(--cream); }
.button-dark:hover { background: var(--ink-soft); }

.site-header { position: fixed; z-index: 20; top: 0; right: 0; left: 0; border-bottom: 1px solid transparent; transition: background .35s ease, border-color .35s ease, color .35s ease; }
.site-header.is-scrolled { background: rgba(14, 23, 41, .93); border-color: var(--line-light); backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 5.7rem; }
.brand { display: inline-flex; align-items: center; gap: .8rem; }
.brand-mark { position: relative; display: flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem; border: 1px solid var(--brass); }
.brand-mark:after { position: absolute; right: -5px; bottom: 5px; left: -5px; height: 1px; background: var(--brass); content: ""; }
.brand-mark span { display: block; width: 3px; height: 1.25rem; background: var(--brass); transform: skew(-18deg); }
.brand-mark span + span { margin-left: .24rem; height: .85rem; opacity: .55; }
.brand-lockup { display: grid; gap: .12rem; }
.brand-name { font-family: var(--serif); font-size: 1.05rem; line-height: 1; }
.brand-meta { color: var(--brass-light); font-family: var(--mono); font-size: .48rem; letter-spacing: .12em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; gap: 1.65rem; margin-left: auto; margin-right: 2rem; color: rgba(243, 240, 233, .72); font-family: var(--mono); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }
.primary-nav a { transition: color .2s ease; }
.primary-nav a:hover { color: var(--brass-light); }
.primary-nav .nav-cta { padding: .8rem 1rem; border: 1px solid var(--line-light); color: var(--cream); }
.primary-nav .nav-cta span { color: var(--brass-light); font-size: 1rem; }
.header-tools { display: flex; align-items: center; gap: 1.25rem; }
.icon-button { position: relative; width: 1.75rem; height: 1.75rem; border: 0; background: transparent; }
.icon-button span, .icon-button:before { position: absolute; top: 50%; left: 50%; width: .8rem; height: 1px; background: var(--cream); content: ""; transform: translate(-50%, -50%); }
.icon-button:before { width: 1px; height: .8rem; }
.menu-toggle { display: none; align-items: center; gap: .4rem; border: 0; background: transparent; color: var(--cream); }
.menu-toggle span { display: block; width: 1.2rem; height: 1px; background: var(--cream); }
.menu-toggle b { margin-left: .35rem; font-family: var(--mono); font-size: .6rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }

.hero { position: relative; min-height: 100svh; overflow: hidden; display: grid; align-items: center; padding: 10rem 0 7rem; }
.hero:before { position: absolute; right: -12vw; bottom: -35vw; width: 75vw; height: 75vw; border: 1px solid rgba(193, 154, 95, .2); border-radius: 50%; content: ""; }
.hero:after { position: absolute; right: -3vw; bottom: -26vw; width: 57vw; height: 57vw; border: 1px solid rgba(193, 154, 95, .13); border-radius: 50%; content: ""; }
.hero-grain { position: absolute; inset: 0; opacity: .11; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); align-items: center; gap: 5rem; }
.hero-copy { padding-top: 2rem; }
.hero-lead { max-width: 550px; margin-bottom: 2.2rem; color: rgba(243, 240, 233, .7); font-family: var(--serif); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.45; }
.hero-actions { display: flex; align-items: center; gap: 1.8rem; margin-bottom: 4.2rem; }
.hero-proof { display: flex; align-items: center; gap: .7rem; color: rgba(243, 240, 233, .5); font-size: .68rem; }
.proof-dot { width: .45rem; height: .45rem; background: #d4af6e; border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(168, 199, 155, .12); }
.proof-divider { width: 2rem; height: 1px; background: var(--line-light); }
.hero-atlas { position: relative; min-height: 540px; padding: 1.2rem; border: 1px solid rgba(243, 240, 233, .2); background: rgba(255, 255, 255, .035); box-shadow: var(--shadow); }
.atlas-top, .atlas-bottom { display: flex; align-items: center; justify-content: space-between; color: rgba(243, 240, 233, .52); }
.atlas-status { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--mono); font-size: .62rem; }
.atlas-status i { display: block; width: .35rem; height: .35rem; border-radius: 50%; background: #d4af6e; }
.atlas-map { position: relative; min-height: 410px; margin: 1rem 0; overflow: hidden; background: radial-gradient(circle at 49% 52%, rgba(193, 154, 95, .21), transparent 20%), linear-gradient(145deg, rgba(187, 199, 181, .07), transparent 55%); }
.atlas-map:before, .atlas-map:after { position: absolute; inset: 10% -30%; border: 1px solid rgba(243, 240, 233, .1); border-radius: 50%; content: ""; transform: rotate(-22deg); }
.atlas-map:after { inset: 22% -20%; transform: rotate(20deg); }
.map-line { position: absolute; display: block; height: 1px; background: rgba(243, 240, 233, .16); transform-origin: left center; }
.line-a { top: 57%; left: 10%; width: 76%; transform: rotate(-18deg); }.line-b { top: 28%; left: 27%; width: 66%; transform: rotate(64deg); }.line-c { top: 72%; left: 25%; width: 65%; transform: rotate(-55deg); }.line-d { top: 44%; left: 4%; width: 90%; transform: rotate(10deg); }
.map-point { position: absolute; width: .75rem; height: .75rem; border: 2px solid var(--brass); border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 .35rem rgba(193, 154, 95, .14); }.point-1 { top: 52%; left: 43%; }.point-2 { top: 31%; left: 67%; }.point-3 { top: 68%; left: 26%; }.point-4 { top: 22%; left: 35%; }
.map-core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 4.7rem; height: 4.7rem; border: 1px solid var(--brass); border-radius: 50%; color: var(--brass-light); font-family: var(--serif); font-size: 1.5rem; transform: translate(-50%, -50%); }
.map-label { position: absolute; color: rgba(243, 240, 233, .48); font-family: var(--mono); font-size: .55rem; letter-spacing: .08em; }.label-venice { top: 61%; left: 53%; color: var(--brass-light); }.label-santa { top: 25%; left: 68%; }.label-marina { top: 72%; left: 12%; }.label-culver { top: 19%; left: 29%; }
.atlas-bottom { padding-top: 1.1rem; border-top: 1px solid var(--line-light); }.atlas-bottom div { display: grid; gap: .35rem; }.atlas-bottom strong { color: var(--cream); font-family: var(--serif); font-size: .9rem; font-weight: 400; }.hero-scroll { position: absolute; z-index: 2; bottom: 1.3rem; left: 50%; display: flex; align-items: center; gap: .75rem; color: rgba(243, 240, 233, .45); transform: translateX(-50%); }.hero-scroll span { display: block; width: 2.2rem; height: 1px; background: var(--brass); }

.editorial-grid { display: grid; grid-template-columns: .75fr 1.6fr .8fr; gap: 3rem; }.section-index { color: #7c8aa0; padding-top: .3rem; }.section-index span { color: var(--brass); }.intro-copy { max-width: 750px; }.intro-copy h2 { max-width: 760px; }.intro-copy > p:not(.large-copy) { max-width: 650px; }.quote-card { align-self: end; padding: 2.2rem; border-top: 1px solid var(--brass); background: var(--cream); }.quote-mark { display: block; color: var(--brass); font-family: var(--serif); font-size: 5rem; line-height: .55; }.quote-card blockquote, .testimonial-quote blockquote { margin: 0 0 2rem; font-family: var(--serif); font-size: 1.45rem; line-height: 1.35; }.quote-card cite { display: flex; align-items: center; gap: .7rem; color: var(--muted); font-family: var(--mono); font-size: .58rem; font-style: normal; letter-spacing: .09em; text-transform: uppercase; }.cite-rule { width: 1.8rem; height: 1px; background: var(--brass); }

.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 4rem; }.section-heading-row h2 { margin-bottom: 0; }.section-aside { max-width: 285px; margin-bottom: .6rem; font-family: var(--serif); font-size: 1.15rem; line-height: 1.35; }.section-heading-light .section-aside { color: rgba(243, 240, 233, .58); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }.service-card { position: relative; min-height: 455px; padding: 2.2rem; overflow: hidden; display: flex; flex-direction: column; }.service-card-dark { background: var(--ink); color: var(--cream); }.service-card-sage { background: var(--sage); }.service-card-brass { background: var(--brass); }.card-number { position: relative; z-index: 1; margin-bottom: 4rem; color: var(--brass-light); }.service-card-sage .card-number, .service-card-brass .card-number { color: rgba(14, 23, 41, .65); }.service-icon { position: relative; width: 4rem; height: 4rem; margin-bottom: 3rem; }.icon-window { border: 1px solid var(--brass); }.icon-window:before, .icon-window:after { position: absolute; background: var(--brass); content: ""; }.icon-window:before { top: 50%; right: 0; left: 0; height: 1px; }.icon-window:after { top: 0; bottom: 0; left: 50%; width: 1px; }.icon-flow span { position: absolute; width: 1.2rem; height: 1.2rem; border: 1px solid var(--ink); border-radius: 50%; }.icon-flow span:nth-child(1) { top: 0; left: 0; }.icon-flow span:nth-child(2) { top: 1.2rem; left: 1.4rem; }.icon-flow span:nth-child(3) { right: 0; bottom: 0; }.icon-flow:before, .icon-flow:after { position: absolute; width: 1.4rem; height: 1px; background: var(--ink); content: ""; transform: rotate(45deg); }.icon-flow:before { top: 1rem; left: .75rem; }.icon-flow:after { top: 2.7rem; left: 2rem; }.icon-radar { border: 1px solid var(--ink); border-radius: 50%; }.icon-radar:before, .icon-radar:after { position: absolute; inset: .65rem; border: 1px solid rgba(14, 23, 41, .5); border-radius: 50%; content: ""; }.icon-radar:after { inset: 1.35rem; border-color: var(--ink); }.icon-radar span { position: absolute; top: 50%; left: 50%; width: 2rem; height: 1px; background: var(--ink); transform-origin: left; transform: rotate(-35deg); }.service-card h3 { position: relative; z-index: 1; margin-bottom: 1.2rem; font-size: clamp(2rem, 3vw, 3.1rem); }.service-card p { position: relative; z-index: 1; max-width: 270px; margin-bottom: 2rem; }.service-card-dark p { color: rgba(243, 240, 233, .62); }.card-link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .8rem; margin-top: auto; font-family: var(--mono); font-size: .63rem; letter-spacing: .08em; text-transform: uppercase; }.card-link:hover { color: var(--brass); }.service-card-brass .card-link:hover, .service-card-sage .card-link:hover { color: var(--cream); }.service-card:after { position: absolute; right: -3rem; bottom: -4rem; width: 13rem; height: 13rem; border: 1px solid rgba(193, 154, 95, .24); border-radius: 50%; content: ""; }

.locations-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6rem; }.locations-intro { max-width: 440px; }.locations-intro h2 { margin-bottom: 1.6rem; }.locations-intro p { margin-bottom: 2.2rem; }.location-list { border-top: 1px solid var(--line-light); }.location-item { display: grid; grid-template-columns: 3rem 1fr auto; align-items: center; gap: 1.2rem; min-height: 5.8rem; border-bottom: 1px solid var(--line-light); color: rgba(243, 240, 233, .7); transition: padding .25s ease, color .25s ease, background .25s ease; }.location-item:hover, .location-item-featured { padding: 0 1rem; color: var(--cream); background: rgba(243, 240, 233, .04); }.location-no { color: var(--brass-light); }.location-item strong { display: block; font-family: var(--serif); font-size: 1.55rem; font-weight: 400; }.location-item small { display: block; color: rgba(243, 240, 233, .42); font-family: var(--mono); font-size: .59rem; letter-spacing: .06em; text-transform: uppercase; }.location-arrow { color: var(--brass-light); font-size: 1.35rem; }

.process-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.process-item { display: grid; grid-template-columns: 5rem 1fr 13rem; align-items: center; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--line); }.process-no { color: var(--brass); font-family: var(--serif); font-size: 2.5rem; }.process-item h3 { margin-bottom: .35rem; }.process-item p { max-width: 590px; margin: 0; }.process-status { justify-self: end; color: #8a94a8; }

.insight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(14, 23, 41, .16); }.insight-card { min-height: 320px; padding: 2rem; background: var(--sage); }.insight-icon { display: block; margin-bottom: 4rem; color: rgba(14, 23, 41, .55); font-family: var(--mono); font-size: .68rem; }.insight-card h3 { margin-bottom: 1rem; font-size: 1.8rem; }.insight-card p { color: rgba(14, 23, 41, .7); }.insight-card .text-link { margin-top: 1.2rem; }

.verticals-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6rem; }.verticals-layout h2 { max-width: 420px; }.verticals-layout .large-copy { max-width: 420px; margin-bottom: 2rem; }.verticals-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); }.vertical-item { display: grid; grid-template-columns: 2.2rem 1fr; padding: 1.7rem; background: var(--paper); transition: background .2s ease, color .2s ease; }.vertical-item:hover { background: var(--ink); color: var(--cream); }.vertical-item span { color: var(--brass); font-family: var(--mono); font-size: .62rem; }.vertical-item b { font-family: var(--serif); font-size: 1.28rem; font-weight: 400; }.vertical-item small { grid-column: 2; color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .04em; text-transform: uppercase; }.vertical-item:hover small { color: rgba(243, 240, 233, .56); }

.outcome-feature { display: grid; grid-template-columns: .95fr 1.05fr; min-height: 520px; background: var(--ink-soft); }.outcome-visual { position: relative; display: grid; place-items: center; min-height: 520px; overflow: hidden; background: radial-gradient(circle at 48% 43%, rgba(193, 154, 95, .35), transparent 18%), linear-gradient(135deg, #1a2742, #0c1526); }.outcome-visual:before, .outcome-visual:after { position: absolute; width: 28rem; height: 28rem; border: 1px solid rgba(193, 154, 95, .23); border-radius: 50%; content: ""; }.outcome-visual:after { width: 19rem; height: 19rem; }.outcome-stamp, .outcome-coordinate { position: absolute; color: rgba(243, 240, 233, .48); }.outcome-stamp { top: 2rem; left: 2rem; }.outcome-coordinate { right: 2rem; bottom: 2rem; }.outcome-ring { position: relative; z-index: 1; display: grid; place-items: center; width: 12rem; height: 12rem; border: 1px solid var(--brass); border-radius: 50%; text-align: center; }.outcome-ring span { display: block; color: var(--brass-light); font-family: var(--serif); font-size: 3.4rem; line-height: 1; }.outcome-ring small { color: rgba(243, 240, 233, .56); font-family: var(--mono); font-size: .58rem; letter-spacing: .05em; text-transform: uppercase; }.outcome-copy { align-self: center; max-width: 550px; padding: 4rem; }.outcome-copy h3 { max-width: 480px; margin-bottom: 1.3rem; color: var(--cream); font-family: var(--serif); font-size: clamp(2rem, 3.3vw, 3.25rem); line-height: 1.05; }.outcome-copy p { max-width: 440px; }.outcome-meta { display: flex; gap: 2.2rem; margin: 2.5rem 0; padding: 1.4rem 0; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }.outcome-meta span { display: grid; gap: .25rem; }.outcome-meta b { color: var(--brass-light); font-family: var(--serif); font-size: 1.2rem; font-weight: 400; }.outcome-meta small { color: rgba(243, 240, 233, .46); font-family: var(--mono); font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }

.testimonial-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 6rem; }.rating-line { display: grid; gap: .55rem; margin-top: 5rem; }.stars { color: var(--brass); letter-spacing: .25em; }.rating-line strong { font-family: var(--serif); font-size: 1.4rem; font-weight: 400; }.rating-line .mono { color: var(--muted); }.testimonial-quote { padding: 1rem 0 0 3rem; border-left: 1px solid var(--brass); }.testimonial-quote blockquote { max-width: 720px; font-size: clamp(1.8rem, 3vw, 3.1rem); }.testimonial-byline { display: flex; align-items: center; gap: .9rem; }.avatar { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--sage); color: var(--ink); font-family: var(--mono); font-size: .62rem; }.testimonial-byline b, .testimonial-byline small { display: block; }.testimonial-byline b { font-family: var(--serif); font-size: 1rem; font-weight: 400; }.testimonial-byline small { color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }.testimonial-controls { display: flex; align-items: center; gap: 1rem; margin-left: auto; }.testimonial-controls button { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--line); background: transparent; }.testimonial-controls button:hover { border-color: var(--brass); color: var(--brass); }

.article-grid { display: grid; grid-template-columns: 1.35fr .85fr .85fr; gap: 1.3rem; }.article-card { background: var(--paper); }.article-card-featured { display: grid; grid-template-columns: .85fr 1.15fr; }.article-art { position: relative; min-height: 280px; padding: 1.5rem; overflow: hidden; }.article-art > span { position: relative; z-index: 1; color: rgba(243, 240, 233, .55); }.art-grid { display: flex; align-items: end; background: linear-gradient(135deg, #1e2c49 25%, #0e1729 25%, #0e1729 28%, #c19a5f 28%, #c19a5f 48%, #16233c 48%); }.art-grid b { position: relative; z-index: 1; color: var(--cream); font-family: var(--serif); font-size: 2.4rem; font-weight: 400; line-height: .9; }.art-grid:before, .art-grid:after { position: absolute; inset: 0; border: 1px solid rgba(243, 240, 233, .2); content: ""; transform: rotate(25deg) scale(1.4); }.art-grid:after { transform: rotate(-22deg) scale(1.25); }.art-orbit { background: radial-gradient(circle at 50% 50%, var(--brass) 0 6%, transparent 7% 19%, rgba(193, 154, 95, .6) 20% 20.5%, transparent 21% 35%, rgba(193, 154, 95, .35) 35.5% 36%, transparent 36%), #101b31; }.art-orbit:before, .art-orbit:after { position: absolute; top: 50%; left: 50%; width: 15rem; height: 4rem; border: 1px solid rgba(243, 240, 233, .22); border-radius: 50%; content: ""; transform: translate(-50%, -50%) rotate(42deg); }.art-orbit:after { transform: translate(-50%, -50%) rotate(-42deg); }.art-type { background: var(--brass); }.art-type b { position: absolute; right: 1.4rem; bottom: 1.3rem; color: var(--ink); font-family: var(--serif); font-size: 2.2rem; line-height: .86; text-align: right; }.article-copy { padding: 1.8rem; }.article-type { display: block; margin-bottom: 1.2rem; color: #6b7484; }.article-copy h3 { margin-bottom: 1.2rem; font-size: 1.7rem; }.article-copy h3 a:hover { color: var(--brass); }.article-copy p { margin-bottom: 1.5rem; }

.about-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 7rem; }.about-image { position: relative; min-height: 480px; overflow: hidden; background: linear-gradient(145deg, #2a3d63, #16233c 50%, #0c1526 50%); }.about-image:before { position: absolute; inset: 12%; border: 1px solid rgba(14, 23, 41, .45); content: ""; }.about-image:after { position: absolute; right: -20%; bottom: -25%; width: 28rem; height: 28rem; border: 1px solid rgba(14, 23, 41, .3); border-radius: 50%; content: ""; }.about-monogram { position: absolute; z-index: 1; top: 50%; left: 50%; color: rgba(14, 23, 41, .78); font-family: var(--serif); font-size: 8rem; letter-spacing: -.14em; transform: translate(-50%, -50%); }.about-monogram span { display: block; width: 8rem; height: 1px; margin: -.8rem 0 0 .8rem; background: var(--brass); }.about-location { position: absolute; z-index: 1; right: 1.4rem; bottom: 1.4rem; color: rgba(14, 23, 41, .62); }.about-copy h2 { max-width: 620px; }.about-copy > p { max-width: 620px; }.about-signature { display: flex; align-items: center; gap: .7rem; margin: 2rem 0; color: rgba(14, 23, 41, .65); font-family: var(--mono); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }.signature-line { width: 2.8rem; height: 1px; background: var(--brass); }

.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6rem; }.faq-intro h2 { max-width: 430px; }.faq-intro p { max-width: 330px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.55rem 0; list-style: none; cursor: pointer; font-family: var(--serif); font-size: 1.25rem; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary:after { color: var(--brass); content: "+"; font-family: var(--sans); font-size: 1.4rem; font-weight: 300; }.faq-list details[open] summary:after { content: "-"; }.faq-answer { max-width: 720px; padding: 0 3rem 1.5rem 0; }.faq-answer p { margin: 0; }

.contact-layout { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 7rem; }.contact-layout h2 { max-width: 620px; }.contact-details { display: grid; gap: .45rem; margin-top: 3rem; font-family: var(--mono); font-size: .7rem; letter-spacing: .06em; }.contact-details a:hover { color: var(--cream); }.audit-form { padding: 2rem; background: var(--cream); }.form-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }.form-heading span:last-child { color: var(--muted); font-size: .7rem; }.audit-form label { display: grid; gap: .35rem; margin-bottom: 1.1rem; color: var(--muted); font-family: var(--mono); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }.audit-form input, .audit-form textarea { width: 100%; padding: .75rem 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; outline: 0; background: transparent; color: var(--ink); resize: vertical; }.audit-form input:focus, .audit-form textarea:focus { border-color: var(--brass); }.audit-form .button { width: 100%; margin-top: .6rem; }.form-note, .form-success { margin: 1rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }.form-success { color: #7ba05b; }

.site-footer { padding: 5rem 0 1.5rem; }.footer-top { display: flex; align-items: start; justify-content: space-between; gap: 3rem; padding-bottom: 4.5rem; }.brand-footer .brand-name { color: var(--cream); }.footer-statement { max-width: 320px; margin: 1.8rem 0 0; color: rgba(243, 240, 233, .52); font-family: var(--serif); font-size: 1.1rem; line-height: 1.35; }.footer-local { display: grid; gap: .8rem; text-align: right; }.footer-local .mono { color: var(--brass-light); }.footer-local a { color: rgba(243, 240, 233, .68); font-family: var(--mono); font-size: .66rem; text-transform: uppercase; }.footer-local a:hover { color: var(--brass-light); }.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; padding: 2rem 0 4rem; border-top: 1px solid var(--line-light); }.footer-links > div { display: grid; align-content: start; gap: .5rem; }.footer-label { margin-bottom: .7rem; color: var(--brass-light); }.footer-links a, .footer-links span:not(.footer-label) { color: rgba(243, 240, 233, .56); font-size: .76rem; }.footer-links a:hover { color: var(--cream); }.footer-bottom { display: flex; justify-content: space-between; gap: 2rem; padding-top: 1.2rem; border-top: 1px solid var(--line-light); color: rgba(243, 240, 233, .35); font-family: var(--mono); font-size: .56rem; letter-spacing: .04em; text-transform: uppercase; }

.search-panel { position: fixed; z-index: 40; inset: 0; display: grid; place-items: center; padding: 2rem; background: rgba(14, 23, 41, .86); backdrop-filter: blur(12px); }.search-panel[hidden] { display: none; }.search-panel-inner { position: relative; width: min(680px, 100%); padding: 3.2rem; background: var(--paper); box-shadow: var(--shadow); }.search-close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: var(--muted); font-size: 1.7rem; transform: rotate(45deg); }.search-panel h2 { margin-bottom: 2rem; }.search-input-wrap { display: grid; gap: .5rem; padding: .9rem 0; border-bottom: 1px solid var(--ink); }.search-input-wrap span { color: var(--muted); }.search-input-wrap input { border: 0; outline: 0; background: transparent; color: var(--ink); font-family: var(--serif); font-size: 1.7rem; }.search-results { display: grid; gap: .2rem; margin-top: 1.8rem; }.search-results a { display: flex; justify-content: space-between; padding: .8rem 0; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 1.1rem; }.search-results a:hover { color: var(--brass); }

html.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--delay, 0ms); }html.js [data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } html.js [data-reveal] { opacity: 1; transform: none; } }
@media (max-width: 1020px) { .container { width: min(var(--max), calc(100% - 3rem)); }.primary-nav { gap: 1rem; margin-right: 1rem; }.hero-grid { grid-template-columns: 1fr .85fr; gap: 2.5rem; }.hero-atlas { min-height: 450px; }.editorial-grid, .locations-layout, .verticals-layout, .testimonial-layout, .faq-layout, .contact-layout { gap: 3rem; }.about-layout { gap: 4rem; }.service-card { padding: 1.5rem; }.outcome-copy { padding: 3rem; } }
@media (max-width: 760px) { .container { width: min(var(--max), calc(100% - 2rem)); }.section-space { padding: 5.5rem 0; }.site-header { background: rgba(14, 23, 41, .93); }.primary-nav { position: fixed; z-index: -1; top: 0; right: 0; left: 0; display: grid; align-content: center; gap: 1.4rem; height: 100svh; margin: 0; padding: 7rem 2rem 2rem; background: var(--ink); opacity: 1; pointer-events: auto; transform: none; transition: opacity .25s ease, transform .25s ease, visibility .25s ease; }.primary-nav a { font-family: var(--serif); font-size: 2rem; letter-spacing: 0; text-transform: none; }.primary-nav .nav-cta { justify-self: start; margin-top: 1rem; font-family: var(--mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }.html.js .primary-nav, html.js .primary-nav { opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(-12px); }.html.js .primary-nav.is-open, html.js .primary-nav.is-open { opacity: 1; pointer-events: auto; visibility: visible; transform: none; }.menu-toggle { display: flex; position: relative; z-index: 2; }.menu-toggle b { display: none; }.hero { padding-top: 9rem; }.hero-grid, .editorial-grid, .locations-layout, .verticals-layout, .testimonial-layout, .faq-layout, .contact-layout, .about-layout { grid-template-columns: 1fr; }.hero-atlas { min-height: 390px; }.hero-grid { gap: 4rem; }.hero-scroll { display: none; }.section-index { margin-bottom: -1rem; }.quote-card { max-width: 500px; }.section-heading-row { display: grid; align-items: start; gap: 1.5rem; margin-bottom: 2.8rem; }.section-aside { margin-bottom: 0; }.service-grid, .insight-grid, .article-grid { grid-template-columns: 1fr; }.service-card { min-height: 370px; }.process-item { grid-template-columns: 3.3rem 1fr; gap: 1rem; }.process-status { grid-column: 2; justify-self: start; }.outcome-feature { grid-template-columns: 1fr; }.outcome-visual { min-height: 370px; }.outcome-copy { padding: 2rem; }.article-card-featured { grid-template-columns: 1fr; }.article-art { min-height: 230px; }.verticals-list { margin-top: 1rem; }.about-image { min-height: 350px; }.footer-top { display: grid; }.footer-local { text-align: left; }.footer-links { grid-template-columns: 1fr 1fr; }.footer-bottom { display: grid; gap: .5rem; }.hero-actions { align-items: start; flex-direction: column; gap: 1.2rem; margin-bottom: 3rem; }.hero-proof { flex-wrap: wrap; }.contact-layout { gap: 3rem; } }
@media (max-width: 460px) { h1 { font-size: 3.6rem; }.hero-lead { font-size: 1.2rem; }.hero-atlas { min-height: 330px; padding: .8rem; }.atlas-map { min-height: 270px; }.atlas-bottom { gap: .7rem; }.atlas-bottom strong { font-size: .72rem; }.location-item { grid-template-columns: 2rem 1fr auto; gap: .65rem; }.location-item strong { font-size: 1.2rem; }.location-item small { font-size: .5rem; }.outcome-meta { flex-wrap: wrap; gap: 1.2rem; }.testimonial-quote { padding-left: 1.3rem; }.testimonial-controls { margin-top: 1rem; margin-left: 0; }.testimonial-byline { flex-wrap: wrap; }.footer-links { grid-template-columns: 1fr; }.search-panel-inner { padding: 2rem 1.3rem; } }

/* Tech-luxe refinement layer */
:root {
  --ink: #0c1526;
  --ink-soft: #12203a;
  --cream: #f4efe2;
  --paper: #fcfbf8;
  --sage: #8fa0bd;
  --brass: #c19a5f;
  --brass-light: #dec088;
  --signal: #d4af6e;
  --signal-blue: #9fb0dd;
  --line-light: rgba(244, 239, 226, .20);
  --shadow: 0 30px 90px rgba(0, 0, 0, .28), 0 0 70px rgba(193, 154, 95, .06);
}
body { background: var(--cream); }
.section-dark { background: linear-gradient(135deg, #0a1224 0%, #0d1729 54%, #101c33 100%); }
.site-header.is-scrolled { background: rgba(10, 18, 36, .82); border-color: rgba(212, 175, 110, .16); box-shadow: 0 10px 40px rgba(0, 0, 0, .18); }
.brand-mark { box-shadow: 0 0 18px rgba(193, 154, 95, .17); }
.button-brass { box-shadow: 0 12px 26px rgba(193, 154, 95, .18), inset 0 1px 0 rgba(255, 255, 255, .25); }
.hero { background: radial-gradient(circle at 74% 38%, rgba(212, 175, 110, .075), transparent 21%), radial-gradient(circle at 20% 75%, rgba(193, 154, 95, .08), transparent 25%), linear-gradient(135deg, #0a1224 0%, #0c1213 58%, #111718 100%); }
.hero:before { border-color: rgba(212, 175, 110, .16); box-shadow: 0 0 70px rgba(212, 175, 110, .06); }
.hero:after { border-color: rgba(193, 154, 95, .20); box-shadow: inset 0 0 80px rgba(193, 154, 95, .04); }
.hero-grain { opacity: .075; }
.hero-grid { isolation: isolate; }
.hero-grid:before { position: absolute; z-index: -1; inset: -18rem -18rem -12rem 32%; opacity: .22; pointer-events: none; background-image: linear-gradient(rgba(212, 175, 110, .10) 1px, transparent 1px), linear-gradient(90deg, rgba(212, 175, 110, .10) 1px, transparent 1px); background-size: 42px 42px; content: ""; mask-image: linear-gradient(90deg, transparent, black 28%, black 76%, transparent); }
.hero-lead { color: rgba(245, 241, 232, .74); }
.hero-proof .proof-dot, .atlas-status i { background: var(--signal); box-shadow: 0 0 0 .35rem rgba(212, 175, 110, .12), 0 0 18px rgba(212, 175, 110, .42); }
.hero-atlas { border-color: rgba(212, 175, 110, .30); background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(212, 175, 110, .025) 48%, rgba(193, 154, 95, .035)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .08); backdrop-filter: blur(16px); }
.hero-atlas:before { position: absolute; inset: 0; opacity: .45; pointer-events: none; background: linear-gradient(115deg, transparent 0 30%, rgba(212, 175, 110, .07) 49%, transparent 52% 100%); content: ""; }
.atlas-map { background: radial-gradient(circle at 49% 52%, rgba(212, 175, 110, .18), transparent 18%), radial-gradient(circle at 70% 28%, rgba(159, 176, 221, .10), transparent 20%), repeating-linear-gradient(0deg, rgba(212, 175, 110, .035) 0 1px, transparent 1px 30px), repeating-linear-gradient(90deg, rgba(212, 175, 110, .035) 0 1px, transparent 1px 30px); }
.map-line { background: linear-gradient(90deg, transparent, rgba(212, 175, 110, .65), transparent); box-shadow: 0 0 7px rgba(212, 175, 110, .25); }
.map-point { border-color: var(--signal); box-shadow: 0 0 0 .35rem rgba(212, 175, 110, .12), 0 0 22px rgba(212, 175, 110, .40); }
.map-core { border-color: var(--signal); color: var(--signal); box-shadow: 0 0 0 1rem rgba(212, 175, 110, .035), 0 0 30px rgba(212, 175, 110, .16); }
.map-label.label-venice { color: var(--signal); }
.atlas-bottom strong { color: var(--signal); }
.service-card { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); }
.service-card-dark { background: linear-gradient(145deg, #0b1322, #14233d); }
.service-card-sage { background: linear-gradient(145deg, #8fa0bd, #a9b8d4); }
.service-card-brass { background: linear-gradient(145deg, #c59a62, #e0bc83); }
.service-card:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; opacity: .7; background: linear-gradient(90deg, transparent, var(--signal), transparent); content: ""; }
.service-card-dark:after { border-color: rgba(212, 175, 110, .22); box-shadow: 0 0 50px rgba(212, 175, 110, .08); }
.icon-window, .icon-radar { box-shadow: 0 0 18px rgba(193, 154, 95, .12); }
.outcome-visual { background: radial-gradient(circle at 48% 43%, rgba(212, 175, 110, .30), transparent 16%), radial-gradient(circle at 56% 54%, rgba(193, 154, 95, .18), transparent 28%), linear-gradient(135deg, #0a1120, #12203a); }
.outcome-visual:before { border-color: rgba(212, 175, 110, .23); box-shadow: 0 0 60px rgba(212, 175, 110, .10); }
.outcome-ring { border-color: var(--signal); box-shadow: 0 0 32px rgba(212, 175, 110, .11), inset 0 0 25px rgba(212, 175, 110, .06); }
@media (max-width: 760px) { html.js .primary-nav { opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(-12px); } html.js .primary-nav.is-open { opacity: 1; pointer-events: auto; visibility: visible; transform: none; } }

.brand-name { color: var(--cream); }

/* Hero audience selector */
.hero-audience { display: grid; gap: .7rem; align-self: center; }
.audience-kicker { margin: 0 0 .5rem; color: var(--signal); }
.audience-card { position: relative; display: grid; grid-template-columns: 2.2rem 1fr 2rem; align-items: start; gap: 1rem; min-height: 145px; padding: 1.25rem 1.35rem; overflow: hidden; border: 1px solid rgba(212, 175, 110, .22); background: linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(212, 175, 110, .035)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 45px rgba(0, 0, 0, .14); backdrop-filter: blur(15px); transition: transform .25s var(--ease), border-color .25s ease, background .25s ease; }
.audience-card:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--signal), transparent); content: ""; opacity: .8; }
.audience-card:after { position: absolute; right: -3rem; bottom: -4rem; width: 9rem; height: 9rem; border: 1px solid rgba(212, 175, 110, .15); border-radius: 50%; content: ""; }
.audience-card:hover { border-color: rgba(212, 175, 110, .62); background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(212, 175, 110, .07)); transform: translateX(-5px); }
.audience-card-local { border-color: rgba(193, 154, 95, .32); background: linear-gradient(135deg, rgba(193, 154, 95, .12), rgba(255, 255, 255, .035)); }
.audience-card-local:before { background: linear-gradient(90deg, transparent, var(--brass), transparent); }
.audience-card-scale { border-color: rgba(159, 176, 221, .30); background: linear-gradient(135deg, rgba(159, 176, 221, .10), rgba(255, 255, 255, .035)); }
.audience-card-scale:before { background: linear-gradient(90deg, transparent, var(--signal-blue), transparent); }
.audience-number { position: relative; z-index: 1; padding-top: .15rem; color: var(--signal); }
.audience-card-local .audience-number { color: var(--brass-light); }.audience-card-scale .audience-number { color: var(--signal-blue); }
.audience-label { position: relative; z-index: 1; display: block; margin-bottom: .45rem; color: rgba(245, 241, 232, .48); }
.audience-card h2 { position: relative; z-index: 1; max-width: 390px; margin: 0 0 .45rem; color: var(--cream); font-family: var(--serif); font-size: clamp(1.55rem, 2.2vw, 2.25rem); line-height: 1.02; }
.audience-card p { position: relative; z-index: 1; max-width: 390px; margin: 0; color: rgba(245, 241, 232, .58); font-size: .76rem; line-height: 1.45; }
.audience-arrow { position: relative; z-index: 1; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border: 1px solid rgba(212, 175, 110, .36); color: var(--signal); font-size: 1.1rem; transition: background .2s ease, color .2s ease, transform .2s ease; }
.audience-card-local .audience-arrow { border-color: rgba(193, 154, 95, .46); color: var(--brass-light); }.audience-card-scale .audience-arrow { border-color: rgba(159, 176, 221, .46); color: var(--signal-blue); }
.audience-card:hover .audience-arrow { background: var(--signal); color: var(--ink); transform: translateX(3px); }.audience-card-local:hover .audience-arrow { background: var(--brass); }.audience-card-scale:hover .audience-arrow { background: var(--signal-blue); }
@media (max-width: 760px) { .hero-audience { margin-top: .5rem; }.audience-card { min-height: 138px; grid-template-columns: 1.8rem 1fr 1.8rem; padding: 1rem; }.audience-card h2 { font-size: 1.55rem; }.audience-card p { font-size: .7rem; }.audience-arrow { width: 1.7rem; height: 1.7rem; } }

/* Route page system */
.route-crumbs { position: relative; z-index: 3; padding-top: 7rem; padding-bottom: 1.2rem; color: rgba(245, 241, 232, .46); background: var(--ink); }
.route-crumbs a { color: var(--brass-light); }.route-crumbs span { margin: 0 .35rem; }
.route-hero { position: relative; overflow: hidden; padding: 4rem 0 7rem; background: radial-gradient(circle at 75% 38%, rgba(212, 175, 110, .09), transparent 22%), linear-gradient(135deg, #0a1224, #101c33); }
.route-hero:before { position: absolute; right: -12rem; bottom: -18rem; width: 40rem; height: 40rem; border: 1px solid rgba(212, 175, 110, .18); border-radius: 50%; content: ""; }
.route-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); align-items: center; gap: 5rem; }
.route-hero h1 { max-width: 760px; }.route-signal-panel { display: grid; align-content: center; gap: 1.1rem; min-height: 290px; padding: 2rem; border: 1px solid rgba(212, 175, 110, .3); background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(212,175,110,.035)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.08); }
.route-signal-panel span { color: var(--signal); }.route-signal-panel strong { color: var(--cream); font-family: var(--serif); font-size: clamp(2.2rem, 4vw, 4.2rem); font-weight: 400; line-height: .95; }.route-signal-panel i { display: block; width: 3rem; height: 3rem; border: 1px solid var(--signal); border-radius: 50%; box-shadow: 0 0 0 1rem rgba(212,175,110,.04), 0 0 28px rgba(212,175,110,.22); }.route-signal-panel small { color: rgba(245,241,232,.54); font-family: var(--mono); font-size: .63rem; letter-spacing: .08em; text-transform: uppercase; }
.route-content-grid { display: grid; grid-template-columns: .75fr 1.6fr .8fr; gap: 3rem; }.route-article-body { max-width: 680px; margin: 2rem 0 2.5rem; }.route-article-body h2 { margin: 3rem 0 1.2rem; font-size: clamp(2rem, 4vw, 3.3rem); }.route-article-body ul { display: grid; gap: .8rem; margin: 0 0 2rem; padding: 0; list-style: none; }.route-article-body li { padding: .9rem 0 .9rem 1.4rem; border-top: 1px solid var(--line); color: var(--ink-soft); }.route-article-body li:before { display: inline-block; width: .5rem; height: .5rem; margin-left: -1.4rem; margin-right: .9rem; border: 1px solid var(--brass); border-radius: 50%; content: ""; }
@media (max-width: 760px) { .route-crumbs { padding-top: 6.5rem; }.route-hero { padding: 2.5rem 0 5rem; }.route-hero-grid, .route-content-grid { grid-template-columns: 1fr; gap: 3rem; }.route-signal-panel { min-height: 220px; }.route-content-grid .section-index { margin-bottom: -1rem; } }

.route-crumbs { box-shadow: 0 0 0 100vmax var(--ink); clip-path: inset(0 -100vmax); }

/* ---- Sophisticated hero (2026-10-10): quiet luxury, single brass accent ---- */
.hero { background: linear-gradient(165deg, #0a1224 0%, #0d1729 55%, #101c33 100%); }
.hero:before, .hero:after { display: none; }
.hero-grain { opacity: .035; }
.hero-grid:before { display: none; }
.hero-copy { padding-top: 1rem; }
.hero-proof { gap: .8rem; }
.hero-proof .proof-dot { width: 5px; height: 5px; background: var(--brass); box-shadow: none; }
.hero-proof { font-size: .72rem; letter-spacing: .06em; }
/* Audience selector as a quiet editorial index, not glass cards */
.hero-audience { gap: 0; border-top: 1px solid rgba(243, 240, 233, .14); }
.audience-kicker { margin: 0; padding: 1.1rem .25rem .9rem; color: rgba(245, 241, 232, .42); }
.audience-card, .audience-card-local, .audience-card-scale { background: transparent; border: 0; border-bottom: 1px solid rgba(243, 240, 233, .14); box-shadow: none; backdrop-filter: none; min-height: 0; padding: 1.35rem .25rem; }
.audience-card:before, .audience-card:after { display: none; }
.audience-card:hover { background: rgba(255, 255, 255, .025); border-color: rgba(243, 240, 233, .14); transform: none; }
.audience-number, .audience-card-local .audience-number, .audience-card-scale .audience-number { color: var(--brass); }
.audience-label { color: rgba(245, 241, 232, .42); }
.audience-card h2 { font-size: clamp(1.4rem, 2vw, 1.9rem); }
.audience-card p { font-size: .8rem; color: rgba(245, 241, 232, .55); }
.audience-arrow, .audience-card-local .audience-arrow, .audience-card-scale .audience-arrow { border-color: rgba(193, 154, 95, .38); color: var(--brass-light); background: transparent; }
.audience-card:hover .audience-arrow, .audience-card-local:hover .audience-arrow, .audience-card-scale:hover .audience-arrow { background: var(--brass); border-color: var(--brass); color: var(--ink); transform: none; }
.hero-scroll { color: rgba(243, 240, 233, .32); font-size: .62rem; letter-spacing: .22em; }
.hero-scroll span { width: 1.6rem; background: rgba(193, 154, 95, .55); }
@media (max-width: 760px) {
  .audience-card, .audience-card-local, .audience-card-scale { padding: 1.1rem .25rem; }
}

/* Logo badge (2026-10-10): real VB monogram mark */
.brand-mark { border: 0; overflow: hidden; background: transparent; }
.brand-mark:after { display: none; }
.brand-mark img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }