.flow-about{margin:24px;color:#252525;--fa-paper:#eeede9}
.flow-about *{box-sizing:border-box}
.flow-about h1,.flow-about h2,.flow-about h3,.flow-about p,.flow-about figure{margin:0}
.flow-about h1,.flow-about h2,.flow-about h3{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);text-transform:uppercase;letter-spacing:-.025em}
.flow-about h1{font-size:clamp(64px,7.5vw,120px);line-height:.96;max-width:100%;overflow-wrap:normal;word-break:normal}
.flow-about h2{font-size:clamp(38px,4.6vw,74px);line-height:1.06}
.flow-about .fa-eyebrow{font:600 12px/1.5 var(--font-body--family);letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px}
.fa-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--fa-paper);border-radius:5px;overflow:hidden}
.fa-hero-copy{padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:30px}
.fa-hero-copy .fa-eyebrow{margin-bottom:0}
.fa-intro{font-size:18px;line-height:1.65;max-width:36ch}
.fa-link{font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;display:flex;gap:18px;align-items:center}
.fa-photo{position:relative;min-height:580px}
.fa-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fa-photo figcaption{position:absolute;bottom:20px;left:20px;background:#fff;color:#252525;padding:8px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.fa-pad{padding:clamp(56px,7vw,110px) clamp(24px,5vw,80px)}
.fa-story,.fa-mission{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.fa-story h2,.fa-mission h2{max-width:13ch}
.fa-prose{font-size:17px;line-height:1.8;max-width:55ch}
.fa-prose p+p{margin-top:20px}
.fa-process{background:#252525;color:#fff;border-radius:5px}
.fa-process-top{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}
.fa-process-top .fa-eyebrow{grid-column:1/-1;color:#ccc}
.fa-process h2{max-width:17ch}
.fa-promise{border-top:1px solid #696969;margin-top:60px;padding-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.fa-promise h3{font-size:30px;line-height:1.2;max-width:24ch}
.fa-promise p{font-size:16px;line-height:1.8;max-width:52ch;color:#e4e4e4}
.fa-statement{grid-column:1/-1;border-top:1px solid #c8c7c3;padding-top:44px;margin-top:20px!important;font-family:var(--font-heading--family);font-size:clamp(40px,6.5vw,104px);line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}
.fa-products{background:var(--fa-paper);padding:clamp(28px,4vw,64px);border-radius:5px}
.fa-products-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}
.fa-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;border:1px solid currentColor;min-height:48px;font-size:12px;letter-spacing:.08em;text-decoration:none}
.fa-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fa-product{display:block;text-decoration:none;min-width:0}
.fa-product img{width:100%;aspect-ratio:1;object-fit:contain;background:#f8f8f8;border-radius:3px;display:block}
.fa-product>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}
.fa-product h3{font-size:22px;line-height:1.2}
.flow-about a:focus-visible{outline:3px solid #9a6700;outline-offset:5px}
body:has(.flow-about) footer [id$="__section_azWYN4"]{display:none}
@media(max-width:749px){
.flow-about{margin:12px}
.fa-hero{grid-template-columns:1fr}
.fa-hero-copy{padding:40px 24px;gap:24px}
.flow-about h1{font-size:clamp(58px,17vw,78px);max-width:100%}
.fa-intro{font-size:16px}
.fa-photo{min-height:0}
.fa-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}
.fa-photo figcaption{bottom:12px;left:12px;font-size:10px}
.fa-pad{padding:52px 24px}
.fa-story,.fa-mission,.fa-process-top,.fa-promise{grid-template-columns:1fr;gap:28px}
.flow-about h2{font-size:40px;max-width:17ch}
.flow-about .fa-eyebrow{margin-bottom:18px}
.fa-prose{font-size:16px;line-height:1.75}
.fa-process-top .fa-eyebrow{margin-bottom:-10px}
.fa-promise{margin-top:36px;padding-top:28px;gap:16px}
.fa-promise h3{font-size:28px}
.fa-statement{font-size:48px;padding-top:32px;margin-top:8px!important}
.fa-products{padding:32px 20px}
.fa-products-heading{align-items:flex-start;flex-direction:column}
.fa-product-grid{grid-template-columns:1fr;gap:24px}
.fa-product h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.flow-about{scroll-behavior:auto}}
