:root {
  --bg: #090d18;
  --panel: #11182a;
  --panel-2: #172238;
  --line: rgba(255,255,255,.12);
  --text: #f4f7ff;
  --soft: #d6deef;
  --muted: #9aa8c0;
  --accent: #7c6cff;
  --cyan: #27d4c0;
  --warm: #ffc071;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 85% 0, rgba(124,108,255,.17), transparent 28rem), var(--bg); font: 16px/1.75 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--cyan); }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { line-height: 1.18; letter-spacing: -.04em; }
h1 { font-size: clamp(38px, 6vw, 72px); margin: 16px 0 20px; }
h2 { font-size: clamp(29px, 4vw, 48px); margin: 0 0 17px; }
h3 { font-size: 20px; margin: 0 0 9px; }
.wrap { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.topline { border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.topline .wrap { display: flex; justify-content: space-between; gap: 24px; padding: 9px 0; }
.site-header { position: sticky; top: 0; z-index: 10; background: rgba(9,13,24,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(15px); }
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: .07em; }
.brand small { display: block; color: var(--muted); font-size: 9px; letter-spacing: .18em; font-weight: 600; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--accent), var(--cyan)); color: #fff; font-weight: 900; box-shadow: 0 10px 30px rgba(124,108,255,.28); }
.nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 24px; color: var(--muted); font-size: 14px; }
.hero { display: grid; grid-template-columns: 1fr .85fr; gap: 60px; align-items: center; padding-top: 85px; padding-bottom: 85px; }
.hero-copy { min-width: 0; }
.hero-copy h1 { max-width: 700px; }
.lead { max-width: 690px; color: var(--soft); font-size: 18px; }
.eyebrow, .section-label, .card-label { color: var(--cyan); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow:before { content: ""; display: inline-block; width: 26px; height: 1px; margin: 0 9px 4px 0; background: var(--cyan); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 20px; padding: 0 20px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--accent), #5d9cff); font-weight: 800; box-shadow: 0 14px 28px rgba(95,96,255,.2); }
.button:hover { color: #fff; transform: translateY(-1px); }
.hero-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; color: var(--muted); font-size: 12px; }
.hero-facts span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; }
.hero-media { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.hero-media img { width: 100%; min-height: 330px; object-fit: cover; border-radius: 15px; }
.section { padding-top: 75px; padding-bottom: 75px; }
.section-muted { background: rgba(255,255,255,.035); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.split-heading, .section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-top: 15px; }
.split-heading h2, .section-title-row h2 { max-width: 690px; }
.split-heading p, .section-title-row p { max-width: 390px; margin: 0 0 5px; color: var(--muted); }
.about-block { padding-bottom: 65px; }
.about-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 26px; border-top: 1px solid var(--line); }
.pill { padding: 7px 11px; border: 1px solid rgba(39,212,192,.3); border-radius: 999px; color: #8ef4e4; background: rgba(39,212,192,.08); font-size: 12px; }
.text-link { color: var(--soft); font-weight: 750; }
.text-link span { color: var(--cyan); }
.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 31px; }
.category-card, .article-card { min-width: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.category-card { display: block; padding: 24px; }
.category-card:hover, .article-card:hover { border-color: rgba(39,212,192,.45); }
.card-number { color: var(--cyan); font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.category-card h3 { margin-top: 28px; }
.category-card p, .article-card p { color: var(--muted); font-size: 14px; }
.category-card small { display: block; margin-top: 24px; color: var(--soft); }
.category-card small span { color: var(--cyan); }
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin-top: 31px; }
.article-card { overflow: hidden; }
.article-image { display: block; background: var(--panel-2); }
.article-image img { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
.article-content { padding: 21px; }
.article-content h3 { margin-top: 11px; }
.article-content p { margin-bottom: 18px; }
.long-form { max-width: 960px; }
.long-form h2 { margin-top: 14px; }
.prose { max-width: 900px; color: #c1cbdd; font-size: 16px; }
.prose h2, .prose h3, .prose h4 { color: var(--text); }
.prose a { color: #92e7dc; text-decoration: underline; text-underline-offset: 3px; }
.prose img { border-radius: 15px; }
.prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.prose th, .prose td { padding: 9px 12px; border: 1px solid var(--line); text-align: left; }
.prose pre { max-width: 100%; overflow-x: auto; padding: 16px; border-radius: 12px; background: #060913; }
.page-hero { padding-top: 72px; padding-bottom: 52px; }
.page-hero .lead { max-width: 760px; }
.article-page { padding-top: 34px; padding-bottom: 80px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 13px; }
.breadcrumbs a:not(:last-child):after { content: "/"; margin-left: 8px; color: var(--line); }
.article-header { padding: 58px 0 24px; max-width: 900px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; color: var(--muted); font-size: 13px; }
.article-meta time + time { padding-left: 18px; border-left: 1px solid var(--line); }
.article-cover { width: min(900px, 100%); max-height: 510px; object-fit: cover; margin: 20px 0 35px; border: 1px solid var(--line); border-radius: 20px; }
.article-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; color: var(--muted); font-size: 13px; }
.mission { padding-top: 15px; }
.mission-card, .contact-card { padding: 31px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(135deg, var(--panel), var(--panel-2)); }
.mission-text { max-width: 850px; margin: 15px 0 0; color: var(--soft); font-size: 23px; line-height: 1.5; letter-spacing: -.025em; }
.contact-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 24px; align-items: start; }
.contact-note { color: var(--muted); }
.contact-link { color: #91f4e5; overflow-wrap: anywhere; }
.pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.pagination a { min-width: 36px; padding: 5px 11px; border: 1px solid var(--line); border-radius: 9px; text-align: center; color: var(--soft); }
.site-footer { padding: 50px 0 24px; border-top: 1px solid var(--line); background: #060910; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .85fr .85fr .95fr; gap: 30px; }
.footer-brand p, .footer-column p, .footer-meta { color: var(--muted); font-size: 13px; }
.footer-column h3 { color: var(--soft); font-size: 13px; letter-spacing: .05em; }
.footer-column p { margin: 7px 0; }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 20px; margin-top: 35px; border-top: 1px solid var(--line); color: #748198; font-size: 12px; }
.footer-bottom p { max-width: 600px; }
@media (max-width: 930px) {
  .hero { grid-template-columns: 1fr; gap: 35px; }
  .hero-media { max-width: 650px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .wrap { width: min(var(--max), calc(100% - 28px)); }
  .topline .wrap, .footer-bottom { display: block; }
  .topline span { display: block; }
  .topline span + span { margin-top: 3px; }
  .header-inner { display: block; padding: 13px 0; }
  .nav { justify-content: flex-start; margin-top: 12px; gap: 8px 15px; }
  .hero { padding-top: 52px; padding-bottom: 55px; }
  .hero-media img { min-height: 220px; }
  .section { padding-top: 56px; padding-bottom: 56px; }
  .split-heading, .section-title-row, .about-footer { display: block; }
  .split-heading p, .section-title-row p { margin-top: 13px; }
  .about-footer .text-link { display: inline-block; margin-top: 16px; }
  .category-grid, .article-grid, .footer-grid { grid-template-columns: 1fr; }
  .page-hero { padding-top: 50px; padding-bottom: 35px; }
  .article-header { padding-top: 40px; }
  .footer-bottom p + p { margin-top: 10px; }
}

.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;flex-shrink:0}.prose h2{font-size:clamp(26px,3vw,36px);margin-top:48px}.prose h3{margin-top:28px}.prose li{margin:8px 0}.prose figure{margin:28px 0}.prose figcaption{font-size:13px;color:var(--muted);margin-top:8px}.prose .note{padding:20px;border-left:3px solid var(--cyan);background:var(--panel);border-radius:8px}.prose table{margin:24px 0}.prose th{color:var(--text);background:var(--panel)}.hero-media img{min-height:0;aspect-ratio:3/2}.site-header{position:relative}.long-form{max-width:1000px}.footer-meta{overflow-wrap:anywhere}

/* Product overview and reading structure */
.home-page .hero{grid-template-columns:minmax(0,1.65fr) minmax(0,.7fr);gap:36px;padding:36px 0 28px}
.home-page .hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.12;margin:12px 0 16px}
.home-page .hero .lead{font-size:17px;margin-bottom:12px}
.home-page .hero .button{margin-top:8px}
.home-page .hero-media{padding:8px}
.home-page .hero-media img{max-height:210px;object-fit:contain}
.home-page .long-form{max-width:1100px;padding-top:16px;padding-bottom:48px}
.home-page .prose{max-width:none}
.home-page .prose>section{scroll-margin-top:24px;border-top:1px solid var(--line);margin-top:34px;padding-top:8px}
.home-page .prose h2{margin-top:24px;font-size:clamp(25px,3vw,34px)}
.jump-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.prose .jump-links a{padding:7px 13px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:var(--panel);font-size:14px}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.game-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel-2),var(--panel))}
.game-card .kicker{color:var(--cyan);font-weight:800;font-size:13px;letter-spacing:.08em}
.prose .game-card h3{margin:12px 0 18px;font-size:25px}
.mechanic-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 22px}
.mechanic-map span{padding:12px 8px;border:1px solid rgba(39,212,192,.35);border-radius:9px;color:var(--text);font-size:13px;line-height:1.5;text-align:center;background:rgba(39,212,192,.06)}
.component-caption{font-size:13px;color:var(--muted)}
.comparison-wrap{overflow-x:auto;max-width:100%;margin:20px 0}
.prose .comparison-wrap table{display:table;width:100%;min-width:580px;margin:0}
.service-list{padding-left:22px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.promo-grid>div,.promo-grid>article{padding:20px;border-left:3px solid var(--accent);background:var(--panel);border-radius:9px}
.prose .promo-grid h3{margin-top:0;font-size:20px}
.home-page .section-muted{padding:40px 0}
.home-page .section-muted h2{font-size:30px}
@media(max-width:680px){
 .topline .wrap{display:flex;gap:12px}.topline span+span{margin-top:0}
 .home-page .hero{grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:26px 0 22px;align-items:start}
 .home-page .hero-copy{display:contents}
 .home-page .hero .eyebrow,.home-page .hero h1,.home-page .hero .lead,.home-page .hero .button{grid-column:1}
 .home-page .hero .eyebrow{font-size:10px;margin:0}
 .home-page .hero h1{font-size:30px;margin:0;grid-column:1/-1}
 .home-page .hero .lead{font-size:16px;margin:0;grid-column:1/-1}
 .home-page .hero .button{grid-column:1/-1;justify-self:start}
 .home-page .hero-media{grid-column:2;grid-row:1;padding:4px;border-radius:10px}
 .home-page .hero-media img{aspect-ratio:3/2;border-radius:6px}
 .game-grid,.promo-grid{grid-template-columns:1fr}
 .game-card{padding:20px}
 .mechanic-map{gap:6px}
 .mechanic-map span{padding:10px 6px;font-size:12px}
 .home-page .long-form{padding-top:12px}
 .jump-links{gap:6px}.prose .jump-links a{font-size:13px;padding:6px 10px}
}

/* Illustrated sections and wide responsive brand presentation */
.home-page .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:38px;padding-top:40px;padding-bottom:36px;align-items:center}
.home-page .hero-media{padding:0;border-radius:20px;overflow:hidden}
.home-page .hero-media img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:20px}
.home-page .hero-copy{min-width:0}
.home-page .long-form .prose>section{display:flow-root}
.prose figure.section-illustration{float:right;width:31%;max-width:340px;margin:4px 0 22px 28px}
.prose .section-illustration img,.prose .page-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:14px}
.prose figure figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}
.home-page .game-grid,.home-page .promo-grid{clear:both}
.home-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.category-card{overflow:hidden;min-width:0}
.category-card .category-image{display:block;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:contain;margin:-24px -24px 22px;border-radius:0}
.category-card h3{margin-top:14px}
.page-hero{padding-top:40px;padding-bottom:24px}
.section.mission{padding-top:0;padding-bottom:24px}
.section.mission+.section{padding-top:0}
.prose figure.page-illustration{max-width:760px;margin:0 auto 32px}
@media(max-width:1000px){
.home-page .hero{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.home-page .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.home-page .hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:26px;padding-bottom:24px}
.home-page .hero-copy{display:block}
.home-page .hero-media{width:100%}
.home-page .hero-media img{width:100%;max-height:none;aspect-ratio:3/2;border-radius:14px}
.prose figure.section-illustration{float:none;width:100%;max-width:none;margin:16px 0 22px}
.home-page .category-grid{grid-template-columns:1fr}
.page-hero{padding-top:32px;padding-bottom:22px}
.prose figure.page-illustration{margin-top:0}
}

