.t-hero{padding:clamp(18px,2.2vw,30px) 0 clamp(44px,5vw,72px);overflow:hidden}
.t-hero .crumb{color:rgba(246,241,231,.55)}
.t-hero .crumb b{color:var(--ivory)!important}
.t-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(8px,1vw,14px)}
.t-hero .h1{color:var(--ivory)}
.t-hero .lead{margin-top:16px;color:rgba(246,241,231,.82)}
.t-hero figure img{width:100%;height:auto}
@media(max-width:900px){.t-hero-grid{grid-template-columns:1fr}.t-hero figure{max-width:78%;margin:0 auto;order:-1}}

.nat{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4.4vw,72px);align-items:center}
.nat .ph{aspect-ratio:4/3}
@media(max-width:860px){.nat{grid-template-columns:1fr}}

.proc{counter-reset:f}
.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.4vw,72px);align-items:center;
  padding:clamp(36px,4.4vw,64px) 0;border-top:1px solid var(--line)}
.step:last-child{border-bottom:1px solid var(--line)}
.step:nth-child(even) .step-ph{order:2}
.step-ph{aspect-ratio:5/4}
.big-n{font-family:var(--serif);font-size:clamp(64px,8vw,112px);line-height:.9;color:var(--gold-ink);opacity:.9;
  font-variation-settings:'opsz' 22,'wght' 300!important;letter-spacing:-.04em}
.step h3{font-size:clamp(26px,2.8vw,36px);margin:18px 0 14px;font-variation-settings:'opsz' 22,'wght' 400}
.step .tag{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted-ink);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
@media(max-width:860px){.step{grid-template-columns:1fr}.step:nth-child(even) .step-ph{order:0}}

.flac{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4.4vw,72px);align-items:center}
.flac figure img{width:auto;max-width:100%;max-height:min(560px,70vh);margin:0 auto;filter:drop-shadow(0 34px 60px rgba(0,0,0,.55))}
.ingr{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:3px;overflow:hidden;margin-top:30px}
.ingr>div{background:var(--ink);padding:clamp(22px,2.4vw,32px)}
.ingr .n{font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;color:var(--gold)}
.ingr h3{color:var(--ivory);margin:12px 0 10px}
.ingr p{font-size:15.5px;line-height:1.6}
.ingr dl{margin-top:14px;font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:rgba(246,241,231,.72)}
.ingr dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line-d)}
.ingr dd{color:var(--ivory)}
@media(max-width:860px){.flac{grid-template-columns:1fr}.flac figure{max-width:60%;margin:0 auto}}
@media(max-width:560px){.ingr{grid-template-columns:1fr}}

.pull{font-family:var(--serif);font-size:clamp(28px,3.6vw,46px);line-height:1.18;max-width:24ch;text-wrap:balance}
