.about-hero{
padding-block:var(--space-4) var(--space-6);
background:var(--c-base);
color:var(--c-ink)
}

.about-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(24rem,.86fr);
gap:var(--space-5);
align-items:center;
min-width:0
}

.about-hero-grid>*{
min-width:0
}

.about-hero-copy{
display:flex;
flex-direction:column;
align-items:flex-start
}

.about-heading,
.about-section-head{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-1)
}

.about-heading h1{
max-width:18ch;
font-size:var(--fs-5);
line-height:1.18;
overflow-wrap:anywhere
}

.about-hero-copy>.c-lead{
max-width:42rem;
margin-top:var(--space-2)
}

.about-hero-copy>.c-actions{
justify-content:flex-start
}

.about-hero-facts{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
width:100%;
margin-top:var(--space-4);
padding-top:var(--space-3);
border-top:1px solid var(--c-line);
list-style:none
}

.about-hero-facts li{
display:flex;
min-width:0;
flex-direction:column;
gap:var(--space-1);
padding-right:var(--space-2)
}

.about-hero-facts strong{
font-family:var(--font-mono);
font-size:var(--fs-3);
line-height:1.2;
font-variant-numeric:tabular-nums
}

.about-hero-facts span{
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.4
}

.about-run-sheet{
min-width:0;
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--c-dark);
color:#f8f3f2;
box-shadow:var(--shadow-float)
}

.about-run-sheet-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-3);
background:#242025;
color:#f8f3f2
}

.about-run-sheet-head div{
display:flex;
min-width:0;
flex-direction:column;
gap:var(--space-1)
}

.about-run-sheet-head span{
color:#c9c1c5;
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.2;
letter-spacing:.08em
}

.about-run-sheet-head strong{
font-family:var(--font-head);
font-size:var(--fs-3);
line-height:1.25
}

.about-run-sheet-head .about-status{
flex:0 0 auto;
padding:.45rem .7rem;
border-radius:999px;
background:var(--c-primary);
color:#241b1a;
font-family:var(--font-body);
font-weight:700;
letter-spacing:0
}

.about-machine-map{
position:relative;
min-height:18rem;
background:var(--c-lilac);
color:#241b1a
}

.about-machine-svg{
width:100%;
height:18rem
}

.about-node-label{
position:absolute;
display:flex;
flex-direction:column;
gap:.2rem;
min-width:5.5rem;
padding:.45rem .65rem;
border-radius:var(--radius-sm);
background:#ffffff;
color:#241b1a;
box-shadow:var(--shadow-soft)
}

.about-node-label strong{
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.2
}

.about-node-label span{
font-size:var(--fs-0);
line-height:1.25
}

.about-node-label-sg{
top:1rem;
left:1rem
}

.about-node-label-jp{
top:1rem;
right:1rem
}

.about-node-label-kr{
bottom:1rem;
left:1rem
}

.about-node-label-hk{
right:1rem;
bottom:1rem
}

.about-run-sheet-data{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
margin:0;
padding:var(--space-3);
background:#171417;
color:#f8f3f2
}

.about-run-sheet-data div{
display:grid;
min-width:0;
gap:var(--space-1);
padding:var(--space-2)
}

.about-run-sheet-data dt{
color:#aaa1a7;
font-family:var(--font-mono);
font-size:var(--fs-0);
font-weight:500;
letter-spacing:.04em
}

.about-run-sheet-data dd{
color:#f8f3f2;
font-size:var(--fs-1);
overflow-wrap:anywhere
}

.about-section-head{
max-width:48rem;
margin-bottom:var(--space-4)
}

.about-section-head .c-lead{
max-width:46rem
}

.about-position-grid{
grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);
align-items:start
}

.about-position-main{
display:flex;
min-width:0;
flex-direction:column;
gap:var(--space-2);
padding:var(--space-4);
border-radius:var(--radius-md);
background:#ffffff;
color:#241b1a
}

.about-position-main p{
color:#5f575c
}

