.lawnsy-philosophy-hero { position: relative; overflow: hidden; padding: clamp(78px, 11vw, 138px) 0 clamp(76px, 10vw, 122px); background: radial-gradient(circle at 82% 32%, rgba(197,230,164,.13), transparent 32%), linear-gradient(125deg, #153523, var(--forest-deep)); color: #fff; }
.lawnsy-philosophy-hero::after { position: absolute; right: -128px; bottom: -230px; width: 500px; height: 500px; border: 72px solid rgba(197,230,164,.12); border-radius: 50%; content: ""; pointer-events: none; }
.lawnsy-philosophy-hero .container { position: relative; z-index: 1; }
.lawnsy-philosophy-breadcrumbs { margin-bottom: 26px; color: #bfd0c3; font-size: 13px; }
.lawnsy-philosophy-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lawnsy-philosophy-breadcrumbs li + li::before { content: "/"; margin-right: 8px; color: #829a88; }
.lawnsy-philosophy-breadcrumbs a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lawnsy-philosophy-breadcrumbs a:hover { color: #fff; }
.lawnsy-philosophy-hero h1 { max-width: 940px; margin-top: 22px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 7.5vw, 92px); font-weight: 400; line-height: .98; letter-spacing: -.055em; }
.lawnsy-philosophy-lede { max-width: 680px; margin-top: 30px; color: #d8e8dd; font-size: clamp(17px, 2vw, 21px); line-height: 1.6; }
.lawnsy-philosophy-origin { max-width: 760px; margin-top: 24px; color: #a9c3b2; font-size: 13px; line-height: 1.65; }
.lawnsy-philosophy-principles { padding: clamp(72px, 10vw, 120px) 0; background: #fff; }
.lawnsy-philosophy-heading { display: grid; grid-template-columns: 1fr minmax(280px, .9fr); gap: 32px; align-items: end; margin-bottom: 38px; }
.lawnsy-philosophy-heading h2 { max-width: 17ch; margin-top: 14px; color: #1c3423; font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px, 5.2vw, 64px); font-weight: 400; line-height: 1.02; letter-spacing: -.045em; }
.lawnsy-philosophy-heading > p { max-width: 440px; color: #4c5e53; line-height: 1.65; }
.lawnsy-principles-list { border-top: 1px solid #b8c8bd; }
.lawnsy-principle { display: grid; grid-template-columns: 52px minmax(0, .85fr) minmax(0, 1fr); gap: 22px; align-items: baseline; padding: 32px 0 34px; border-bottom: 1px solid #b8c8bd; }
.lawnsy-principle-number { color: var(--green); font: 700 12px/1 Consolas, monospace; }
.lawnsy-principle h3 { color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(25px, 3vw, 39px); font-weight: 400; line-height: 1.08; letter-spacing: -.035em; }
.lawnsy-principle:first-child h3 { color: var(--green); }
.lawnsy-principle p { max-width: 510px; color: #4c5e53; line-height: 1.65; }
.lawnsy-philosophy-closer { padding: clamp(52px, 8vw, 88px) 0; background: #eef5eb; }
.lawnsy-philosophy-closer-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.lawnsy-philosophy-closer blockquote { max-width: 760px; color: #173321; font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4.5vw, 58px); line-height: 1.06; letter-spacing: -.045em; }
.lawnsy-philosophy-closer .button { flex: 0 0 auto; }

@media(max-width: 760px) {
  .lawnsy-philosophy-hero { padding: 62px 0 68px; }
  .lawnsy-philosophy-hero h1 { max-width: 740px; font-size: clamp(43px, 11vw, 62px); }
  .lawnsy-philosophy-lede { margin-top: 23px; font-size: 16px; }
  .lawnsy-philosophy-heading { grid-template-columns: 1fr; gap: 15px; margin-bottom: 27px; }
  .lawnsy-principle { grid-template-columns: 38px minmax(0, 1fr); gap: 12px 14px; padding: 27px 0 29px; }
  .lawnsy-principle h3 { font-size: clamp(25px, 7vw, 36px); }
  .lawnsy-principle p { grid-column: 2; font-size: 14px; }
  .lawnsy-philosophy-closer-inner { align-items: flex-start; flex-direction: column; }
}

@media(max-width: 380px) {
  .lawnsy-philosophy-hero h1 { font-size: 40px; }
}
