.about-page{max-width:1200px;margin:0 auto 4rem;padding:2rem 2rem 0}.about-title{font-family:var(--heading-font);color:var(--color-three);text-align:left;margin-bottom:2rem;font-size:clamp(2rem,3.8vw,3rem);font-weight:700}.about-content{background:var(--background-three);border:1px solid #82bcff1f;border-radius:24px;max-width:820px;margin:0 auto;padding:clamp(2rem,5vw,3.35rem) clamp(1.2rem,4vw,2.8rem);box-shadow:0 26px 70px #00000042,inset 0 1px #ffffff14}.about-intro-grid{grid-template-columns:280px 1fr;align-items:center;gap:2.2rem;margin-bottom:2.2rem;display:grid}.about-visual-side{justify-content:center;align-items:center;display:flex}.about-square-img{border:1px solid #82bcff26;border-radius:18px;width:100%;max-width:280px;height:auto;transition:transform .3s,border-color .3s;box-shadow:0 12px 35px #00000040}.about-square-img:hover{border-color:#82bcff4d;transform:scale(1.02)}.about-text-side p{color:#f2f2f2e6;margin-bottom:1.2rem;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.8}.about-text-side p:last-child{margin-bottom:0}.about-banner-wrapper{transition:transform var(--dur-smooth) var(--ease-smooth), border-color var(--dur-smooth) var(--ease-smooth);border:1px solid #82bcff26;border-radius:16px;margin:2.2rem 0;overflow:hidden;box-shadow:0 12px 35px #00000040}.about-banner-wrapper:hover{border-color:#82bcff4d;transform:translateY(-2px)}.about-banner-link{width:100%;line-height:0;display:block}.about-banner-img{object-fit:cover;width:100%;height:auto;transition:opacity .25s}.about-banner-img:hover{opacity:.95}.about-body p{color:#f2f2f2e6;margin-bottom:1.6rem;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.8}.about-body p:last-child{margin-bottom:0}.about-body p strong{color:#fff}.about-body p a{color:var(--site-link-color);border-bottom:1px solid #8fd3ff40;font-weight:600;text-decoration:none;transition:all .22s;display:inline}.about-body p a:hover{color:var(--site-link-hover-color);border-bottom-color:currentColor}@media (width<=860px){.about-intro-grid{text-align:justify;text-justify:inter-word;grid-template-columns:1fr;gap:1.6rem}.about-square-img{width:85%;max-width:320px}}@media (width<=768px){.about-page{padding:1.35rem var(--mobile-page-gutter) 0;margin-bottom:2.5rem}.about-content{border-radius:18px;padding:1.8rem 1.3rem}.about-banner-wrapper{border-radius:12px;margin:1.6rem 0}}@media (width<=480px){.about-page{padding-left:var(--mobile-page-gutter-tight);padding-right:var(--mobile-page-gutter-tight)}}