.about-position-notes{
display:grid;
grid-template-rows:repeat(2,minmax(0,1fr));
gap:var(--space-3);
min-width:0
}

.about-note{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md)
}

.about-note-peach{
background:#ffe8dd;
color:#241b1a
}

.about-note-lilac{
background:#f5e8f8;
color:#241b1a
}

.about-note p{
color:#5f575c
}

.about-note .c-badge{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.about-value-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
align-items:start
}

.about-value-card{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#ffffff;
color:#241b1a
}

.about-value-index{
display:inline-flex;
width:2.4rem;
height:2.4rem;
align-items:center;
justify-content:center;
border-radius:999px;
background:var(--c-primary);
color:#241b1a;
font-family:var(--font-mono);
font-size:var(--fs-0);
font-weight:700;
line-height:1
}

.about-value-card p{
color:#5f575c
}

.about-value-card ul{
display:grid;
gap:var(--space-1);
padding-left:1.15rem;
color:#5f575c
}

.about-value-card li{
font-size:var(--fs-1)
}

.about-decision-callout,
.about-security-note{
display:grid;
grid-template-columns:1.5rem minmax(0,1fr);
gap:var(--space-2);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#241b1a;
color:#f8f3f2
}

.about-decision-callout svg,
.about-security-note svg{
width:1.35rem;
height:1.35rem;
margin-top:.15rem
}

.about-decision-callout div,
.about-security-note div{
display:grid;
gap:var(--space-1)
}

.about-decision-callout p,
.about-security-note p{
color:#d1c8cc
}

.about-audience-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:start
}

.about-audience-card{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md)
}

.about-audience-orange{
background:#ffe8dd;
color:#241b1a
}

.about-audience-purple{
background:#f5e8f8;
color:#241b1a
}

.about-audience-blue{
background:#eaf0ff;
color:#241b1a
}

.about-audience-neutral{
background:#ffffff;
color:#241b1a
}

.about-audience-card p,
.about-audience-card dd{
color:#5f575c
}

.about-audience-icon{
display:flex;
width:2.8rem;
height:2.8rem;
align-items:center;
justify-content:center;
border-radius:var(--radius-sm);
background:rgba(255,255,255,.72);
color:#241b1a
}

.about-audience-icon svg{
width:1.45rem;
height:1.45rem
}

.about-audience-card dl{
display:grid;
width:100%;
margin:0
}

.about-audience-card dl div{
display:grid;
grid-template-columns:minmax(6rem,.34fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-top:1px solid var(--c-line)
}

.about-audience-card dt,
.about-audience-card dd{
min-width:0;
overflow-wrap:anywhere
}

.about-region-strip{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3)
}

.about-region{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#ffffff;
color:#241b1a
}

.about-region-code{
display:inline-flex;
width:3rem;
height:3rem;
align-items:center;
justify-content:center;
border-radius:999px;
background:#806aa8;
color:#ffffff;
font-family:var(--font-mono);
font-size:var(--fs-1);
font-weight:700;
line-height:1
}

.about-region>div:nth-child(2){
display:grid;
min-width:0;
gap:var(--space-1)
}

.about-region p{
color:#5f575c
}

.about-region-link{
display:inline-flex;
grid-column:2;
width:fit-content;
max-width:100%;
align-items:center;
gap:.45rem;
margin-top:var(--space-2);
padding:.65rem .85rem;
border:1px solid color-mix(in srgb,currentColor 30%,transparent);
border-radius:var(--radius-sm);
color:#7b3920;
font-size:var(--fs-1);
font-weight:700;
line-height:1.35;
overflow-wrap:anywhere
}

.about-region-link svg{
width:1rem;
height:1rem;
flex:0 0 1rem
}

.about-region-link:hover{
background:#fff5ee
}

.about-region-method{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-4)
}

.about-region-method div{
display:flex;
min-width:0;
flex-direction:column;
gap:var(--space-1);
padding-top:var(--space-3);
border-top:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent)
}

.about-region-method strong{
color:#724f90;
font-family:var(--font-mono);
font-size:var(--fs-1)
}

