/* Our Story: film still hero, pull quote, beginning, craft steps, belief band, difference tiles */
.st-wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}
.st-lab{margin:0 0 12px;font:600 var(--fs-label)/1.2 var(--sans);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--bronze)}
.st-lab--grey{color:var(--ink-3)}
.st-hero{position:relative;display:grid;place-items:center;min-height:min(70vh,640px);color:var(--white);text-align:center;background:var(--ink);overflow:hidden}
.st-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-hero::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.55)}
.st-hero__c{position:relative;z-index:2;max-width:720px;padding:clamp(56px,10vh,112px) var(--gutter)}
.st-hero .st-lab{color:#e8d9b0}
.st-hero h1{font-size:var(--fs-h1);line-height:1.08}
.st-hero__c>p:not(.st-lab){margin:18px auto 28px;max-width:46ch;color:#f0ece2}
.st-hero .btn{display:inline-flex;align-items:center;min-height:48px}
.st-begin{border-top:1px solid var(--rule);scroll-margin-top:96px;padding:clamp(56px,10vh,128px) var(--gutter);text-align:center}
.st-year{margin:0;font:400 clamp(5rem,13vw,10rem)/1 var(--serif);color:var(--bronze)}
.st-begin .st-lab{margin-top:14px}
.st-begin__rule{width:48px;height:1px;background:var(--ink);margin:clamp(24px,4vw,40px) auto}
.st-begin h2{font-size:var(--fs-h2);margin-bottom:22px}
.st-begin__t{max-width:620px;margin:0 auto}
.st-begin__t p{margin:0 0 1.2em;line-height:1.85;color:var(--ink-2)}
.st-craft{border-top:1px solid var(--rule);padding:clamp(48px,8vh,96px) 0}
.st-craft h2{font-size:var(--fs-h2)}
.st-craft__lede{margin:16px 0 0;max-width:62ch;line-height:1.7;color:var(--ink-2)}
.st-steps{list-style:none;margin:clamp(32px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 32px}
.st-steps li{border-top:1px solid var(--ink);padding-top:20px}
.st-steps span{display:block;font:400 clamp(2rem,3.5vw,3rem)/1 var(--serif);color:var(--bronze)}
.st-steps b{display:block;margin-top:16px;font:400 var(--fs-title)/1.25 var(--serif)}
.st-steps p{margin:8px 0 0;font-size:var(--fs-small);line-height:1.65;color:var(--ink-2)}
.st-order{margin-top:clamp(40px,6vw,72px);padding-top:28px;border-top:1px solid var(--rule)}
.st-order h3{font:400 var(--fs-title)/1.25 var(--serif);margin-bottom:16px}
.st-order ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;counter-reset:o}
.st-order li{counter-increment:o;position:relative;padding-left:2.4rem;font-size:var(--fs-small);line-height:1.65;color:var(--ink-2)}
.st-order li::before{content:counter(o);position:absolute;left:0;top:-2px;font:400 var(--fs-title)/1.3 var(--serif);color:var(--bronze)}
.st-promise{border-top:1px solid var(--rule);padding:clamp(28px,4vw,48px) 0}
.st-promise ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px}
.st-promise li{display:flex;align-items:center;gap:12px;font-size:var(--fs-small);color:var(--ink-2)}
.st-promise img{flex:none;width:32px;height:32px;object-fit:contain}
@media (max-width:900px){.st-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.st-order ol{grid-template-columns:1fr}}
@media (max-width:520px){.st-steps{grid-template-columns:1fr}}