.about-page{max-width:1220px;margin:auto;padding:0 40px 90px}.about-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:75px 0 55px}.about-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 25px}.about-hero p{max-width:650px;line-height:1.75}.about-hero .about-definition{font-size:21px;line-height:1.55;color:#20242b}.about-note{padding:35px;background:#fff8e4;border:1px solid #dfc88d;transform:rotate(1deg);box-shadow:0 12px 25px -24px #555}.about-note p{font-family:Kalam,cursive;font-size:35px;line-height:1.4;color:#ba312b;margin:20px 0}.about-note>span:last-of-type{display:block;font-size:16px;line-height:1.7}.about-note a{display:inline-block;margin-top:22px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.about-contents{display:flex;flex-wrap:wrap;gap:12px 25px;border-top:2px solid #20242b;border-bottom:1px solid #d8deea;padding:22px 0;font-size:14px}.about-contents a{font-weight:650;text-decoration:underline;text-decoration-color:#d6aa42;text-underline-offset:6px}.about-section{display:grid;grid-template-columns:155px minmax(0,1fr);gap:35px;padding:65px 0;border-bottom:1px solid #d8deea;scroll-margin-top:35px}.about-section-label{font-family:Kalam,cursive;font-size:20px;color:#b92e28;padding-top:8px}.about-section h2,.about-close h2{font-size:clamp(29px,3.3vw,43px);letter-spacing:-.025em;line-height:1.15;margin:0 0 25px}.about-section p{max-width:770px;line-height:1.75;color:#4b5260}.about-section .about-lead{font-size:20px;line-height:1.6}.about-section h3{font-size:21px;line-height:1.3;margin:0 0 12px}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.about-cards article{background:#fff;border:1px solid #d8deea;border-radius:5px;padding:27px}.about-cards p{margin:0}.about-principles article{padding:25px 0;border-bottom:1px solid #e0e4ec}.about-principles article:last-child{border:0}.about-reference{font-size:14px;border-left:3px solid #d8b45c;padding:12px 0 12px 20px;margin-top:25px}.about-section a:not(.button){text-decoration:underline;text-underline-offset:4px}.about-family-list{padding-left:23px;max-width:780px}.about-family-list li{padding:10px 0 10px 5px;line-height:1.7}.about-section .team-grid{gap:22px;margin-top:35px}.about-section .team-bio{font-size:14px;line-height:1.65}.about-section .team-role{font-size:13px;color:#ad2d27;margin-bottom:14px}.about-section .portrait{height:220px}.about-origin{margin-top:35px;padding-top:30px;border-top:1px solid #d8deea}.about-steps{list-style:none;counter-reset:steps;padding:0}.about-steps li{counter-increment:steps;position:relative;padding:5px 0 22px 62px}.about-steps li:before{content:counter(steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#20242b;color:#fff;font-family:Kalam,cursive;font-size:23px}.about-resources{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.about-resources article{padding:28px;background:#fff;border:1px solid #d8deea;border-top:4px solid #e7ba54}.about-free{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px;color:#72501b}.about-resources .text-button{display:table;margin-top:15px}.about-facts{width:100%;border-collapse:collapse;background:#fff;font-size:15px;table-layout:fixed}.about-facts caption{text-align:left;font-size:14px;color:#646b78;padding-bottom:17px}.about-facts th,.about-facts td{padding:19px 22px;border:1px solid #d8deea;vertical-align:top;text-align:left;line-height:1.65;overflow-wrap:anywhere}.about-facts th{width:30%;background:#f5f6f9;color:#20242b;font-weight:650}.about-facts td{color:#4b5260}.about-faq article{padding:22px 0;border-bottom:1px solid #d8deea}.about-faq article:first-child{padding-top:0}.about-faq article:last-child{border:0}.about-faq p{margin-bottom:0}.about-close{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start;padding-top:65px}.about-close p{line-height:1.7}.about-close .button{margin-top:20px}.about-close .text-button{margin-top:20px}
@media(max-width:950px){.about-hero{gap:35px}.about-section{grid-template-columns:1fr;gap:12px}.about-section-label{font-size:18px}.about-close{gap:30px}.about-page{padding-left:28px;padding-right:28px}}
@media(max-width:650px){.about-page{padding:0 20px 55px}.about-hero{grid-template-columns:1fr;padding-top:40px;gap:22px}.about-hero .about-definition{font-size:19px}.about-note{padding:25px;transform:none}.about-note p{font-size:30px}.about-contents{gap:17px 22px}.about-section{padding:40px 0}.about-cards,.about-resources,.about-close{grid-template-columns:1fr}.about-section .team-grid{grid-template-columns:1fr}.about-section .portrait{height:300px;max-width:300px}.about-steps li{padding-left:51px}.about-facts th,.about-facts td{padding:13px 12px;font-size:13px}.about-facts th{width:33%}.about-close{padding-top:40px}.about-section h3{font-size:20px}}