.about-region-method p{
color:#5f575c
}

.about-section-head-dark{
color:#f8f3f2
}

.about-section-head-dark .c-lead{
color:#c6bec3
}

.about-section-head-dark .c-kicker{
background:#f4b08a;
color:#241b1a
}

.about-section-head-dark .c-kicker::before{
background:#241b1a
}

.about-operations{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);
gap:var(--space-3);
align-items:stretch
}

.about-operation-steps{
display:grid;
align-content:start;
list-style:none
}

.about-operation-steps li{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-3);
border-bottom:1px solid var(--c-line-dark)
}

.about-operation-steps li:first-child{
padding-top:0
}

.about-operation-number{
display:inline-flex;
width:2.5rem;
height:2.5rem;
align-items:center;
justify-content:center;
border-radius:999px;
background:#e47c42;
color:#241b1a;
font-family:var(--font-mono);
font-size:var(--fs-0);
font-weight:700;
line-height:1
}

.about-operation-steps li div{
display:grid;
min-width:0;
gap:var(--space-1)
}

.about-operation-steps h3{
color:#f8f3f2
}

.about-operation-steps p{
color:#c6bec3
}

.about-check-sheet{
display:flex;
min-width:0;
height:100%;
flex-direction:column;
overflow:hidden;
border-radius:var(--radius-md);
background:#ffffff;
color:#241b1a
}

.about-check-sheet-head{
display:flex;
flex-direction:column;
gap:var(--space-1);
padding:var(--space-3);
background:#f5e8f8;
color:#241b1a
}

.about-check-sheet-head span{
font-family:var(--font-mono);
font-size:var(--fs-0);
letter-spacing:.08em
}

.about-check-sheet-head strong{
font-family:var(--font-head);
font-size:var(--fs-3)
}

.about-check-sheet ul{
display:grid;
padding-inline:var(--space-3);
list-style:none
}

.about-check-sheet li{
display:grid;
grid-template-columns:minmax(5rem,.32fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-bottom:1px solid var(--c-line)
}

.about-check-sheet li span{
color:#6e676f;
font-size:var(--fs-1)
}

.about-check-sheet li strong{
font-size:var(--fs-1);
font-weight:650;
overflow-wrap:anywhere
}

.about-check-sheet>.c-btn{
width:calc(100% - var(--space-3)*2);
margin:var(--space-3);
margin-top:var(--space-3)
}

.about-boundary-table{
min-width:52rem
}

.about-boundary-table caption{
padding:var(--space-2) var(--space-3);
background:#ffffff;
color:#5f575c;
font-size:var(--fs-1);
font-weight:650;
text-align:left
}

.about-boundary-table th,
.about-boundary-table td{
vertical-align:top
}

.about-boundary-table tbody th{
background:#faf7f8;
color:#241b1a
}

.about-security-note{
background:#ffffff;
color:#241b1a
}

.about-security-note p{
color:#5f575c
}

.about-feedback-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:start
}

.about-feedback-card{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#ffffff;
color:#241b1a
}

.about-feedback-card>span{
width:fit-content;
max-width:100%;
align-self:flex-start;
padding:.45rem .7rem;
border-radius:999px;
background:#fff1e9;
color:#8d4020;
font-size:var(--fs-0);
font-weight:700;
line-height:1.2
}

.about-feedback-card p{
color:#5f575c
}

.about-feedback-card>strong{
padding-top:var(--space-2);
border-top:1px solid var(--c-line);
font-size:var(--fs-1);
line-height:1.5
}

.about-improvement-loop{
display:grid;
grid-template-columns:minmax(14rem,.35fr) minmax(0,1fr);
gap:var(--space-3);
margin-top:var(--space-4);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#241b1a;
color:#f8f3f2
}

.about-loop-label{
display:flex;
flex-direction:column;
gap:var(--space-1)
}

.about-loop-label span{
color:#c6bec3;
font-size:var(--fs-1)
}

.about-loop-label strong{
font-family:var(--font-head);
font-size:var(--fs-3);
line-height:1.35;
overflow-wrap:anywhere
}

