@font-face{font-family:"Titan One";src:url("/fonts/titan-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --ink:#160a06;--deep:#1e0e08;--panel:#2a140a;--amber:#ff8a14;--gold:#e8c14a;
  --gold2:#ffd24a;--green:#4ea32a;--bronze:#c47a28;--ivory:#fff3e0;--mute:#c9b49a;
  --cta:linear-gradient(180deg,#ffd24a 0%,#ff8a14 55%,#c45a10 100%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  background:
    radial-gradient(900px 420px at 10% -10%, #ff8a1422, transparent 58%),
    radial-gradient(800px 380px at 100% 0%, #e8c14a18, transparent 55%),
    var(--ink);
  color:var(--ivory);font-size:16px;line-height:1.55;font-weight:400;
}
a{color:var(--gold2)}
img{max-width:100%;height:auto;display:block}

/* acacia-horizon header: illustrated mark + 48px wordmark, 40px icon pills */
.sv-horizon{
  background:linear-gradient(180deg,#2a160c,#160a06 78%);
  border-bottom:1px solid #e8c14a55;
  box-shadow:0 0 22px #ff8a1422;
}
.sv-horizon-inner{
  max-width:1280px;margin:0 auto;padding:6px 16px 6px;
  display:flex;align-items:center;gap:14px;min-height:64px;
}
.sv-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.sv-mark{
  width:52px;height:52px;flex:0 0 52px;border-radius:50%;
  object-fit:cover;display:block;
  box-shadow:0 0 14px #e8c14a88, 0 0 0 2px #e8c14acc;
}
.sv-word{
  font-family:"Titan One",sans-serif;font-size:52px;line-height:1;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#fff3e0 0%,#ffd24a 42%,#ff8a14 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 10px #ff8a1466);
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .sv-word{color:#ffd24a}
}
.sv-nav{display:flex;flex-wrap:wrap;gap:6px;flex:1;justify-content:flex-end;align-items:center}
.sv-nav a{
  display:inline-flex;align-items:center;gap:6px;
  height:40px;padding:0 14px;border-radius:999px;
  font-weight:700;font-size:13.5px;color:var(--ivory);text-decoration:none;
  background:linear-gradient(180deg,#3a1c0e,#1e0e08);
  border:1px solid #e8c14a77;
  box-shadow:0 0 8px #e8c14a22, inset 0 1px 0 #fff3e022;
}
.sv-nav a[aria-current="page"],.sv-nav a:hover{
  background:linear-gradient(180deg,#5a2c12,#2a140a);
  border-color:#ffd24aaa;box-shadow:0 0 12px #ff8a1455;
}
.sv-ico{width:15px;height:15px;flex:0 0 15px}
.sv-cta{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--cta);color:#1a0802;font-weight:800;font-size:15px;
  letter-spacing:.04em;text-decoration:none;text-transform:uppercase;
  padding:12px 22px;border-radius:999px;border:0;
  box-shadow:0 0 18px #ff8a1466, 0 2px 0 #7a3a08;
  white-space:nowrap;
}
.sv-cta:hover{filter:brightness(1.08)}
.sv-cta-hero{
  font-size:20px;height:52px;padding:0 28px;font-weight:800;
  box-shadow:0 0 22px #ff8a1488, 0 3px 0 #7a3a08;
}
.sv-cta-alt{
  background:linear-gradient(180deg,#6bb33a,#2e7018);
  color:#fff3e0;box-shadow:0 0 16px #4ea32a66;
}

/* stampede ticker */
.sv-tick{
  overflow:hidden;white-space:nowrap;
  background:#1a0a06;border-top:1px solid #e8c14a66;border-bottom:1px solid #ff8a1466;
  font-size:13px;font-weight:700;color:#ffd24a;
  min-height:26px;line-height:26px;
}
.sv-tick-track{display:inline-block;white-space:nowrap;animation:sv-scroll 38s linear infinite}
.sv-tick-track b{color:#fff3e0;font-weight:800}
@keyframes sv-scroll{to{transform:translateX(-50%)}}

/* compact full-width plains hero ~290px, H1 >=60px gradient */
.sv-stage{max-width:1280px;margin:0 auto;padding:0}
.sv-hero{
  position:relative;height:290px;overflow:hidden;
  border-bottom:2px solid #e8c14a66;
  box-shadow:0 0 28px #ff8a1433;
}
.sv-hero img{width:100%;height:290px;object-fit:cover;object-position:58% 46%;display:block}
.sv-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#160a06f0 0%,#160a06aa 26%,#160a0644 52%,transparent 72%),
              linear-gradient(180deg,transparent 62%,#160a0666 100%);
  pointer-events:none;
}
.sv-copy{position:absolute;left:28px;top:22px;max-width:580px;z-index:2}
.sv-copy h1{
  font-family:"Titan One",sans-serif;font-weight:400;
  font-size:64px;line-height:.98;margin:0 0 6px;
  letter-spacing:.01em;
  background:linear-gradient(180deg,#fff8e6 0%,#ffd24a 45%,#ff8a14 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 #160a06) drop-shadow(0 0 16px #ff8a1488);
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .sv-copy h1{color:#ffd24a}
}
.sv-copy .sv-sub{
  display:block;margin:0 0 16px;font-size:22px;font-weight:700;color:#fff3e0;
  text-shadow:0 2px 8px #160a06;
}
.sv-sun{
  position:absolute;right:28px;top:36px;z-index:2;
  width:132px;height:132px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%, #ffe08a, #ff8a14 55%, #9a4a10 100%);
  border:3px solid #fff3e0cc;
  box-shadow:0 0 24px #ff8a14aa, inset 0 0 18px #fff3e044;
  text-align:center;color:#1a0802;text-decoration:none;
}
.sv-sun span{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.sv-sun strong{display:block;font-family:"Titan One",sans-serif;font-size:1.35rem;line-height:1;margin-top:2px}

/* slim promo rail 128px, art-filled, one bold title, no sentences/buttons */
.sv-promos{
  max-width:1280px;margin:0 auto;padding:8px 16px 4px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.sv-promo{
  position:relative;display:block;height:128px;overflow:hidden;border-radius:14px;
  text-decoration:none;color:inherit;
  border:1px solid #e8c14a77;box-shadow:0 0 12px #ff8a1422;
}
.sv-promo img{width:100%;height:128px;object-fit:cover;display:block}
.sv-promo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 28%,#160a06aa 70%,#160a06e6 100%);
}
.sv-promo h2{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2;
  margin:0;max-width:58%;text-align:right;
  font-family:"Titan One",sans-serif;font-size:26px;line-height:1.1;
  color:#fff8e6;font-weight:400;
  text-shadow:0 2px 0 #160a06, 0 0 12px #ff8a1466;
}

/* kraal-fence row of 8 tiles — fully visible on 1280x800 */
.sv-hall{max-width:1280px;margin:0 auto;padding:6px 16px 8px}
.sv-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.sv-tile{
  position:relative;display:block;text-decoration:none;color:inherit;
  border-radius:12px;overflow:hidden;
  border:2px solid #e8c14acc;
  box-shadow:0 0 10px #ff8a1433;
  background:#1e0e08;
}
.sv-tile img{width:100%;height:148px;object-fit:cover;display:block}
.sv-badge{
  position:absolute;top:6px;left:6px;z-index:2;
  padding:2px 7px;border-radius:4px;
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  background:#ff8a14;color:#1a0802;box-shadow:0 0 8px #ff8a14aa;
}
.sv-badge.novo{background:#4ea32a;color:#fff8e6;box-shadow:0 0 8px #4ea32aaa}
.sv-plaque{
  display:block;padding:7px 4px 8px;text-align:center;text-transform:uppercase;
  font-family:"Titan One",sans-serif;font-size:16px;line-height:1.15;color:#fff8e6;
  background:linear-gradient(180deg,#5a3010,#1e0e08);
  border-top:1px solid #e8c14a88;
  text-shadow:0 1px 0 #160a06;
}

/* below the fold */
.sv-rank{max-width:1280px;margin:72px auto 0;padding:0 16px 24px}
.sv-board{
  background:linear-gradient(180deg,#2a140a,#160a06);
  border:1px solid #e8c14a55;border-radius:14px;padding:16px 18px 12px;
  box-shadow:0 0 16px #ff8a1422;
}
.sv-board h2{
  margin:0 0 8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);font-weight:800;
}
.sv-board ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px 18px}
.sv-board li{
  display:flex;justify-content:space-between;gap:8px;
  padding:6px 0;border-bottom:1px solid #e8c14a22;font-size:.86rem;font-weight:600;
}
.sv-board li b{color:var(--gold2);font-weight:800}
.sv-note{font-size:.82rem;color:var(--mute);margin:10px 0 0}

.sv-wrap{max-width:860px;margin:0 auto;padding:28px 16px 48px}
.sv-wrap h1{
  font-family:"Titan One",sans-serif;font-weight:400;font-size:42px;line-height:1.05;
  margin:0 0 14px;color:#ffd24a;
  text-shadow:0 0 14px #ff8a1466;
}
.sv-wrap h2{
  font-family:"Titan One",sans-serif;font-weight:400;font-size:26px;line-height:1.15;
  margin:28px 0 10px;color:#ffd24a;
}
.sv-wrap p{margin:0 0 14px;color:var(--ivory)}
.sv-pagehero{margin:0 0 18px;border-radius:14px;overflow:hidden;border:1px solid #e8c14a55}
.sv-pagehero img{width:100%;height:auto;display:block}
.sv-pagehero figcaption{padding:8px 12px;font-size:.82rem;color:var(--mute);background:#1e0e08}
.sv-crumb{font-size:.82rem;color:var(--mute);margin:0 0 10px}
.sv-crumb a{color:var(--gold)}
.sv-cta-row{margin:22px 0;display:flex;flex-wrap:wrap;gap:10px}

.sv-foot{
  background:#100704;border-top:1px solid #e8c14a44;
  padding:28px 16px 40px;color:var(--mute);font-size:.88rem;
}
.sv-foot-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.sv-foot a{color:var(--gold)}
.sv-foot h2{margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.sv-foot ul{margin:0;padding:0;list-style:none}
.sv-foot li{margin:0 0 6px}

/* reviews hub: watering-hole slips */
.sv-hub{max-width:1100px;margin:0 auto;padding:28px 16px 48px}
.sv-hub h1{
  font-family:"Titan One",sans-serif;font-weight:400;font-size:40px;line-height:1.05;
  margin:0 0 14px;color:#ffd24a;
}
.sv-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 10px}
.sv-tools input[type="search"]{
  flex:1 1 220px;height:40px;border-radius:999px;border:1px solid #e8c14a66;
  background:#1e0e08;color:var(--ivory);padding:0 14px;font:inherit;
}
.sv-tab{
  height:36px;padding:0 12px;border-radius:999px;border:1px solid #e8c14a66;
  background:#1e0e08;color:var(--ivory);font-weight:700;cursor:pointer;
}
.sv-tab[aria-selected="true"]{background:var(--cta);color:#1a0802;border-color:#ffd24a}
.sv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sv-slip{
  background:linear-gradient(180deg,#2a140a,#160a06);
  border:1px solid #e8c14a44;border-radius:12px;padding:12px 14px;
}
.sv-slip.is-hide{display:none}
.sv-slip header{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.sv-slip h2{margin:0;font-size:1.05rem;color:#fff3e0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800}
.sv-slip header p{margin:0;font-size:.78rem;color:var(--mute)}
.sv-chip{
  width:40px;height:40px;border-radius:50%;flex:0 0 40px;
  display:grid;place-items:center;font-weight:800;font-size:.72rem;
  background:radial-gradient(circle at 30% 30%, #ffd24a, #c47a28);
  color:#1a0802;
}
.sv-btns{display:flex;flex-wrap:wrap;gap:6px}
.sv-mini{
  display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;
  font-size:.75rem;font-weight:700;text-decoration:none;color:#1a0802;
  background:linear-gradient(180deg,#ffd24a,#ff8a14);
}
.sv-mini[href*="jk7ck1bg4v"]{background:linear-gradient(180deg,#6bb33a,#2e7018);color:#fff8e6}
.sv-more{
  margin:16px auto 0;display:block;height:42px;padding:0 22px;border-radius:999px;
  border:1px solid #e8c14a88;background:#2a140a;color:var(--ivory);
  font-weight:800;cursor:pointer;
}
.sv-shown{font-size:.82rem;color:var(--mute);margin:0 0 8px}

@media (max-width:1100px){
  .sv-row{grid-template-columns:repeat(4,1fr)}
  .sv-copy h1{font-size:52px}
  .sv-board ol{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:800px){
  .sv-horizon-inner{flex-wrap:wrap;min-height:auto;padding:8px 12px}
  .sv-nav{width:100%;justify-content:flex-start}
  .sv-word{font-size:40px}
  .sv-hero{height:240px}
  .sv-hero img{height:240px}
  .sv-copy{left:14px;top:12px;max-width:70%}
  .sv-copy h1{font-size:36px}
  .sv-copy .sv-sub{font-size:16px;margin-bottom:10px}
  .sv-cta-hero{height:44px;font-size:16px}
  .sv-sun{width:88px;height:88px;right:10px;top:16px}
  .sv-sun strong{font-size:.9rem}
  .sv-promos{grid-template-columns:1fr;padding:8px 12px}
  .sv-row{grid-template-columns:repeat(2,1fr)}
  .sv-grid{grid-template-columns:1fr}
  .sv-foot-inner{grid-template-columns:1fr}
  .sv-board ol{grid-template-columns:1fr}
}