/* ═══════════════════════════════════════════════════════════════
   ACHILL ISLAND MARKET — Design System
   achillstore.store
   ═══════════════════════════════════════════════════════════════ */

:root {
  --green: #2d6a2d;
  --green-light: #3d8a3d;
  --green-dark: #1a3d1a;
  --green-glow: rgba(125,220,125,.15);
  --amber: #c8860a;
  --amber-light: #e09b12;
  --cream: #f5f0e8;
  --cream-dark: #e8e0d0;
  --dark: #111a11;
  --dark-card: #162016;
  --text: #1f2e1f;
  --muted: #5a6e5a;
  --earth: #8b6914;
  --ocean: #1a4d6e;
  --ocean-light: #2a6a8e;
  --ocean-glow: rgba(42,106,142,.15);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 50px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.06);
  --shadow-md: 0 8px 28px rgba(0,0,0,.08);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.12);
  --shadow-glow-green: 0 0 40px rgba(45,106,45,.15);
  --shadow-glow-ocean: 0 0 40px rgba(26,77,110,.15);
  --transition-fast: .2s ease;
  --transition-med: .35s ease;
  --transition-slow: .6s ease;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --max-width: 1140px;
}

/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100% }
body { font-family:var(--font-body); background:var(--cream); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
img { max-width:100%; height:auto; display:block }
a { text-decoration:none; color:inherit; transition:color var(--transition-fast) }
button { font-family:var(--font-body) }

/* ── UTILITIES ── */
.inner { max-width:var(--max-width); margin:0 auto; padding:0 24px }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
.text-center { text-align:center }
.fade-in { opacity:0; transform:translateY(20px); transition:opacity var(--transition-slow), transform var(--transition-slow) }
.fade-in.visible { opacity:1; transform:translateY(0) }
.slide-up { opacity:0; transform:translateY(40px); transition:opacity .5s ease, transform .5s ease }
.slide-up.visible { opacity:1; transform:translateY(0) }

/* ── TOP BAR ── */
.top-bar {
  background:var(--green); color:#fff;
  text-align:center; padding:10px 16px;
  font-size:13px; font-weight:600;
  display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap;
}
.top-bar--ocean { background:var(--ocean) }
.top-bar a { color:#fff; font-weight:700 }
.top-bar a:hover { text-decoration:underline }

/* ── NAV ── */
nav {
  position:sticky; top:0; z-index:100;
  background:rgba(17,26,17,.97);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(45,106,45,.3);
  padding:0 24px;
}
.nav-inner { max-width:var(--max-width); margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:64px }
.nav-logo { font-family:var(--font-display); font-size:20px; font-weight:800; color:#7ddc7d; display:flex; align-items:center; gap:8px }
.nav-logo img { height:38px; width:38px; object-fit:contain; border-radius:8px }
.nav-logo span { color:#fff }
.nav-links { display:flex; gap:22px; align-items:center }
.nav-links a { color:rgba(255,255,255,.75); font-size:13px; font-weight:500; transition:color var(--transition-fast) }
.nav-links a:hover { color:#7ddc7d }
.nav-cta { background:var(--green)!important; color:#fff!important; padding:8px 20px; border-radius:var(--radius-pill); font-weight:700!important; transition:background var(--transition-fast)!important }
.nav-cta:hover { background:var(--green-light)!important }
.mob-btn { display:none; background:none; border:none; color:#fff; font-size:24px; cursor:pointer; padding:4px }
@media(max-width:768px) {
  .nav-links { display:none }
  .mob-btn { display:block }
  .nav-links.open {
    display:flex; flex-direction:column;
    position:fixed; top:105px; left:0; right:0;
    background:rgba(17,26,17,.98);
    padding:24px; gap:18px; align-items:flex-start;
    border-top:1px solid rgba(45,106,45,.2);
    animation:slideDown .25s ease;
  }
}
@keyframes slideDown { from { opacity:0; transform:translateY(-10px) } to { opacity:1; transform:translateY(0) } }

/* ── HERO ── */
.hero {
  min-height:90vh;
  display:flex; align-items:center; justify-content:center;
  text-align:center; padding:80px 24px 60px;
  position:relative; overflow:hidden;
}
.hero--green { background:linear-gradient(150deg,#0d1a0d 0%,#1a2d1a 40%,#111a0a 100%) }
.hero--ocean { background:linear-gradient(150deg,#0a1520 0%,#0d2035 40%,#0d1a0d 100%) }
.hero::after {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 30% 80%, var(--green-glow) 0%, transparent 60%),
             radial-gradient(ellipse at 70% 20%, var(--ocean-glow) 0%, transparent 60%);
  pointer-events:none;
}
.hero-content { position:relative; z-index:1; max-width:860px; margin:0 auto }
.hero-logo { height:100px; width:100px; object-fit:contain; border-radius:var(--radius-md); background:rgba(255,255,255,.06); padding:8px; margin:0 auto 24px }
.waw-badge {
  display:inline-block;
  background:rgba(45,106,45,.2); border:1px solid rgba(45,106,45,.4);
  color:#7ddc7d; font-size:11px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; padding:6px 16px; border-radius:var(--radius-pill); margin-bottom:16px;
}
.waw-badge--ocean { background:rgba(26,77,110,.25); border-color:rgba(42,106,142,.4); color:#7dcdec }
.hero h1 {
  font-family:var(--font-display); font-size:clamp(44px,7vw,84px);
  font-weight:800; color:#fff; line-height:1.05; margin-bottom:12px;
}
.hero h1 .accent-green { color:#7ddc7d }
.hero h1 .accent-ocean { color:#7dcdec }
.hero-sub {
  font-family:var(--font-display); font-size:clamp(16px,2.2vw,22px);
  color:rgba(255,255,255,.5); margin-bottom:28px; font-style:italic;
}

/* ── PILLS ── */
.pills { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:36px }
.pill {
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8); padding:6px 14px; border-radius:var(--radius-pill);
  font-size:12px; font-weight:500; transition:all var(--transition-fast);
}
.pill:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.2) }

/* ── BUTTONS ── */
.hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 28px; border-radius:var(--radius-pill);
  font-weight:700; font-size:15px; transition:all var(--transition-fast);
  border:none; cursor:pointer;
}
.btn-green { background:var(--green); color:#fff }
.btn-green:hover { background:var(--green-light); box-shadow:var(--shadow-glow-green) }
.btn-amber { background:var(--amber); color:#fff }
.btn-amber:hover { background:var(--amber-light) }
.btn-ocean { background:var(--ocean); color:#fff }
.btn-ocean:hover { background:var(--ocean-light); box-shadow:var(--shadow-glow-ocean) }
.btn-outline { background:transparent; border:2px solid rgba(255,255,255,.2); color:#fff }
.btn-outline:hover { border-color:#7ddc7d; color:#7ddc7d }
.btn-sm { padding:10px 20px; font-size:13px }
.btn-white { background:#fff; color:var(--green) }
.btn-white:hover { background:var(--cream) }

/* ── SECTION HEADINGS ── */
section { padding:80px 0 }
.label {
  font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--green); margin-bottom:10px;
}
.label--ocean { color:var(--ocean-light) }
.label--amber { color:var(--amber) }
.label--light { color:rgba(255,255,255,.6) }
.h2 {
  font-family:var(--font-display); font-size:clamp(28px,4vw,44px);
  font-weight:800; color:var(--text); line-height:1.15; margin-bottom:16px;
}
.h2--light { color:#fff }
.desc { color:var(--muted); font-size:16px; line-height:1.7; max-width:600px }
.desc--light { color:rgba(255,255,255,.55) }

/* ── LOCATION SWITCHER ── */
.loc-switcher {
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
  padding:20px 24px; background:var(--dark);
  border-bottom:1px solid rgba(45,106,45,.15);
}
.loc-btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:10px 22px; border-radius:var(--radius-pill);
  font-size:13px; font-weight:700; transition:all var(--transition-fast);
}
.loc-btn--active { background:var(--green); color:#fff }
.loc-btn--inactive { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.65) }
.loc-btn--inactive:hover { background:rgba(255,255,255,.1); color:#fff }

/* ── VENDOR CARDS ── */
.vendors-section { background:#fff }
.vendors-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; margin-top:44px }

/* Vendor filter bar */
.vendor-filter { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:24px }
.filter-btn {
  padding:7px 16px; border-radius:var(--radius-pill); border:1px solid #ddd;
  background:#fff; color:var(--muted); font-size:12px; font-weight:600;
  cursor:pointer; transition:all var(--transition-fast);
}
.filter-btn:hover, .filter-btn.active { background:var(--green); color:#fff; border-color:var(--green) }

.vendor-card {
  border:1px solid #e4e4e4; border-radius:var(--radius-lg);
  padding:28px; transition:all var(--transition-med);
  background:#fff; position:relative; overflow:hidden;
}
.vendor-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:var(--green); opacity:0; transition:opacity var(--transition-fast);
}
.vendor-card:hover {
  box-shadow:var(--shadow-lg); transform:translateY(-4px);
}
.vendor-card:hover::before { opacity:1 }
.vendor-icon { font-size:40px; margin-bottom:14px }
.vendor-tag {
  display:inline-block; font-size:10px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; padding:4px 12px; border-radius:var(--radius-pill); margin-bottom:12px;
}
.vendor-tag.food { background:rgba(200,134,10,.12); color:var(--earth) }
.vendor-tag.craft { background:rgba(45,106,45,.12); color:var(--green) }
.vendor-tag.produce { background:rgba(100,170,50,.12); color:#3a8a2d }
.vendor-tag.plant { background:rgba(50,150,50,.12); color:#2d7a2d }
.vendor-tag.art { background:rgba(180,80,200,.12); color:#8a2da0 }
.vendor-tag.clothing { background:rgba(30,100,200,.12); color:#1a5cbf }
.vendor-tag.jewellery { background:rgba(200,80,150,.12); color:#a0256e }
.vendor-tag.skincare { background:rgba(180,140,60,.12); color:#7a5a14 }
.vendor-tag.tbc { background:rgba(150,150,150,.08); color:#999 }
.vendor-card h3 { font-family:var(--font-display); font-size:19px; font-weight:700; margin-bottom:8px }
.vendor-card p { color:var(--muted); font-size:13.5px; line-height:1.65 }
.vendor-btn {
  display:inline-flex; align-items:center; gap:6px;
  margin-top:16px; background:var(--green); color:#fff;
  padding:9px 20px; border-radius:var(--radius-pill);
  font-size:12px; font-weight:700; transition:all var(--transition-fast);
}
.vendor-btn:hover { background:var(--green-light); box-shadow:var(--shadow-glow-green) }
.vendor-card--placeholder { border-style:dashed; border-color:#ddd; background:rgba(200,200,200,.03) }
.vendor-card--placeholder .vendor-icon { opacity:.3 }
.vendor-card--placeholder h3 { color:#bbb }
.vendor-card--placeholder p { color:#ccc }

/* ── VENDOR PROFILE PAGE ── */
.vendor-hero {
  background:linear-gradient(150deg,#0d1a0d 0%,#1a2d1a 50%,#111a0a 100%);
  padding:120px 24px 60px; text-align:center; position:relative; overflow:hidden;
}
.vendor-hero::after {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 50% 100%, var(--green-glow) 0%, transparent 60%);
  pointer-events:none;
}
.vendor-hero-content { position:relative; z-index:1 }
.vendor-hero .vendor-icon { font-size:72px; margin-bottom:20px }
.vendor-hero h1 {
  font-family:var(--font-display); font-size:clamp(32px,5vw,56px);
  font-weight:800; color:#fff; margin-bottom:12px;
}
.vendor-hero .vendor-tag { font-size:12px; padding:6px 18px }
.vendor-profile { background:#fff; padding:60px 0 }
.vendor-profile-grid { display:grid; grid-template-columns:2fr 1fr; gap:48px; align-items:start }
@media(max-width:768px) { .vendor-profile-grid { grid-template-columns:1fr } }
.vendor-about h2 { font-family:var(--font-display); font-size:28px; font-weight:800; margin-bottom:16px; color:var(--text) }
.vendor-about p { color:var(--muted); font-size:15px; line-height:1.8; margin-bottom:16px }
.vendor-sidebar {
  background:var(--cream); border-radius:var(--radius-lg); padding:28px;
  position:sticky; top:90px;
}
.vendor-sidebar h3 { font-family:var(--font-display); font-size:18px; font-weight:700; margin-bottom:16px }
.vendor-detail { display:flex; gap:12px; align-items:flex-start; margin-bottom:14px }
.vendor-detail-icon {
  width:36px; height:36px; border-radius:var(--radius-sm);
  background:var(--green); display:flex; align-items:center; justify-content:center;
  font-size:16px; flex-shrink:0;
}
.vendor-detail strong { font-size:13px; display:block; margin-bottom:2px }
.vendor-detail p { font-size:13px; color:var(--muted); line-height:1.5 }

/* Location badges on vendor cards */
.vendor-locations { display:flex; gap:6px; margin-top:10px; flex-wrap:wrap }
.loc-badge {
  font-size:10px; font-weight:700; padding:3px 10px; border-radius:var(--radius-pill);
  letter-spacing:.05em; text-transform:uppercase;
}
.loc-badge--cashel { background:rgba(45,106,45,.1); color:var(--green) }
.loc-badge--keel { background:rgba(26,77,110,.1); color:var(--ocean) }

/* ── JOIN / SELL AT MARKET ── */
.join-section { background:var(--green) }
.join-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center }
@media(max-width:768px) { .join-grid { grid-template-columns:1fr } }
.join-perks { list-style:none; display:flex; flex-direction:column; gap:14px; margin-top:24px }
.join-perks li { display:flex; gap:12px; align-items:flex-start; color:rgba(255,255,255,.85); font-size:15px }
.join-perks li span { font-size:20px; flex-shrink:0 }
.join-form-box {
  background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-lg); padding:32px;
}
.fg { margin-bottom:16px; display:flex; flex-direction:column; gap:6px }
.fg label { color:rgba(255,255,255,.6); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em }
.fg input, .fg select, .fg textarea {
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);
  border-radius:var(--radius-sm); padding:12px 16px; color:#fff;
  font-size:14px; font-family:var(--font-body); outline:none;
  transition:border-color var(--transition-fast), background var(--transition-fast);
  width:100%;
}
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color:#7ddc7d; background:rgba(255,255,255,.12) }
.fg input::placeholder, .fg textarea::placeholder { color:rgba(255,255,255,.3) }
.fg select option { background:var(--green-dark); color:#fff }
.submit-btn {
  width:100%; padding:14px; border-radius:var(--radius-pill);
  background:var(--amber); color:#fff; font-size:15px; font-weight:700;
  border:none; cursor:pointer; transition:all var(--transition-fast);
}
.submit-btn:hover { background:var(--amber-light); box-shadow:0 4px 20px rgba(200,134,10,.3) }

/* ── GETTING HERE ── */
.gethere { background:var(--cream) }
.map-box {
  border-radius:var(--radius-md); overflow:hidden;
  border:2px solid rgba(45,106,45,.15); height:340px; margin-top:24px;
}
.map-box iframe { width:100%; height:100%; border:none }
.directions-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start }
@media(max-width:768px) { .directions-grid { grid-template-columns:1fr } }
.info-item { display:flex; gap:12px; align-items:flex-start; margin-bottom:16px }
.info-icon {
  width:42px; height:42px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; flex-shrink:0;
}
.info-icon--green { background:var(--green); color:#fff }
.info-icon--ocean { background:var(--ocean); color:#fff }

/* ── NEWSLETTER ── */
.newsletter { background:var(--dark); padding:64px 24px; text-align:center }
.newsletter h2 { font-family:var(--font-display); font-size:clamp(24px,3vw,36px); font-weight:800; color:#fff; margin-bottom:10px }
.newsletter p { color:rgba(255,255,255,.5); font-size:15px; margin-bottom:28px }
.nl-form { display:flex; gap:10px; max-width:480px; margin:0 auto; flex-wrap:wrap; justify-content:center }
.nl-form input {
  flex:1; min-width:200px; padding:14px 20px; border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.06);
  font-size:14px; font-family:var(--font-body); outline:none; color:#fff;
  transition:border-color var(--transition-fast);
}
.nl-form input:focus { border-color:#7ddc7d }
.nl-form input::placeholder { color:rgba(255,255,255,.35) }
.nl-form button {
  background:var(--green); color:#fff; padding:14px 26px;
  border-radius:var(--radius-pill); border:none; font-weight:700;
  font-size:14px; cursor:pointer; transition:all var(--transition-fast); white-space:nowrap;
}
.nl-form button:hover { background:var(--green-light); box-shadow:var(--shadow-glow-green) }

/* ── ALSO-IN CALLOUT ── */
.also-in { background:var(--dark); padding:56px 24px; text-align:center }
.also-in h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,34px); font-weight:800; color:#fff; margin-bottom:12px }
.also-in p { color:rgba(255,255,255,.5); font-size:15px; margin-bottom:24px; max-width:560px; margin-left:auto; margin-right:auto }

/* ── TEDS BAR BRIDGE ── */
.teds-bridge {
  background:linear-gradient(135deg,#040d08,#0a1a0a);
  border-top:2px solid rgba(200,134,10,.15); padding:32px 24px; text-align:center;
}
.teds-bridge-inner {
  max-width:720px; margin:0 auto; display:flex;
  align-items:center; justify-content:center; gap:24px; flex-wrap:wrap;
}
.teds-bridge-text { text-align:left }
.teds-bridge-label { font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--amber); margin-bottom:6px }
.teds-bridge-title { font-size:1.05rem; font-weight:800; color:#fff }
.teds-bridge-title span { color:#f0b429 }
.teds-bridge-sub { font-size:.82rem; color:rgba(255,255,255,.4); margin-top:4px }
.teds-bridge-cta {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,#f0b429,#c8860a);
  color:#000; font-weight:900; font-size:.88rem;
  padding:12px 26px; border-radius:var(--radius-pill); white-space:nowrap;
  transition:all var(--transition-fast);
}
.teds-bridge-cta:hover { box-shadow:0 4px 20px rgba(200,134,10,.4); transform:translateY(-1px) }

/* ── FOOTER ── */
footer { background:rgba(17,26,17,.99); color:rgba(255,255,255,.5); padding:56px 24px 28px }
.footer-grid {
  max-width:var(--max-width); margin:0 auto;
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px;
  padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.06);
}
@media(max-width:768px) { .footer-grid { grid-template-columns:1fr 1fr } }
@media(max-width:480px) { .footer-grid { grid-template-columns:1fr } }
.footer-brand { font-family:var(--font-display); font-size:20px; color:#7ddc7d; font-weight:800; margin-bottom:10px }
footer p { font-size:13px; line-height:1.7 }
footer h4 { color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px }
.footer-links { list-style:none; display:flex; flex-direction:column; gap:8px }
.footer-links a { color:rgba(255,255,255,.4); font-size:13px; transition:color var(--transition-fast) }
.footer-links a:hover { color:#7ddc7d }
.footer-bottom {
  max-width:var(--max-width); margin:24px auto 0;
  display:flex; justify-content:space-between; font-size:12px; flex-wrap:wrap; gap:8px;
}
.footer-bottom a { color:rgba(255,255,255,.3) }
.footer-bottom a:hover { color:#7ddc7d }

/* ── TOAST ── */
.toast {
  position:fixed; bottom:24px; right:24px; z-index:999;
  background:var(--dark); color:#fff; border:1px solid var(--green);
  border-radius:var(--radius-md); padding:16px 22px;
  font-size:14px; font-weight:500;
  transform:translateY(80px); opacity:0;
  transition:all var(--transition-med); pointer-events:none; max-width:340px;
  box-shadow:var(--shadow-lg);
}
.toast.show { transform:translateY(0); opacity:1 }

/* ── BREADCRUMB ── */
.breadcrumb {
  background:#fff; border-bottom:1px solid #eee; padding:12px 24px;
}
.breadcrumb-inner {
  max-width:var(--max-width); margin:0 auto;
  display:flex; align-items:center; gap:8px; font-size:13px;
}
.breadcrumb a { color:var(--green); font-weight:600 }
.breadcrumb a:hover { text-decoration:underline }
.breadcrumb span { color:var(--muted) }

/* ── BACK TO TOP ── */
.back-to-top {
  position:fixed; bottom:24px; left:24px; z-index:50;
  width:44px; height:44px; border-radius:50%;
  background:var(--green); color:#fff; border:none;
  font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  opacity:0; transform:translateY(20px);
  transition:all var(--transition-med); pointer-events:none;
  box-shadow:var(--shadow-md);
}
.back-to-top.visible { opacity:1; transform:translateY(0); pointer-events:auto }
.back-to-top:hover { background:var(--green-light) }

/* ── VIDEO SECTION ── */
.video-section { background:linear-gradient(160deg,var(--dark) 0%,#0d1a0d 100%) }

/* ── NEW BADGE ── */
.new-badge {
  display:inline-block; background:rgba(200,134,10,.2); border:1px solid rgba(200,134,10,.4);
  color:#e09b12; font-size:10px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; padding:3px 10px; border-radius:var(--radius-pill); margin-left:8px;
}

/* ── PRINT ── */
@media print {
  nav, .top-bar, .back-to-top, .toast, .teds-bridge { display:none }
  body { background:#fff; color:#000 }
  .hero { min-height:auto; padding:40px 24px }
}