/* About page content. The header and footer use printer-buzz-site.css. */
@font-face{font-family:'PB Inter';src:url('../fonts/pb-inter.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
html{scroll-behavior:smooth}
.pb-about-page{margin:0;background:#fff;font-family:"PB Inter",Inter,"Segoe UI",Arial,sans-serif;color:#091f2b;-webkit-font-smoothing:antialiased}
.pa-page{--pa-u:min(.1062699256vw,1.65px);font-size:clamp(13px,1.17vw,18px);font-weight:400;line-height:1.6;letter-spacing:normal}
.pa-page,.pa-page *,.pa-page *::before,.pa-page *::after{box-sizing:border-box}
.pa-page h1,.pa-page h2,.pa-page h3,.pa-page p,.pa-page figure{margin:0}
.pa-page a{color:inherit;text-decoration:none}
.pa-page :focus-visible{outline:3px solid #ef8d45;outline-offset:5px}
.pa-page h1,.pa-page h2,.pa-page h3{font-weight:700;letter-spacing:-.025em}
.pa-page h2{font-size:clamp(24px,2.23vw,34px);line-height:1.22}
.pa-wrap{width:90%;max-width:1398px;margin-inline:auto}
.pa-eyebrow{font-size:clamp(10px,.85vw,12px);letter-spacing:.12em;font-weight:600;line-height:1.5;color:#344b54}
.pa-page .pa-button{min-height:40px;padding:calc(7 * var(--pa-u)) calc(20 * var(--pa-u));gap:calc(8 * var(--pa-u));font-family:inherit;font-size:clamp(12px,.85vw,14px);font-weight:600;line-height:1.4;letter-spacing:0;border-radius:40px}
.pa-page .pa-button .pb-icon{width:calc(12 * var(--pa-u));height:calc(12 * var(--pa-u))}
.pa-reference-photo{background-image:url('../images/about/about-reference.png');background-repeat:no-repeat}

/* Photo regions from the supplied 941 x 1672 mockup, clipped in CSS. */
.pa-hero{min-height:calc(291 * var(--pa-u));background:#fdf1e5;position:relative;overflow:hidden}
.pa-hero-photo{position:absolute;inset:0;background:url('../images/about/about-hero.webp') right center/cover no-repeat}
.pa-hero-inner{position:relative;min-height:inherit;padding:calc(28 * var(--pa-u)) calc(35 * var(--pa-u)) calc(18 * var(--pa-u))}
.pa-hero-copy{position:relative;z-index:1;width:55%}
.pa-hero h1{font-size:clamp(34px,4vw,60px);line-height:1.12;letter-spacing:-.03em;margin-top:calc(4 * var(--pa-u));white-space:nowrap}
.pa-hero h1 span{color:#124a40}
.pa-hero h2{font-size:clamp(22px,2.23vw,34px);line-height:1.25;letter-spacing:-.02em;margin-top:calc(4 * var(--pa-u));font-weight:600}
.pa-hero-description{margin-top:calc(8 * var(--pa-u))!important;font-size:clamp(13px,1.1vw,17px);line-height:1.55;max-width:calc(330 * var(--pa-u))}
.pa-hero .pa-button{margin-top:calc(10 * var(--pa-u))}
.pa-hero-trust{position:relative;display:flex;gap:calc(21 * var(--pa-u));margin-top:clamp(20px,2vw,30px);z-index:1}
.pa-hero-trust>div{display:flex;align-items:center;gap:calc(8 * var(--pa-u))}
.pa-hero-trust>div>span{display:grid;place-items:center;width:calc(34 * var(--pa-u));height:calc(34 * var(--pa-u));background:#ffffffde;border-radius:50%;color:#123f3e;flex-shrink:0}
.pa-hero-trust .pb-icon{width:calc(21 * var(--pa-u));height:calc(21 * var(--pa-u))}
.pa-hero-trust p{font-size:clamp(10px,.85vw,13px);line-height:1.5}
.pa-hero-trust strong{font-weight:600;display:block}

.pa-story{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fdfaf6 100%);padding:clamp(56px,6.4vw,96px) 0}
.pa-story-grid{display:grid;grid-template-columns:46.2% 1fr;gap:4.2%;align-items:center;position:relative;z-index:1}
.pa-story-photo{aspect-ratio:391/213;background:url('../images/about/who-we-are.webp') center 55%/cover no-repeat;border-radius:calc(10 * var(--pa-u)) calc(10 * var(--pa-u)) 0 calc(10 * var(--pa-u))}
.pa-story-plant{position:absolute;right:0;bottom:calc(12 * var(--pa-u));width:calc(118 * var(--pa-u));aspect-ratio:118/190;background-size:797.457627% auto;background-position:100% 27.125506%;pointer-events:none}
.pa-story-copy{padding-right:16%;padding-top:calc(1 * var(--pa-u))}
.pa-story-copy h2{margin-top:calc(2 * var(--pa-u));text-wrap:balance}
.pa-story-copy>p:not(.pa-eyebrow){margin-top:calc(8 * var(--pa-u));font-size:clamp(13px,1.1vw,17px);line-height:1.55}
.pa-story-copy .pa-button{margin-top:calc(10 * var(--pa-u))}

.pa-section-heading{text-align:center}
.pa-section-heading h2{margin-top:calc(3 * var(--pa-u));font-size:clamp(25px,2.34vw,36px)}
.pa-section-heading>p:not(.pa-eyebrow){max-width:78ch;margin:calc(6 * var(--pa-u)) auto 0;font-size:clamp(13px,1.17vw,18px);line-height:1.55;color:#334650}
.pa-explore{background:#f8f2e9;padding:clamp(56px,6.4vw,96px) 0}
.pa-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);margin-top:clamp(28px,3vw,44px)}
.pa-benefit-card{min-height:calc(141 * var(--pa-u));padding:calc(11 * var(--pa-u)) calc(8 * var(--pa-u));border-radius:calc(8 * var(--pa-u));background:#fffdfb;text-align:center}
.pa-icon-circle{display:inline-grid;place-items:center;width:calc(51 * var(--pa-u));height:calc(51 * var(--pa-u));background:#dcece6;color:#0c4b43;border-radius:50%;flex-shrink:0}
.pa-icon-circle .pb-icon{width:calc(27 * var(--pa-u));height:calc(27 * var(--pa-u));stroke-width:1.7}
.pa-icon-circle.pa-coral{background:#ffe8dd;color:#d44e24}
.pa-benefit-card h3{font-size:clamp(14px,1.25vw,19px);font-weight:600;line-height:1.35;letter-spacing:-.015em;margin-top:calc(7 * var(--pa-u))}
.pa-benefit-card p{font-size:clamp(13px,1.1vw,17px);line-height:1.55;margin-top:calc(6 * var(--pa-u));color:#33414a}

.pa-approach{background:#fff;padding:clamp(56px,6.4vw,96px) 0;scroll-margin-top:24px}
.pa-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(13 * var(--pa-u));list-style:none;padding:0;margin:clamp(28px,3vw,44px) 0 0}
.pa-step{position:relative;display:grid;grid-template-columns:calc(44 * var(--pa-u)) 1fr;gap:calc(9 * var(--pa-u));padding-left:calc(5 * var(--pa-u))}
.pa-step:not(:last-child)::after{content:"";position:absolute;top:calc(13 * var(--pa-u));left:calc(91 * var(--pa-u));right:calc(-1 * var(--pa-u));border-top:calc(2 * var(--pa-u)) dotted #a3b2b6}
.pa-step-number{display:grid;place-items:center;width:calc(31 * var(--pa-u));height:calc(31 * var(--pa-u));border-radius:50%;color:white;background:linear-gradient(100deg,#1b5449,#002b28);font-size:calc(13 * var(--pa-u));font-weight:700;border:calc(2 * var(--pa-u)) solid #f8f9f6;box-shadow:0 1px 3px #073d3514}
.pa-step:nth-child(even) .pa-step-number{background:linear-gradient(110deg,#ff8060,#ff5239)}
.pa-step-symbol{height:calc(27 * var(--pa-u));display:flex;align-items:flex-start;color:#173a3c}
.pa-step-symbol .pb-icon{width:calc(23 * var(--pa-u));height:calc(23 * var(--pa-u))}
.pa-step h3{font-size:clamp(14px,1.17vw,18px);font-weight:600;line-height:1.4;letter-spacing:-.01em;margin-top:calc(7 * var(--pa-u))}
.pa-step p{font-size:clamp(13px,1.1vw,17px);line-height:1.55;color:#344149;margin-top:calc(2 * var(--pa-u))}

.pa-commitment{padding:0 0 clamp(56px,6.4vw,96px);background:#fff}
.pa-commitment-wrap{width:94.5%;max-width:1468px;margin-inline:auto;display:grid;grid-template-columns:53.2% 1fr;gap:3.5%;align-items:center}
.pa-commitment-photo{aspect-ratio:473/205;background:url('../images/about/our-commitment.webp') center/cover no-repeat;border-radius:calc(10 * var(--pa-u)) calc(10 * var(--pa-u)) 0 calc(10 * var(--pa-u))}
.pa-commitment-copy{padding-right:calc(14 * var(--pa-u))}
.pa-commitment-copy h2{font-size:clamp(23px,2.1vw,32px);line-height:1.25;margin-top:calc(4 * var(--pa-u));text-wrap:balance}
.pa-commitment-copy>p:not(.pa-eyebrow){margin-top:calc(9 * var(--pa-u));font-size:clamp(13px,1.1vw,17px);line-height:1.55;color:#35434b}
.pa-commitment-points{display:flex;gap:calc(12 * var(--pa-u));justify-content:space-between;margin-top:clamp(24px,2.4vw,36px)}
.pa-commitment-points>div{display:flex;align-items:center;gap:calc(8 * var(--pa-u))}
.pa-commitment-points .pa-icon-circle{width:calc(37 * var(--pa-u));height:calc(37 * var(--pa-u))}
.pa-commitment-points .pb-icon{width:calc(24 * var(--pa-u));height:calc(24 * var(--pa-u))}
.pa-commitment-points p{font-size:clamp(11px,.88vw,13px);line-height:1.5}

.pa-numbers{padding:clamp(56px,6.4vw,96px) 0;margin-top:clamp(56px,6.4vw,96px);background:#f9f3ec}
.pa-numbers h2{font-size:clamp(24px,2.1vw,32px);margin-top:calc(4 * var(--pa-u))}
.pa-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,28px);margin-top:clamp(28px,3vw,44px)}
.pa-number-card{display:flex;align-items:flex-start;gap:calc(12 * var(--pa-u));min-height:calc(80 * var(--pa-u));padding:calc(7 * var(--pa-u));border-radius:calc(9 * var(--pa-u));border:calc(3 * var(--pa-u)) solid #ffffffb0;background:linear-gradient(120deg,#f3f5ef,#e8f1ec)}
.pa-number-coral{background:linear-gradient(120deg,#ffe1d7,#fff0e8)}
.pa-number-card .pa-icon-circle{width:calc(53 * var(--pa-u));height:calc(53 * var(--pa-u));border:calc(2 * var(--pa-u)) solid #fff}
.pa-number-card .pb-icon{width:calc(28 * var(--pa-u));height:calc(28 * var(--pa-u))}
.pa-number-card>div{padding-top:calc(1 * var(--pa-u));min-width:0}
.pa-number-card strong{display:block;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.02em;line-height:1.2;font-weight:700}
.pa-number-card h3{font-size:clamp(12px,1vw,15px);font-weight:600;line-height:1.4;letter-spacing:0;margin-top:calc(4 * var(--pa-u))}
.pa-number-card p{font-size:clamp(12px,.96vw,15px);line-height:1.5;margin-top:calc(4 * var(--pa-u))}

.pa-cta{position:relative;overflow:hidden;min-height:calc(130 * var(--pa-u));background:linear-gradient(105deg,#0c302a,#103e35);color:white}
.pa-cta-photo{position:absolute;right:0;bottom:0;width:calc(502 * var(--pa-u));height:auto;aspect-ratio:502/130;background-size:187.450199% auto;background-position:100% 91.309987%}
.pa-cta-copy{position:relative;padding:calc(12 * var(--pa-u)) calc(27 * var(--pa-u));z-index:1}
.pa-cta .pa-eyebrow{color:#fff}
.pa-cta h2{max-width:calc(430 * var(--pa-u));font-size:clamp(24px,2.23vw,34px);margin-top:calc(3 * var(--pa-u));letter-spacing:-.025em}
.pa-cta-copy>p:not(.pa-eyebrow){max-width:calc(350 * var(--pa-u));font-size:clamp(13px,1.1vw,17px);line-height:1.55;margin-top:calc(6 * var(--pa-u))}
.pa-cta .pa-button{margin-top:calc(8 * var(--pa-u))}

@media(min-width:1553px){.pa-cta-photo{width:53.35%;background-size:auto 1286.153846%;background-position:right 91.309987%}}
@media(max-width:1100px) and (min-width:761px){.pa-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fdf1e5 0%,#fdf1e5eb 52%,#fdf1e500 70%)}.pa-hero h1{white-space:normal}.pa-hero-copy{width:52%}.pa-story-copy{padding-right:8%}.pa-story-plant{opacity:.4}.pa-commitment-points>div{flex:1;flex-direction:column;align-items:flex-start}.pa-number-grid{gap:14px}.pa-number-card{flex-direction:column;gap:10px;padding:12px}}
@media(max-width:760px){
    .pa-page{--pa-u:1px;font-size:15px}
    .pa-wrap{width:90%}
    .pa-page h2{font-size:27px;line-height:1.18}
    .pa-eyebrow{font-size:10px}
    .pa-page .pa-button{min-height:44px;font-size:13px;padding:11px 22px;gap:9px}
    .pa-page .pa-button .pb-icon{width:15px;height:15px}
    .pa-hero{min-height:0;background:#fdf1e5}
    .pa-hero-inner{padding:29px 0 calc(90.9vw - 10px)}
    .pa-hero-copy{width:100%;max-width:410px}
    .pa-hero h1{font-size:40px;white-space:normal;line-height:1.1;letter-spacing:-.03em;margin-top:5px}
    .pa-hero h2{font-size:24px;margin-top:9px}
    .pa-hero-description{font-size:15px;line-height:1.6;max-width:370px;margin-top:11px!important}
    .pa-hero .pa-button{margin-top:14px}
    .pa-hero-photo{inset:auto 0 0;aspect-ratio:1.1;background-position:80% center}
    .pa-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fdf1e5 0%,#fdf1e500 30%)}
    .pa-hero-trust{position:absolute;left:0;right:0;bottom:16px;justify-content:space-between;gap:10px;padding:12px 10px;border-radius:9px;background:#fffcf8f2}
    .pa-hero-trust>div{flex:1;flex-direction:column;align-items:flex-start;gap:7px}
    .pa-hero-trust>div>span{width:28px;height:28px;background:white}
    .pa-hero-trust .pb-icon{width:19px;height:19px}
    .pa-hero-trust p{font-size:11px;line-height:1.45}
    .pa-story{padding:52px 0}
    .pa-story-grid{grid-template-columns:1fr;gap:24px}
    .pa-story-photo{border-radius:10px}
    .pa-story-plant{display:none}
    .pa-story-copy{padding:0}
    .pa-story-copy h2{white-space:normal;margin-top:5px}
    .pa-story-copy>p:not(.pa-eyebrow){font-size:15px;line-height:1.65;margin-top:12px}
    .pa-story-copy .pa-button{margin-top:17px}
    .pa-section-heading h2{font-size:27px;margin-top:5px}
    .pa-section-heading>p:not(.pa-eyebrow){font-size:14px;line-height:1.6;margin-top:10px}
    .pa-explore{padding:52px 0}
    .pa-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
    .pa-benefit-card{min-height:191px;padding:17px 12px;border-radius:9px}
    .pa-icon-circle{width:49px;height:49px}
    .pa-icon-circle .pb-icon{width:27px;height:27px}
    .pa-benefit-card h3{font-size:15px;line-height:1.4;margin-top:11px}
    .pa-benefit-card p{font-size:13px;line-height:1.55;margin-top:8px}
    .pa-approach{padding:52px 0}
    .pa-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-top:30px}
    .pa-step{grid-template-columns:31px 1fr;gap:10px;padding:0}
    .pa-step:not(:last-child)::after{display:none}
    .pa-step-number{width:29px;height:29px;font-size:12px}
    .pa-step-symbol{height:27px}
    .pa-step-symbol .pb-icon{width:24px;height:24px}
    .pa-step h3{font-size:15px;line-height:1.4;margin-top:8px}
    .pa-step p{font-size:13px;line-height:1.55;margin-top:6px}
    .pa-commitment{padding:0 0 52px}
    .pa-commitment-wrap{width:90%;grid-template-columns:1fr;gap:24px}
    .pa-commitment-photo{border-radius:10px}
    .pa-commitment-copy{padding:0}
    .pa-commitment-copy h2{font-size:27px;white-space:normal;margin-top:6px;line-height:1.2}
    .pa-commitment-copy>p:not(.pa-eyebrow){font-size:15px;line-height:1.65;margin-top:12px}
    .pa-commitment-points{gap:12px;margin-top:26px}
    .pa-commitment-points>div{flex:1;flex-direction:column;align-items:flex-start;gap:8px}
    .pa-commitment-points .pa-icon-circle{width:36px;height:36px}
    .pa-commitment-points .pb-icon{width:23px;height:23px}
    .pa-commitment-points p{font-size:12px;line-height:1.5;white-space:normal}
    .pa-numbers{padding:52px 0;margin-top:52px}
    .pa-numbers h2{font-size:25px}
    .pa-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
    .pa-number-card{gap:9px;min-height:127px;padding:13px 10px;flex-direction:column;border-width:2px}
    .pa-number-card .pa-icon-circle{width:37px;height:37px;border-width:2px}
    .pa-number-card .pb-icon{width:23px;height:23px}
    .pa-number-card strong{font-size:23px;line-height:1.2;white-space:normal}
    .pa-number-card h3{font-size:13px;margin-top:5px}
    .pa-number-card p{font-size:12px;margin-top:7px;line-height:1.5}
    .pa-cta{min-height:0;padding-bottom:26vw}
    .pa-cta-copy{padding:25px 0}
    .pa-cta h2{font-size:26px;max-width:340px;margin-top:6px}
    .pa-cta-copy>p:not(.pa-eyebrow){font-size:14px;max-width:330px;line-height:1.6;margin-top:10px}
    .pa-cta .pa-button{margin-top:14px}
    .pa-cta-photo{width:100%;height:auto;aspect-ratio:502/130;top:auto;bottom:0;background-size:187.450199% auto}
    .pa-cta-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#103a30,transparent 45%)}
}
@media(max-width:380px){.pa-hero h1{font-size:35px}.pa-hero h2{font-size:22px}.pa-hero-trust{padding-inline:8px}.pa-benefit-grid,.pa-steps{grid-template-columns:1fr}.pa-benefit-card{min-height:0;padding:22px}.pa-number-card strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
