/* Template: about (from mockup about.html) */
.office { position: relative; overflow: hidden; border-radius: var(--r-xl); background: #fff; color: var(--ink); box-shadow: var(--lamp-ring); }
.office__map { position: relative; height: 230px; background: #e9edf6; }
.office__map svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.office__pin { position: absolute; left: 52%; top: 44%; width: 32px; height: 32px; margin: -32px 0 0 -16px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--lamp); box-shadow: 0 0 30px rgba(255, 194, 75, 0.9); }
.office__pin::after { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: var(--night); }
.office__body { padding: 1.3rem 1.5rem 1.5rem; display: grid; gap: 0.3rem; }
.office__body b { font-size: 1.15rem; font-stretch: 110%; }
.office__body address { font-style: normal; color: var(--slate); }
.office__body .more { margin-top: 0.6rem; }
.story { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 1rem + 4vw, 5rem); }
.plist { list-style: none; }
.plist li { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: 1.3rem; padding: 1.7rem 0; border-top: 1px solid var(--line-dark); }
.plist li:last-child { border-bottom: 1px solid var(--line-dark); }
.picon { width: 3.2rem; height: 3.2rem; border-radius: 16px; background: rgba(255, 194, 75, 0.12); color: var(--lamp); display: grid; place-items: center; }
.picon svg { width: 1.4rem; height: 1.4rem; }
.plist h3 { margin-bottom: 0.45rem; }
.plist p { color: var(--mist); }
.team { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.member { display: grid; gap: 0.9rem; padding: 1.4rem; border-radius: var(--r-xl); background: var(--paper); border: 1px solid var(--line); }
.member__photo { aspect-ratio: 1; border-radius: var(--r-lg); display: grid; place-items: center; background: radial-gradient(circle at 70% 20%, rgba(255, 194, 75, 0.3), transparent 50%), var(--night); color: var(--lamp); font-size: 2.2rem; font-weight: 800; font-stretch: 120%; }
.member p { color: var(--slate); font-size: 0.93rem; }
.policy { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 1rem + 4vw, 5rem); scroll-margin-top: calc(var(--header-h) + 24px); }
.policy__list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.policy__list li { padding: 1.3rem 1.4rem; border-radius: var(--r-lg); background: var(--paper); border: 1px solid var(--line); }
.policy__list b { display: block; font-stretch: 108%; margin-bottom: 0.35rem; }
.policy__list p { color: var(--slate); font-size: 0.95rem; }
@media (max-width: 1000px) { .story, .policy { grid-template-columns: minmax(0, 1fr); } .team { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .team, .policy__list { grid-template-columns: minmax(0, 1fr); } }