@font-face { font-family: "FD About Poppins"; src: url("./about-poppins-900.ttf") format("truetype"); font-weight: 900; font-display: swap; }
.fd-about { color: #292930; font: 17px/1.7 Helvetica, Arial, sans-serif; }
.fd-about, .fd-about * { box-sizing: border-box; }
.fd-shell { width: min(1250px, calc(100% - 64px)); margin-inline: auto; }
.fd-about h1, .fd-about h2, .fd-about h3, .fd-about dt { font-family: "FD About Poppins", Helvetica, sans-serif; font-weight: 900; text-transform: none; letter-spacing: -.035em; color: inherit; }
.fd-about h1 { font-size: clamp(36px, 4vw, 58px); line-height: 1.1; margin: 0 0 28px; }
.fd-about h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.16; margin: 0 0 32px; }
.fd-about h3 { font-size: 21px; line-height: 1.25; margin: 0 0 16px; }
.fd-about p { margin: 0 0 18px; }
.fd-about p:last-child, .fd-about dl { margin-bottom: 0; }
.fd-intro { background: #ffdc60; padding: 150px 0 100px; }
.fd-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(40px, 6vw, 90px); }
.fd-intro-grid p { max-width: 580px; }
.fd-intro img { display: block; width: 100%; height: auto; aspect-ratio: 1.15; object-fit: cover; border-radius: 8px; box-shadow: 12px 12px 0 #292930; }
.fd-services { background: white; padding: 100px 0; }
.fd-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fd-cards article { background: #f4f6f6; border-radius: 8px; border-top: 5px solid #57c9da; padding: 34px 30px; }
.fd-details { background: #f4f6f6; padding: 100px 0; }
.fd-details-grid { display: grid; grid-template-columns: 1fr .85fr; align-items: start; gap: clamp(45px, 8vw, 120px); }
.fd-details ul { padding-left: 1.2em; margin: 0; }
.fd-details li + li { margin-top: 20px; }
.fd-facts { background: #57c9da; padding: 40px; border-radius: 8px; }
.fd-facts h2 { font-size: 30px; margin-bottom: 24px; }
.fd-facts dl { margin: 0; }
.fd-facts dl div + div { border-top: 1px solid rgba(41,41,48,.35); margin-top: 18px; padding-top: 18px; }
.fd-facts dt { font-size: 27px; line-height: 1.2; }
.fd-facts dd { margin: 5px 0 0; }
.fd-next { color: white; background: #292930; padding: 90px 0; }
.fd-next h2 { max-width: 700px; margin-bottom: 18px; }
.fd-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.fd-actions button, .fd-actions a { font: bold 16px/1.4 Helvetica, sans-serif; padding: 14px 20px; border-radius: 4px; }
.fd-actions button:disabled { color: white; background: transparent; border: 1px solid #bbb; opacity: 1; }
.fd-actions a, .fd-actions a:visited { color: #292930; background: #ffdc60; text-decoration: none; }
.fd-actions a:hover { text-decoration: underline; }
.fd-actions a:focus-visible { outline: 3px solid #57c9da; outline-offset: 4px; }
@media (max-width: 850px) {
 .fd-intro { padding: 130px 0 70px; }
 .fd-intro-grid, .fd-details-grid { grid-template-columns: 1fr; }
 .fd-intro img { max-height: 440px; }
 .fd-cards { grid-template-columns: 1fr; }
 .fd-services, .fd-details { padding: 70px 0; }
}
@media (max-width: 480px) {
 .fd-shell { width: calc(100% - 40px); }
 .fd-intro { padding-top: 120px; }
 .fd-facts { padding: 28px; }
 .fd-next { padding: 70px 0; }
}