/* About channel: calm editorial hierarchy and technology texture. */
.about-page{background:#f7f6f3}
.about-jump{padding:22px 0;border-bottom:1px solid #ded9d0;background-color:#f6f4ef;background-image:var(--light-tech-lines);background-size:var(--light-tech-size);background-position:0 0,0 0,0 0,right center}
.about-jump>.container{display:flex;align-items:center;gap:30px}
.about-jump>.container>span,.about-band-head>span{flex:none;font-size:11px;font-weight:750;letter-spacing:.1em;color:#89632e}
.about-jump>.container>div{display:flex;flex-wrap:wrap;gap:8px}
.about-jump a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 14px;background:#fff;border:1px solid #ded8cd;border-radius:3px;font-size:13px;font-weight:700;color:#352b39}
.about-jump a span{color:#9a6b27}
.about-jump a:hover,.about-jump a:focus-visible{border-color:#b38a4b;color:#755018;background:#fffaf1}
.about-band,.about-explore{scroll-margin-top:100px;padding:76px 0;border-bottom:1px solid #e4ded6;background-color:#fff;background-image:var(--light-tech-lines);background-size:var(--light-tech-size);background-position:0 0,0 0,0 0,right center}
.about-band:nth-of-type(even),.about-explore{background-color:#f4f2ee}
.about-band-head{max-width:880px;margin-bottom:27px}
.about-band-head h2{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-.02em;color:#211b29;margin:11px 0 0}
.about-band-layout--intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:64px;align-items:stretch}
.about-copy{max-width:950px;font-size:16px;line-height:1.95;color:#4e4850}
.about-copy p:last-child{margin-bottom:0}
.about-copy a{color:#76521c;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.about-position-visual{position:relative;overflow:hidden;display:grid;gap:14px;align-content:start;padding:28px 30px;background:linear-gradient(140deg,#171320,#282332);border:1px solid #504456;border-radius:6px;color:#fff;box-shadow:0 18px 34px #211a2918}
.about-position-visual>span{font-size:10px;color:#d7b47b;letter-spacing:.13em;margin-bottom:5px}
.about-position-visual>div{display:flex;gap:16px;align-items:baseline;border-top:1px solid #ffffff22;padding-top:12px;position:relative;z-index:1}
.about-position-visual strong{font-size:18px;white-space:nowrap}.about-position-visual small{font-size:13px;color:#d3cbd8}
.about-position-visual i{position:absolute;right:-70px;bottom:-115px;width:250px;height:250px;border:1px solid #d3aa6655;border-radius:50%;box-shadow:0 0 0 30px #d3aa6608,0 0 0 64px #d3aa6607}
.about-band--about-facts .about-copy{max-width:none}
.about-band--about-facts dl{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr);gap:0;margin:0;border-top:1px solid #ded7cd}
.about-band--about-facts dt{color:#806028;font-size:13px;font-weight:700;padding:15px 0;border-bottom:1px solid #ded7cd}
.about-band--about-facts dd{margin:0;overflow-wrap:anywhere;color:#342d38;font-size:15px;padding:15px 0;border-bottom:1px solid #ded7cd}
.about-band--about-values .about-copy,.about-band--about-advantages .about-copy,.about-band--about-work .about-copy{max-width:none}
.about-history-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-history-list li{min-width:0;padding:20px;border-top:3px solid #bf9659;background:#fff;border-radius:3px;box-shadow:0 8px 20px #211a2909}
.about-history-list strong{display:block;color:#76521c;font-size:15px}.about-history-list p{margin:10px 0 0;font-size:14px;line-height:1.8}
.page-inner .about-band .role-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-inner .about-band .role-list>div{transition:border-color .2s,box-shadow .2s,transform .2s}
.page-inner .about-band .role-list>div:hover,.page-inner .about-band .role-list>div:focus-within{border-color:#b99a6b;box-shadow:0 10px 26px #211a290e;transform:translateY(-2px)}
.about-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-explore-grid a{min-height:156px;display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:1px solid #e1dbd0;border-radius:4px;transition:transform .2s,border-color .2s,box-shadow .2s}
.about-explore-grid a span{color:#8a642e;font-size:12px}.about-explore-grid a strong{font-size:20px;color:#211b29;margin-top:11px}.about-explore-grid a b{margin-top:auto;color:#906325;font-size:20px}
.about-explore-grid a:hover,.about-explore-grid a:focus-visible{transform:translateY(-3px);border-color:#b58c50;box-shadow:0 12px 30px #211a2910}
.page-inner[data-page-id="team"] .role-list>div,.page-inner[data-page-id="services"] .service-timeline>li{transition:border-color .2s,box-shadow .2s,transform .2s}
.page-inner[data-page-id="team"] .role-list>div:hover,.page-inner[data-page-id="team"] .role-list>div:focus-within,.page-inner[data-page-id="services"] .service-timeline>li:hover,.page-inner[data-page-id="services"] .service-timeline>li:focus-within{border-color:#b99a6b;box-shadow:0 10px 26px #211a290e;transform:translateY(-2px)}
@media(max-width:767px){
 .about-jump>.container{display:block}.about-jump>.container>span{display:block;margin-bottom:12px}.about-jump>.container>div{gap:7px}.about-jump a{font-size:12px}
 .about-band,.about-explore{padding:46px 0;scroll-margin-top:75px}.about-band-head{margin-bottom:19px}.about-band-layout--intro{grid-template-columns:minmax(0,1fr);gap:24px}.about-copy{font-size:15px}.about-position-visual{padding:23px}.about-band--about-facts dl{grid-template-columns:85px minmax(0,1fr)}.page-inner .about-band .role-list{grid-template-columns:minmax(0,1fr)}.about-explore-grid{grid-template-columns:minmax(0,1fr);gap:10px}.about-explore-grid a{min-height:120px;padding:20px}
 .about-history-list{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media(prefers-reduced-motion:reduce){.about-explore-grid a,.page-inner .about-band .role-list>div,.page-inner[data-page-id="team"] .role-list>div,.page-inner[data-page-id="services"] .service-timeline>li{transition:none}.about-explore-grid a:hover,.about-explore-grid a:focus-visible,.page-inner .about-band .role-list>div:hover,.page-inner .about-band .role-list>div:focus-within,.page-inner[data-page-id="team"] .role-list>div:hover,.page-inner[data-page-id="team"] .role-list>div:focus-within,.page-inner[data-page-id="services"] .service-timeline>li:hover,.page-inner[data-page-id="services"] .service-timeline>li:focus-within{transform:none}}