/* App Store inspired previews. Real screens stay complete and readable;
   availability and access decisions remain in the catalog data. */
.app-card,
.preview-grid .app-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(155deg,#142a2d,#102125 68%);
  box-shadow:0 14px 35px #020d141c;
}
.preview-grid .app-card>* { grid-column:auto; grid-row:auto; }
.app-card .card-top { gap:12px; margin-bottom:18px; }
.app-card .product-symbol {
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--product,#55dfc5) 22%,#19383b),#102329);
  border:1px solid color-mix(in srgb,var(--product,#55dfc5) 43%,#335253);
  box-shadow:inset 0 1px 0 #ffffff22,0 7px 16px #020d142a;
}
.app-card .product-symbol svg { width:33px; height:33px; }
.app-card .product-symbol img { width:43px; height:43px; object-fit:contain; }
.app-card .availability { max-width:calc(100% - 64px); white-space:normal; }
.app-card .card-category { margin-top:0; }
.app-card h2,.app-card h3,.preview-grid .app-card h3 { font-size:25px; }
.app-card .card-description { flex:0; }
.app-card .card-release-note { flex:1; }
.app-card .card-actions { gap:12px 18px; margin-top:auto; }
.app-card .card-actions a { min-height:44px; display:inline-flex; align-items:center; }

.card-demo.store-preview,
.available-grid .card-demo.store-preview,
.preview-grid .card-demo.store-preview {
  --preview-ink:#f4fbfa;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto auto;
  align-content:start;
  gap:12px;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  margin:0 0 22px;
  padding:17px 15px 18px;
  border-radius:15px;
  border:1px solid color-mix(in srgb,var(--art-a,#55dfc5) 35%,#48615f);
  overflow:hidden;
  color:var(--preview-ink);
  text-decoration:none;
  background:
    radial-gradient(ellipse at 94% 4%,color-mix(in srgb,var(--art-b,#86b7ee) 28%,transparent),transparent 67%),
    radial-gradient(ellipse at 6% 100%,color-mix(in srgb,var(--art-a,#55dfc5) 18%,transparent),transparent 70%),
    linear-gradient(150deg,#193c43,#142a36 60%,#102129);
  box-shadow:inset 0 1px 0 #ffffff18;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.card-demo.store-preview::before {
  background:radial-gradient(circle at 70% 65%,#ffffff12,transparent 50%);
  opacity:1;
  mask-image:none;
}
.card-demo.store-preview::after { display:none; }
.store-preview>* { position:relative; z-index:1; min-width:0; }
.store-preview-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  color:#d5e9e5;
  font-size:10px;
  font-weight:650;
  letter-spacing:.07em;
  line-height:1.5;
  text-transform:uppercase;
}
.store-preview-kind { min-width:0; }
.store-preview-count { flex-shrink:0; font-variant-numeric:tabular-nums; opacity:.88; }
.store-preview-headline {
  display:block;
  max-width:24ch;
  font-size:clamp(21px,2.2vw,29px);
  font-weight:650;
  letter-spacing:-.045em;
  line-height:1.12;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.store-device {
  display:block;
  width:100%;
  min-width:0;
  align-self:center;
  margin:2px auto;
  padding:4px;
  border:1px solid #d7efeb4f;
  border-radius:10px;
  background:#0a151e;
  box-shadow:0 13px 22px #020b174d,0 1px 0 #ffffff12 inset;
  transform:none;
  transform-origin:50% 70%;
  transition:transform .25s ease,box-shadow .25s ease;
}
.store-browser {
  display:flex;
  align-items:center;
  gap:3px;
  min-height:19px;
  padding:0 5px 4px;
  color:#b8cccf;
  font-size:8px;
  line-height:1.4;
}
.store-browser i { display:block; width:4px; height:4px; border-radius:50%; background:#728c91; flex:none; }
.store-browser i:nth-child(1) { background:#e39a8e; }
.store-browser i:nth-child(2) { background:#d9c393; }
.store-browser i:nth-child(3) { background:#80c5a8; }
.store-browser>span { display:block; margin-left:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.store-device .store-screen {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:5px;
  background:#0b171b;
}
.store-preview-caption {
  display:block;
  padding-right:76px;
  min-height:26px;
  color:#d3e6e2;
  font-size:11px;
  line-height:1.55;
  overflow-wrap:break-word;
}
.card-demo.store-preview .art-open {
  position:absolute;
  right:13px;
  bottom:16px;
  padding:7px 9px;
  font-size:10px;
  background:#071c24;
  border-color:#d9f3eb4d;
  box-shadow:none;
}
.store-concept {
  display:grid;
  place-items:center;
  min-width:0;
  width:100%;
  aspect-ratio:1.85;
  overflow:hidden;
  border-radius:10px;
  border:1px solid #e0f6ee21;
  background:linear-gradient(145deg,#d8f5ed0a,#00182632);
}
.store-concept .card-art { width:100%; height:100%; max-height:210px; object-fit:contain; filter:none; }
.store-preview[data-preview-kind="access"] { border-color:#9c875968; }
.store-preview[data-preview-kind="development"],
.store-preview[data-preview-kind="concept"] { border-color:#9582b569; }
.store-preview:focus-visible,.store-shot-link:focus-visible { outline:3px solid #f8d489; outline-offset:4px; }

.detail-store-preview { min-width:0; width:100%; max-width:620px; justify-self:center; }
.detail-store-preview .store-preview { margin-bottom:0; padding:23px; gap:18px; border-radius:22px; }
.detail-store-preview .store-preview-headline { font-size:clamp(26px,3.1vw,38px); }
.detail-store-preview .store-preview-top { font-size:11px; }
.detail-store-preview .store-preview-caption { font-size:12px; padding-right:96px; }
.detail-store-preview .store-browser { font-size:9px; min-height:23px; }
.detail-store-preview .art-open { bottom:23px; right:23px; }

.screenshot-gallery { min-width:0; padding:72px 0; border-block:1px solid var(--line,#2a4242); background:#0d1d21; }
.screenshot-gallery .section-head { margin-bottom:26px; }
.screenshot-track {
  display:flex;
  gap:22px;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:5px 4px 22px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:4px;
  scrollbar-width:thin;
  scrollbar-color:#577c75 #14292b;
  list-style:none;
  -webkit-overflow-scrolling:touch;
}
.store-shot {
  flex:0 0 min(680px,82%);
  min-width:0;
  margin:0;
  padding:14px;
  border:1px solid #36504e;
  border-radius:17px;
  background:linear-gradient(150deg,#1b3436,#12272c);
  scroll-snap-align:start;
}
.store-shot-link {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  width:100%;
  aspect-ratio:16/9;
  border-radius:9px;
  background:#07151b;
  overflow:hidden;
}
.store-shot-link>img {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:inherit;
}
.store-shot figcaption { margin:13px 2px 2px; color:#d1e1dd; font-size:14px; line-height:1.6; overflow-wrap:break-word; }
.preview-disclosure { color:var(--muted,#afc2c0); max-width:78ch; font-size:13px; line-height:1.8; margin:20px 0 0; }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .card-demo.store-preview:is(:hover,:focus-visible) { transform:none; border-color:color-mix(in srgb,var(--art-a,#55dfc5) 65%,#e0ece9); box-shadow:inset 0 1px 0 #ffffff30; }
  .card-demo.store-preview:is(:hover,:focus-visible) .store-device { animation:none; transform:translateY(-3px) rotate(-.45deg); box-shadow:0 17px 24px #020b1759; }
  .card-demo.store-preview:is(:hover,:focus-visible) .card-art,
  .card-demo.store-preview:is(:hover,:focus-visible) .art-focal { animation:none; transform:none; }
  .card-demo.store-preview:is(:hover,:focus-visible) .store-device.art-focal { transform:translateY(-3px) rotate(-.45deg); }
}
@media (max-width:760px) {
  .app-card,.available-grid .app-card,.preview-grid .app-card { padding:20px; }
  .card-demo.store-preview,.available-grid .card-demo.store-preview,.preview-grid .card-demo.store-preview { padding:16px 13px; gap:11px; margin-bottom:22px; }
  .store-preview-headline { font-size:25px; }
  .screenshot-gallery { padding:52px 0; }
  .screenshot-track { gap:14px; }
  .store-shot { flex-basis:90%; padding:10px; border-radius:13px; }
  .store-shot figcaption { font-size:13px; }
  .detail-store-preview .store-preview { padding:20px; }
}
@media (max-width:380px) {
  .app-card,.available-grid .app-card,.preview-grid .app-card { padding:16px; }
  .app-card .product-symbol { width:46px; height:46px; flex-basis:46px; border-radius:13px; }
  .app-card .product-symbol svg { width:29px; height:29px; }
  .app-card .availability { font-size:10px; }
  .store-preview-top { font-size:9px; letter-spacing:.04em; }
  .store-preview-headline { font-size:23px; }
  .store-preview-caption { padding-right:0; padding-bottom:32px; }
  .card-demo.store-preview .art-open { bottom:13px; right:13px; }
  .detail-store-preview .store-preview { padding:16px; }
  .detail-store-preview .store-preview-caption { padding-right:0; }
  .store-shot { flex-basis:96%; }
}
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse) {
  .card-demo.store-preview,.card-demo.store-preview .art-focal,.card-demo.store-preview .card-art { animation:none!important; transform:none!important; transition:none!important; }
  .screenshot-track { scroll-behavior:auto; }
}
@media (forced-colors:active) {
  .card-demo.store-preview,.store-device,.store-concept,.store-shot,.app-card .product-symbol { background:Canvas; border-color:CanvasText; box-shadow:none; }
  .card-demo.store-preview,.store-preview-top,.store-preview-caption,.store-shot figcaption { color:CanvasText; }
  .card-demo.store-preview::before { display:none; }
  .card-demo.store-preview .art-open { background:Canvas; color:LinkText; border-color:LinkText; }
  .store-browser { color:CanvasText; }
  .store-browser i { background:CanvasText; }
  .store-preview:focus-visible,.store-shot-link:focus-visible { outline-color:Highlight; }
  .screenshot-track { scrollbar-color:auto; }
}
@media print {
  .card-demo.store-preview,.store-shot,.app-card { box-shadow:none; break-inside:avoid; }
  .card-demo.store-preview { background:#edf4f2; color:#18332f; border-color:#6d8680; }
  .store-preview-top,.store-preview-caption,.store-shot figcaption,.preview-disclosure { color:#29423b; }
  .card-demo.store-preview .art-open { display:none; }
  .store-preview-caption { padding-right:0; padding-bottom:0; }
  .screenshot-track { display:block; overflow:visible; }
  .store-shot { margin-bottom:16px; background:white; border-color:#8aa39c; }
  .store-shot-link { max-height:none; }
}

/* Preserve phone-shaped screens without cropping their interface. */
.store-device.portrait-device { width:min(100%,170px); }
.store-concept-shot .store-concept { max-width:100%; min-height:230px; }
.detail-store-icon { display:grid; place-items:center; width:66px; height:66px; margin-bottom:24px; border-radius:18px; border:1px solid var(--line-2); background:linear-gradient(145deg,#235451,#142a31); color:var(--teal); box-shadow:0 12px 24px #020d1433; }
.detail-store-icon svg { width:42px; height:42px; }
/* Give a row of previews a common visual rhythm while preserving every pixel. */
.app-card .store-preview-headline { min-height:2.25em; }
.app-card .store-device { height:200px; display:flex; flex-direction:column; }
.app-card .store-browser { flex:0 0 19px; }
.app-card .store-device .store-screen { flex:1; min-height:0; height:calc(100% - 19px); object-fit:contain; }
.app-card .store-concept { height:200px; aspect-ratio:auto; }
.app-card .store-preview-caption { min-height:34px; }
.veterinary-section { border-top:1px solid var(--line); }
.veterinary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
@media (max-width:760px) {
  .veterinary-grid { grid-template-columns:1fr; }
}

/* Explicit mobile-app previews use complete portrait captures. The speaker and
   home indicator live in the frame, outside the screenshot's pixels. */
.store-device.store-phone,
.app-card .store-device.store-phone {
  --phone-screen-height:236px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  width:min(100%,calc(var(--phone-screen-height) * var(--screen-ratio) + 14px));
  height:auto;
  margin:3px auto 5px;
  padding:6px;
  border:1px solid #c5dbdd8a;
  border-radius:21px;
  background:linear-gradient(110deg,#09131a,#17242d 46%,#081119);
  box-shadow:0 15px 25px #020b1766,0 0 0 2px #07101966,0 1px 0 #ffffff30 inset;
}
.store-device.store-phone .store-screen,
.app-card .store-device.store-phone .store-screen {
  display:block;
  flex:none;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:var(--screen-ratio);
  object-fit:contain;
  border-radius:0;
}
.store-phone-speaker {
  display:block;
  flex:none;
  width:24px;
  height:3px;
  margin:1px auto 6px;
  border-radius:4px;
  background:#607078;
}
.store-phone-home {
  display:block;
  flex:none;
  width:36%;
  height:3px;
  margin:6px auto 1px;
  border-radius:4px;
  background:#b3c5c8;
}
.detail-store-preview .store-device.store-phone { --phone-screen-height:366px; }
.store-shot.store-shot-phone { flex-basis:min(320px,84%); }
.store-shot-phone .store-shot-link { aspect-ratio:auto; background:transparent; overflow:visible; }
.store-shot-phone .store-device.store-phone { --phone-screen-height:406px; margin-block:4px; }
@media (max-width:760px) {
  .store-shot.store-shot-phone { flex-basis:min(300px,90%); }
}
@media (max-width:380px) {
  .detail-store-preview .store-device.store-phone { --phone-screen-height:326px; }
  .store-shot.store-shot-phone { flex-basis:94%; }
}
@media (forced-colors:active) {
  .store-device.store-phone,.app-card .store-device.store-phone { background:Canvas; border-color:CanvasText; box-shadow:none; }
  .store-phone-speaker,.store-phone-home { background:CanvasText; }
}
@media print {
  .store-device.store-phone,.app-card .store-device.store-phone { box-shadow:none; }
  .store-shot.store-shot-phone { width:260px; max-width:100%; }
}

/* Paired previews show two complete captures, with no screen covering another. */
.store-preview[data-preview-device="both"] { container-type:inline-size; }
.store-preview-device {
  display:block;
  color:#d5e9e5;
  font-size:11px;
  font-weight:650;
  letter-spacing:.04em;
}
.store-dual {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(72px,.39fr);
  align-items:center;
  gap:12px;
  min-width:0;
  width:100%;
}
.store-dual .store-device.store-desktop,
.app-card .store-dual .store-device.store-desktop {
  width:100%;
  height:auto;
  margin:0;
}
.store-dual .store-device.store-desktop .store-screen,
.app-card .store-dual .store-device.store-desktop .store-screen {
  display:block;
  flex:none;
  width:100%;
  height:auto;
  object-fit:contain;
}
.store-dual .store-device.store-phone,
.detail-store-preview .store-dual .store-device.store-phone {
  --phone-screen-height:250px;
  margin:0;
  justify-self:center;
}
.store-shot-desktop { align-self:flex-start; }
.store-shot-desktop .store-shot-link { aspect-ratio:auto; overflow:visible; background:transparent; }
.store-shot-desktop .store-device { margin:0; }
.store-shot-desktop .store-screen { width:100%; height:auto; object-fit:contain; }
@container (max-width:340px) {
  .store-dual { grid-template-columns:minmax(0,1fr); gap:16px; }
  .store-dual .store-device.store-phone { --phone-screen-height:254px; }
}
@media (forced-colors:active) {
  .store-preview-device { color:CanvasText; }
}
@media print {
  .store-preview-device { color:#29423b; }
}

/* The captured interface stays inside a complete monitor, above its stand. */
.store-device.store-monitor,
.app-card .store-device.store-monitor,
.store-dual .store-device.store-monitor {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.store-monitor-panel {
  display:block;
  width:100%;
  overflow:hidden;
  border:6px solid #15232c;
  border-bottom:0;
  border-radius:9px 9px 5px 5px;
  background:#15232c;
  box-shadow:0 0 0 1px #6d8a9580,0 8px 18px #020b174d;
}
.store-device.store-monitor .store-screen,
.app-card .store-device.store-monitor .store-screen {
  display:block;
  flex:none;
  width:100%;
  height:auto;
  max-height:none;
  border-radius:0;
  object-fit:contain;
}
.store-monitor-chin { display:block; height:12px; background:linear-gradient(#263d48,#1a2c35); }
.store-monitor-chin::after { content:""; display:block; width:4px; height:4px; margin:auto; position:relative; top:4px; border-radius:50%; background:#98b7bd; }
.store-monitor-neck { display:block; width:15%; height:20px; background:linear-gradient(90deg,#536c77,#a0b2bb 45%,#4c6470); }
.store-monitor-base { display:block; width:48%; height:7px; border-radius:50% 50% 3px 3px; background:linear-gradient(#a8bdc6,#4e6975); box-shadow:0 6px 9px #020b174d; }
.store-shot-desktop .store-shot-link { padding:2px 2px 10px; }
@media (forced-colors:active) {
  .store-monitor-panel { border-color:CanvasText; box-shadow:none; background:Canvas; }
  .store-monitor-chin,.store-monitor-neck,.store-monitor-base,.store-monitor-chin::after { background:CanvasText; box-shadow:none; }
}
@media print {
  .store-monitor-panel,.store-monitor-base { box-shadow:none; }
}

/* Homepage critique follow-up, 2026-10-22. Product names lead each card,
   labels stay readable on phones, the veterinary suite scrolls sideways on
   phones, and navigation targets reach 44px. Owner decisions are unchanged:
   original logo and glitch, TechText heading, explicit image types, and all
   four veterinary apps with previews on the homepage. */

/* The product name is the card's headline; the marketing line supports it. */
.app-card .store-preview-headline { font-size:clamp(17px,1.5vw,20px); font-weight:600; letter-spacing:-.02em; line-height:1.25; min-height:2.5em; color:#dcebe8; }
.app-grid .app-card h3,.app-grid .app-card h2 { font-size:clamp(28px,2.6vw,32px); letter-spacing:-.03em; }
.store-preview-top .store-preview-device { display:inline; flex-shrink:0; font-size:inherit; letter-spacing:inherit; color:inherit; opacity:.88; }
.app-card .store-preview-caption { padding-right:118px; }
.detail-store-preview .store-preview-caption { padding-right:128px; }

/* Hero panel: no external-link arrow; the logo link now opens the About page. */
.studio-art .studio-art-top>span { font-size:inherit; }

/* Contact: show the address itself, with support as a fallback for webmail users. */
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:6px; flex-shrink:0; }
.contact-band .text-link { color:#173e32; }
.contact-band .text-link:hover { text-decoration:underline; }

/* Category tiles no longer carry index numbers; keep the title clear of the emblem. */
.category-tile h3 { margin-top:50px; }
@media (min-width:801px) {
  .category-grid>.category-tile:last-child:nth-child(3n+2) { grid-column:span 2; }
  .category-grid>.category-tile:last-child:nth-child(3n+1) { grid-column:1/-1; }
}
@media (max-width:800px) {
  .category-grid>.category-tile:last-child:nth-child(odd) { grid-column:1/-1; }
}

/* Touch targets: 44px rows for navigation, card links and footer links. */
.pill-nav a { min-height:44px; display:flex; align-items:center; }
.app-card .card-actions a { min-width:44px; justify-content:center; }
.footer-links { gap:0; }
.footer-links a { min-height:44px; display:flex; align-items:center; }

/* Loading phone screens show a tinted surface instead of a black frame. */
.store-device.store-phone .store-screen,
.app-card .store-device.store-phone .store-screen { background:#1a3438; }

.suite-swipe-hint { display:none; }

@media (max-width:800px) {
  /* Stack the open menu as full-width rows. */
  .js .pill-nav.open { flex-direction:column; align-items:stretch; flex-wrap:nowrap; justify-content:flex-start; gap:2px; padding:6px; }
  .js .pill-nav.open a { justify-content:flex-start; padding:12px 16px; font-size:15px; border-radius:8px; }
  /* A shorter hero panel brings the first app up sooner. */
  .studio-art { min-height:0; padding:52px 20px 50px; }
  .studio-art .hero-logo-glitch { width:72%; max-width:170px; }
  .contact-band .btn { margin-top:0; }
  .contact-actions { margin-top:24px; }
}

@media (max-width:760px) {
  .category-tile h3 { margin-top:62px; }
  /* Readable labels: nothing under 12px on phones. */
  .store-preview-top { font-size:12px; letter-spacing:.05em; }
  .app-card .availability { font-size:12px; }
  .card-demo.store-preview .art-open { font-size:12px; padding:8px 12px; }
  .app-card .card-category { font-size:12px; }
  .store-preview-caption { font-size:12px; }
  .category-bottom { font-size:12px; }
  .hero-copy .eyebrow { font-size:12px; }
  .studio-art-top,.studio-art-bottom,.studio-art .art-coordinate { font-size:12px; }
  /* The open-screens link sits in the flow, so captions keep their full width. */
  .card-demo.store-preview .art-open,.detail-store-preview .art-open { position:static; justify-self:start; }
  .store-preview-caption,.app-card .store-preview-caption,.detail-store-preview .store-preview-caption { padding-right:0; padding-bottom:0; min-height:0; }
  /* The veterinary suite keeps all four apps but scrolls sideways. */
  .veterinary-section .veterinary-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(86%,360px); gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding-bottom:14px; scrollbar-width:thin; scrollbar-color:#3c6257 transparent; }
  .veterinary-section .veterinary-grid { align-items:start; }
  .veterinary-section .veterinary-grid>.app-card { scroll-snap-align:start; }
  .suite-swipe-hint { display:block; margin:-6px 0 14px; color:var(--muted); font-size:13px; }
}

@media (max-width:560px) {
  /* The starting-point strip becomes one compact row. */
  .discovery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .discovery-grid>a,.discovery-grid>a:first-child,.discovery-grid>a:last-child { flex-direction:column; align-items:flex-start; gap:2px; padding:14px 0; border:0; }
  .discovery-grid>a>span { font-size:13px; line-height:1.3; }
  .discovery-grid small,.discovery-grid>a>span:last-child { display:none; }
  .discovery-grid b { font-size:26px; min-width:0; line-height:1.1; }
}

@media (prefers-reduced-motion:no-preference) {
  .veterinary-section .veterinary-grid { scroll-behavior:smooth; }
}
@media (forced-colors:active) {
  .contact-band .text-link { color:LinkText; }
}
@media (max-width:760px) {
  /* Section labels and small hero text reach 12px on phones too. */
  .eyebrow,.hero-location,.radar-panel-label { font-size:12px; }
}
@media (max-width:560px) {
  .hero-copy .eyebrow { letter-spacing:.02em; }
}