.plantlove-about-page { background:#fbfcf8; }
.about-hero { padding:48px 0 61px; color:#fff; background:linear-gradient(122deg,#315a3a,#557a4b 56%,#93aa66); }.about-hero__inner { max-width:840px; }.about-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:28px; color:#e1eadb; font-size:.85rem; }.about-breadcrumb a { color:#fff; text-decoration:none; }.about-breadcrumb i { font-size:.65rem; }.about-hero .section-eyebrow { color:#f1dfa5; }.about-hero h1 { max-width:720px; margin:9px 0 13px; font-family:"Playfair Display",serif; font-size:clamp(2.2rem,5vw,4.25rem); line-height:1.06; }.about-hero p { max-width:650px; margin:0; color:#e9f0e5; font-size:1.08rem; line-height:1.62; }
.about-introduction { padding:82px 0; }.about-introduction__grid { display:grid; grid-template-columns:minmax(0,.91fr) minmax(300px,1fr); gap:clamp(40px,8vw,110px); align-items:center; }.about-introduction__visual { position:relative; min-height:430px; overflow:hidden; border-radius:24px; background:linear-gradient(180deg,#dcebd2 0%,#eaf1cc 50%,#95b36a 50.2%,#56764a 100%); box-shadow:0 18px 36px rgba(41,75,50,.15); }.about-introduction__sun { position:absolute; top:55px; right:64px; width:112px; height:112px; border-radius:50%; background:#f4d467; }.about-introduction__hill { position:absolute; right:-23%; bottom:-48%; width:105%; height:89%; border-radius:50% 50% 0 0; transform:rotate(-12deg); }.about-introduction__hill--back { right:15%; bottom:-46%; background:#769c5d; }.about-introduction__hill--front { background:#476d44; }.about-introduction__flower { position:absolute; top:112px; left:16%; color:#fff; font-size:5rem; text-shadow:3px 3px 0 rgba(46,93,53,.1); }.about-introduction__stamp { position:absolute; bottom:28px; left:27px; display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border-radius:10px; color:#fff; background:rgba(32,71,38,.86); font-size:.78rem; font-weight:700; }.about-introduction__copy h2 { max-width:500px; margin:6px 0 18px; color:#293d2d; font-family:"Playfair Display",serif; font-size:clamp(2rem,3.1vw,3rem); line-height:1.15; }.about-introduction__copy p { max-width:570px; color:#647568; font-size:1rem; line-height:1.72; }.about-introduction__copy p + p { margin-top:11px; }.about-introduction__copy .button { margin-top:14px; }
.about-values { padding:74px 0; background:#edf4e9; }.about-values__heading { max-width:610px; margin:0 auto 36px; text-align:center; }.about-values__heading h2 { margin:6px 0 0; color:#2a412f; font-family:"Playfair Display",serif; font-size:clamp(2rem,3.4vw,3rem); line-height:1.15; }.about-values__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.about-values article { padding:30px 28px; border:1px solid rgba(199,215,192,.8); border-radius:17px; background:#fff; }.about-values article > span { display:grid; width:49px; height:49px; place-items:center; border-radius:13px; color:#42633d; background:#edf4e9; font-size:1.35rem; }.about-values h3 { margin:19px 0 7px; color:#2d4031; font-family:"Playfair Display",serif; font-size:1.35rem; }.about-values p { margin:0; color:#6c7b6e; font-size:.91rem; line-height:1.6; }
.about-trade { color:#fff; background:#294d33; }.about-trade__inner { display:flex; align-items:center; justify-content:space-between; gap:44px; padding:52px 0; }.about-trade__copy { max-width:660px; }.about-trade h2 { margin:7px 0 11px; font-family:"Playfair Display",serif; font-size:clamp(2rem,3vw,2.7rem); line-height:1.1; }.about-trade p { margin:0; color:#d9e6d7; line-height:1.6; }.about-trade__actions { display:flex; flex:0 0 auto; gap:10px; flex-wrap:wrap; }
@media (max-width:800px) { .about-introduction { padding:55px 0; }.about-introduction__grid { grid-template-columns:1fr; gap:34px; }.about-introduction__visual { min-height:345px; }.about-values { padding:54px 0; }.about-values__grid { grid-template-columns:1fr; }.about-trade__inner { align-items:start; flex-direction:column; gap:23px; } }
@media (max-width:600px) { .about-hero { padding:30px 0 39px; }.about-breadcrumb { margin-bottom:20px; }.about-hero p { font-size:.96rem; }.about-introduction__visual { min-height:285px; border-radius:18px; }.about-introduction__sun { top:36px; right:32px; width:83px; height:83px; }.about-introduction__flower { top:82px; font-size:3.9rem; }.about-introduction__copy p { font-size:.94rem; }.about-values article { padding:24px; }.about-trade__inner { padding:37px 0; }.about-trade__actions { width:100%; }.about-trade__actions .button { flex:1 1 210px; } }