/* A single editorial process, without separate cards or illustrations. */
.landing #about{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,7vw,108px);align-items:start;padding-top:104px;padding-bottom:104px}
#about .section-heading{display:block;margin:0;position:sticky;top:124px}
#about .section-heading>p{margin-top:28px;max-width:24em;font-size:15px;line-height:1.9}
#about #about-title{font-size:clamp(32px,3.2vw,46px);line-height:1.4;margin-top:30px;letter-spacing:-.055em}
#about .approach-grid{display:block;border-top:1px solid #bbbeb2}
#about .approach-item,#about .approach-item:nth-child(2),#about .approach-item:nth-child(3),#about .approach-item[open]{position:relative;background:transparent;border:0;border-bottom:1px solid #c9ccc0}
#about .approach-item summary{display:grid;grid-template-columns:84px minmax(0,1fr) 32px;gap:22px;padding:32px 0;align-items:center;min-height:154px}
#about .approach-number{display:flex;flex-direction:column;align-items:start;gap:10px;grid-column:1;grid-row:1;margin:0}
#about .approach-number .step-digit{font:400 62px/.95 var(--font);letter-spacing:-.08em;color:#a4aa98;transition:color .3s,transform .4s}
#about .approach-number .step-label{font:10px/1.2 var(--mono);letter-spacing:1.3px;color:#77806d}
#about .approach-item h3{grid-column:2;grid-row:1;margin:0;font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.45;letter-spacing:-.045em}
#about .approach-item .heading-line{display:block}
#about .approach-toggle{grid-column:3;grid-row:1;position:relative;inset:auto;align-self:center;margin:0;width:32px;height:32px;background:transparent;border:0;border-radius:0;transition:transform .3s}
#about .approach-toggle::before,#about .approach-toggle::after{background:#4d593f;width:16px}
#about .approach-body{padding:0 48px 30px 106px;max-width:none}
#about .approach-body p{font-size:15px;line-height:1.9;word-break:keep-all}
#about .approach-body .approach-lead{font-weight:500;color:#252b20}
#about .approach-note{margin-top:20px;padding:0 0 0 14px;border:0;border-left:2px solid var(--accent);font-size:12px;color:#747b6b;line-height:1.8}
#about .approach-item[open] .step-digit{color:#416328;transform:translateX(3px)}
#about .approach-item[open] .approach-toggle{transform:rotate(180deg)}
html.approach-motion .approach-transition::after{height:56px}
@media(hover:hover){#about .approach-item:hover{border-color:#adb5a0}#about .approach-item:hover .step-digit{color:#416328;transform:translateX(3px)}}
@media(max-width:1000px){.landing #about{gap:38px;grid-template-columns:.82fr 1.18fr}#about #about-title{font-size:32px}#about .approach-item summary{grid-template-columns:64px minmax(0,1fr) 26px;gap:16px}#about .approach-number .step-digit{font-size:52px}#about .approach-item h3{font-size:24px}#about .approach-body{padding-left:80px;padding-right:26px}}
@media(max-width:800px){.landing #about{grid-template-columns:1fr;gap:40px;padding-top:72px;padding-bottom:62px}#about .section-heading{position:static}#about #about-title{font-size:36px}#about .section-heading>p{margin-top:24px}#about .approach-item summary{grid-template-columns:76px minmax(0,1fr) 30px;gap:24px;min-height:148px;padding:28px 0}#about .approach-number .step-digit{font-size:60px}#about .approach-item h3{font-size:28px}#about .approach-body{padding:0 30px 28px 100px}}
@media(max-width:600px){.landing #about{padding-top:64px;padding-bottom:54px;gap:36px}#about #about-title{font-size:30px}#about .section-heading>p{font-size:15px}#about .approach-item summary{grid-template-columns:55px minmax(0,1fr) 26px;gap:16px;min-height:134px;padding:25px 0}#about .approach-number .step-digit{font-size:48px}#about .approach-number .step-label{font-size:8px;letter-spacing:.7px}#about .approach-item h3{font-size:23px}#about .approach-toggle{width:26px;height:26px}#about .approach-body{padding:0 8px 27px 71px}#about .approach-body p{font-size:14px}#about .approach-note{font-size:12px}html.approach-motion .approach-transition::after{height:24px}}
@media(max-width:360px){#about .approach-item summary{grid-template-columns:45px minmax(0,1fr) 22px;gap:12px}#about .approach-number .step-digit{font-size:42px}#about .approach-item h3{font-size:21px}#about .approach-body{padding-left:57px}#about .approach-toggle{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){#about .approach-number .step-digit,#about .approach-toggle{transition:none;transform:none!important}}
