/* Version E — approved About copy, in the approved visual system. */
.e-about-page { background: #f8f9f3; font-family: 'Roboto', Arial, sans-serif; }
.e-about-page main { color: #122017; }
.e-about-page main :is(h1,h2) { font-family: 'IBM Plex Sans', Arial, sans-serif; font-weight: 600; letter-spacing: -.035em; }
.e-about-page main .eyebrow { color: #45623e; font-size: 11px; font-weight: 600; letter-spacing: .1em; margin-bottom: 23px; }
.e-about-hero { padding: 30px 0 88px; background: radial-gradient(ellipse at 94% 20%, #dce8cc9c, transparent 58%), linear-gradient(140deg, #fcfcf8, #f2f5ea); }
.e-about-hero .support-breadcrumbs { margin-bottom: 45px; }
.e-about-opening { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: end; }
.e-about-opening h1 { font-size: clamp(48px, 5.1vw, 72px); line-height: 1.04; }
.e-about-opening h1 span { color: #2b5d3d; }
.e-about-prose { font-size: 17px; line-height: 1.72; font-weight: 350; letter-spacing: -.014em; color: #405346; }
.e-about-prose p + p { margin-top: 22px; }
.e-about-opening .e-about-prose { max-width: 465px; padding-bottom: 4px; }
.e-about-prose .e-about-lead { color: #152a1c; font-weight: 450; font-size: 21px; line-height: 1.5; }
.e-about-lifestyle { position: relative; margin: 45px 0 0; overflow: hidden; border-radius: 6px; border: 1px solid #d0d9c6; box-shadow: 0 20px 32px -27px #1837217d; }
.e-about-lifestyle::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, #17341b05, #153d1612); box-shadow: inset 0 1px 0 #fff6; }
.e-about-lifestyle img { display: block; width: 100%; height: clamp(300px, 31vw, 420px); object-fit: cover; object-position: 50% 48%; }
.e-about-formula { position: relative; overflow: hidden; background: radial-gradient(ellipse at 85% 35%, #45653a5c, transparent 58%), linear-gradient(125deg, #182e1f, #101c15 68%, #1b3020); color: #f3f6ec; border-top: 1px solid #3f593b; border-bottom: 1px solid #273f2a; }
.e-about-formula-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 66px; align-items: center; padding-top: 84px; padding-bottom: 84px; }
.e-about-formula-copy { max-width: 520px; }
.e-about-page main h2 { font-size: clamp(38px, 3.7vw, 51px); line-height: 1.1; }
.e-about-step { display: block; color: #729468; font-size: 12px; line-height: 1; letter-spacing: .08em; font-weight: 500; margin-bottom: 24px; }
.e-about-formula h2 { margin-bottom: 27px; }
.e-about-formula .e-about-step { color: #b8cda4; }
.e-about-formula .e-about-prose { color: #d0d8c9; font-weight: 375; }
.e-about-link { display: inline-flex; align-items: center; gap: 22px; width: fit-content; max-width: 100%; border-bottom: 1px solid #819477; padding: 0 0 10px; margin-top: 28px; color: #274a32; font-size: 12px; letter-spacing: .045em; font-weight: 600; transition: gap .2s ease, border-color .2s ease; }
.e-about-link:hover { gap: 29px; border-bottom-color: currentColor; }
.e-about-link svg { flex-shrink: 0; }
.e-about-formula .e-about-link { color: #e1edcf; border-bottom-color: #a1bb7d99; }
.e-about-product { position: relative; margin: 0; min-width: 0; aspect-ratio: 1.05; display: grid; place-items: center; border: 1px solid #8ca17230; border-radius: 7px; background: radial-gradient(ellipse at 50% 24%, #87a05248, transparent 60%), linear-gradient(145deg, #29432a, #13231a 73%); box-shadow: inset 0 1px 0 #d2e9ac26, 0 25px 38px -32px #000c; overflow: hidden; }
.e-about-product-light { position: absolute; width: 65%; height: 7%; border-radius: 50%; background: #0008; bottom: 9%; left: 20%; filter: blur(16px); }
.e-about-product img { position: relative; display: block; width: 108%; max-width: none; height: auto; margin-top: -4%; filter: drop-shadow(9px 20px 16px #0005); }
.e-about-editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.e-about-research { padding: 88px 0; background: #f8f9f3; }
.e-about-research .e-about-prose { padding-top: 32px; max-width: 540px; }
.e-about-offer { padding: 76px 0 84px; background: radial-gradient(ellipse at 80% 10%, #edf3df, transparent 65%), linear-gradient(130deg, #edf1e7, #e1e9d8); border-top: 1px solid #c9d4bd; box-shadow: inset 0 1px 0 #ffffffa6; }
.e-about-offer .e-about-prose { padding-top: 32px; max-width: 540px; }
.e-about-offer .e-about-prose p a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #889c7c; }
.e-about-offer .cta { margin-top: 30px; min-height: 54px; display: inline-flex; gap: 32px; background: linear-gradient(132deg, #3a7049, #2b5d3d 52%, #1f482f); color: #fff; border: 1px solid #3f7048; box-shadow: inset 0 1px 0 #a3c68c38, 0 9px 20px -12px #1d482ba3; font-weight: 600; letter-spacing: .02em; }
.e-about-offer .cta:hover { background: #244f33; }
.e-about-opening > *, .e-about-editorial-grid > *, .e-about-formula-grid > * { min-width: 0; }
@media(max-width:1000px) { .e-about-opening, .e-about-editorial-grid { gap: 44px; } .e-about-formula-grid { gap: 40px; } .e-about-opening h1 { font-size: 56px; } .e-about-prose .e-about-lead { font-size: 19px; } .e-about-page main h2 { font-size: 42px; } }
@media(max-width:760px) { .e-about-hero { padding-top: 25px; padding-bottom: 55px; } .e-about-hero .support-breadcrumbs { margin-bottom: 33px; } .e-about-opening { grid-template-columns: 1fr; gap: 26px; } .e-about-opening h1 { font-size: clamp(42px, 7.8vw, 58px); } .e-about-opening .e-about-prose { max-width: 580px; } .e-about-lifestyle { margin-top: 32px; } .e-about-lifestyle img { height: 300px; object-position: 46% center; } .e-about-formula-grid { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 56px; padding-bottom: 56px; } .e-about-page main h2 { font-size: 36px; } .e-about-prose { font-size: 16px; } .e-about-product { aspect-ratio: .78; } .e-about-product img { width: 140%; } .e-about-editorial-grid { grid-template-columns: 1fr; gap: 24px; } .e-about-research, .e-about-offer { padding: 54px 0 58px; } .e-about-research .e-about-prose, .e-about-offer .e-about-prose { padding-top: 0; max-width: 620px; } .e-about-step { margin-bottom: 18px; } }
@media(max-width:540px) { .e-about-page main .eyebrow { font-size: 10px; margin-bottom: 19px; } .e-about-opening h1 { font-size: clamp(40px, 10.5vw, 54px); } .e-about-prose .e-about-lead { font-size: 18px; } .e-about-prose p + p { margin-top: 19px; } .e-about-lifestyle img { height: 235px; object-position: 40% center; } .e-about-formula-grid { grid-template-columns: 1fr; gap: 34px; } .e-about-page main h2 { font-size: 37px; } .e-about-product { aspect-ratio: 1.14; max-width: 390px; width: 100%; margin: 0 auto; } .e-about-product img { width: 109%; margin-top: -10%; } .e-about-offer .cta { width: 100%; justify-content: space-between; } .e-about-link { font-size: 11px; } }
@media(prefers-reduced-motion:reduce) { .e-about-link { transition: none; } }