.about-page{background:#0b0b0a;color:#eee9e1}
.about-header{position:sticky;top:0;z-index:40;background:rgba(11,11,10,.94);backdrop-filter:blur(12px)}
.about-page main{max-width:1440px;margin:0 auto}
.about-hero{min-height:78vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;padding:120px 44px 72px;border-bottom:1px solid var(--line)}
.about-kicker{font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:22px}
.about-hero h1{font-size:clamp(68px,9vw,148px);line-height:.86;letter-spacing:-.065em;font-weight:400;margin:0}
.about-hero-copy{align-self:end;padding-bottom:8px;max-width:460px}
.about-hero-copy p{font-size:16px;line-height:1.7;color:#b9b3aa;margin:0 0 14px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.about-card{min-height:310px;padding:44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.about-card:nth-child(even){border-right:0}
.about-card-wide{grid-column:1/-1;display:grid;grid-template-columns:.32fr 1.68fr;min-height:250px}
.about-num{font-size:11px;letter-spacing:.14em;color:var(--gold)}
.about-card h2{font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:0 0 28px}
.about-card h3{font-size:28px;font-weight:400;letter-spacing:-.025em;margin:68px 0 20px}
.about-card p{max-width:650px;color:#aaa49a;font-size:14px;line-height:1.7}
.about-statement{padding:120px 44px;border-bottom:1px solid var(--line)}
.about-big{font-size:clamp(54px,8vw,120px);line-height:.94;letter-spacing:-.055em;margin:0}
.about-do{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:90px 44px;border-bottom:1px solid var(--line)}
.about-do-title h2{font-size:46px;font-weight:400;letter-spacing:-.035em;margin:0}
.about-do-list>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;padding:20px 0;border-top:1px solid var(--line)}
.about-do-list span{font-size:15px;color:#eee9e1}
.about-do-list p{margin:0;color:#888279;line-height:1.6}
.about-local{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding:100px 44px;border-bottom:1px solid var(--line);align-items:end}
.about-local h2{font-size:clamp(46px,6vw,84px);line-height:1;letter-spacing:-.045em;font-weight:400;margin:0}
.about-local>p{font-size:15px;line-height:1.75;color:#9d978e;max-width:440px}
.about-faq{padding:90px 44px 120px;max-width:980px}
.about-faq details{border-top:1px solid var(--line);padding:22px 0}
.about-faq summary{cursor:pointer;font-size:21px;list-style:none}
.about-faq summary::-webkit-details-marker{display:none}
.about-faq details p{color:#99938a;line-height:1.7;max-width:760px}
@media(max-width:900px){
  .about-hero{grid-template-columns:1fr;min-height:auto;padding:100px 28px 54px;gap:40px}
  .about-grid{grid-template-columns:1fr}
  .about-card,.about-card:nth-child(even){border-right:0}
  .about-card-wide{grid-column:auto;grid-template-columns:1fr;gap:38px}
  .about-statement{padding:85px 28px}
  .about-do,.about-local{grid-template-columns:1fr;gap:44px;padding:72px 28px}
  .about-faq{padding:72px 28px 90px}
}
@media(max-width:620px){
  .about-hero{padding:82px 20px 44px}
  .about-card{padding:30px 20px;min-height:250px}
  .about-card h3{margin-top:46px}
  .about-statement,.about-do,.about-local,.about-faq{padding-left:20px;padding-right:20px}
}