/* Approved About section, 17 October 2026. Scoped to the homepage section. */
#about.about-approved .about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px}
#about .about-brand-panel{position:relative;isolation:isolate;overflow:hidden;min-height:520px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff 45%,#f3f7f9);display:flex;flex-direction:column;justify-content:space-between;padding:32px}
#about .about-place{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--ink);margin:0}
#about .about-place>span{width:6px;height:6px;border-radius:50%;background:var(--red)}
#about .about-brand-lockup{position:relative;z-index:1;align-self:center;margin:55px 0 100px;text-align:center}
#about .brand{gap:16px}
#about .brand-icon{width:68px;height:68px;font-size:41px;border-radius:15px}
#about .brand-copy{text-align:left}
#about .brand-copy b{font-size:clamp(20px,2vw,28px)}
#about .brand-copy small{font-size:11px;letter-spacing:.22em}
#about .about-brand-lockup>p{font-size:15px;line-height:1.65;color:#536779;margin:26px 0 0}
#about .about-panel-caption{position:relative;z-index:1;margin:0;font-size:10px;letter-spacing:.09em;font-weight:700;color:var(--ink)}
#about .about-architecture{position:absolute;z-index:-1;left:-2%;right:-2%;bottom:69px;height:180px;display:flex;align-items:end;gap:16px;border-bottom:1px solid #dce4e9;transform:skewY(-8deg)}
#about .about-architecture i{display:block;width:25%;height:60%;border:1px solid #dce4e9;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,#e7edf0 24px,#e7edf0 25px)}
#about .about-architecture i:nth-child(2){height:96%;border-top:3px solid #c419452e}
#about .about-architecture i:nth-child(3){height:70%}
#about .about-architecture i:nth-child(4){height:82%}
#about .section-caption{margin-bottom:20px}
#about .about-copy>.about-intro-label{font-size:10px;line-height:1.5;letter-spacing:.10em;font-weight:700;color:#536779;margin:0 0 12px}
#about .about-copy h2{font-size:clamp(28px,2.65vw,40px);line-height:1.2;overflow-wrap:normal}
#about .about-copy>p:not(.about-intro-label){margin:20px 0;font-size:14px;line-height:1.8;color:#536779}
#about .about-approved-points{list-style:none;padding:0;margin:23px 0 28px}
#about .about-approved-points li{display:flex;gap:20px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}
#about .about-point-number{flex:0 0 22px;color:var(--red);font-size:12px;font-weight:700;line-height:1.6}
#about .about-approved-points h3{font-size:14px;line-height:1.5;font-weight:700;margin:0 0 4px}
#about .about-approved-points p{font-size:13px;line-height:1.65;color:#536779;margin:0}
#about .btn{white-space:normal}
@media(max-width:1000px){#about.about-approved .about-grid{gap:34px}#about .about-brand-panel{padding:24px;min-height:460px}#about .brand{gap:12px}#about .brand-icon{width:54px;height:54px;font-size:33px}#about .brand-copy b{font-size:21px}}
@media(max-width:800px){#about.about-approved .about-grid{grid-template-columns:1fr;gap:36px}#about .about-brand-panel{min-height:310px}#about .about-brand-lockup{margin:42px 0 50px}#about .about-architecture{height:100px;bottom:55px}#about .about-brand-lockup>p{font-size:13px;margin-top:18px}#about .about-copy h2{font-size:clamp(25px,6.8vw,36px)}#about .about-copy>p:not(.about-intro-label){font-size:14px}#about .about-approved-points li{gap:15px}#about .brand-copy b{font-size:25px}}
@media(max-width:360px){#about .brand-copy b{font-size:21px}#about .about-brand-panel{padding:20px}#about .brand-icon{width:49px;height:49px;font-size:30px}}