.about-page{background-color:var(--color-cauliflower)}.about-hero{background-color:var(--color-cauliflower);flex-direction:column;align-items:center;gap:60px;padding:60px;display:flex}.about-hero-content{text-align:center;flex-direction:column;align-items:center;gap:30px;max-width:700px;display:flex}.about-subtitle{text-align:center}.about-hero-image-container{border-radius:20px;width:100%;max-width:1320px;height:500px;position:relative;overflow:hidden}.about-hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.sustainable-section{background-color:var(--color-cauliflower);justify-content:center;padding:60px;display:flex}.sustainable-content{text-align:center;flex-direction:column;gap:20px;max-width:650px;display:flex}.biointensive-section{background-color:var(--color-cauliflower);content-visibility:auto;contain-intrinsic-size:auto 500px;gap:0;margin:0 auto;padding:0 60px 60px;display:flex}.biointensive-image-container{border-radius:20px 0 0 20px;flex:1;height:500px;position:relative;overflow:hidden}.biointensive-image{object-fit:cover;object-position:center;width:100%;height:100%}.biointensive-content{background-color:var(--color-parsnip);border-radius:0 20px 20px 0;flex-direction:column;flex:1;justify-content:center;gap:20px;padding:50px 100px;display:flex}.biointensive-section .limited-width-container{padding:0}.story-section{background-color:var(--color-bok-choy);content-visibility:auto;contain-intrinsic-size:auto 700px;flex-direction:column;gap:60px;padding:60px;display:flex}.story-text-container{justify-content:center;gap:50px;max-width:1100px;margin:0 auto;display:flex}.story-intro{flex:0 0 400px}.story-paragraphs{flex-direction:column;flex:0 0 650px;gap:20px;display:flex}.story-images{gap:20px;width:100%;max-width:1320px;margin:0 auto;display:flex}.story-image-container{border-radius:20px;flex:1;height:500px;position:relative;overflow:hidden}.story-image{object-fit:cover;object-position:center;width:100%;height:100%}@media only screen and (max-width:1200px){.about-hero,.sustainable-section,.biointensive-section,.story-section,.biointensive-content{padding:40px}}@media only screen and (max-width:768px){.about-hero{padding:20px 20px 40px}.sustainable-section,.biointensive-section,.story-section{padding:40px 20px}.biointensive-section,.biointensive-section .row{flex-direction:column}.biointensive-image-container{border-radius:20px 20px 0 0;flex:none;width:100%;height:300px}.biointensive-content{border-radius:0 0 20px 20px;padding:40px 20px}.story-text-container{flex-direction:column;gap:30px}.story-intro,.story-paragraphs{flex:1}.story-images{flex-direction:column}.story-image-container{flex:none;height:300px}}