.about { --about-night:#0D1210; }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) .about { --about-night:#1A4D2E; } }
:root[data-theme="dark"] .about { --about-night:#1A4D2E; }
.about section { padding:clamp(40px,5.6vw,72px) var(--px); }
.about-label, .about-number, .about-caption, .about-tag { font:400 12px/1.6 'JetBrains Mono',monospace; }
.about-label { margin:0 0 24px; color:var(--lab); letter-spacing:.06em; text-transform:uppercase; }
.about-name { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(24px,4vw,56px); align-items:end; }
.about-name > div { min-width:0; }
.about-wordmark { font:500 clamp(64px,12vw,156px)/1.1 'Playfair Display',serif; letter-spacing:-.05em; white-space:nowrap; }
.about-wordmark i { font-weight:400; color:#D4A843; }
.about-origin { margin:0; font-size:clamp(17px,1.6vw,20px); line-height:1.65; color:var(--ink2); }
.about-night { background:var(--about-night); color:#F5F2EC; }
.about-night .about-label { color:#E8C36A; }
.about-mission > p { max-width:980px; margin:0; font:500 clamp(28px,3.6vw,46px)/1.25 'Playfair Display',serif; text-wrap:balance; }
.about-title { margin:0 0 32px; font:500 clamp(30px,3.6vw,46px)/1.15 'Playfair Display',serif; }
.about-value-grid, .about-founder-grid { display:grid; list-style:none; padding:0; margin:0; gap:28px; }
.about-value-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.about-value-grid > li { display:flex; flex-direction:column; min-width:0; border-top:1px solid var(--rule); padding-top:16px; }
.about-number { color:var(--lab); }
.about-value-grid h3 { margin:16px 0 12px; font:500 26px/1.2 'Playfair Display',serif; }
.about-value-grid > li > p { margin:0 0 24px; color:var(--ink2); font-size:15px; line-height:1.65; }
.about-example { margin-top:auto; padding:16px; border:1px solid var(--rule); background:var(--bg2); }
.about-example p { margin:0; font-size:13px; line-height:1.6; }
.about-example p + p { margin-top:10px; }
.about-example .about-price { font:400 17px/1.6 'JetBrains Mono',monospace; }
.about-example .about-caption { color:var(--ink2); font-size:11px; }
.about-photo { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; margin-top:auto; }
.about-example .about-tag { padding:8px; border:1px solid var(--rule); color:var(--lab); font-size:11px; }
.about .about-founders { border-top:1px solid var(--rule); }
.about-founder-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.about-founder-grid > li { min-width:0; padding:22px; background:var(--bg2); border:1px solid var(--rule); }
.about-founder-grid p { margin:0; font-size:17px; font-weight:500; line-height:1.5; }
.about-founder-grid p + p { margin-top:8px; font-size:14px; font-weight:400; color:var(--ink2); }
.about-related { margin:24px 0 0; max-width:900px; font-size:14px; line-height:1.65; color:var(--ink2); }
.about-talk { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:32px clamp(24px,4vw,56px); }
.about-talk .about-title { margin-bottom:20px; }
.about-talk-intro > p { margin:0 0 24px; font-size:16px; line-height:1.65; }
.about-talk .button { min-height:52px; padding:12px 22px; max-width:100%; background:#F5F2EC; color:#0D1210; text-align:center; }
.about-doors { list-style:none; margin:0; padding:0; }
.about-door { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:14px 0; border-top:1px solid rgba(245,242,236,.12); font-size:15px; line-height:1.5; font-weight:500; }
.about-door > span:first-child { flex:1; min-width:0; }
.about-door-action { max-width:44%; color:#E8C36A; text-align:right; }
.about-doors li:last-child .about-door { border-bottom:1px solid rgba(245,242,236,.12); }
.about-door:hover .about-door-action, .about-door:focus-visible .about-door-action { text-decoration:underline; text-underline-offset:4px; }
.about-talk a:focus-visible { outline-color:#E8C36A; }
.about-talk .button:hover { text-decoration:underline; text-underline-offset:4px; }
@media (max-width:1000px) { .about-name { grid-template-columns:minmax(0,1fr); } }
@media (max-width:760px) { .about-founder-grid, .about-talk, .about-value-grid { grid-template-columns:minmax(0,1fr); } }