/* History and Vision / Mission share the established About Us page chrome. */
.about-page{--about-cream:#fff5da;--about-yellow:#ffe192;--about-gold:#cb9400}
.about-container{width:calc(100% - 64px);max-width:1058px;margin-inline:auto}
.about-page h1,.about-page h2{font-size:60px;line-height:1.18;color:var(--about-gold);margin:0 0 32px}
.about-page p{font-size:22px;line-height:1.5;margin:0 0 28px}
.about-page p:last-child{margin-bottom:0}
.about-page .why-breadcrumb{margin-bottom:26px}
.about-photo{display:block;width:100%;object-fit:cover;-webkit-mask:url('../images/organic-photo.svg') center / 100% 100% no-repeat;mask:url('../images/organic-photo.svg') center / 100% 100% no-repeat;filter:brightness(.87) sepia(.12)}
.history-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:66px;padding-block:48px 106px;align-items:center}
.history-feature-photo{aspect-ratio:1;height:auto}
.about-yellow{background:var(--about-yellow)}
.about-cream{background:var(--about-cream)}
.about-wave{position:relative}
.about-wave::before{content:'';position:absolute;top:-27px;left:0;width:100%;height:28px;background:inherit;-webkit-mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;pointer-events:none}
.history-quote-inner{display:flex;align-items:center;gap:80px;padding-block:43px 66px;min-height:250px}
.history-quote-mark{flex:0 0 140px;height:140px;display:flex;align-items:center;justify-content:center;padding-top:28px;border-radius:50%;background:var(--about-gold);color:#fff;font-family:Georgia,serif;font-size:150px;font-weight:700;line-height:1}
.history-quotation blockquote{margin:0;font-size:28px;line-height:1.45;color:#513e17}
.history-story{padding-block:62px 130px}
.history-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-bottom:55px}
.history-gallery img{aspect-ratio:510/310;height:auto}
.vision-content{padding-block:48px 98px}
.our-vision p{font-size:28px;line-height:1.45;font-weight:500}
.our-mission{margin-top:78px}
.mission-list{padding-left:42px;margin:0}
.mission-list>li{padding-left:3px;margin-bottom:30px}
.mission-list>li:last-child{margin-bottom:0}
.mission-list h3{font-size:28px;line-height:1.35;color:#171717;font-weight:500;margin:0 0 13px}
.mission-list p{font-size:22px;line-height:1.45;max-width:950px}
.mission-list li::marker{font-size:15px;color:#644908}
.values-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:60px;padding-block:48px 68px}
.our-values h2{color:#644908;margin-bottom:34px}
.our-values ul{margin:0;padding-left:35px;font-size:26px;line-height:1.5}
.our-values li::marker{font-size:14px}
.values-photo{height:auto;aspect-ratio:590/365}
@media(max-width:1100px){.about-page h1,.about-page h2{font-size:48px}.about-page p{font-size:19px}.history-introduction{gap:40px}.history-quote-inner{gap:45px}.history-quotation blockquote{font-size:24px}.our-vision p{font-size:24px}.mission-list h3{font-size:24px}.our-values ul{font-size:21px}.values-inner{gap:35px}}
@media(max-width:760px){.about-container{width:calc(100% - 48px)}.about-page h1,.about-page h2{font-size:36px;margin-bottom:22px}.about-page p{font-size:17px;line-height:1.6;margin-bottom:22px}.about-page .why-breadcrumb{font-size:12px;gap:10px;margin-bottom:22px}.history-introduction{grid-template-columns:1fr;gap:28px;padding-block:30px 60px}.history-feature-photo{max-width:420px;justify-self:center}.history-quote-inner{gap:22px;padding-block:30px 52px;align-items:flex-start;min-height:0}.history-quote-mark{flex-basis:60px;height:60px;font-size:76px;padding-top:18px}.history-quotation blockquote{font-size:19px;line-height:1.5}.history-story{padding-block:28px 70px}.history-gallery{gap:18px;margin-bottom:28px}.history-gallery img{aspect-ratio:1}.vision-content{padding-block:30px 65px}.our-vision p{font-size:20px;line-height:1.5}.our-mission{margin-top:42px}.mission-list{padding-left:23px}.mission-list>li{padding-left:2px;margin-bottom:25px}.mission-list h3{font-size:20px;margin-bottom:9px}.mission-list p{font-size:17px}.values-inner{grid-template-columns:1fr;gap:30px;padding-block:30px 55px}.our-values ul{font-size:19px;padding-left:24px}.values-photo{max-width:500px;justify-self:center}}
.history-page .about-photo,.history-page .history-gallery img,.vision-page .values-photo{-webkit-mask:none;mask:none;filter:none;object-fit:contain;height:auto;aspect-ratio:auto}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}