/* ===== SEA BUCKTHORN PAGE (builds on story.css) ===== */
.story .sbt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:34px}
.story .sbt-step{background:var(--white);border:1px solid var(--border);border-top:4px solid var(--amber);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.story .sbt-step b{font-family:var(--font-serif);font-size:2rem;color:var(--amber);line-height:1}
.story .sbt-step h3{margin:6px 0 4px}
.story .sbt-step p{font-size:.93rem}
.story .vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px;align-items:start}
.story .vid{margin:0}
.story .vid video{width:100%;display:block;border-radius:var(--radius);background:#10200f;box-shadow:var(--shadow-lg)}
.story .vid.tall video{aspect-ratio:9/14;object-fit:cover}
.story .vid.wide{grid-column:1/-1;max-width:820px;margin:0 auto;width:100%}
.story .vid figcaption{font-size:.88rem;color:var(--text-mid);margin-top:8px}
.story .vid figcaption b{color:var(--green-dark)}
.story .sbt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:30px}
.story .sbt-facts div{background:var(--amber-light);border-radius:var(--radius);padding:16px 18px}
.story .sbt-facts b{display:block;font-family:var(--font-serif);color:var(--green-dark);font-size:1.05rem;margin-bottom:2px}
.story .sbt-facts span{font-size:.9rem;color:var(--text-mid)}
.story #berry .split{margin-top:18px;align-items:start}
.story .sbt-hero-img img{aspect-ratio:4/3;object-position:center 45%}
.story .btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.story .band .btn-ghost{border:2px solid #fff;color:#fff;background:transparent}
@media(max-width:820px){.story .vid.wide{max-width:none}}
.story .sbt-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.story .sbt-prods a{display:block;text-align:center;text-decoration:none;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 6px;transition:transform .2s,box-shadow .2s}
.story .sbt-prods a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.story .sbt-prods img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:6px;box-shadow:none;cursor:pointer;display:block}
.story .sbt-prods span{display:block;font-size:.78rem;font-weight:700;color:var(--green-dark);margin-top:6px;line-height:1.25}
.story .sbt-note{margin-top:36px;background:var(--amber-light);border-left:4px solid var(--amber);border-radius:var(--radius);padding:22px 24px;max-width:760px}
.story .sbt-note h3{margin-bottom:6px}
.story .sbt-note p{font-size:1rem}
.story .sbt-note-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.story .sbt-note-links a{background:var(--white);border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:.88rem;font-weight:700;color:var(--green-dark);text-decoration:none}
.story .sbt-note-links a:hover{background:var(--green-pale)}