*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
html { scroll-behavior: smooth; }
body { font-family: Inter, sans-serif; background-color: rgb(247, 247, 247); color: rgb(33, 33, 33); line-height: 1.7; }
.about-hero { position: relative; width: 100%; min-height: 520px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 20px 60px; overflow: hidden; }
.about-hero__img-wrap { position: absolute; inset: 0px; z-index: 0; }
.about-hero__img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-hero__overlay { position: absolute; inset: 0px; background: rgba(33, 33, 33, 0.7); z-index: 1; }
.about-hero__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.about-hero__breadcrumb { color: rgb(189, 189, 189); font-size: 13px; font-family: Inter, sans-serif; letter-spacing: 0.5px; margin-bottom: 8px; }
.about-hero__breadcrumb a { color: rgb(189, 189, 189); text-decoration: none; transition: color 0.3s; }
.about-hero__breadcrumb a:hover { color: rgb(255, 255, 255); }
.about-hero h1 { font-family: Poppins, sans-serif; font-size: 52px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.2; max-width: 800px; }
.about-hero__sub { font-size: 20px; color: rgb(255, 255, 255); font-family: Inter, sans-serif; font-weight: 400; max-width: 600px; }
.about-hero__accent { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; background: rgb(162, 17, 23); z-index: 3; }
.about-story { background: rgb(247, 247, 247); padding: 90px 60px; }
.about-story__inner { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-story__label { font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; color: rgb(162, 17, 23); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }
.about-story h2 { font-family: Poppins, sans-serif; font-size: 34px; font-weight: 700; color: rgb(33, 33, 33); margin-bottom: 20px; line-height: 1.3; }
.about-story__text { font-size: 16px; color: rgb(33, 33, 33); line-height: 1.7; margin-bottom: 16px; }
.about-story__img-col { position: relative; }
.about-story__img-col img { width: 100%; height: 420px; object-fit: cover; display: block; border-radius: 4px; }
.about-story__img-accent { position: absolute; left: -8px; top: 0px; bottom: 0px; width: 4px; background: rgb(162, 17, 23); border-radius: 2px; }
.about-story__divider { max-width: 1200px; margin: 60px auto 0px; border-width: 1px medium medium; border-style: solid none none; border-color: rgb(189, 189, 189) currentcolor currentcolor; border-image: initial; }
.about-mission { background: rgb(33, 33, 33); padding: 90px 60px; position: relative; }
.about-mission__inner { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-mission__label { font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; color: rgb(211, 44, 47); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }
.about-mission h2 { font-family: Poppins, sans-serif; font-size: 32px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 16px; }
.about-mission__body { font-size: 16px; color: rgb(255, 255, 255); max-width: 700px; margin: 0px auto 50px; line-height: 1.7; }
.about-mission__values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.about-mission__card { background: rgba(255, 255, 255, 0.04); border-top: 3px solid rgb(162, 17, 23); padding: 36px 28px; border-radius: 6px; text-align: left; transition: background 0.3s, transform 0.3s; }
.about-mission__card:hover { background: rgba(255, 255, 255, 0.09); transform: translateY(-4px); }
.about-mission__card-icon { font-size: 32px; color: rgb(162, 17, 23); margin-bottom: 16px; display: block; }
.about-mission__card h3 { font-family: Poppins, sans-serif; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 10px; }
.about-mission__card p { font-size: 14px; color: rgb(189, 189, 189); line-height: 1.7; }
.about-mission__separator { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: rgb(211, 44, 47); }
.about-experience { background: rgb(247, 247, 247); padding: 90px 60px; }
.about-experience__inner { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-experience__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.about-experience__stat-block { background: rgb(255, 255, 255); border-radius: 8px; padding: 30px 24px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.about-experience__stat-block:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px; }
.about-experience__stat-number { font-family: Poppins, sans-serif; font-size: 36px; font-weight: 700; color: rgb(162, 17, 23); display: block; line-height: 1; margin-bottom: 8px; }
.about-experience__stat-icon { font-size: 30px; color: rgb(162, 17, 23); display: block; margin-bottom: 8px; }
.about-experience__stat-label { font-size: 14px; font-weight: 600; color: rgb(33, 33, 33); font-family: Inter, sans-serif; }
.about-experience__text h2 { font-family: Poppins, sans-serif; font-size: 30px; font-weight: 700; color: rgb(33, 33, 33); margin-bottom: 20px; line-height: 1.3; }
.about-experience__text p { font-size: 16px; color: rgb(33, 33, 33); line-height: 1.7; margin-bottom: 14px; }
.about-experience__divider { max-width: 1200px; margin: 60px auto 0px; border-width: 1px medium medium; border-style: solid none none; border-color: rgb(189, 189, 189) currentcolor currentcolor; border-image: initial; }
.about-team { background: rgb(33, 33, 33); padding: 90px 60px; position: relative; }
.about-team__inner { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-team__label { font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; color: rgb(211, 44, 47); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }
.about-team h2 { font-family: Poppins, sans-serif; font-size: 32px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 50px; }
.about-team__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.about-team__card { background: rgb(44, 44, 44); border-top: 3px solid rgb(162, 17, 23); border-radius: 6px; padding: 30px 20px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.about-team__card:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 30px; }
.about-team__photo-wrap { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin: 0px auto 16px; border: 3px solid rgb(162, 17, 23); }
.about-team__photo-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-team__name { font-family: Poppins, sans-serif; font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 4px; }
.about-team__role { font-size: 13px; color: rgb(162, 17, 23); font-weight: 600; font-family: Inter, sans-serif; margin-bottom: 10px; letter-spacing: 0.5px; }
.about-team__bio { font-size: 13px; color: rgb(189, 189, 189); line-height: 1.6; }
.about-team__separator { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: rgb(211, 44, 47); }
.about-credentials { background: rgb(247, 247, 247); padding: 90px 60px; }
.about-credentials__inner { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-credentials h2 { font-family: Poppins, sans-serif; font-size: 30px; font-weight: 700; color: rgb(33, 33, 33); margin-bottom: 16px; }
.about-credentials__body { font-size: 16px; color: rgb(33, 33, 33); max-width: 700px; margin: 0px auto 50px; line-height: 1.7; }
.about-credentials__badges { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.about-credentials__badge { background: rgb(255, 255, 255); border: 2px solid rgb(162, 17, 23); border-radius: 8px; padding: 32px 20px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.about-credentials__badge:hover { transform: translateY(-4px); box-shadow: rgba(162, 17, 23, 0.12) 0px 8px 24px; }
.about-credentials__badge-icon { font-size: 36px; color: rgb(162, 17, 23); margin-bottom: 14px; display: block; }
.about-credentials__badge-title { font-family: Poppins, sans-serif; font-size: 15px; font-weight: 600; color: rgb(33, 33, 33); margin-bottom: 6px; }
.about-credentials__badge-text { font-size: 13px; color: rgb(85, 85, 85); line-height: 1.5; }
.about-credentials__divider { max-width: 1200px; margin: 60px auto 0px; border-width: 1px medium medium; border-style: solid none none; border-color: rgb(189, 189, 189) currentcolor currentcolor; border-image: initial; }
.about-cta { background: linear-gradient(135deg, rgb(162, 17, 23) 0%, rgb(211, 44, 47) 100%); padding: 90px 60px; text-align: center; }
.about-cta__inner { max-width: 800px; margin: 0px auto; }
.about-cta h2 { font-family: Poppins, sans-serif; font-size: 36px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 18px; line-height: 1.3; }
.about-cta__body { font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 36px; line-height: 1.7; }
.about-cta__btn { display: inline-block; background: rgb(33, 33, 33); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 16px; font-weight: 600; padding: 16px 44px; border-radius: 50px; text-decoration: none; transition: background 0.3s, transform 0.3s, box-shadow 0.3s; margin-bottom: 20px; letter-spacing: 0.5px; }
.about-cta__btn:hover { background: rgb(17, 17, 17); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 24px; }
.about-cta__secondary { display: block; color: rgb(255, 255, 255); font-family: Inter, sans-serif; font-size: 15px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; transition: opacity 0.3s; margin-top: 10px; }
.about-cta__secondary:hover { opacity: 0.8; }
@media (max-width: 1024px) {
  .about-story { padding: 70px 30px; }
  .about-story__inner { gap: 40px; }
  .about-mission { padding: 70px 30px; }
  .about-experience { padding: 70px 30px; }
  .about-team { padding: 70px 30px; }
  .about-credentials { padding: 70px 30px; }
  .about-credentials__badges { grid-template-columns: repeat(2, 1fr); }
  .about-team__cards { grid-template-columns: repeat(2, 1fr); }
  .about-cta { padding: 70px 30px; }
}
@media (max-width: 768px) {
  .about-hero h1 { font-size: 34px; }
  .about-hero__sub { font-size: 16px; }
  .about-story__inner { grid-template-columns: 1fr; }
  .about-story__img-col img { height: 280px; }
  .about-mission__values { grid-template-columns: 1fr; }
  .about-experience__inner { grid-template-columns: 1fr; }
  .about-experience__stats { grid-template-columns: 1fr 1fr; }
  .about-team__cards { grid-template-columns: repeat(2, 1fr); }
  .about-credentials__badges { grid-template-columns: repeat(2, 1fr); }
  .about-cta h2 { font-size: 26px; }
  .about-story { padding: 60px 20px; }
  .about-mission { padding: 60px 20px; }
  .about-experience { padding: 60px 20px; }
  .about-team { padding: 60px 20px; }
  .about-credentials { padding: 60px 20px; }
  .about-cta { padding: 60px 20px; }
}
@media (max-width: 480px) {
  .about-hero h1 { font-size: 26px; }
  .about-story h2 { font-size: 26px; }
  .about-mission h2 { font-size: 24px; }
  .about-experience__stats { grid-template-columns: 1fr; }
  .about-team__cards { grid-template-columns: 1fr; }
  .about-credentials__badges { grid-template-columns: 1fr; }
  .about-cta h2 { font-size: 22px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.dragging { opacity: 0.5 !important; }
.drag-over { border-top: 3px solid rgb(76, 175, 80) !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.dragging { opacity: 0.5 !important; }
.drag-over { border-top: 3px solid rgb(76, 175, 80) !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.dragging { opacity: 0.5 !important; }
.drag-over { border-top: 3px solid rgb(76, 175, 80) !important; }