/* Concept H — About / Our Story. Shares news.css (-> events.css -> flavor.css): hero, press strip, impact card, Ohana. Only additions here. */
@import url("news.css");
main > section.a-sec{min-height:0;display:block}
.a-hero .wrap{grid-template-columns:1fr 1fr}
.a-sec{padding:52px 0 20px}
/* timeline */
.a-story-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:28px;align-items:stretch}
.a-origin{margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(28,28,28,.08);min-height:320px}
.a-origin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a-origin figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(transparent,rgba(28,28,28,.75));color:#fff;font-weight:700}
.a-tl{list-style:none;margin:0;padding:14px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:30px 22px;counter-reset:s}
.a-step{background:#fff;border-radius:20px;padding:22px 22px 24px;box-shadow:0 10px 26px rgba(28,28,28,.08);position:relative;display:flex;flex-direction:column}
.a-step img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin:0 0 14px}
.a-num{position:absolute;top:-14px;left:18px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center}
.a-when{margin:6px 0 4px;color:var(--coral-deep,#C21E3E);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.a-step h3{margin:0 0 8px;font-size:1.3rem;color:var(--teal);line-height:1.2}
.a-step p{margin:0 0 8px}
.a-vet{margin:34px auto 0;max-width:860px;background:#fff;border-left:6px solid var(--gold);border-radius:16px;padding:22px 26px;box-shadow:0 10px 26px rgba(28,28,28,.08);font-size:1.1rem;line-height:1.55}
.a-vet p{margin:0}
.a-vet .a-vet-k{color:var(--coral-deep,#C21E3E);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:6px}
/* aloha */
.a-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:1.1rem;max-width:960px}
.a-two p{margin:0}
.a-vals{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.a-vals li{background:var(--teal);color:#fff;border-radius:20px;padding:22px 24px}
.a-vals h3{margin:0 0 8px;color:var(--gold);font-size:1.25rem}
.a-vals p{margin:0}
/* proof */
.a-awgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.a-aw{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 10px 26px rgba(28,28,28,.08)}
.a-yr{margin:0 0 4px;color:var(--muted);font-weight:800;letter-spacing:.06em;font-size:.8rem}
.a-aw h3{margin:0 0 12px;font-size:1.15rem;color:var(--ink);line-height:1.3}
.a-aw ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.a-aw li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.a-chip{font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:999px;border:2px solid transparent;white-space:nowrap}
.a-gold{background:#FFF1BF;border-color:#F5C518}.a-silver{background:#EEF0F2;border-color:#B9BEC4}
.a-blue{background:#E1EEFB;border-color:#4A90D9}.a-red{background:#FCE3E3;border-color:#D23636}.a-white{background:#fff;border-color:#CFC7BB}
.a-all{text-align:center;margin:14px 0 0}
/* giving */
.a-giving{padding:30px 0 20px}
.a-big b{display:block;font-family:var(--display);font-weight:400;font-size:3.4rem;line-height:1;color:var(--gold)}
.a-big span{font-weight:700}
.a-gb{margin:16px 0 20px;max-width:56ch}
@media (max-width:900px){
  .a-hero .wrap{grid-template-columns:1fr}
  .a-story-grid{grid-template-columns:1fr}
  .a-origin{min-height:0;aspect-ratio:4/3}
  .a-tl{grid-template-columns:1fr;gap:26px}
  .a-two,.a-vals,.a-awgrid{grid-template-columns:1fr}
}
@media (max-width:600px){.a-sec{padding:34px 0 12px}.a-step{padding:24px 18px 20px}}
.a-hero .f-crumb a{display:inline-flex;align-items:center;min-height:44px}.a-hero .f-crumb{margin-bottom:6px;align-items:center}

/* owners (Kahu Oct 21) */
.a-owners{margin:40px auto 0;max-width:1060px;background:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(28,28,28,.08)}
.a-owners-pic{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:1/1}
.a-owners-pic img{width:100%;height:100%;object-fit:cover;display:block}
.a-owners-txt h3{margin:0 0 8px;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:2rem;color:var(--teal);letter-spacing:.01em}
.a-owners-txt p{margin:0 0 12px;font-size:1.08rem;line-height:1.55}
.a-owners-txt .a-vet-k{color:var(--coral-deep,#C21E3E);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0 0 6px}
.a-owners-txt .a-vet-k2{margin-top:18px;padding-top:16px;border-top:2px solid var(--gold)}
@media (max-width:900px){.a-owners{grid-template-columns:1fr;padding:18px;gap:20px}}
.a-hero .f-main img{object-position:50% 30%}
.a-cap{margin:12px 0 0;text-align:center;font-weight:700;color:var(--teal);font-size:.95rem}
.a-vetrow{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start;margin-top:18px;padding-top:16px;border-top:2px solid var(--gold)}
.a-vetpic{margin:0}.a-vetpic img{width:100%;height:auto;aspect-ratio:898/1280;object-fit:cover;border-radius:12px;display:block}
.a-vetpic figcaption{font-size:.8rem;line-height:1.3;margin-top:6px;color:#5b524b}
@media (max-width:600px){.a-vetrow{grid-template-columns:1fr;gap:14px}.a-vetpic{max-width:170px}}
.a-owners-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:32px;align-items:center}
.a-halves{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}
.a-halves .a-vetrow{grid-template-columns:130px 1fr}
.a-halves .a-vetpic img{object-position:50% 70%}
@media (max-width:900px){.a-owners-top,.a-halves{grid-template-columns:1fr}}
@media (max-width:600px){.a-halves .a-vetrow{grid-template-columns:1fr}}
.a-vetpic.a-vetpic-sq img{aspect-ratio:1/1;object-position:50% 50%}
/* fix pass 1 */
.swipe-hint{display:none}
.a-sec{padding:65px 0 25px}
.a-giving{padding:38px 0 25px}
@media (max-width:600px){
  .a-sec{padding:43px 0 15px}
  .a-giving{padding:38px 0 25px}
  .swipe-hint{display:block;margin:8px 0 4px;font-size:.85rem;color:var(--muted)}
  .a-tl,.a-vals,.a-awgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:18px 24px 14px;margin:0 -24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .a-tl::-webkit-scrollbar,.a-vals::-webkit-scrollbar,.a-awgrid::-webkit-scrollbar{display:none}
  .a-tl>*,.a-vals>*,.a-awgrid>*{flex:0 0 82vw;scroll-snap-align:start}
  .a-awgrid{margin-bottom:30px}
}

/* swipe dots (polish pass P) */
.sw-dots{display:none}
@media (max-width:600px){
  .swipe-hint{display:none!important}
  .sw-dots{display:flex;justify-content:center;align-items:center;gap:0;min-height:44px;margin:0 0 10px}
  .sw-dot{appearance:none;border:0;background:none;padding:0;width:28px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .sw-dot::before{content:"";width:10px;height:10px;border-radius:50%;background:#D9CCE0;transition:background .2s,transform .2s}
  .sw-dot.on::before{background:var(--teal);transform:scale(1.25)}
  .sw-dot:focus-visible{outline:3px solid var(--gold);outline-offset:-4px;border-radius:8px}
}
@media (max-width:600px){.a-tl,.a-vals,.a-awgrid{scroll-padding-left:24px}}
/* polish pass P: owners — same 4:5 frame, same width, tops aligned */
.a-halves{align-items:start}
.a-halves .a-vetrow{grid-template-columns:130px 1fr;align-items:start}
.a-halves .a-vetrow>div{padding-top:0}
.a-halves .a-vetrow>div .a-vet-k{margin-top:0}
.a-halves .a-vetpic{width:130px}
.a-halves .a-vetpic img,.a-vetpic.a-vetpic-sq img{width:100%;height:auto;aspect-ratio:4/5;display:block;border-radius:12px}
.a-halves .a-vetpic img{object-fit:cover;object-position:50% 30%}
.a-halves .a-vetpic.a-vetpic-sq img{object-fit:contain;object-position:50% 50%;background:#F5F3EE}
@media (max-width:600px){.a-halves .a-vetrow{grid-template-columns:1fr}.a-halves .a-vetpic{width:170px}}