/* Hostlim About page: scoped to preserve shared theme components. */
.hl-about { max-width:1120px; margin:0 auto; padding:24px 0 40px; }
.hl-about .hl-page-intro { max-width:800px; margin-bottom:48px; }
.hl-about-story { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr); gap:48px; align-items:start; }
.hl-about-experience { padding:38px 30px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:radial-gradient(ellipse at top left,rgba(101,72,232,.18),transparent 75%),#0e1017; }
.hl-about-year { display:block; color:#baa7ff; font-size:clamp(3.5rem,6vw,5.5rem); font-weight:700; line-height:1.1; letter-spacing:-.055em; }
.hl-about-experience p { margin:22px 0; color:#f0f2f8; font-size:1.1rem; line-height:1.6; }
.hl-about-experience-note { display:block; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); color:#aeb8c8; font-size:.85rem; line-height:1.6; }
.hl-about-story-copy h2,.hl-about-principles>h2 { color:#f5f7fb; font-size:clamp(1.35rem,2.2vw,1.75rem); font-weight:650; line-height:1.35; margin:0 0 22px; letter-spacing:-.025em; }
.hl-about-story-copy p { color:#bcc4d2; font-size:1rem; line-height:1.85; margin:0 0 20px; }
.hl-about-signature { display:flex; flex-direction:column; gap:5px; padding-top:8px; }
.hl-about-signature strong { color:#f0f2f8; font-size:1rem; }
.hl-about-signature span { color:#aeb8c8; font-size:.88rem; }
.hl-about-principles { margin-top:64px; }
.hl-about-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.hl-about-contact { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:32px; padding:24px 0; border-top:1px solid rgba(255,255,255,.1); }
.hl-about-contact p { margin:0; color:#bcc4d2; line-height:1.7; }
.hl-about-contact a { flex-shrink:0; gap:12px; }
@media(max-width:991px) { .hl-about-story { gap:28px; } .hl-about-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .hl-about { padding:12px 0 24px; } .hl-about .hl-page-intro { margin-bottom:30px; } .hl-about-story { grid-template-columns:1fr; gap:28px; } .hl-about-experience { padding:26px; } .hl-about-year { font-size:4rem; } .hl-about-experience p { margin:16px 0; } .hl-about-principles { margin-top:40px; } .hl-about-contact { flex-direction:column; align-items:flex-start; gap:16px; } }