.section-image-bank{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.section-image-bank img{max-width:760px;width:100%;height:auto;border-radius:14px}

/* Compact mobile introduction and readable comparison cards */
@media(max-width:680px){
.home-page .header-inner{padding:9px 0}
.home-page .nav{margin-top:8px;gap:6px 13px}
.home-page .hero{padding-top:18px;padding-bottom:16px;gap:16px}
.home-page .hero h1{font-size:26px;line-height:1.15;margin:8px 0}
.home-page .hero .lead{font-size:15px;line-height:1.6;margin:0}
.home-page .hero .button{min-height:44px;margin-top:12px}
.home-page .hero-media{background:var(--panel);border-radius:14px}
.home-page .hero-media img{height:180px;max-height:180px;aspect-ratio:auto;object-fit:contain}
.home-page .long-form{padding-top:4px}
.home-page .jump-links{margin-bottom:14px}
.home-page .prose>section{margin-top:20px}
.home-page .prose h2{margin-top:18px}
.home-page .comparison-wrap{overflow:visible}
.home-page .comparison-wrap table{display:block;min-width:0;width:100%;overflow:visible}
.home-page .comparison-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-page .comparison-wrap tbody{display:block;width:100%}
.home-page .comparison-wrap tr{display:block;width:100%;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.home-page .comparison-wrap th,.home-page .comparison-wrap td{display:block;width:100%;border:0;padding:12px 14px;overflow-wrap:anywhere}
.home-page .comparison-wrap td+td{border-top:1px solid var(--line)}
.home-page .comparison-wrap td:before{content:attr(data-label);display:block;color:var(--cyan);font-weight:700;font-size:13px;margin-bottom:4px}
}

/* Compact brand introduction and an editorial map of the recorded directory */
.home-page .hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12}
.home-page .hero{padding-top:28px;padding-bottom:24px}
.catalog-map{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 10px}
.catalog-map-heading{grid-column:1/-1;color:var(--text);font-size:21px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:12px}
.catalog-map-heading small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.prose .catalog-map a{padding:18px;border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:10px;background:var(--panel);text-decoration:none}
.catalog-map a span,.catalog-map a strong,.catalog-map a small{display:block}
.catalog-map a span{font-size:11px;letter-spacing:.06em;color:var(--cyan)}
.catalog-map a strong{font-size:16px;color:var(--text);line-height:1.5;margin:8px 0}
.catalog-map a small{font-size:13px;color:var(--soft);line-height:1.6}
@media(max-width:680px){
.home-page .hero h1{font-size:30px;margin:6px 0}
.home-page .hero{padding-top:14px;padding-bottom:12px;gap:12px}
.home-page .hero .lead{font-size:15px;line-height:1.5}
.catalog-map{grid-template-columns:1fr}
.prose .catalog-map a{padding:13px 16px}
}

/* Place the recorded menu diagram alongside the large illustration. */
.home-page .hero .catalog-map{grid-template-columns:1fr;gap:7px;margin:18px 0}
.home-page .hero .catalog-map-heading{font-size:18px;padding-bottom:6px}
.home-page .hero .catalog-map a{display:grid;grid-template-columns:120px 1fr;gap:2px 12px;padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:9px;background:var(--panel);text-decoration:none}
.home-page .hero .catalog-map a span{grid-row:1/3;align-self:center;line-height:1.5}
.home-page .hero .catalog-map a strong{font-size:15px;line-height:1.4;margin:0}
.home-page .hero .catalog-map a small{font-size:12px;line-height:1.5}
.home-page .hero .catalog-map a:hover{border-color:var(--cyan)}
.home-page .hero .button{margin-top:0}
@media(max-width:680px){
.home-page .hero .catalog-map{gap:5px;margin:12px 0}
.home-page .hero .catalog-map-heading{font-size:16px}
.home-page .hero .catalog-map a{grid-template-columns:80px 1fr;gap:2px 8px;padding:8px 10px}
.home-page .hero .catalog-map a span{font-size:10px}
.home-page .hero .catalog-map a strong{font-size:13px}
.home-page .hero .catalog-map a small{font-size:11px;line-height:1.4}
.home-page .hero-media img{height:180px}
}

/* Illustrated catalog: product overview shares the main image. */
.home-page .hero{align-items:center}
.home-page .hero-copy .button{margin-top:12px}
.home-page .hero-media.directory-visual{display:block;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 20px 60px #0005}
.directory-scene{position:relative;overflow:hidden}
.home-page .directory-scene img{display:block;width:100%;height:240px;max-height:none;object-fit:cover;object-position:center}
.directory-brand{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#061b1fed;border:1px solid #66e2cf80;border-radius:10px;color:#fff;font-size:27px;font-weight:800;letter-spacing:1px}
.directory-brand small{max-width:80px;color:#9de8d9;font-size:10px;line-height:1.4;letter-spacing:1.5px}
.directory-branches{position:relative;padding:16px 18px 14px}
.directory-catalog{display:block;text-decoration:none;color:inherit}
.directory-label{display:block;color:var(--muted);font-size:10px;letter-spacing:1.8px;text-align:center;margin-bottom:9px}
.directory-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.directory-tiles b{display:grid;place-items:center;border:1px solid #64d9c88c;border-radius:8px;padding:12px 2px;color:#d2fff5;background:#0e373a;font-size:16px}
.directory-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:22px;position:relative}
.directory-menu:before{content:"";position:absolute;top:10px;left:16%;right:16%;height:1px;background:#64d9c866}
.directory-menu a{position:relative;display:grid;justify-items:center;text-align:center;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:9px 4px;background:#0b252a}
.directory-menu a:before{content:"";position:absolute;top:-12px;width:1px;height:12px;background:#64d9c866}
.directory-symbol{color:#87e9d8;font-size:25px;line-height:1}
.directory-menu strong{font-size:14px;margin:5px 0 3px}
.directory-menu small{font-size:10px;line-height:1.5;color:#c0d5d3}
.directory-catalog:hover .directory-tiles b,.directory-menu a:hover{border-color:#adf5e5}
.home-page .directory-visual figcaption{margin:0;padding:0 16px 12px;text-align:center;font-size:10px;line-height:1.5;color:var(--muted)}
@media(max-width:680px){
.home-page .hero{gap:16px}
.home-page .hero-copy .button{margin-top:4px}
.home-page .directory-scene img{height:160px;max-height:none;object-fit:cover}
.directory-brand{left:12px;top:12px;font-size:22px;padding:6px 10px}
.directory-branches{padding:11px 12px 10px}
.directory-label{font-size:9px;margin-bottom:6px}
.directory-tiles{gap:5px}
.directory-tiles b{font-size:13px;padding:9px 2px}
.directory-menu{gap:5px;padding-top:19px}
.directory-menu:before{top:9px}
.directory-menu a{padding:6px 2px}
.directory-menu a:before{top:-10px;height:10px}
.directory-symbol{font-size:19px}
.directory-menu strong{font-size:12px;margin:3px 0 2px}
.directory-menu small{font-size:9px}
.home-page .directory-visual figcaption{font-size:9px;padding:0 12px 9px}
}