@layer foundation,composition,components,behavior;
@layer foundation {
  :root {
    --ink: #163d2c;
    --quiet: #66736a;
    --forest: #164d36;
    --leaf: #c2eb86;
    --line: #dfe7df;
    --paper: #fff;
    --canvas: #f7f9f4;
    font-family:
      Microsoft YaHei,
      PingFang SC,
      system-ui,
      sans-serif;
    color: var(--ink);
    background: var(--paper);
    font-synthesis: none;
  }
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
  }
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  ol,
  ul {
    margin: 0;
  }
  h1,
  h2,
  h3 {
    line-height: 1.35;
  }
  h2 {
    font-size: clamp(25px, 2.3vw, 34px);
    letter-spacing: -0.045em;
    font-weight: 800;
  }
  h3 {
    font-size: 18px;
    letter-spacing: -0.02em;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  button,
  input {
    font: inherit;
  }
  button {
    cursor: pointer;
    color: inherit;
  }
  button,
  input,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    border: 0;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    background: #dce5cf;
  }
  :where(a, button, input, summary, [tabindex]):focus-visible {
    outline: 3px solid #3d8963;
    outline-offset: 5px;
    border-radius: 4px;
  }
  summary {
    cursor: pointer;
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  [hidden] {
    display: none !important;
  }
  section[id],
  article[id],
  nav[id] {
    scroll-margin-top: 100px;
  }
  ::selection {
    background: #c2eb86;
    color: #163d2c;
  }
  .eywm0rt41k {
    width: min(1240px, calc(100% - 88px));
    margin-inline: auto;
  }
  .hgg5hd4npn {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .bg0ywwc1hn {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 99;
    transform: translateY(-160%);
    background: var(--forest);
    color: #fff;
    padding: 8px 18px;
  }
  .bg0ywwc1hn:focus {
    transform: none;
  }
  .g0kyrugjbi {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.6;
  }
  .c7qhh2pv8w {
    color: var(--quiet);
    font-size: 13px;
  }
  .b0mziw96zi {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    font-size: 12px;
    font-weight: 700;
  }
  .b0mziw96zi span {
    font-size: 19px;
    transition: transform 0.2s;
  }
  .b0mziw96zi:hover span {
    transform: translate(3px, -3px);
  }
  .w62heumpk6 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    background: linear-gradient(115deg, #235e3c, #368658);
    color: #fff;
    border-radius: 8px;
    padding: 13px 23px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 6px 16px #174d3620;
    transition:
      transform 0.22s,
      box-shadow 0.22s;
  }
  .w62heumpk6 span {
    font-size: 21px;
    line-height: 1;
  }
  .w62heumpk6:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px #174d3630;
  }
  .o2s51wkz02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 25px;
    margin-bottom: 30px;
  }
  .o2s51wkz02 h2 {
    margin-top: 8px;
  }
}
@layer composition {
  .ufvyesgirj {
    position: sticky;
    z-index: 30;
    top: 0;
    background: #ffffffed;
    border-bottom: 1px solid #e9eee7;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .osmkymkfrh {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
  .eukkrofu2a {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .eukkrofu2a img {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    border: 1px solid #e1eddb;
  }
  .eukkrofu2a > span {
    font-size: 27px;
    letter-spacing: -0.06em;
    font-weight: 900;
  }
  .eukkrofu2a small {
    display: block;
    font:
      600 8px/1.8 system-ui,
      sans-serif;
    letter-spacing: 0.12em;
  }
  .ejcn9cky5t {
    display: flex;
    align-items: center;
    gap: 28px;
    font-size: 12px;
    font-weight: 600;
  }
  .ejcn9cky5t > a {
    transition: color 0.2s;
  }
  .ejcn9cky5t > a:hover {
    color: #438a50;
  }
  .ejcn9cky5t .ub7u343lxw {
    border: 1px solid #bbceb9;
    border-radius: 6px;
    padding: 9px 17px;
    margin-left: 8px;
  }
  .ub7u343lxw span {
    padding-left: 13px;
  }
  .u7ix1vjmso,
  .k4t6gj8re8 {
    display: none;
  }
  .vp70y30aad {
    background: linear-gradient(110deg, #f2f7e9 15%, #e9f2e1 95%);
    overflow: hidden;
  }
  .i1bkx9b2a5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 0;
    border-bottom: 1px solid #cedfc9;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
  }
  .i1bkx9b2a5 i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3f8a51;
    display: inline-block;
    margin-right: 8px;
  }
  .i1bkx9b2a5 > span:nth-child(2) {
    color: #7b8a76;
    font:
      10px system-ui,
      sans-serif;
    letter-spacing: 0.15em;
  }
  .i1bkx9b2a5 a span {
    margin-left: 16px;
  }
  .g0gyxavlqm {
    display: grid;
    grid-template-columns: 0.98fr 1.02fr;
    gap: 45px;
    align-items: center;
    padding: 38px 0 37px;
  }
  .pgmmv9d6vl {
    padding-top: 8px;
    min-width: 0;
  }
  .pgmmv9d6vl > .g0kyrugjbi {
    letter-spacing: 0.2em;
    color: #568142;
    margin-bottom: 23px;
  }
  .pgmmv9d6vl h2 {
    font-size: clamp(39px, 4.45vw, 64px);
    line-height: 1.22;
    letter-spacing: -0.065em;
    font-weight: 900;
  }
  .pgmmv9d6vl h2 > span {
    display: inline-block;
    position: relative;
    z-index: 0;
  }
  .pgmmv9d6vl h2 > span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 14px;
    bottom: 2px;
    z-index: -1;
    background: #bee795;
    transform: rotate(-1deg);
  }
  .pgmmv9d6vl h2 i {
    font-style: normal;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    font-size: 0.65em;
    color: #6c984d;
  }
  .um2clil5yu {
    font-size: 17px;
    font-weight: 600;
    margin-top: 23px;
    letter-spacing: -0.025em;
  }
  .ktfdvr8yjc {
    max-width: 370px;
    margin-top: 13px;
    color: #62715c;
    font-size: 13px;
    line-height: 2;
  }
  .i856ik924q {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 28px;
  }
  .hyrs95dllm {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #a5b99b;
    padding-block: 9px;
  }
  .hyrs95dllm span {
    margin-left: 13px;
  }
  .hoiv9jrz6h {
    font-size: 10px;
    color: #78876d;
    margin-top: 16px;
  }
  .hoiv9jrz6h span {
    font-size: 10px;
    margin-right: 5px;
  }
  .jc631c9kp7 {
    margin-top: 38px;
    display: flex;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid #cedfc9;
    color: #6c7a64;
    font-size: 10px;
  }
  .jc631c9kp7 a span {
    margin-left: 13px;
  }
  .nc6v8g5pys {
    position: relative;
    align-self: stretch;
    min-width: 0;
    padding: 0 0 3px;
  }
  .azbr3sl8gg {
    height: 440px;
    position: relative;
    border: 6px solid white;
    border-radius: 13px 60px 13px 13px;
    box-shadow: 0 14px 40px #3e573421;
    overflow: hidden;
    background: #c7d9b4;
  }
  .azbr3sl8gg figure {
    position: absolute;
    inset: 0;
    overflow: hidden;
    animation: poster-in 0.6s ease both;
  }
  .azbr3sl8gg img {
    width: 100%;
    height: 100%;
    object-position: center 38%;
    transition: transform 7s linear;
  }
  .azbr3sl8gg figure:hover img {
    transform: scale(1.04);
  }
  .azbr3sl8gg figure:after {
    content: "";
    position: absolute;
    inset: 30% 0 0;
    background: linear-gradient(transparent, #112a22d9);
    pointer-events: none;
  }
  .azbr3sl8gg figcaption {
    position: absolute;
    z-index: 2;
    bottom: 27px;
    left: 29px;
    right: 25px;
    color: #fff;
  }
  .azbr3sl8gg figcaption > span {
    font-size: 10px;
    letter-spacing: 0.12em;
    display: block;
    color: #e2edda;
  }
  .azbr3sl8gg strong {
    display: block;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -0.04em;
    margin: 5px 0 2px;
  }
  .azbr3sl8gg figcaption a {
    font-size: 11px;
  }
  .azbr3sl8gg figcaption a span {
    margin-left: 13px;
  }
  .znb7i1uoh0 {
    position: absolute;
    z-index: 2;
    top: 27px;
    left: 26px;
    background: #edffce;
    border: 1px solid #eefadd;
    outline: 4px solid #edffce55;
    color: #27513b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding: 11px 8px;
    border-radius: 50%;
    width: 63px;
    height: 63px;
    text-align: center;
    transform: rotate(-12deg);
  }
  .edcmftqhwx {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 0 0;
  }
  .edcmftqhwx button {
    font:
      600 11px system-ui,
      sans-serif;
    padding: 6px 3px;
    background: transparent;
  }
  .edcmftqhwx > button:last-child {
    font-size: 24px;
    line-height: 1;
    padding-inline: 7px;
  }
  .ainhra6a55 {
    display: flex;
    gap: 14px;
  }
  .ainhra6a55 button {
    border-bottom: 2px solid transparent;
    color: #839078;
    min-width: 22px;
  }
  .ainhra6a55 button[aria-pressed="true"] {
    color: #234e32;
    border-color: #234e32;
  }
  .hdwonotykv {
    display: block;
    flex: 1;
    height: 2px;
    background: #d3dfcb;
  }
  .hdwonotykv i {
    display: block;
    height: 100%;
    width: 100%;
    background: #56814a;
    transform: scaleX(var(--progress, 0));
    transform-origin: left;
  }
  .e6lxm7sham {
    padding-block: 40px 51px;
  }
  .qterftv63m {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 22px;
  }
  .qterftv63m > span {
    color: #7a8975;
  }
  .qterftv63m h2 {
    font-size: 19px;
  }
  .e93lp607mw {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
  }
  .e93lp607mw article {
    padding: 23px 24px;
    background: #fff;
    transition: background 0.25s;
  }
  .e93lp607mw article + article {
    border-left: 1px solid var(--line);
  }
  .e93lp607mw article:hover {
    background: #f4f8ef;
  }
  .e93lp607mw article > span {
    display: block;
    font:
      500 9px system-ui,
      sans-serif;
    letter-spacing: 0.1em;
    color: #7a9069;
    margin-bottom: 13px;
  }
  .e93lp607mw h3 {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .e93lp607mw p {
    font-size: 11px;
    line-height: 1.9;
    color: var(--quiet);
  }
  .qzkn7pmztn {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 305px;
    gap: 36px;
    padding-block: 24px 70px;
  }
  .lacv9ot62a {
    min-width: 0;
  }
  .lacv9ot62a .o2s51wkz02 h2 > span {
    color: #91b96e;
  }
  .fsiw0b4e8f {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    grid-template-rows: 1fr 1fr;
    gap: 19px;
  }
  .vfain35arw {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 19px;
    min-width: 0;
  }
  .vfain35arw > div {
    padding-right: 5px;
  }
  .vfain35arw:first-child {
    grid-row: span 2;
    display: block;
    background: #edf3e5;
    padding: 0;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
  }
  .vfain35arw:first-child > div {
    padding: 22px;
  }
  .bg4jt1mieq {
    position: relative;
    display: block;
    width: 105px;
    height: 151px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
  }
  .bg4jt1mieq img {
    width: 100%;
    height: 100%;
    transition: transform 0.45s;
  }
  .vfain35arw:hover img {
    transform: scale(1.055);
  }
  .bg4jt1mieq > span {
    position: absolute;
    bottom: 10px;
    left: 13px;
    color: #fff;
    font-size: 10px;
    z-index: 1;
    text-shadow: 0 1px 5px #122c17;
    display: none;
  }
  .vfain35arw:first-child .bg4jt1mieq {
    width: 100%;
    height: 247px;
    border-radius: 0;
  }
  .vfain35arw:first-child .bg4jt1mieq > span {
    display: block;
  }
  .vfain35arw .g0kyrugjbi {
    font-size: 9px;
    color: #7b8b6b;
  }
  .vfain35arw h3 {
    font-size: 19px;
    margin-top: 7px;
  }
  .vfain35arw p {
    font-size: 11px;
    color: var(--quiet);
    margin-top: 10px;
  }
  .vfain35arw .b0mziw96zi {
    margin-top: 16px;
    font-size: 10px;
  }
  .h5c03bshjh {
    background: var(--forest);
    color: #eef6e8;
    border-radius: 11px;
    padding: 25px 25px 23px;
    align-self: stretch;
    position: relative;
    overflow: hidden;
  }
  .a3algv8wwi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #b6cf9f;
  }
  .a3algv8wwi > span {
    font: 24px system-ui;
  }
  .h5c03bshjh h2 {
    font-size: 26px;
    margin-top: 2px;
  }
  .fwwhm2bmxk {
    color: #b5c9ab;
    font-size: 11px;
    margin-top: 8px;
  }
  .h5c03bshjh ol {
    list-style: none;
    padding: 0;
    margin-top: 13px;
  }
  .h5c03bshjh li + li {
    border-top: 1px solid #ffffff1c;
  }
  .h5c03bshjh li a {
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 16px 0;
    transition: transform 0.2s;
  }
  .h5c03bshjh li a:hover {
    transform: translate(4px);
  }
  .h5c03bshjh li a > span:first-child {
    color: #b8de91;
    font: 500 18px system-ui;
  }
  .h5c03bshjh li img {
    width: 35px;
    height: 47px;
    border-radius: 3px;
    flex-shrink: 0;
  }
  .h5c03bshjh li a > span:nth-of-type(2) {
    min-width: 0;
    flex: 1;
  }
  .h5c03bshjh li strong {
    display: block;
    font-size: 12px;
    font-weight: 600;
  }
  .h5c03bshjh li small {
    font-size: 9px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b5c9ab;
    max-width: 145px;
  }
  .h5c03bshjh li b {
    color: #91b279;
    font-size: 15px;
    font-weight: 400;
  }
  .dxsqqmsqr0 {
    border-top: 1px solid #ffffff1c;
    padding-top: 13px;
    font-size: 9px;
    line-height: 1.9;
    color: #b5c9ab;
  }
  .fvus64gsz4 {
    padding-block: 64px 75px;
    background: var(--canvas);
    border-block: 1px solid #e7ede2;
  }
  .fvus64gsz4 .o2s51wkz02 {
    margin-bottom: 27px;
  }
  .e32770fe33 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dbe4d7;
  }
  .fij1ik7yx1 {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .fij1ik7yx1 button {
    background: transparent;
    padding: 9px 14px;
    color: #71806b;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .fij1ik7yx1 button[aria-pressed="true"] {
    color: #fff;
    background: var(--forest);
  }
  .fij1ik7yx1 button span {
    font: 9px system-ui;
    margin-left: 5px;
    opacity: 0.7;
  }
  .fij1ik7yx1 button:hover {
    box-shadow: inset 0 0 0 1px #859b76;
  }
  .r38vurj975 {
    display: flex;
    border: 1px solid #d7e2d0;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    width: 255px;
  }
  .r38vurj975:focus-within {
    outline: 2px solid #549272;
    outline-offset: 3px;
  }
  .r38vurj975 input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 10px 12px;
    background: transparent;
    font-size: 11px;
    color: var(--ink);
  }
  .r38vurj975 input:focus-visible {
    outline: none;
  }
  .r38vurj975 input::placeholder {
    color: #84907c;
  }
  .r38vurj975 button {
    font: 26px/1 system-ui;
    background: transparent;
    width: 40px;
    flex-shrink: 0;
  }
  .zo94jzx8w9 {
    display: flex;
    justify-content: space-between;
    padding-block: 13px 23px;
    color: #75816f;
    font-size: 10px;
  }
  .quu3zc0tk8 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 22px;
    align-items: start;
  }
  .opyxadk2is {
    display: flex;
    gap: 22px;
    padding: 21px;
    border: 1px solid #e1e8dc;
    border-radius: 8px;
    background: #fff;
    transition:
      border-color 0.25s,
      box-shadow 0.25s;
    min-width: 0;
  }
  .opyxadk2is:hover {
    border-color: #b8cca6;
    box-shadow: 0 7px 22px #28432608;
  }
  .opyxadk2is:target {
    border-color: #6e9e55;
    box-shadow: 0 0 0 2px #a5ce7c66;
  }
  .hobykigzgf {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    width: 105px;
    height: 145px;
    flex-shrink: 0;
  }
  .hobykigzgf img {
    width: 100%;
    height: 100%;
    transition: transform 0.35s;
  }
  .opyxadk2is:hover img {
    transform: scale(1.04);
  }
  .hobykigzgf span {
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-size: 9px;
    padding: 1px 6px;
    background: #ffffffeb;
    border-radius: 2px;
  }
  .nzl87h1mut {
    min-width: 0;
    flex: 1;
  }
  .nzl87h1mut > .g0kyrugjbi {
    font-size: 9px;
    color: #8c9a83;
    margin-bottom: 8px;
  }
  .nzl87h1mut h3 {
    font-size: 19px;
  }
  .nzl87h1mut > p:not(.g0kyrugjbi) {
    color: #7a8473;
    font-size: 11px;
    margin-top: 9px;
  }
  .nzl87h1mut details {
    margin-top: 17px;
    font-size: 11px;
  }
  .nzl87h1mut summary {
    color: #4f7843;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
    width: fit-content;
  }
  .nzl87h1mut summary > span {
    font-size: 15px;
    transition: transform 0.2s;
  }
  .nzl87h1mut details[open] summary > span {
    transform: rotate(45deg);
  }
  .nzl87h1mut details > div {
    border-top: 1px solid #e6eddf;
    margin-top: 12px;
    padding-top: 12px;
    color: #64705d;
    line-height: 1.9;
  }
  .nzl87h1mut details p + p {
    margin-top: 9px;
  }
  .nzl87h1mut details small {
    display: block;
    margin-top: 8px;
    color: #87917c;
  }
  .ipkw4hrx4k {
    text-align: center;
    padding: 52px 20px;
    border: 1px dashed #b5c6aa;
    border-radius: 8px;
  }
  .ipkw4hrx4k > span {
    font: 44px/1 system-ui;
    color: #879e77;
  }
  .ipkw4hrx4k h3 {
    margin-top: 15px;
  }
  .ipkw4hrx4k p {
    font-size: 12px;
    color: #74816b;
    margin-top: 8px;
  }
  .ipkw4hrx4k button {
    margin-top: 20px;
  }
  .ikskjn92ug {
    padding-block: 90px;
    background: #fff;
  }
  .mj0mclzmgh {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 55px;
    align-items: center;
  }
  .xf6pv6xqux h2 {
    margin-top: 13px;
    line-height: 1.45;
  }
  .xf6pv6xqux > p:not(.g0kyrugjbi) {
    margin-top: 18px;
    font-size: 12px;
    line-height: 2;
    color: #718069;
    max-width: 330px;
  }
  .xf6pv6xqux ul {
    padding: 0;
    list-style: none;
    margin-top: 21px;
    font-size: 11px;
    color: #62765a;
  }
  .xf6pv6xqux li {
    margin-top: 7px;
  }
  .xf6pv6xqux li:before {
    content: "↗";
    color: #659a42;
    margin-right: 10px;
  }
  .gzanjvguh3 {
    display: flex;
    gap: 9px;
    margin-top: 25px;
  }
  .gzanjvguh3 button {
    border-radius: 5px;
    border: 1px solid #dbe5d1;
    background: #fff;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
  }
  .gzanjvguh3 button i {
    width: 9px;
    height: 9px;
    background: #dce9d1;
    border-radius: 50%;
  }
  .gzanjvguh3 button + button i {
    background: #fffef8;
    border: 1px solid #c8cbbb;
  }
  .gzanjvguh3 button[aria-pressed="true"] {
    border-color: #699151;
    box-shadow: 0 0 0 1px #699151;
  }
  .xf6pv6xqux .mlzucjoqf3 {
    font-size: 9px !important;
    margin-top: 12px !important;
  }
  .vx1kppswd5 {
    position: relative;
    min-height: 425px;
    border-radius: 35% 20% 27% 12%;
    background: #e9f1df;
    padding: 35px 83px 60px 18px;
    isolation: isolate;
    --devicebg: #eff5e9;
    --devicetext: #2d5138;
  }
  .vx1kppswd5[data-surface="paper"] {
    --devicebg: #fffdf6;
    --devicetext: #4b493b;
  }
  .zju3l0ps1g {
    width: 100%;
    border: 1px solid #abbba0;
    border-radius: 10px;
    background: var(--devicebg);
    color: var(--devicetext);
    overflow: hidden;
    box-shadow: 0 17px 28px #384b2b18;
    transform: rotate(-3deg);
    transition:
      background 0.3s,
      color 0.3s;
  }
  .je5upa70aq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff8a;
    padding: 10px 13px;
    border-bottom: 1px solid #d6dfcd;
    font-size: 8px;
  }
  .je5upa70aq > span:first-child {
    color: #8aa076;
    font-size: 7px;
    letter-spacing: 2px;
  }
  .je5upa70aq > b {
    font-size: 12px;
  }
  .amu5vkexty {
    padding: 22px 25px;
  }
  .ygrymf1y7s {
    font-size: 14px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ygrymf1y7s span {
    font: 8px system-ui;
    color: #8a987b;
    letter-spacing: 0.06em;
  }
  .hfhu467lfb {
    display: flex;
    gap: 24px;
    margin-top: 24px;
    align-items: center;
  }
  .hfhu467lfb img {
    width: 112px;
    height: 147px;
    border-radius: 4px;
    box-shadow: 3px 5px 10px #4a5d3224;
  }
  .hfhu467lfb > div > span:first-child {
    font-size: 8px;
    color: #7f8e73;
  }
  .hfhu467lfb h3 {
    font-size: 19px;
    margin-top: 6px;
  }
  .hfhu467lfb p {
    font-size: 10px;
    line-height: 2;
    margin-top: 12px;
    color: #7f8e73;
  }
  .l0lzaeu09x {
    display: inline-block;
    background: #315b3c;
    color: #fff;
    border-radius: 3px;
    padding: 4px 16px;
    font-size: 8px;
    margin-top: 16px;
  }
  .u8kch7sox7 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 24px;
  }
  .u8kch7sox7 i {
    height: 3px;
    background: #a1b58d40;
    width: 100%;
    border-radius: 10px;
  }
  .u8kch7sox7 i:last-child {
    width: 65%;
  }
  .z2d0jcq9jg {
    font-size: 8px;
    color: #8c9a7e;
    margin-top: 18px;
  }
  .ip2jni5p7h {
    position: absolute;
    width: 158px;
    right: 5px;
    bottom: 34px;
    border: 6px solid #28472e;
    border-radius: 26px;
    background: var(--devicebg);
    color: var(--devicetext);
    padding: 21px 10px 14px;
    box-shadow: 0 10px 28px #24402630;
    transform: rotate(6deg);
    transition: background 0.3s;
  }
  .t5avdhole7 {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translate(-50%);
    width: 47px;
    height: 7px;
    border-radius: 6px;
    background: #28472e;
  }
  .pdtb6p8m5k {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    margin-bottom: 9px;
  }
  .ip2jni5p7h img {
    width: 100%;
    height: 146px;
    border-radius: 4px;
  }
  .ip2jni5p7h > small {
    font-size: 6px;
    display: block;
    margin-top: 9px;
    color: #7f8e73;
  }
  .ip2jni5p7h > strong {
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }
  .ip2jni5p7h p {
    font-size: 6px;
    margin-top: 5px;
    color: #7f8e73;
  }
  .m0vxpww1pr {
    display: block;
    text-align: center;
    font-size: 7px;
    color: #fff;
    background: #315b3c;
    padding: 5px;
    border-radius: 3px;
    margin-top: 11px;
  }
  .d32cdrx4j9 {
    position: absolute;
    font-size: 10px;
    color: #697f57;
    bottom: 0;
    left: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .d32cdrx4j9 i {
    font-style: normal;
    font-size: 25px;
    color: #87a962;
  }
  .sn3r3m4n0k {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 90px;
    padding-block: 45px 85px;
    border-top: 1px solid var(--line);
  }
  .nctfjmm3er h2,
  .ojb9h06fea h2 {
    font-size: 27px;
    margin-top: 11px;
  }
  .nctfjmm3er > .c7qhh2pv8w {
    font-size: 12px;
    margin-top: 11px;
  }
  .skir7vjwnl {
    padding: 0;
    list-style: none;
    margin-top: 34px;
  }
  .skir7vjwnl li {
    display: flex;
    gap: 22px;
    position: relative;
    padding-bottom: 25px;
  }
  .skir7vjwnl li:last-child {
    padding-bottom: 0;
  }
  .skir7vjwnl li:not(:last-child):after {
    content: "";
    position: absolute;
    left: 17px;
    top: 39px;
    bottom: 5px;
    width: 1px;
    background: #d6e3cb;
  }
  .skir7vjwnl li > span {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    border: 1px solid #d7e5cb;
    border-radius: 50%;
    text-align: center;
    font: 500 12px/35px system-ui;
    color: #6b8c53;
  }
  .skir7vjwnl h3 {
    font-size: 15px;
    margin-top: 4px;
  }
  .skir7vjwnl p {
    font-size: 11px;
    color: #7a8671;
    margin-top: 7px;
    line-height: 1.9;
  }
  .skir7vjwnl a {
    display: inline-block;
    margin-top: 8px;
    font-size: 10px;
    color: #5f8249;
  }
  .skir7vjwnl a span {
    margin-left: 12px;
  }
  .ojb9h06fea > div {
    margin-top: 24px;
    border-top: 1px solid #dce5d5;
  }
  .ojb9h06fea details {
    padding: 16px 0;
    border-bottom: 1px solid #dce5d5;
  }
  .ojb9h06fea summary {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 12px;
    font-weight: 600;
  }
  .ojb9h06fea summary span {
    font-size: 17px;
    color: #7b9468;
    font-weight: 400;
    line-height: 1.3;
    transition: transform 0.2s;
  }
  .ojb9h06fea details[open] summary span {
    transform: rotate(45deg);
  }
  .ojb9h06fea details p {
    color: #79866f;
    font-size: 11px;
    line-height: 2;
    padding: 13px 25px 0 0;
  }
  .gq2mq0p8e7 {
    padding-block: 55px 65px;
    background: #fafbf7;
    border-top: 1px solid #e7ede2;
  }
  .gq2mq0p8e7 h2 {
    font-size: 27px;
  }
  .vlaz58isjp {
    color: #88917d;
    font-size: 9px;
  }
  .ibx1aeytd7 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
  .ibx1aeytd7 figure {
    padding: 22px 26px 25px;
    border-top: 2px solid #b4cba2;
    border-bottom: 1px solid #e1e8d9;
  }
  .ibx1aeytd7 figure > span {
    font:
      50px/0.8 Georgia,
      serif;
    color: #a9c890;
  }
  .ibx1aeytd7 blockquote {
    font-size: 13px;
    line-height: 2;
    min-height: 80px;
    color: #5e7054;
    margin-top: 5px;
  }
  .ibx1aeytd7 figcaption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px dashed #dce5d2;
  }
  .ibx1aeytd7 small {
    color: #88917d;
    font-size: 8px;
  }
  .rd8hlw6rgw {
    margin-block: 80px;
    background: #e9f3d6;
    border: 1px solid #d5e4c0;
    border-radius: 13px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    gap: 70px;
    padding: 45px 65px;
    position: relative;
    overflow: hidden;
  }
  .rd8hlw6rgw:after {
    content: "✳";
    position: absolute;
    color: #b8d18d44;
    font-size: 300px;
    line-height: 1;
    top: 25px;
    left: 38%;
    z-index: 0;
    pointer-events: none;
  }
  .ol8k7rpxpq {
    position: relative;
    z-index: 1;
  }
  .ol8k7rpxpq > .g0kyrugjbi {
    color: #7b935e;
    font-size: 9px;
  }
  .ol8k7rpxpq h2 {
    font-size: 18px;
    margin-top: 18px;
    font-weight: 600;
  }
  .ol8k7rpxpq h2 span {
    display: inline-block;
    font-size: 35px;
    font-weight: 800;
    margin-top: 10px;
  }
  .ol8k7rpxpq p {
    font-size: 12px;
    color: #7b8966;
    margin-top: 14px;
  }
  .ol8k7rpxpq .w62heumpk6 {
    margin-top: 24px;
  }
  .bf0iqq4b77 {
    position: relative;
    z-index: 1;
    background: #ffffffd6;
    border: 1px solid #ffffffdf;
    border-radius: 10px;
    padding: 23px;
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 16px;
  }
  .d9n1sqrt6c {
    border-radius: 12px;
    background: #1c5b3a;
    width: 55px;
    height: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 6px;
  }
  .d9n1sqrt6c i {
    display: block;
    width: 24px;
    height: 13px;
    background: #c9ec8c;
    border-radius: 5px 5px 9px 9px;
    position: relative;
  }
  .d9n1sqrt6c i:before,
  .d9n1sqrt6c i:after {
    content: "";
    position: absolute;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c9ec8c;
    box-shadow: inset 0 0 0 2px #c9ec8c;
    border: 2px solid #1c5b3a;
  }
  .d9n1sqrt6c i:before {
    left: 1px;
  }
  .d9n1sqrt6c i:after {
    right: 1px;
  }
  .d9n1sqrt6c span {
    font-size: 9px;
    line-height: 1;
  }
  .bf0iqq4b77 > div:nth-child(2) {
    align-self: center;
  }
  .bf0iqq4b77 h3 {
    font-size: 16px;
  }
  .ljgzmgrfcq {
    font-size: 10px;
    color: #82906e;
    margin-top: 4px;
  }
  .ljgzmgrfcq i {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9aa87f;
    margin-right: 5px;
  }
  .bf0iqq4b77 > p,
  .bf0iqq4b77 > button,
  .bf0iqq4b77 > a {
    grid-column: 1 / -1;
  }
  .bf0iqq4b77 > p {
    font-size: 11px;
    color: #7e8a70;
    line-height: 1.9;
  }
  .bf0iqq4b77 > button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e9eedf;
    color: #657851;
    border: 1px solid #dbe4cc;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 11px;
    cursor: not-allowed;
    opacity: 1;
  }
  .bf0iqq4b77 > a {
    font-size: 10px;
    color: #7e8a70;
    text-align: center;
  }
  .lutdlcia2a {
    background: #133b2b;
    color: #e1edd4;
    padding-block: 53px 0;
  }
  .ji4hci4ojq {
    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 60px;
    padding-bottom: 36px;
    border-bottom: 1px solid #ffffff20;
  }
  .ji4hci4ojq .g0kyrugjbi {
    color: #94ac80;
    font-size: 8px;
  }
  .ji4hci4ojq h2 {
    font-size: 26px;
    margin-top: 10px;
  }
  .ji4hci4ojq h2 span {
    color: #a6ca7f;
    font-size: 26px;
    margin-left: 18px;
  }
  .ji4hci4ojq > div > p:not(.g0kyrugjbi) {
    font-size: 11px;
    color: #b2c4a5;
    line-height: 2.1;
  }
  .ji4hci4ojq .u1z6yb3wb2 {
    margin-top: 13px;
    color: #829d75 !important;
    font-size: 9px !important;
  }
  .htwgf4ixuj {
    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 60px;
    padding-block: 32px;
    border-bottom: 1px solid #ffffff20;
  }
  .htwgf4ixuj h3 {
    font-size: 13px;
  }
  .htwgf4ixuj p {
    color: #829d75;
    font-size: 10px;
    margin-top: 7px;
  }
  .htwgf4ixuj > div:last-child {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px 16px;
    align-content: start;
  }
  .htwgf4ixuj a {
    color: #b2c4a5;
    font-size: 10px;
    width: fit-content;
  }
  .htwgf4ixuj a:hover {
    color: #d9f3b4;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .papd6i70mb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-block: 23px;
    color: #829d75;
    font-size: 9px;
  }
  .papd6i70mb > a:first-child {
    font-size: 17px;
    color: #e1edd4;
    font-weight: 700;
  }
  .papd6i70mb > a:first-child > span {
    font: 7px system-ui;
    letter-spacing: 0.06em;
    margin-left: 11px;
    color: #829d75;
  }
  .papd6i70mb > a:last-child span {
    margin-left: 11px;
  }
}
@layer behavior {
  @keyframes poster-in {
    0% {
      opacity: 0.4;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  [data-reveal="waiting"] {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  [data-reveal="shown"] {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  @media (min-width: 1600px) {
    .eywm0rt41k {
      width: min(1320px, calc(100% - 120px));
    }
    .azbr3sl8gg {
      height: 477px;
    }
    .g0gyxavlqm {
      padding-block: 46px;
    }
  }
  @media (max-width: 1150px) {
    .eywm0rt41k {
      width: calc(100% - 56px);
    }
    .ejcn9cky5t {
      gap: 18px;
    }
    .g0gyxavlqm {
      gap: 30px;
    }
    .pgmmv9d6vl h2 {
      font-size: 46px;
    }
    .azbr3sl8gg {
      height: 420px;
    }
    .qzkn7pmztn {
      grid-template-columns: minmax(0, 1fr) 276px;
      gap: 26px;
    }
    .fsiw0b4e8f {
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .vfain35arw {
      display: block;
    }
    .vfain35arw:not(:first-child) {
      display: flex;
      gap: 11px;
    }
    .vfain35arw:not(:first-child) .bg4jt1mieq {
      width: 75px;
      height: 110px;
    }
    .vfain35arw h3 {
      font-size: 17px;
    }
    .vfain35arw:first-child .bg4jt1mieq {
      height: 230px;
    }
    .vfain35arw:first-child > div {
      padding: 17px;
    }
    .vfain35arw .b0mziw96zi {
      gap: 12px;
    }
    .e93lp607mw article {
      padding: 20px;
    }
    .mj0mclzmgh {
      grid-template-columns: 0.85fr 1.15fr;
      gap: 35px;
    }
    .vx1kppswd5 {
      padding-right: 60px;
      min-height: 400px;
    }
    .amu5vkexty {
      padding: 20px;
    }
    .hfhu467lfb {
      gap: 15px;
    }
    .hfhu467lfb img {
      width: 85px;
      height: 128px;
    }
    .hfhu467lfb h3 {
      font-size: 15px;
    }
    .ip2jni5p7h {
      width: 139px;
    }
    .ip2jni5p7h img {
      height: 129px;
    }
    .sn3r3m4n0k {
      gap: 60px;
    }
    .rd8hlw6rgw {
      gap: 45px;
      padding: 40px;
    }
    .ol8k7rpxpq h2 span {
      font-size: 31px;
    }
  }
  @media (max-width: 960px) {
    .osmkymkfrh {
      min-height: 78px;
    }
    .ejcn9cky5t {
      gap: 15px;
      font-size: 11px;
    }
    .ejcn9cky5t > a:nth-child(4),
    .ejcn9cky5t > a:nth-child(5) {
      display: none;
    }
    .pgmmv9d6vl h2 {
      font-size: 39px;
    }
    .um2clil5yu {
      font-size: 15px;
    }
    .ktfdvr8yjc {
      font-size: 12px;
    }
    .i856ik924q {
      gap: 17px;
    }
    .i856ik924q .w62heumpk6 {
      padding-inline: 16px;
      gap: 20px;
    }
    .hyrs95dllm {
      font-size: 11px;
    }
    .azbr3sl8gg {
      height: 410px;
    }
    .jc631c9kp7 {
      margin-top: 30px;
    }
    .e93lp607mw {
      grid-template-columns: repeat(2, 1fr);
    }
    .e93lp607mw article:nth-child(3) {
      border-left: 0;
    }
    .e93lp607mw article:nth-child(n + 3) {
      border-top: 1px solid var(--line);
    }
    .qzkn7pmztn {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .fsiw0b4e8f {
      grid-template-columns: 0.95fr 1.05fr;
    }
    .vfain35arw:not(:first-child) .bg4jt1mieq {
      width: 120px;
      height: 155px;
    }
    .vfain35arw:not(:first-child) {
      gap: 22px;
    }
    .vfain35arw:first-child .bg4jt1mieq {
      height: 236px;
    }
    .vfain35arw:first-child > div {
      padding: 20px;
    }
    .h5c03bshjh {
      padding: 24px;
    }
    .h5c03bshjh section {
      display: grid;
      grid-template-columns: 170px 1fr;
      column-gap: 20px;
    }
    .a3algv8wwi,
    .h5c03bshjh h2,
    .fwwhm2bmxk,
    .dxsqqmsqr0 {
      grid-column: 1;
    }
    .h5c03bshjh ol {
      grid-column: 2;
      grid-row: 1 / 5;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0 20px;
      margin: 0;
    }
    .h5c03bshjh li:nth-child(2) {
      border-top: 0;
    }
    .h5c03bshjh li a {
      gap: 8px;
    }
    .h5c03bshjh li img {
      width: 31px;
      height: 43px;
    }
    .h5c03bshjh li small {
      max-width: 110px;
    }
    .dxsqqmsqr0 {
      margin-top: 16px;
      padding-top: 12px;
    }
    .opyxadk2is {
      gap: 15px;
      padding: 17px;
    }
    .hobykigzgf {
      width: 85px;
      height: 127px;
    }
    .nzl87h1mut h3 {
      font-size: 17px;
    }
    .mj0mclzmgh {
      gap: 30px;
    }
    .vx1kppswd5 {
      padding: 40px 45px 65px 0;
      min-height: 380px;
    }
    .hfhu467lfb {
      gap: 13px;
    }
    .hfhu467lfb img {
      width: 72px;
      height: 108px;
    }
    .hfhu467lfb h3 {
      font-size: 13px;
    }
    .hfhu467lfb p {
      font-size: 8px;
    }
    .ip2jni5p7h {
      width: 124px;
      padding: 21px 8px 12px;
      right: -6px;
      bottom: 22px;
      border-width: 5px;
    }
    .ip2jni5p7h img {
      height: 120px;
    }
    .ip2jni5p7h > strong {
      font-size: 11px;
    }
    .d32cdrx4j9 {
      left: 15px;
      bottom: -6px;
      font-size: 8px;
    }
    .sn3r3m4n0k {
      gap: 40px;
    }
    .nctfjmm3er h2,
    .ojb9h06fea h2 {
      font-size: 23px;
    }
    .ibx1aeytd7 {
      gap: 16px;
    }
    .ibx1aeytd7 figure {
      padding-inline: 13px;
    }
    .ibx1aeytd7 blockquote {
      font-size: 12px;
      min-height: 100px;
    }
    .ibx1aeytd7 figcaption {
      align-items: flex-start;
      flex-direction: column;
      gap: 4px;
    }
    .rd8hlw6rgw {
      padding: 35px;
      gap: 30px;
    }
    .ol8k7rpxpq h2 span {
      font-size: 28px;
    }
    .ji4hci4ojq,
    .htwgf4ixuj {
      grid-template-columns: 0.7fr 2fr;
      gap: 40px;
    }
    .htwgf4ixuj > div:last-child {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 720px) {
    .eywm0rt41k {
      width: calc(100% - 36px);
    }
    html {
      scroll-padding-top: 80px;
    }
    section[id],
    article[id],
    nav[id] {
      scroll-margin-top: 80px;
    }
    .osmkymkfrh {
      min-height: 70px;
      gap: 15px;
    }
    .eukkrofu2a {
      gap: 9px;
    }
    .eukkrofu2a img {
      width: 36px;
      height: 36px;
      border-radius: 10px;
    }
    .eukkrofu2a > span {
      font-size: 24px;
    }
    .eukkrofu2a small {
      font-size: 6px;
    }
    .u7ix1vjmso {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      background: #f3f7ed;
      border: 1px solid #dde6d5;
      border-radius: 5px;
      padding: 6px 12px;
    }
    .u7ix1vjmso > span:first-child {
      font-size: 16px;
    }
    .ejcn9cky5t {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      padding: 14px 18px 20px;
      background: #fff;
      border-bottom: 1px solid var(--line);
      box-shadow: 0 12px 16px #18352210;
      gap: 0;
      grid-template-columns: repeat(2, 1fr);
      max-height: calc(100dvh - 70px);
      overflow: auto;
    }
    .ejcn9cky5t[data-expanded] {
      display: grid;
    }
    html:not([data-interactive]) .osmkymkfrh {
      flex-wrap: wrap;
      padding-block: 14px;
    }
    html:not([data-interactive]) .ejcn9cky5t {
      display: grid;
      position: static;
      width: 100%;
      box-shadow: none;
      border: 0;
      padding: 0;
    }
    html:not([data-interactive]) .u7ix1vjmso {
      display: none;
    }
    .ejcn9cky5t > a,
    .ejcn9cky5t > a:nth-child(4),
    .ejcn9cky5t > a:nth-child(5) {
      display: block;
      padding: 12px;
      border-bottom: 1px solid #e8eee1;
    }
    .ejcn9cky5t .ub7u343lxw {
      margin: 0;
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid #e8eee1;
      background: #edf5e3;
    }
    .k4t6gj8re8 {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .k4t6gj8re8 a {
      padding: 12px;
      border-bottom: 1px solid #e8eee1;
    }
    .i1bkx9b2a5 {
      padding: 15px 0;
      font-size: 9px;
    }
    .i1bkx9b2a5 > span:nth-child(2) {
      display: none;
    }
    .g0gyxavlqm {
      grid-template-columns: 1fr;
      gap: 25px;
      padding-top: 28px;
      padding-bottom: 22px;
    }
    .pgmmv9d6vl {
      padding-top: 0;
    }
    .pgmmv9d6vl > .g0kyrugjbi {
      font-size: 10px;
      margin-bottom: 16px;
    }
    .pgmmv9d6vl h2 {
      font-size: clamp(39px, 9vw, 60px);
    }
    .pgmmv9d6vl h2 > span:after {
      height: 11px;
    }
    .um2clil5yu {
      margin-top: 18px;
      font-size: 15px;
    }
    .ktfdvr8yjc {
      max-width: 440px;
      font-size: 12px;
      margin-top: 9px;
    }
    .i856ik924q {
      margin-top: 20px;
      gap: 21px;
    }
    .i856ik924q .w62heumpk6 {
      padding: 12px 18px;
      font-size: 12px;
      gap: 25px;
    }
    .hoiv9jrz6h {
      margin-top: 12px;
      font-size: 9px;
    }
    .jc631c9kp7 {
      display: none;
    }
    .azbr3sl8gg {
      height: clamp(270px, 75vw, 410px);
      border-radius: 11px 45px 11px 11px;
      border-width: 5px;
    }
    .azbr3sl8gg strong {
      font-size: 26px;
    }
    .azbr3sl8gg figcaption {
      left: 20px;
      bottom: 22px;
    }
    .znb7i1uoh0 {
      top: 20px;
      left: 20px;
    }
    .edcmftqhwx {
      padding-top: 10px;
    }
    .edcmftqhwx > button {
      min-height: 35px;
    }
    .edcmftqhwx > button:last-child {
      padding-inline: 12px;
    }
    .ainhra6a55 {
      gap: 13px;
    }
    .ainhra6a55 button {
      min-width: 30px;
      min-height: 35px;
    }
    .e6lxm7sham {
      padding-block: 30px 35px;
    }
    .qterftv63m {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 7px;
      margin-bottom: 17px;
    }
    .qterftv63m .g0kyrugjbi {
      font-size: 8px;
    }
    .qterftv63m h2 {
      font-size: 20px;
    }
    .e93lp607mw article {
      padding: 19px 16px;
    }
    .e93lp607mw article > span {
      font-size: 8px;
      margin-bottom: 10px;
    }
    .e93lp607mw h3 {
      font-size: 14px;
    }
    .e93lp607mw p {
      font-size: 10px;
      line-height: 1.9;
    }
    .qzkn7pmztn {
      padding-block: 18px 45px;
      gap: 25px;
    }
    .o2s51wkz02 {
      gap: 12px;
      margin-bottom: 23px;
    }
    .o2s51wkz02 .g0kyrugjbi {
      font-size: 8px;
    }
    .o2s51wkz02 h2 {
      font-size: 25px;
      margin-top: 7px;
    }
    .o2s51wkz02 > a {
      font-size: 10px;
      gap: 7px;
      white-space: nowrap;
    }
    .fsiw0b4e8f {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 18px;
    }
    .vfain35arw:first-child {
      grid-row: auto;
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }
    .vfain35arw:first-child .bg4jt1mieq {
      height: 235px;
    }
    .vfain35arw:first-child > div {
      padding: 20px 16px;
      align-self: center;
    }
    .vfain35arw:not(:first-child) {
      display: block;
    }
    .vfain35arw:not(:first-child) .bg4jt1mieq {
      width: 100%;
      height: 180px;
      margin-bottom: 16px;
    }
    .vfain35arw h3 {
      font-size: 17px;
    }
    .vfain35arw p {
      font-size: 10px;
    }
    .vfain35arw .b0mziw96zi {
      margin-top: 12px;
    }
    .h5c03bshjh {
      padding: 23px;
    }
    .h5c03bshjh section {
      display: block;
    }
    .a3algv8wwi {
      max-width: none;
    }
    .h5c03bshjh h2 {
      font-size: 27px;
    }
    .h5c03bshjh ol {
      display: block;
      margin-top: 14px;
    }
    .h5c03bshjh li:nth-child(2) {
      border-top: 1px solid #ffffff1c;
    }
    .h5c03bshjh li a {
      gap: 14px;
      padding-block: 13px;
    }
    .h5c03bshjh li img {
      width: 35px;
      height: 46px;
    }
    .h5c03bshjh li strong {
      font-size: 12px;
    }
    .h5c03bshjh li small {
      max-width: 190px;
      font-size: 9px;
    }
    .dxsqqmsqr0 {
      margin-top: 2px;
      font-size: 9px;
    }
    .fvus64gsz4 {
      padding-block: 40px 45px;
    }
    .fvus64gsz4 .o2s51wkz02 {
      display: block;
      margin-bottom: 20px;
    }
    .fvus64gsz4 .o2s51wkz02 > p {
      font-size: 11px;
      margin-top: 11px;
    }
    .e32770fe33 {
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
      padding-bottom: 17px;
    }
    .fij1ik7yx1 {
      gap: 3px;
      justify-content: space-between;
    }
    .fij1ik7yx1 button {
      font-size: 11px;
      padding: 8px 10px;
    }
    .r38vurj975 {
      width: 100%;
    }
    .r38vurj975 input {
      font-size: 12px;
      padding: 11px 13px;
    }
    .zo94jzx8w9 {
      font-size: 9px;
      padding-block: 14px 18px;
      gap: 10px;
    }
    .quu3zc0tk8 {
      grid-template-columns: 1fr;
      gap: 13px;
    }
    .opyxadk2is {
      padding: 17px;
      gap: 20px;
    }
    .hobykigzgf {
      width: 90px;
      height: 131px;
    }
    .nzl87h1mut > .g0kyrugjbi {
      font-size: 8px;
    }
    .nzl87h1mut h3 {
      font-size: 18px;
    }
    .nzl87h1mut > p:not(.g0kyrugjbi) {
      font-size: 10px;
    }
    .nzl87h1mut details {
      margin-top: 12px;
    }
    .nzl87h1mut summary {
      min-height: 30px;
    }
    .ikskjn92ug {
      padding-block: 48px 55px;
    }
    .mj0mclzmgh {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .xf6pv6xqux h2 {
      font-size: 28px;
    }
    .xf6pv6xqux > p:not(.g0kyrugjbi) {
      max-width: 100%;
    }
    .vx1kppswd5 {
      width: min(460px, 100%);
      min-height: 340px;
      padding: 25px 70px 55px 2px;
      margin: 8px auto 0;
    }
    .amu5vkexty {
      padding: 16px;
    }
    .hfhu467lfb {
      gap: 12px;
      margin-top: 16px;
    }
    .hfhu467lfb img {
      width: 75px;
      height: 105px;
    }
    .hfhu467lfb h3 {
      font-size: 13px;
    }
    .hfhu467lfb > div > span:first-child {
      font-size: 6px;
    }
    .hfhu467lfb p {
      font-size: 7px;
    }
    .l0lzaeu09x {
      font-size: 7px;
      padding: 3px 13px;
      margin-top: 11px;
    }
    .u8kch7sox7 {
      margin-top: 16px;
      gap: 5px;
    }
    .z2d0jcq9jg {
      margin-top: 14px;
    }
    .ip2jni5p7h {
      right: 4px;
      bottom: 27px;
      width: 123px;
    }
    .ip2jni5p7h img {
      height: 120px;
    }
    .d32cdrx4j9 {
      left: 15px;
      bottom: -8px;
      font-size: 9px;
    }
    .sn3r3m4n0k {
      grid-template-columns: 1fr;
      gap: 45px;
      padding-block: 33px 45px;
    }
    .nctfjmm3er h2,
    .ojb9h06fea h2 {
      font-size: 25px;
    }
    .skir7vjwnl {
      margin-top: 26px;
    }
    .skir7vjwnl p {
      font-size: 12px;
    }
    .skir7vjwnl a {
      font-size: 11px;
    }
    .ojb9h06fea details {
      padding-block: 18px;
    }
    .ojb9h06fea details p {
      font-size: 12px;
    }
    .gq2mq0p8e7 {
      padding-block: 38px 40px;
    }
    .gq2mq0p8e7 .o2s51wkz02 {
      flex-direction: column;
      align-items: flex-start;
    }
    .gq2mq0p8e7 h2 {
      font-size: 25px;
    }
    .ibx1aeytd7 {
      grid-template-columns: 1fr;
      gap: 23px;
    }
    .ibx1aeytd7 figure {
      padding: 17px 18px 20px;
    }
    .ibx1aeytd7 blockquote {
      font-size: 13px;
      min-height: 0;
    }
    .ibx1aeytd7 figcaption {
      flex-direction: row;
      padding-top: 14px;
      margin-top: 18px;
    }
    .rd8hlw6rgw {
      margin-block: 45px;
      padding: 28px 22px;
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .ol8k7rpxpq .g0kyrugjbi {
      font-size: 8px;
      letter-spacing: 0.07em;
    }
    .ol8k7rpxpq h2 span {
      font-size: 30px;
    }
    .ol8k7rpxpq p {
      font-size: 11px;
    }
    .rd8hlw6rgw:after {
      top: 80px;
      left: 35%;
      font-size: 260px;
    }
    .bf0iqq4b77 {
      padding: 19px;
    }
    .lutdlcia2a {
      padding-top: 35px;
    }
    .ji4hci4ojq {
      grid-template-columns: 1fr;
      gap: 20px;
      padding-bottom: 28px;
    }
    .ji4hci4ojq > div > p:not(.g0kyrugjbi) {
      font-size: 11px;
    }
    .htwgf4ixuj {
      grid-template-columns: 1fr;
      gap: 22px;
      padding-block: 27px;
    }
    .htwgf4ixuj > div:last-child {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px 8px;
    }
    .htwgf4ixuj a {
      font-size: 10px;
    }
    .papd6i70mb {
      flex-wrap: wrap;
      gap: 14px;
    }
    .papd6i70mb > a:first-child {
      flex: 1;
    }
    .papd6i70mb > p {
      width: 100%;
      order: 3;
    }
  }
  @media (max-width: 370px) {
    .eywm0rt41k {
      width: calc(100% - 28px);
    }
    .pgmmv9d6vl h2 {
      font-size: 36px;
    }
    .i856ik924q {
      gap: 14px;
    }
    .i856ik924q .w62heumpk6 {
      padding-inline: 13px;
      gap: 15px;
    }
    .hyrs95dllm {
      font-size: 10px;
    }
    .fij1ik7yx1 button {
      padding-inline: 7px;
      font-size: 10px;
    }
    .opyxadk2is {
      padding: 14px;
      gap: 14px;
    }
    .hobykigzgf {
      width: 78px;
      height: 120px;
    }
    .vx1kppswd5 {
      padding-right: 60px;
    }
    .hfhu467lfb img {
      width: 58px;
      height: 91px;
    }
    .ip2jni5p7h {
      width: 108px;
      right: 3px;
    }
    .ip2jni5p7h img {
      height: 100px;
    }
    .hfhu467lfb h3 {
      font-size: 11px;
    }
    .ol8k7rpxpq h2 span {
      font-size: 26px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
    [data-reveal] {
      opacity: 1 !important;
      transform: none !important;
    }
    .azbr3sl8gg figure:hover img,
    .vfain35arw:hover img,
    .opyxadk2is:hover img {
      transform: none;
    }
  }
}