.about-improvement-loop ol{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
list-style:none
}

.about-improvement-loop li{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-1);
min-width:0;
padding:var(--space-2);
border-radius:var(--radius-sm);
background:#342f34;
color:#f8f3f2
}

.about-improvement-loop li span{
display:inline-flex;
width:1.8rem;
height:1.8rem;
align-items:center;
justify-content:center;
border-radius:999px;
background:#f4b08a;
color:#241b1a;
font-family:var(--font-mono);
font-size:var(--fs-0);
font-weight:700;
line-height:1
}

.about-improvement-loop li p{
color:#d2cacf;
font-size:var(--fs-1)
}

.about-closing-section{
padding-block:var(--space-5) var(--space-4)
}

.about-closing{
color:#f8f3f2
}

.about-closing-copy{
display:flex;
min-width:0;
max-width:42rem;
flex-direction:column;
align-items:flex-start;
gap:var(--space-1)
}

.about-closing-copy .c-kicker{
background:#f4b08a;
color:#241b1a
}

.about-closing-copy .c-kicker::before{
background:#241b1a
}

.about-closing-copy p{
color:#c6bec3
}

.about-closing-actions{
display:flex;
flex:0 0 auto;
flex-direction:column;
align-items:stretch;
gap:var(--space-2)
}

.about-closing-actions .c-btn{
width:100%
}

.about-closing-actions .c-btn-ghost{
color:#f8f3f2;
border-color:rgba(255,255,255,.38)
}

.about-closing-actions .c-btn-ghost:hover{
background:rgba(255,255,255,.08)
}

@media (max-width:64rem){
.about-hero-grid,
.about-position-grid,
.about-operations{
grid-template-columns:1fr
}

.about-hero-grid{
gap:var(--space-4)
}

.about-heading h1{
max-width:22ch
}

.about-run-sheet{
width:100%;
max-width:none
}

.about-position-notes{
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-rows:none
}

.about-value-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))
}

.about-check-sheet>.c-btn{
margin-top:var(--space-3)
}
}

@media (max-width:48rem){
.about-audience-grid,
.about-region-strip,
.about-feedback-grid{
grid-template-columns:1fr
}

.about-region-method{
grid-template-columns:1fr
}

.about-improvement-loop{
grid-template-columns:1fr
}
}

@media (max-width:44rem){
.about-hero{
padding-block:var(--space-4) var(--space-5)
}

.about-heading h1{
font-size:clamp(2rem,10vw,2.8rem)
}

.about-hero-facts{
grid-template-columns:1fr;
gap:var(--space-2)
}

.about-hero-facts li{
display:grid;
grid-template-columns:minmax(5.5rem,.4fr) minmax(0,1fr);
align-items:baseline;
padding-right:0
}

.about-machine-map{
min-height:15rem
}

.about-machine-svg{
height:15rem
}

.about-node-label{
min-width:4.6rem;
padding:.4rem .5rem
}

.about-run-sheet-data,
.about-position-notes,
.about-improvement-loop ol{
grid-template-columns:1fr
}

.about-run-sheet-data div{
padding-inline:0;
border-bottom:1px solid var(--c-line-dark)
}

.about-run-sheet-data div:last-child{
border-bottom:0
}

.about-position-main{
padding:var(--space-3)
}

.about-audience-card dl div,
.about-check-sheet li{
grid-template-columns:1fr;
gap:var(--space-1)
}

.about-region{
grid-template-columns:auto minmax(0,1fr)
}

.about-region-link{
grid-column:1/-1;
width:100%;
justify-content:center
}

.about-operation-steps li{
grid-template-columns:1fr
}

.about-closing{
align-items:stretch
}

.about-closing-actions{
width:100%
}
}

@media (max-width:24.375rem){
.about-machine-map{
min-height:17rem
}

.about-machine-svg{
height:17rem
}

.about-node-label-sg,
.about-node-label-jp{
top:.65rem
}

.about-node-label-kr,
.about-node-label-hk{
bottom:.65rem
}
}