/* Adapted from the supplied AboutBento: original 2x2 feature + two tiles + wide CTA. */
.ed-about{--about-ink:#101319;--about-muted:#455063;max-width:1160px;margin:0 auto;padding:clamp(60px,8vw,100px) clamp(20px,5vw,40px) 0;scroll-margin-top:100px;color:var(--about-ink);font-family:Onest,sans-serif}
.ed-about-heading{text-align:center;max-width:850px;margin:0 auto 42px}
.ed-about-heading h2{font:300 clamp(26px,3.7vw,46px)/1.23 Unbounded,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px}
.ed-about-heading>p{font:400 17px/1.65 Onest,sans-serif;color:var(--about-muted);max-width:62ch;margin:0 auto;text-wrap:pretty}
.ed-about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;grid-template-areas:"main main pilot team" "main main cta cta";grid-template-rows:minmax(290px,auto) minmax(190px,auto)}
.ed-about-card{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:28px;background:#fff;min-width:0;box-sizing:border-box}
.ed-about-card h3{font:300 20px/1.35 Unbounded,sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0}
.ed-about-card p{font:400 15px/1.6 Onest,sans-serif;margin:12px 0 0;text-wrap:pretty}
.ed-about-main{grid-area:main;display:flex;flex-direction:column;justify-content:space-between;min-height:500px;padding:40px;background:#edf0f5}
.ed-about-foil{position:absolute;inset:0;z-index:0;isolation:isolate;overflow:hidden;border-radius:inherit;background:linear-gradient(155deg,#f6f4fb,#cfd6ea 30%,#b9c6d8 48%,#8b96a6 70%,#e8e4f2 88%,#eef1f7);pointer-events:none}
.ed-about-foil>span{border-radius:inherit;overflow:hidden}
.ed-about-main-top,.ed-about-main>p{position:relative;z-index:2}
.ed-about-tag{display:inline-flex;padding:9px 13px;background:rgba(255,255,255,.7);border-radius:20px;font:11px/1.5 'JetBrains Mono',monospace;color:#354052;margin-bottom:28px}
.ed-about-main h3{font-size:clamp(28px,3vw,38px);line-height:1.25;max-width:15ch}
.ed-about-main>p{max-width:36ch;color:#283342;margin-top:70px;font-size:17px}
.ed-about-star{position:absolute;z-index:1;right:-84px;bottom:70px;width:300px;height:auto;fill:rgba(255,255,255,.3);transform:rotate(-18deg);transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.ed-about-main:hover .ed-about-star{transform:rotate(28deg)}
.ed-about-pilot{grid-area:pilot;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:#e6f0ee}
.ed-about-label{font:10px/1.6 'JetBrains Mono',monospace!important;margin:0!important;color:inherit}
.ed-about-pilot strong{display:flex;align-items:baseline;gap:10px;font:300 76px/1 Unbounded,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:20px}
.ed-about-pilot strong span{font:400 15px/1.4 Onest,sans-serif;letter-spacing:0}
.ed-about-pilot h3{font-size:17px}
.ed-about-pilot p:not(.ed-about-label){font-size:14px;color:#344c47}
.ed-about-progress{display:flex;gap:5px;height:5px}.ed-about-progress span{flex:1;background:rgba(16,60,50,.15);border-radius:4px}.ed-about-progress span:first-child{background:#376c60}
.ed-about-team{grid-area:team;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:#101319;color:#fff}
.ed-about-team h3{font-size:18px}.ed-about-team p{font-size:14px;color:#c0c7d2}.ed-about-team>.ed-about-label{color:#c0c7d2}
.ed-about-orbit{position:relative;width:76px;height:58px;display:flex;align-items:center}.ed-about-orbit span{position:absolute;width:38px;height:38px;border-radius:50%;background:#f4f6fa;box-shadow:0 0 0 5px #101319}.ed-about-orbit span:nth-child(2){left:21px;background:#abbcd2}.ed-about-orbit span:nth-child(3){left:42px;background:#d8cced}
.ed-about-cta{grid-area:cta;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--about-ink);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 16px rgba(30,40,70,.04);transition:background .2s ease-out,transform .2s ease-out}
.ed-about-cta h3{font-size:23px;max-width:17ch}.ed-about-cta p{color:var(--about-muted);max-width:29ch}
.ed-about-arrow{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#101319;color:white;font:28px/1 Onest,sans-serif;transition:transform .25s ease-out}
.ed-about-cta:hover{background:#edf0f7}.ed-about-cta:hover .ed-about-arrow{transform:rotate(45deg)}.ed-about-cta:active{transform:scale(.96)}.ed-about-cta:focus-visible{outline:2px solid #5253aa;outline-offset:5px}
@media(max-width:1000px){.ed-about-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main main" "pilot team" "cta cta";grid-template-rows:auto}.ed-about-main{min-height:420px}.ed-about-main>p{max-width:42ch}.ed-about-star{width:350px;bottom:-80px}.ed-about-cta h3{max-width:none}.ed-about-heading h2{font-size:clamp(26px,4vw,40px)}}
@media(max-width:540px){.ed-about-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "pilot" "team" "cta";gap:14px}.ed-about-heading{margin-bottom:28px}.ed-about-heading>p{font-size:15px}.ed-about-card{padding:26px}.ed-about-main{min-height:430px}.ed-about-main h3{font-size:28px}.ed-about-main>p{font-size:15px;margin-top:64px}.ed-about-star{width:260px;bottom:60px;right:-105px}.ed-about-pilot,.ed-about-team{gap:28px}.ed-about-pilot strong{font-size:66px}.ed-about-team h3{font-size:22px}.ed-about-cta{align-items:flex-start}.ed-about-cta h3{font-size:21px}.ed-about-cta p{font-size:14px}.ed-about-arrow{width:44px;height:44px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.ed-about *, .ed-about *::before,.ed-about *::after{animation:none!important;transition:none!important}.ed-about-main:hover .ed-about-star{transform:rotate(-18deg)}.ed-about-cta:hover .ed-about-arrow,.ed-about-cta:active{transform:none}}

/* Compact cases: one headline and one result line per card. */
.ed-about-cases .ed-about-grid{grid-template-rows:minmax(300px,auto) minmax(180px,auto)}
.ed-about-cases .ed-about-main h3{font-size:clamp(28px,3.4vw,42px);max-width:16ch}
.ed-about-cases .ed-about-tag{font-size:10px;max-width:100%;line-height:1.6}
.ed-about-cases .ed-about-main .ed-about-summary{max-width:29ch;margin:60px 0 0;font-size:18px;line-height:1.6}
.ed-about-cases .ed-about-pilot,.ed-about-cases .ed-about-team{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;color:var(--about-ink);background:#edf0f5}
.ed-about-cases .ed-about-pilot>.ed-about-foil{background:linear-gradient(145deg,#f6f8fc 5%,#d9eaf0 38%,#e5def1 74%,#f5f1fa)}
.ed-about-cases .ed-about-team>.ed-about-foil{background:linear-gradient(155deg,#f8f5fb 4%,#e8d9ef 40%,#d8e4ed 76%,#f1f6fa)}
.ed-about-cases .ed-about-pilot>.ed-about-foil>span,.ed-about-cases .ed-about-team>.ed-about-foil>span{opacity:.45}
.ed-about-cases .ed-about-pilot>.ed-about-foil>span[data-foil2],.ed-about-cases .ed-about-team>.ed-about-foil>span[data-foil2]{opacity:.4!important}
.ed-about-cases .ed-about-pilot>p,.ed-about-cases .ed-about-team>p,.ed-about-cases .ed-about-pilot>h3,.ed-about-cases .ed-about-team>h3{position:relative;z-index:2;transform:translateZ(0)}
.ed-about-cases .ed-about-pilot>.ed-about-label,.ed-about-cases .ed-about-team>.ed-about-label{color:#455063}
.ed-about-cases .ed-about-pilot h3,.ed-about-cases .ed-about-team h3{font-size:20px;line-height:1.35;margin-top:auto}
.ed-about-cases .ed-about-pilot>.ed-about-summary,.ed-about-cases .ed-about-team>.ed-about-summary{font:400 15px/1.6 Onest,sans-serif;color:#303a49;margin:0}
.ed-about-cases .ed-about-cta{background:linear-gradient(120deg,#f9fafc,#ece9f5 60%,#e5f0f3)}
.ed-about-cases .ed-about-cta:hover{background:linear-gradient(120deg,#f0f5fa,#e3def0 60%,#d9ebee)}
@media(max-width:1000px){.ed-about-cases .ed-about-grid{grid-template-rows:auto}.ed-about-cases .ed-about-pilot,.ed-about-cases .ed-about-team{min-height:300px}}
@media(max-width:540px){.ed-about-cases .ed-about-main{min-height:400px}.ed-about-cases .ed-about-main h3{font-size:28px}.ed-about-cases .ed-about-main .ed-about-summary{font-size:16px}.ed-about-cases .ed-about-pilot,.ed-about-cases .ed-about-team{min-height:270px}.ed-about-cases .ed-about-pilot h3,.ed-about-cases .ed-about-team h3{font-size:24px}}

/* Phone compositions: a hero case followed by compact numbered case studies. */
@media(max-width:540px){
 .ed-about-cases .ed-about-grid{gap:12px}
 .ed-about-cases .ed-about-main{min-height:310px;padding:24px}
 .ed-about-cases .ed-about-main h3{font-size:26px;max-width:16ch}
 .ed-about-cases .ed-about-tag{margin-bottom:22px;font-size:9px;padding:7px 10px}
 .ed-about-cases .ed-about-main .ed-about-summary{font-size:15px;line-height:1.6;margin-top:38px;max-width:28ch}
 .ed-about-cases .ed-about-star{width:210px;right:-75px;bottom:35px}
 .ed-about-cases .ed-about-pilot,.ed-about-cases .ed-about-team{min-height:220px;padding:24px;gap:16px;border-radius:20px 20px 32px 20px}
 .ed-about-cases .ed-about-pilot h3,.ed-about-cases .ed-about-team h3{font-size:22px;line-height:1.35;max-width:18ch}
 .ed-about-cases .ed-about-pilot>.ed-about-summary,.ed-about-cases .ed-about-team>.ed-about-summary{font-size:14px;line-height:1.6}
 .ed-about-cases .ed-about-pilot:after,.ed-about-cases .ed-about-team:after{position:absolute;right:21px;top:14px;font:300 48px/1 Unbounded,sans-serif;letter-spacing:-.06em;opacity:.1;pointer-events:none}
 .ed-about-cases .ed-about-pilot:after{content:'02'}.ed-about-cases .ed-about-team:after{content:'03'}
 .ed-about-cases .ed-about-team{background:#101319;color:#fff;border-radius:32px 20px 20px 20px}
 .ed-about-cases .ed-about-team>.ed-about-foil{opacity:.1}
 .ed-about-cases .ed-about-team>.ed-about-label,.ed-about-cases .ed-about-team>.ed-about-summary{color:#d5dfe9}
 .ed-about-cases .ed-about-cta{padding:23px;min-height:150px;align-items:center}
}