/* Update 1.0.22: editable subpages + attractive About page. Isolated styles only. */
.about-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf6 0%,#f8fbff 52%,#eef7ff 100%)}
.about-visual:before{content:"";position:absolute;inset:3rem auto auto 3%;width:13rem;height:13rem;border-radius:42% 58% 45% 55%;background:rgba(252,204,75,.18);filter:blur(1px);pointer-events:none}
.about-visual-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.about-copy{position:relative;padding:clamp(1.5rem,4vw,3rem);border-radius:2rem;background:rgba(255,255,255,.86);box-shadow:0 1.5rem 4rem rgba(26,56,104,.1);border:1px solid rgba(26,56,104,.08)}
.about-copy h2{margin:.2rem 0 1.25rem;color:#1a3868;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;font-weight:700;letter-spacing:-.03em;max-width:12ch}
.about-copy p{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.82;color:#334155;margin:0 0 1rem;max-width:72ch}
.about-copy p:first-of-type{font-size:clamp(1.08rem,1.55vw,1.35rem);color:#21324f;line-height:1.65}
.about-highlights{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.about-highlights span{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem .9rem;border-radius:999px;background:#fff4d2;color:#1a3868;font-weight:700;border:1px solid rgba(26,56,104,.08)}
.about-highlights span:before{content:"✦";color:#e1a500}
.about-side{min-width:0}
.about-photo-card{border-radius:2rem;background:#fff;padding:.75rem;box-shadow:0 1.2rem 3rem rgba(26,56,104,.14);transform:rotate(1deg)}
.about-photo-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:1.5rem}
.about-photo-card div{padding:1.25rem}
.about-photo-card strong{display:block;font-size:1.35rem;line-height:1.2;color:#1a3868;font-weight:700;margin-bottom:.35rem}
.about-photo-card p{margin:0;color:#475569;line-height:1.65}
.about-gallery-section{background:#fff}
.about-gallery{columns:3 230px;column-gap:1rem}
.about-gallery .gallery-thumb{break-inside:avoid;margin:0 0 1rem;width:100%;border:0;padding:0;background:transparent;border-radius:1.4rem;overflow:hidden;cursor:pointer;box-shadow:0 .8rem 2rem rgba(26,56,104,.12)}
.about-gallery .gallery-thumb:focus-visible{outline:4px solid #ffcc33;outline-offset:4px}
.about-gallery .gallery-thumb img{display:block;width:100%;height:auto;min-height:180px;object-fit:cover;transition:transform .25s ease}
.about-gallery .gallery-thumb:hover img{transform:scale(1.025)}
.page-editable-copy{padding-top:0;background:#fff}
.page-copy{max-width:900px;margin-inline:auto;padding:clamp(1.4rem,4vw,3rem);border-radius:2rem;background:#fff;box-shadow:0 1rem 3rem rgba(26,56,104,.08)}
.page-copy h2{margin:0 0 1rem;color:#1a3868;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.12;font-weight:700}
.page-copy p{font-size:1.08rem;line-height:1.8;color:#334155}
.page-editor-list{display:grid;gap:1.25rem}
.page-editor{border:1px solid #dbe3ef;border-radius:1.25rem;background:#fff;padding:1.25rem}
.page-editor-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e6edf7}
.page-editor-head strong{font-size:1.2rem;color:#1a3868;font-weight:700}
.page-editor-head span{font-size:.9rem;color:#64748b;background:#f1f5f9;border-radius:999px;padding:.3rem .65rem}
.admin-subcard.wide{grid-column:1/-1}
@media (max-width:900px){.about-visual-grid{grid-template-columns:1fr}.about-photo-card{transform:none}.about-copy h2{max-width:100%}}
@media (prefers-reduced-motion:reduce){.about-gallery .gallery-thumb img{transition:none}.about-photo-card{transform:none}}
[data-theme="dark"] .about-visual{background:linear-gradient(135deg,#081a32 0%,#0f2744 55%,#092136 100%)}
[data-theme="dark"] .about-copy,[data-theme="dark"] .about-photo-card,[data-theme="dark"] .page-copy{background:rgba(12,30,54,.92);border-color:rgba(255,255,255,.12);box-shadow:none}
[data-theme="dark"] .about-copy h2,[data-theme="dark"] .about-photo-card strong,[data-theme="dark"] .page-copy h2{color:#fff}
[data-theme="dark"] .about-copy p,[data-theme="dark"] .about-photo-card p,[data-theme="dark"] .page-copy p{color:#d8e5f7}
[data-theme="dark"] .about-highlights span{background:rgba(252,204,75,.14);color:#fff;border-color:rgba(252,204,75,.3)}