/* T·Lab Variant C · Our story page (slug our-story)
   Loaded after shop-c.css / tlab-wp.css. Uses shop-c.css tokens and components; page classes prefixed .st- */

#main{display:block}
.st-k{font:600 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:0 0 10px}

/* hero */
.st-hero{padding-block:clamp(8px,2vw,20px) clamp(32px,5vw,56px);background:linear-gradient(180deg,var(--paper),var(--mint))}
.st-hero .crumbs{margin-bottom:clamp(12px,3vw,28px)}
.st-hero h1{font:600 clamp(38px,6.4vw,72px)/1.02 var(--sans);letter-spacing:-.035em;color:var(--ink);max-width:14ch;margin:0 0 16px}
.st-hero h1 span{color:var(--teal)}
.st-lede{font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--muted);max-width:38ch;margin:0}

/* why */
.st-why{display:grid;gap:16px}
.st-why-txt{display:grid;gap:14px;max-width:62ch}
.st-why-txt p{font-size:clamp(17px,1.7vw,19px);line-height:1.6;color:var(--ink)}
@media (min-width:900px){.st-why{grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}}

/* researcher */
.st-res{background:var(--white)}
.st-res-grid{display:grid;gap:28px;align-items:center}
.st-res-grid>*{min-width:0}
.st-photo{margin:0;border-radius:var(--r);overflow:hidden;background:var(--mint);aspect-ratio:4/5;max-width:480px}
.st-photo img{width:100%;height:100%;object-fit:cover}
.st-res-copy{display:grid;gap:12px}
.st-res-copy h2{margin:0}
.st-res-copy p{color:var(--muted);line-height:1.6;max-width:56ch}
.st-role{font-weight:600;color:var(--teal-deep)!important}
.st-facts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.st-facts li{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r-sm,12px);background:var(--mint)}
.st-facts b{font-weight:600;color:var(--ink)}
.st-facts span{color:var(--muted);font-size:15px}
.st-video{max-width:300px;margin-top:8px}
@media (min-width:900px){.st-res-grid{grid-template-columns:.9fr 1.1fr;gap:56px}.st-facts{grid-template-columns:1fr 1fr}}

/* award */
.st-award-band{background:var(--teal-deep)}
.st-award{position:relative;display:grid;gap:8px;align-items:end;border-radius:var(--r);overflow:hidden;color:var(--mint-2)}
.st-award-copy{display:grid;gap:10px;padding-block:8px}
.st-award .st-k{color:#9fe0d4}
.st-award h2{color:var(--white);margin:0}
.st-award .st-role{color:#e9dcb8!important}
.st-award-copy p:last-child{max-width:52ch;line-height:1.6;color:var(--mint-2)}
.st-award-img{width:min(300px,70%);height:auto;justify-self:center;margin-bottom:calc(-1 * clamp(48px,8vw,96px) / 2);filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
@media (min-width:900px){.st-award{grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.st-award-img{width:min(340px,100%);margin-bottom:calc(-1 * clamp(48px,8vw,96px))}}

/* values */
.st-vals{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.st-vals li{display:grid;gap:8px;background:var(--white);border-radius:var(--r);padding:20px;box-shadow:inset 0 0 0 1px var(--line)}
.st-ico{width:48px;height:48px;border-radius:12px;background:var(--mint);color:var(--teal);display:grid;place-items:center}
.st-vals h3{font:600 18px/1.3 var(--sans);color:var(--ink);margin:4px 0 0}
.st-vals p{color:var(--muted);line-height:1.5}
@media (min-width:760px){.st-vals{grid-template-columns:repeat(3,1fr);gap:16px}}

/* cta */
.st-cta{text-align:center;background:linear-gradient(180deg,var(--paper),var(--mint))}
.st-cta .wrap{display:grid;gap:14px;justify-items:center}
.st-cta p{color:var(--muted)}
.st-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.st-tag{margin-top:14px;font-size:15px}
.st-tag span{font-weight:600;color:var(--teal)}

/* science meets business (team photo) */
.st-team{background:var(--paper)}
.st-team-grid{display:grid;gap:24px;align-items:center}
.st-team-grid>*{min-width:0}
.st-team-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:5/6;max-width:460px;background:var(--stone)}
.st-team-photo img{width:100%;height:100%;object-fit:cover}
.st-team-copy{display:grid;gap:12px}
.st-team-copy h2{margin:0}
.st-team-copy p{color:var(--muted);line-height:1.6;max-width:52ch}
@media (min-width:900px){.st-team-grid{grid-template-columns:1.1fr .9fr;gap:56px}.st-team-photo{order:2;justify-self:end}}
.st-team-photo{position:relative}
.st-team-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.88);color:var(--ink);font-size:13px;line-height:1.35}