.about-page{padding-bottom:72px}
.about-breadcrumbs{padding:18px 0 0;color:var(--muted);font-size:12px}.about-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.about-breadcrumbs li+li::before{content:"/";margin-right:8px;color:var(--line-strong)}.about-breadcrumbs a{text-underline-offset:4px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:8%;align-items:center;padding:64px 0 82px}.about-hero-copy{min-width:0}.about-hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.3;letter-spacing:-.05em;margin:20px 0 33px}.about-hero h1 span{color:var(--coral)}.about-lead{font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.65;margin:0 0 19px}.about-description{max-width:35em;color:var(--muted);line-height:1.95;margin:0}.about-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:35px}
.about-portrait{position:relative;min-height:390px;border:1px solid var(--ink);background:var(--sheet);box-shadow:var(--shadow-paper);margin:0;padding:20px;display:flex;flex-direction:column}.about-portrait::before{content:"";position:absolute;top:0;left:50%;height:100%;border-left:1px solid var(--line);pointer-events:none}.about-portrait-id,.about-portrait figcaption,.about-portrait-corner{position:relative;z-index:1;font-family:var(--font-mono);letter-spacing:.1em}.about-portrait-id{font-size:10px;color:var(--teal)}.about-portrait-image{position:relative;z-index:1;flex:1;display:grid;place-items:center}.about-portrait-image::before{content:"";position:absolute;width:min(75%,245px);aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:50%}.about-portrait img{position:relative;width:min(58%,175px);height:auto;object-fit:contain}.about-portrait figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ink);padding-top:12px;font-size:10px}.about-portrait-corner{position:absolute;top:15px;right:20px;font-size:18px;color:var(--coral)}
.about-statement,.about-fields{display:grid;grid-template-columns:minmax(200px,.56fr) minmax(0,1fr);gap:8%;border-top:1px solid var(--ink);padding:22px 0 62px}.about-section-number,.about-field-number,.about-field-en{font-family:var(--font-mono);font-size:11px;letter-spacing:.09em}.about-section-number{color:var(--coral)}.about-section-label h2{font-size:clamp(23px,2.6vw,32px);line-height:1.5;margin:13px 0 0}.about-section-label>p{font-size:13px;color:var(--muted);margin-top:8px}.about-statement-copy{font-size:clamp(16px,1.7vw,20px);line-height:2;color:var(--ink)}.about-statement-copy p{margin:0 0 22px}.about-statement-copy p:last-child{margin-bottom:0}
.about-fields{padding-bottom:72px}.about-field-list{border-bottom:1px solid var(--line)}.about-field{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:18px;padding:19px 0 21px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:padding-left var(--motion-fast),background var(--motion-fast)}.about-field:hover{padding-left:8px;background:var(--sheet)}.about-field-number{color:var(--coral);padding-top:4px}.about-field-main{display:flex;flex-direction:column;align-items:start;min-width:0}.about-field-en{color:var(--teal)}.about-field strong{font-size:21px;line-height:1.5;margin:4px 0}.about-field-description{font-size:14px;color:var(--muted);line-height:1.8}.about-field-examples{font-size:11px;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.about-field-arrow{font-size:18px;justify-self:end;padding-top:5px}.about-field:hover .about-field-arrow{color:var(--coral)}
.about-next{display:flex;align-items:end;justify-content:space-between;gap:30px;border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--sheet);padding:28px clamp(23px,4vw,50px)}.about-next h2{font-size:clamp(21px,2.7vw,30px);line-height:1.5;margin:7px 0 0}.about-next-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:20px}
@media(max-width:760px){.about-page{padding-bottom:42px}.about-hero{grid-template-columns:1fr;gap:35px;padding:36px 0 58px}.about-hero h1{font-size:clamp(38px,10vw,53px);margin:12px 0 24px}.about-portrait{min-height:270px}.about-portrait img{width:min(47%,160px)}.about-statement,.about-fields{grid-template-columns:1fr;gap:26px;padding:20px 0 43px}.about-statement-copy{font-size:16px}.about-next{display:block}.about-next-links{justify-content:flex-start;margin-top:23px}}
@media(max-width:420px){.about-hero-actions{align-items:stretch;gap:15px}.about-hero-actions .button{width:100%}.about-portrait{min-height:240px}.about-portrait figcaption{font-size:9px}.about-field{grid-template-columns:28px minmax(0,1fr) 20px;gap:11px}.about-next-links{display:grid;justify-content:stretch}.about-next-links .button{width:100%}}
@media(prefers-reduced-motion:reduce){.about-field{transition:none}}