:root{--info-paper:#f7f2ea;--info-sheet:#fffdf8;--info-ink:#282823;--info-soft:#635f56;--info-line:#ded5c9;--info-sage:#405246;--info-coral:#a94f3f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.info-page{margin:0;background:var(--info-paper);color:var(--info-ink);font-family:"DM Sans",system-ui,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
.info-main{padding:clamp(58px,8vw,104px) 20px}
.info-wrap{width:min(100%,900px);margin:0 auto}
.info-wrap-wide{width:min(100%,1100px)}
.info-hero{max-width:760px;margin-bottom:clamp(44px,6vw,72px)}
.info-kicker{margin:0 0 12px;color:var(--info-coral);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.info-page h1,.info-page h2{font-family:"DM Sans", system-ui, sans-serif;letter-spacing:0}
.info-page h1{margin:0 0 18px;font-size:clamp(44px,8vw,72px);line-height:1.02}
.info-page h2{margin:0 0 10px;font-size:clamp(25px,4vw,34px);line-height:1.2}
.info-page p{margin:0;color:var(--info-soft)}
.info-list{display:grid;gap:12px}
.info-item{padding:26px 0;border-top:1px solid var(--info-line)}
.info-item:last-child{border-bottom:1px solid var(--info-line)}
.info-item a{color:var(--info-coral);font-weight:700;text-underline-offset:4px}
.info-callout{padding:clamp(28px,5vw,42px);border-radius:8px;background:var(--info-sage);color:#fff}
.info-callout h2{color:#fff}
.info-callout p{color:rgba(255,255,255,.78)}
.info-callout .info-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:22px;padding:0 22px;border-radius:6px;background:#fff6ea;color:#314137;font-weight:800;text-decoration:none}
.about-hero{max-width:820px}
.about-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,7vw,82px);align-items:center;margin-bottom:clamp(70px,9vw,112px)}
.about-intro-photo img{width:100%;min-height:470px;max-height:620px;object-fit:cover;border-radius:10px;box-shadow:0 18px 48px rgba(58,43,31,.14)}
.about-intro h2{font-size:clamp(32px,4vw,48px)}
.about-intro p,.about-company p{margin-top:16px;font-size:19px}
.about-principles{margin-bottom:clamp(70px,9vw,112px)}
.about-principles>h2{margin-bottom:30px;font-size:clamp(34px,5vw,52px)}
.about-principles-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--info-line)}
.about-principles-grid article{padding:28px 28px 28px 0;border-bottom:1px solid var(--info-line)}
.about-principles-grid article:nth-child(even){padding-left:28px;border-left:1px solid var(--info-line)}
.about-principles-grid strong{display:block;margin-bottom:7px;font-size:21px}
.about-company{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,70px);padding:clamp(34px,6vw,58px);margin-bottom:clamp(58px,8vw,90px);border-radius:10px;background:var(--info-sheet);box-shadow:0 16px 40px rgba(58,43,31,.08)}
.about-company a{color:var(--info-coral);font-weight:700;text-underline-offset:4px}
.about-actions{display:flex;flex-wrap:wrap;gap:12px}
.info-callout .info-button-secondary{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff}
.info-footer{padding:48px 20px 26px;background:#242621;color:#fff}
.info-footer-inner{width:min(100%,1100px);margin:0 auto;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.info-footer strong{font-family:"DM Sans", system-ui, sans-serif;font-size:23px}
.info-footer p{margin-top:8px;color:rgba(255,255,255,.6);font-size:14px}
.info-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.info-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);text-decoration:none;font-size:14px}
.info-footer a:hover{color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid #c86854;outline-offset:4px}
@media(max-width:760px){.about-intro,.about-company{grid-template-columns:1fr}.about-intro-photo{order:2}.about-intro-photo img{min-height:340px}.about-principles-grid{grid-template-columns:1fr}.about-principles-grid article,.about-principles-grid article:nth-child(even){padding:24px 0;border-left:0}}
@media(max-width:640px){body.info-page{font-size:18px}.info-main{padding-top:44px}.info-item{padding:22px 0}.info-footer-inner{flex-direction:column}.about-actions{display:grid}.about-actions .info-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}