.about-page .hero-container,.about-page .content-container,.about-page .timeline-container,.about-page .explore-container,.about-page .cta-container { max-width:1220px; margin:0 auto; padding:0 32px; }
.about-page section[id] { scroll-margin-top:115px; }
.about-page .hero-section { padding:72px 0; }
.about-page .hero-grid { display:grid; grid-template-columns:1.4fr .85fr; gap:85px; align-items:center; }
.about-page .hero-content { grid-column:1; grid-row:1; }
.about-page .author-card { grid-column:2; grid-row:1; padding:16px; background:#211c29; border:1px solid #53435e; }
.about-page .author-image { display:block; width:100%; height:330px; object-fit:cover; object-position:center 33%; }
.about-page .author-name { font-size:1.8rem; margin:23px 10px 13px; letter-spacing:-.02em; }
.about-page .author-roles { display:flex; flex-wrap:wrap; margin:0 10px; color:#d2bddf; font:.72rem/1.5 Arial,sans-serif; }
.about-page .role-badge + .role-badge::before { content:'·'; margin:0 10px; }
.about-page .author-quote { font-style:italic; font-size:.95rem; color:#c8bdcf; margin:20px 10px 10px; }
.about-page .page-title { font-size:clamp(3rem,5.5vw,5.2rem); letter-spacing:-.05em; margin-bottom:28px; }
.about-page .hero-description { color:var(--home-muted); font-size:1.12rem; max-width:610px; }
.about-page .quick-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:30px; }
.about-page .quick-link { font:.8rem/1.6 Arial,sans-serif; color:#decbef; text-underline-offset:6px; padding:5px 0; }
.about-page .content-section,.about-page .worlds-section,.about-page .timeline-section,.about-page .focus-section,.about-page .explore-section { padding:60px 0; border-top:1px solid var(--home-line); }
.about-page .section-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.about-page .section-title { font-size:clamp(1.9rem,3vw,2.7rem); letter-spacing:-.03em; margin-bottom:24px; }
.about-page .section-content { color:var(--home-muted); font-size:1.05rem; }
.about-page .section-content p + p { margin-top:23px; }
.about-page .content-container > .content-card { max-width:780px; margin:auto; }
.about-page .highlight-quote { padding:22px 0 22px 26px; border-left:2px solid #b098c8; margin:30px 0; color:#dfcbea; font:italic 1.35rem/1.6 Georgia,serif; }
.about-page .news-link { display:block; border:1px solid #574761; background:#282030; padding:23px; margin-top:30px; text-decoration:none; }
.about-page .news-link-label { display:block; font:.72rem/1.6 Arial,sans-serif; color:#c4afd7; margin-bottom:9px; }
.about-page .news-link-title { color:#eee4f4; font-size:1rem; line-height:1.7; }
.about-page .news-link:hover { border-color:#c4afd7; }
.about-page .timeline-title,.about-page .explore-title { margin-bottom:23px; }
.about-page .worlds-intro,.about-page .explore-subtitle { max-width:790px; color:var(--home-muted); font-size:1.05rem; }
.about-page .worlds-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:35px; }
.about-page .worlds-card { padding:30px; border:1px solid #4b3e55; background:#1d1924; }
.about-page .worlds-card-title { margin-bottom:24px; font-size:1.65rem; }
.about-page .world-item { border-top:1px solid #4a3d52; }
.about-page .world-name { display:flex; justify-content:space-between; gap:15px; padding:18px 0; cursor:pointer; list-style:none; font-size:1.1rem; line-height:1.5; }
.about-page .world-name::-webkit-details-marker { display:none; }
.about-page .world-name span { color:#c7aadf; flex-shrink:0; }
.about-page .world-item[open] .world-name span { transform:rotate(45deg); }
.about-page summary:focus-visible { outline:3px solid #d6c3ed; outline-offset:4px; }
.about-page .world-description { padding:0 0 22px; color:var(--home-muted); font-size:.98rem; }
.about-page .worlds-reflection { max-width:800px; margin:35px auto 0; border-left:2px solid #8e779e; padding-left:25px; color:#d0c1da; font-style:italic; line-height:1.8; }
.about-page .timeline { margin-top:35px; }
.about-page .timeline-item { position:relative; padding:0 0 34px 32px; margin-left:8px; border-left:1px solid #776283; }
.about-page .timeline-item:last-child { padding-bottom:0; }
.about-page .timeline-dot { position:absolute; left:-6px; top:8px; width:11px; height:11px; border:2px solid #bca2d0; border-radius:50%; background:#101016; }
.about-page .timeline-content { display:grid; grid-template-columns:150px 1fr; gap:8px 32px; }
.about-page .timeline-label { grid-row:span 2; color:#c7acd8; font:.76rem/1.6 Arial,sans-serif; padding-top:4px; }
.about-page .timeline-heading { font-size:1.7rem; }
.about-page .timeline-description { color:var(--home-muted); max-width:790px; }
.about-page .timeline-description a { color:#dec8f0; text-underline-offset:4px; }
.about-page .focus-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
.about-page .focus-card { padding:30px; border:1px solid #4a3c54; background:#211b29; }
.about-page .focus-icon-wrapper { margin-bottom:20px; }
.about-page .focus-icon svg { width:30px; height:30px; color:#baa0cc; }
.about-page .focus-title { font-size:1.7rem; margin-bottom:18px; }
.about-page .focus-description { color:var(--home-muted); }
.about-page .explore-cards { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:35px; }
.about-page .explore-card { border:1px solid #4c3e55; background:#1b1821; }
.about-page .explore-image-wrapper { height:230px; background:#24202c; overflow:hidden; }
.about-page .explore-image-wrapper img { display:block; width:100%; height:100%; object-fit:cover; }
.about-page .explore-card:first-child .explore-image-wrapper img { object-fit:contain; }
.about-page .explore-card-content { padding:28px; }
.about-page .explore-card-title { font-size:1.7rem; margin-bottom:18px; }
.about-page .explore-card-description { color:var(--home-muted); }
.about-page .explore-link { display:inline-flex; gap:16px; align-items:center; font:.83rem/1.6 Arial,sans-serif; color:#dfcaf0; text-underline-offset:6px; margin-top:20px; }
.about-page .explore-link svg { width:18px; height:18px; }
.about-page .cta-section { padding:0 32px 65px; }
.about-page .cta-container { padding:40px; border:1px solid #5a4864; background:#2b2234; max-width:1156px; }
.about-page .cta-description { max-width:800px; color:var(--home-muted); margin:22px 0; }
.about-page .cta-button { display:inline-block; padding:14px 22px; background:#d2c2eb; color:#17131e; font:600 .85rem/1.5 Arial,sans-serif; text-decoration:none; border-radius:3px; }
@media(max-width:900px) { .about-page .hero-grid { gap:40px; grid-template-columns:1.2fr 1fr; } .about-page .section-grid { gap:35px; } .about-page .timeline-content { grid-template-columns:110px 1fr; gap:8px 20px; } }
@media(max-width:650px) { .about-page .hero-container,.about-page .content-container,.about-page .timeline-container,.about-page .explore-container { padding:0 24px; } .about-page .hero-section { padding:45px 0; } .about-page .hero-grid,.about-page .section-grid,.about-page .worlds-grid,.about-page .focus-grid,.about-page .explore-cards { grid-template-columns:1fr; } .about-page .hero-content,.about-page .author-card { grid-column:auto; grid-row:auto; } .about-page .hero-content { order:-1; } .about-page .author-card { max-width:400px; } .about-page .timeline-content { display:block; } .about-page .timeline-label { margin-bottom:12px; } .about-page .timeline-heading { margin-bottom:12px; } .about-page .worlds-card,.about-page .focus-card { padding:24px; } .about-page .content-section,.about-page .worlds-section,.about-page .timeline-section,.about-page .focus-section,.about-page .explore-section { padding:42px 0; } .about-page .cta-section { padding:0 24px 45px; } .about-page .cta-container { padding:26px; } }