/* =========================================================
   ESSENTILY — ABOUT V1
   Editorial product story for local grocery commerce.
   ========================================================= */

:root{
    --about-ink:#17191b;
    --about-copy:#5d6870;
    --about-orange:#ff520f;
    --about-green:#0c492a;
    --about-lime:#b9f18f;
    --about-cream:#fff8f1;
    --about-border:#e7e2dc;
}

/* HERO */
.about-hero{
    overflow:hidden;
    border-bottom:1px solid #ebe7e1;
    background:
        radial-gradient(circle at 87% 17%,rgba(73,156,80,.15),transparent 27%),
        radial-gradient(circle at 10% 89%,rgba(255,82,15,.08),transparent 27%),
        linear-gradient(135deg,#fff8f2,#fff 50%,#eef8eb);
}
.about-hero__grid{
    display:grid;
    grid-template-columns:.88fr 1.12fr;
    gap:68px;
    align-items:center;
    min-height:735px;
    padding-top:72px;
    padding-bottom:76px;
}
.about-hero h1{
    margin:17px 0 24px;
    color:var(--about-ink);
    font:900 clamp(62px,5.4vw,86px)/.94 Nunito,sans-serif;
    letter-spacing:-.055em;
}
.about-hero h1 strong{color:var(--about-orange)}
.about-hero__copy>p{
    max-width:700px;
    margin:0;
    color:var(--about-copy);
    font-size:16px;
    line-height:1.85;
}
.about-hero__actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.about-text-link{display:inline-flex;align-items:center;gap:8px;color:#202426;font-size:12px;font-weight:800}
.about-hero__principles{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:40px;
    padding-top:19px;
    border-top:1px solid #e7e0d9;
}
.about-hero__principles>span{position:relative;padding:0 20px}
.about-hero__principles>span:first-child{padding-left:0}
.about-hero__principles>span+span:before{content:"";position:absolute;left:0;top:3px;width:1px;height:46px;background:#e7e0d9}
.about-hero__principles b,.about-hero__principles small{display:block}
.about-hero__principles b{font:900 13.5px Nunito,sans-serif}
.about-hero__principles small{margin-top:4px;color:#7a848a;font-size:9.5px;line-height:1.5}

.about-hero__visual{position:relative;min-height:585px;isolation:isolate}
.about-orbit{
    position:absolute;left:50%;top:50%;border:1px solid rgba(45,116,59,.12);border-radius:50%;
    transform:translate(-50%,-50%);
}
.about-orbit--one{width:490px;height:490px;animation:aboutOrbitPulse 5s ease-in-out infinite}
.about-orbit--two{width:375px;height:375px;animation:aboutOrbitPulse 5s ease-in-out -2.5s infinite}
.about-phone{
    position:absolute;margin:0;overflow:hidden;border:7px solid #202326;border-radius:34px;background:#fff;
    box-shadow:0 28px 66px rgba(23,24,22,.18)
}
.about-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.about-phone--customer{z-index:4;left:50%;top:0;width:278px;height:568px;transform:translateX(-50%)}
.about-phone--vendor{z-index:3;left:3%;bottom:5%;width:185px;height:400px;transform:rotate(-8deg)}
.about-phone--driver{z-index:3;right:1%;bottom:5%;width:185px;height:400px;transform:rotate(8deg)}
.about-app-node{
    position:absolute;z-index:7;display:flex;align-items:center;gap:9px;min-width:145px;padding:9px 11px;
    border:1px solid rgba(31,35,31,.08);border-radius:15px;background:rgba(255,255,255,.94);
    box-shadow:0 16px 40px rgba(34,30,25,.08);backdrop-filter:blur(12px)
}
.about-app-node img{width:31px;height:31px;border-radius:9px}
.about-app-node b,.about-app-node small{display:block}
.about-app-node b{font:900 9.5px Nunito,sans-serif}
.about-app-node small{color:#858f93;font-size:7px}
.about-app-node--customer{left:1%;top:12%}
.about-app-node--vendor{right:1%;top:18%}
.about-app-node--driver{right:0;bottom:1%}

/* SHARED HEADS */
.about-purpose h2,
.about-section-head h2,
.about-values__head h2,
.about-order h2,
.about-focus h2,
.about-cta h2{
    color:var(--about-ink);
    font-family:Nunito,sans-serif;
    font-weight:900;
    letter-spacing:-.048em;
}
.about-purpose h2 em,
.about-section-head h2 em,
.about-values__head h2 em,
.about-order h2 em,
.about-focus h2 em,
.about-cta h2 em{color:var(--about-orange);font-style:normal}
.about-section-head--center{max-width:900px;margin:0 auto;text-align:center}
.about-section-head--center .v11-eyebrow{justify-content:center}
.about-section-head--center h2{margin:14px 0 15px;font-size:clamp(50px,4.8vw,68px);line-height:.99}
.about-section-head--center>p{max-width:760px;margin:0 auto;color:var(--about-copy);font-size:15.5px;line-height:1.85}

/* PURPOSE */
.about-purpose{padding:108px 0;background:#fff}
.about-purpose__grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end}
.about-purpose__headline h2{margin:14px 0 0;font-size:clamp(50px,4.6vw,66px);line-height:.99}
.about-purpose__copy{display:grid;gap:17px}
.about-purpose__copy p{margin:0;color:var(--about-copy);font-size:15.5px;line-height:1.85}
.about-purpose__statement{
    display:grid;grid-template-columns:90px .78fr 1fr;gap:28px;align-items:center;
    margin-top:55px;padding:25px 30px;border:1px solid var(--about-border);border-radius:24px;
    background:linear-gradient(90deg,#fff8f2,#fff 52%,#eff8ec)
}
.about-purpose__statement>span{color:#e4e6e2;font:900 55px/1 Nunito,sans-serif}
.about-purpose__statement small,.about-purpose__statement strong{display:block}
.about-purpose__statement small{color:#ff5b18;font-size:7.5px;font-weight:900;letter-spacing:.1em}
.about-purpose__statement strong{margin-top:3px;font:900 18px Nunito,sans-serif}
.about-purpose__statement p{margin:0;color:#667177;font-size:11.5px;line-height:1.65}

/* THREE EXPERIENCES */
.about-network{padding:108px 0;background:#f6f7f5}
.about-network__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.about-network-card{
    position:relative;min-height:590px;overflow:hidden;border:1px solid var(--about-border);border-radius:30px;
    background:#fff;box-shadow:0 20px 55px rgba(31,28,24,.05)
}
.about-network-card__copy{position:relative;z-index:3;padding:28px 28px 0}
.about-network-card__copy>img{width:43px;height:43px;border-radius:13px}
.about-network-card__copy>small{display:block;margin-top:16px;color:#ff5a16;font-size:7.5px;font-weight:900;letter-spacing:.09em}
.about-network-card h3{margin:8px 0 12px;font:900 31px/.98 Nunito,sans-serif;letter-spacing:-.035em}
.about-network-card h3 em{font-style:normal;color:var(--about-orange)}
.about-network-card p{margin:0;color:#677178;font-size:11.5px;line-height:1.7}
.about-network-card a{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#1e2224;font-size:9.5px;font-weight:800}
.about-network-card a span{color:var(--about-orange)}
.about-network-card figure{
    position:absolute;z-index:2;right:-5%;bottom:-17%;width:72%;height:390px;margin:0;overflow:hidden;
    border:6px solid #202326;border-radius:31px;background:#fff;box-shadow:0 20px 50px rgba(28,25,22,.15)
}
.about-network-card figure img{width:100%;height:100%;object-fit:cover;object-position:top}
.about-network-card--customer{background:linear-gradient(145deg,#fff6ef,#fff 58%)}
.about-network-card--vendor{background:linear-gradient(145deg,#fff,#f7f7f7)}
.about-network-card--delivery{background:linear-gradient(145deg,#f0f8ed,#fff 60%)}
.about-network-card--delivery h3 em{color:#4c9b55}

/* VALUES */
.about-values{padding:105px 0;background:#fff}
.about-values__head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}
.about-values__head h2{margin:14px 0 0;font-size:clamp(49px,4.6vw,65px);line-height:.99}
.about-values__head>p{margin:0;color:var(--about-copy);font-size:15px;line-height:1.85}
.about-values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:42px}
.about-values__grid article{
    min-height:220px;padding:24px;border:1px solid var(--about-border);border-radius:23px;background:#fff;
    transition:transform .2s ease,box-shadow .2s ease
}
.about-values__grid article:hover{transform:translateY(-3px);box-shadow:0 19px 45px rgba(35,31,27,.055)}
.about-values__grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff0e8;color:#ff5917;font:900 9px Nunito,sans-serif}
.about-values__grid article:nth-child(2n) span{background:#eef7eb;color:#3f894c}
.about-values__grid h3{margin:24px 0 9px;font:900 21px/1.05 Nunito,sans-serif}
.about-values__grid p{margin:0;color:#687279;font-size:11.5px;line-height:1.72}

/* CONNECTED ORDER */
.about-order{padding:108px 0;background:#0d1510;color:#fff}
.about-order__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.about-order h2{margin:14px 0 17px;color:#fff;font-size:clamp(49px,4.5vw,64px);line-height:.99}
.about-order h2 em{color:var(--about-lime)}
.about-order__copy>p{margin:0;color:#bdc9c0;font-size:15px;line-height:1.85}
.about-order__steps{display:flex;align-items:center;gap:9px;margin-top:27px}
.about-order__steps>span{flex:1;padding:12px 9px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045)}
.about-order__steps b,.about-order__steps small,.about-order__steps strong{display:block}
.about-order__steps b{color:var(--about-lime);font:900 9px Nunito,sans-serif}
.about-order__steps small{margin-top:4px;color:#98a69d;font-size:7px}
.about-order__steps strong{margin-top:2px;font:900 9.5px Nunito,sans-serif}
.about-order__steps>i{flex:0 0 12px;height:1px;background:#5c6a61}
.about-order__button{margin-top:24px;background:#fff!important;color:#151a17!important}
.about-order__visual{position:relative;min-height:600px}
.about-order__screen{
    position:absolute;margin:0;overflow:hidden;border:7px solid #202326;border-radius:33px;background:#fff;
    box-shadow:0 28px 65px rgba(0,0,0,.25)
}
.about-order__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.about-order__screen--store{z-index:2;left:2%;bottom:4%;width:195px;height:422px;transform:rotate(-7deg)}
.about-order__screen--delivery{z-index:4;left:38%;top:0;width:260px;height:562px}
.about-order__screen--customer{z-index:3;right:0;bottom:3%;width:195px;height:422px;transform:rotate(7deg)}

/* FOCUS */
.about-focus{padding:105px 0;background:linear-gradient(135deg,#fff8f2,#fff 54%,#eef8eb)}
.about-focus__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}
.about-focus__visual{position:relative;min-height:510px}
.about-focus__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(44,122,58,.13);border-radius:50%;transform:translate(-50%,-50%)}
.about-focus__ring--one{width:430px;height:430px}
.about-focus__ring--two{width:300px;height:300px}
.about-focus__icon{position:absolute;z-index:4;left:50%;top:50%;width:105px;height:105px;border-radius:27px;transform:translate(-50%,-50%);box-shadow:0 20px 45px rgba(255,82,15,.22)}
.about-focus__tag{
    position:absolute;z-index:5;padding:10px 13px;border:1px solid #e4e1dd;border-radius:999px;background:#fff;
    box-shadow:0 12px 30px rgba(33,29,25,.06);font-size:9px;font-weight:800
}
.about-focus__tag--one{left:6%;top:20%}
.about-focus__tag--two{right:1%;top:27%}
.about-focus__tag--three{left:1%;bottom:18%}
.about-focus__tag--four{right:8%;bottom:14%}
.about-focus h2{margin:14px 0 17px;font-size:clamp(49px,4.5vw,64px);line-height:.99}
.about-focus__copy>p{margin:0;color:var(--about-copy);font-size:15.5px;line-height:1.85}
.about-focus__links{display:grid;margin-top:26px;border-top:1px solid #e4e0da}
.about-focus__links a{display:grid;grid-template-columns:145px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e4e0da;color:#1c2022}
.about-focus__links b{font:900 11.5px Nunito,sans-serif}
.about-focus__links small{color:#747f85;font-size:9.5px}
.about-focus__links span{color:var(--about-orange);font-size:16px}

/* CTA */
.about-cta{padding:88px 0 108px;background:#fff}
.about-cta__panel{
    display:grid;grid-template-columns:1fr 310px;gap:45px;align-items:center;padding:50px 54px;
    border:1px solid var(--about-border);border-radius:34px;background:linear-gradient(135deg,#fff3ea,#fff 55%,#edf7e9);
    box-shadow:0 23px 68px rgba(37,31,25,.06)
}
.about-cta h2{margin:13px 0 13px;font-size:clamp(40px,3.8vw,54px);line-height:1}
.about-cta p{max-width:720px;margin:0;color:var(--about-copy);font-size:13.5px;line-height:1.8}
.about-cta__actions{display:flex;flex-direction:column;gap:10px;width:100%}
.about-cta__actions .v11-btn{width:100%;justify-content:center}

/* MOTION */
@keyframes aboutOrbitPulse{
    0%,100%{opacity:.55;scale:1}
    50%{opacity:1;scale:1.025}
}
@media(prefers-reduced-motion:reduce){
    .about-orbit{animation:none!important}
}
.about-motion .about-phone,
.about-motion .about-order__screen{transition:translate .25s ease}

/* RESPONSIVE */
@media(max-width:1180px){
    .about-hero__grid{gap:40px}
    .about-phone--customer{width:250px;height:511px}
    .about-phone--vendor,.about-phone--driver{width:165px;height:357px}
    .about-network-card{min-height:560px}
    .about-order__grid{gap:45px}
    .about-order__screen--delivery{width:230px;height:497px}
    .about-order__screen--store,.about-order__screen--customer{width:172px;height:372px}
}

@media(max-width:980px){
    .about-hero__grid{grid-template-columns:1fr;gap:25px;min-height:auto;padding-top:65px}
    .about-hero__copy{text-align:center;margin-inline:auto}
    .about-hero__copy .v11-eyebrow{justify-content:center}
    .about-hero__copy>p{margin-inline:auto}
    .about-hero__actions{justify-content:center}
    .about-hero__visual{min-height:520px}
    .about-purpose__grid,.about-values__head{grid-template-columns:1fr;gap:25px;text-align:center}
    .about-purpose__headline .v11-eyebrow,.about-values__head .v11-eyebrow{justify-content:center}
    .about-purpose__statement{grid-template-columns:70px 1fr;gap:20px}
    .about-purpose__statement p{grid-column:1/-1}
    .about-network__grid{grid-template-columns:1fr}
    .about-network-card{min-height:520px}
    .about-network-card figure{width:52%;right:2%;bottom:-16%}
    .about-values__grid{grid-template-columns:1fr 1fr}
    .about-order__grid{grid-template-columns:1fr;gap:38px;text-align:center}
    .about-order__copy .v11-eyebrow{justify-content:center}
    .about-order__copy>p{margin-inline:auto}
    .about-order__visual{min-height:525px}
    .about-focus__grid{grid-template-columns:1fr;gap:35px}
    .about-focus__visual{min-height:450px}
    .about-focus__copy{text-align:center}
    .about-focus__copy .v11-eyebrow{justify-content:center}
    .about-focus__copy>p{margin-inline:auto}
    .about-focus__links{text-align:left}
    .about-cta__panel{grid-template-columns:1fr;text-align:center}
    .about-cta__panel .v11-eyebrow{justify-content:center}
    .about-cta p{margin-inline:auto}
    .about-cta__actions{width:260px;justify-self:center}
}

@media(max-width:700px){
    .about-hero h1{font-size:47px}
    .about-hero__copy>p{font-size:14px}
    .about-hero__actions{flex-direction:column;gap:12px}
    .about-hero__principles{grid-template-columns:1fr;gap:12px;text-align:left}
    .about-hero__principles>span{padding:0}
    .about-hero__principles>span+span:before{display:none}
    .about-hero__visual{min-height:390px}
    .about-phone{border-width:5px;border-radius:25px}
    .about-phone--customer{width:188px;height:384px}
    .about-phone--vendor,.about-phone--driver{width:122px;height:264px}
    .about-app-node{display:none}
    .about-orbit--one{width:330px;height:330px}
    .about-orbit--two{width:250px;height:250px}

    .about-purpose,.about-network,.about-values,.about-order,.about-focus{padding:75px 0}
    .about-purpose__headline h2,.about-section-head--center h2,.about-values__head h2,.about-order h2,.about-focus h2{font-size:39px}
    .about-purpose__copy p,.about-section-head--center>p,.about-values__head>p,.about-order__copy>p,.about-focus__copy>p{font-size:13.5px}
    .about-purpose__statement{grid-template-columns:1fr;padding:22px}
    .about-purpose__statement>span{font-size:48px}

    .about-network-card{min-height:485px}
    .about-network-card__copy{padding:24px 22px 0}
    .about-network-card h3{font-size:28px}
    .about-network-card p{font-size:11px}
    .about-network-card figure{width:64%;height:300px}

    .about-values__grid{grid-template-columns:1fr}
    .about-values__grid article{min-height:0}

    .about-order__steps{display:grid;grid-template-columns:1fr 1fr}
    .about-order__steps>i{display:none}
    .about-order__visual{min-height:390px}
    .about-order__screen--delivery{left:50%;width:165px;height:357px;transform:translateX(-50%)}
    .about-order__screen--store,.about-order__screen--customer{width:118px;height:255px}
    .about-order__screen--store{left:0}
    .about-order__screen--customer{right:0}

    .about-focus__visual{min-height:350px}
    .about-focus__ring--one{width:310px;height:310px}
    .about-focus__ring--two{width:215px;height:215px}
    .about-focus__icon{width:82px;height:82px;border-radius:22px}
    .about-focus__tag{font-size:8px;padding:8px 10px}
    .about-focus__links a{grid-template-columns:110px 1fr auto}
    .about-focus__links small{font-size:8.5px}

    .about-cta{padding:70px 0 90px}
    .about-cta__panel{padding:34px 22px}
    .about-cta h2{font-size:37px}
    .about-cta__actions{width:100%}
}


/* =========================================================
   ABOUT ESSENTILY V1.1 — FULL-PAGE POLISH
   Based on live full-page screenshot QA.
   ========================================================= */

/* Hero: retain composition, strengthen supporting content */
.about-hero__copy>p{
    font-size:16.5px!important;
    line-height:1.84!important;
}
.about-hero__principles{
    margin-top:34px!important;
    padding-top:17px!important;
}
.about-hero__principles b{
    font-size:14px!important;
}
.about-hero__principles small{
    font-size:10.2px!important;
    line-height:1.55!important;
}

/* WHY ESSENTILY EXISTS — less airy, more readable */
.about-purpose{
    padding-top:94px!important;
    padding-bottom:92px!important;
}
.about-purpose__grid{
    gap:64px!important;
}
.about-purpose__headline h2{
    font-size:clamp(49px,4.45vw,63px)!important;
}
.about-purpose__copy p{
    color:#58636a!important;
    font-size:16px!important;
    line-height:1.82!important;
}
.about-purpose__statement{
    grid-template-columns:78px .8fr 1fr!important;
    gap:24px!important;
    margin-top:42px!important;
    padding:25px 30px!important;
    border-radius:22px!important;
}
.about-purpose__statement>span{
    font-size:50px!important;
}
.about-purpose__statement small{
    font-size:8.5px!important;
}
.about-purpose__statement strong{
    font-size:19px!important;
}
.about-purpose__statement p{
    color:#5e696f!important;
    font-size:12.5px!important;
    line-height:1.65!important;
}

/* THREE EXPERIENCES — stronger content-to-image ratio */
.about-network{
    padding-top:94px!important;
    padding-bottom:96px!important;
}
.about-section-head--center h2{
    font-size:clamp(48px,4.5vw,64px)!important;
}
.about-section-head--center>p{
    color:#5d686f!important;
    font-size:16px!important;
}
.about-network__grid{
    gap:18px!important;
    margin-top:42px!important;
}
.about-network-card{
    min-height:610px!important;
}
.about-network-card__copy{
    padding:30px 30px 0!important;
}
.about-network-card__copy>small{
    font-size:8.5px!important;
}
.about-network-card h3{
    margin-top:9px!important;
    font-size:32px!important;
}
.about-network-card p{
    max-width:320px!important;
    color:#5f6a70!important;
    font-size:12.5px!important;
    line-height:1.7!important;
}
.about-network-card a{
    margin-top:16px!important;
    font-size:10.5px!important;
}
.about-network-card figure{
    right:-3%!important;
    bottom:-14%!important;
    width:74%!important;
    height:405px!important;
}

/* VALUES — this was visually too quiet and text was too small */
.about-values{
    padding-top:94px!important;
    padding-bottom:96px!important;
}
.about-values__head{
    gap:56px!important;
}
.about-values__head h2{
    font-size:clamp(47px,4.35vw,61px)!important;
}
.about-values__head>p{
    color:#58636a!important;
    font-size:15.8px!important;
}
.about-values__grid{
    gap:15px!important;
    margin-top:38px!important;
}
.about-values__grid article{
    position:relative!important;
    overflow:hidden!important;
    min-height:205px!important;
    padding:25px!important;
}
.about-values__grid article:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:linear-gradient(90deg,#ff6a2b,#ffc1a6)!important;
    opacity:.75!important;
}
.about-values__grid article:nth-child(2n):before{
    background:linear-gradient(90deg,#4e9c59,#b9f18f)!important;
}
.about-values__grid h3{
    font-size:21.5px!important;
}
.about-values__grid p{
    color:#626d73!important;
    font-size:12.5px!important;
    line-height:1.72!important;
}

/* CONNECTED ORDER — strong section already, improve text/step legibility */
.about-order{
    padding-top:94px!important;
    padding-bottom:94px!important;
}
.about-order__grid{
    gap:58px!important;
}
.about-order h2{
    font-size:clamp(47px,4.25vw,60px)!important;
}
.about-order__copy>p{
    color:#c5d0c8!important;
    font-size:15.8px!important;
}
.about-order__steps{
    gap:8px!important;
    margin-top:25px!important;
}
.about-order__steps>span{
    min-height:72px!important;
    padding:13px 10px!important;
}
.about-order__steps b{
    font-size:9.5px!important;
}
.about-order__steps small{
    font-size:8px!important;
}
.about-order__steps strong{
    font-size:10.5px!important;
    line-height:1.35!important;
}
.about-order__visual{
    min-height:565px!important;
}

/* OUR FOCUS — make the left visual feel intentional rather than empty */
.about-focus{
    padding-top:92px!important;
    padding-bottom:94px!important;
}
.about-focus__grid{
    gap:62px!important;
}
.about-focus__visual{
    min-height:480px!important;
}
.about-focus__ring--one{
    width:400px!important;
    height:400px!important;
    border-color:rgba(44,122,58,.16)!important;
}
.about-focus__ring--two{
    width:285px!important;
    height:285px!important;
    border-color:rgba(255,82,15,.11)!important;
}
.about-focus__icon{
    width:112px!important;
    height:112px!important;
    box-shadow:0 24px 52px rgba(255,82,15,.22)!important;
}
.about-focus__tag{
    min-width:115px!important;
    text-align:center!important;
    padding:11px 14px!important;
    font-size:10px!important;
}
.about-focus__tag--one{left:4%!important;top:18%!important}
.about-focus__tag--two{right:0!important;top:24%!important}
.about-focus__tag--three{left:0!important;bottom:17%!important}
.about-focus__tag--four{right:5%!important;bottom:13%!important}
.about-focus h2{
    font-size:clamp(47px,4.25vw,60px)!important;
}
.about-focus__copy>p{
    color:#58636a!important;
    font-size:15.8px!important;
}
.about-focus__links a{
    padding:15px 0!important;
}
.about-focus__links b{
    font-size:12.5px!important;
}
.about-focus__links small{
    color:#69747a!important;
    font-size:10.3px!important;
}

/* CTA — a little more authority, no extra height */
.about-cta{
    padding-top:76px!important;
    padding-bottom:94px!important;
}
.about-cta__panel{
    padding:46px 50px!important;
}
.about-cta h2{
    font-size:clamp(39px,3.55vw,50px)!important;
}
.about-cta p{
    color:#59646a!important;
    font-size:14px!important;
}

/* Footer readability while this page CSS is loaded */
.v11-footer{
    font-size:13px!important;
}
.v11-footer p,
.v11-footer a,
.v11-footer span,
.v11-footer small{
    font-size:12.5px!important;
    line-height:1.65!important;
}
.v11-footer h3{
    font-size:13px!important;
}

/* Tablet */
@media(max-width:980px){
    .about-purpose,
    .about-network,
    .about-values,
    .about-order,
    .about-focus{
        padding-top:76px!important;
        padding-bottom:78px!important;
    }
    .about-purpose__statement{
        grid-template-columns:70px 1fr!important;
    }
    .about-purpose__statement p{
        grid-column:1/-1!important;
    }
    .about-network-card{
        min-height:550px!important;
    }
    .about-focus__visual{
        min-height:430px!important;
    }
}

/* Phone */
@media(max-width:700px){
    .about-hero__copy>p{
        font-size:14px!important;
    }
    .about-hero__principles b{
        font-size:13px!important;
    }
    .about-hero__principles small{
        font-size:10px!important;
    }
    .about-purpose__copy p,
    .about-section-head--center>p,
    .about-values__head>p,
    .about-order__copy>p,
    .about-focus__copy>p{
        font-size:13.7px!important;
    }
    .about-purpose__statement{
        padding:21px!important;
    }
    .about-purpose__statement strong{
        font-size:17px!important;
    }
    .about-purpose__statement p{
        font-size:11.5px!important;
    }
    .about-network-card{
        min-height:500px!important;
    }
    .about-network-card p{
        font-size:11.5px!important;
    }
    .about-values__grid p{
        font-size:11.7px!important;
    }
    .about-focus__tag{
        min-width:auto!important;
        font-size:8.5px!important;
        padding:8px 10px!important;
    }
    .about-focus__links b{
        font-size:11.5px!important;
    }
    .about-focus__links small{
        font-size:9px!important;
    }
    .v11-footer p,
    .v11-footer a,
    .v11-footer span,
    .v11-footer small{
        font-size:11.5px!important;
    }
}


/* =========================================================
   ABOUT V1.2 — STORY + ECOSYSTEM PASS
   Adds true About narrative and replaces the weak orbit graphic.
   ========================================================= */

/* Three-experience cards: slightly less dominant on an About page */
.about-network-card{
    min-height:570px!important;
}
.about-network-card figure{
    height:375px!important;
    bottom:-12%!important;
}
.about-network-card p{
    max-width:300px!important;
}

/* Identity / actual About section */
.about-identity{
    padding:102px 0;
    background:#fff;
}
.about-identity__grid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:76px;
    align-items:start;
}
.about-identity__copy{
    position:sticky;
    top:125px;
}
.about-identity__copy h2{
    margin:14px 0 20px;
    color:var(--about-ink);
    font:900 clamp(50px,4.6vw,65px)/.99 Nunito,sans-serif;
    letter-spacing:-.048em;
}
.about-identity__copy h2 em{
    color:var(--about-orange);
    font-style:normal;
}
.about-identity__copy p{
    max-width:650px;
    margin:0 0 15px;
    color:#59646a;
    font-size:15.8px;
    line-height:1.84;
}
.about-identity__principles{
    display:grid;
    gap:14px;
}
.about-identity__principles article{
    position:relative;
    display:grid;
    grid-template-columns:58px 1fr;
    gap:18px;
    align-items:start;
    padding:25px 26px;
    border:1px solid var(--about-border);
    border-radius:22px;
    background:linear-gradient(135deg,#fff,#fffaf6);
    box-shadow:0 16px 42px rgba(31,28,24,.04);
}
.about-identity__principles article:nth-child(2){
    background:linear-gradient(135deg,#fff,#f3faef);
}
.about-identity__principles article:nth-child(3){
    background:linear-gradient(135deg,#fff,#f5f7f6);
}
.about-identity__principles>article>span{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:14px;
    background:#fff0e8;
    color:#ff5a17;
    font:900 11px Nunito,sans-serif;
}
.about-identity__principles article:nth-child(2)>span{
    background:#eef7eb;
    color:#448b50;
}
.about-identity__principles article:nth-child(3)>span{
    background:#f1f3f2;
    color:#42494d;
}
.about-identity__principles small{
    display:block;
    color:#ff5b18;
    font-size:8px;
    font-weight:900;
    letter-spacing:.1em;
}
.about-identity__principles h3{
    margin:5px 0 8px;
    color:#1b1f21;
    font:900 21px/1.08 Nunito,sans-serif;
    letter-spacing:-.02em;
}
.about-identity__principles p{
    margin:0;
    color:#657077;
    font-size:12.5px;
    line-height:1.72;
}

/* Reworked Our Focus ecosystem */
.about-focus{
    padding-top:98px!important;
    padding-bottom:100px!important;
}
.about-focus__grid{
    grid-template-columns:1.12fr .88fr!important;
    gap:70px!important;
}
.about-ecosystem{
    position:relative;
    min-height:560px!important;
    overflow:visible;
}
.about-ecosystem__ring{
    position:absolute;
    left:50%;
    top:50%;
    border:1px solid rgba(43,117,57,.14);
    border-radius:50%;
    transform:translate(-50%,-50%);
}
.about-ecosystem__ring--outer{
    width:455px;
    height:455px;
}
.about-ecosystem__ring--inner{
    width:305px;
    height:305px;
    border-color:rgba(255,82,15,.12);
}
.about-ecosystem__center{
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    width:145px;
    height:145px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #eadfd7;
    border-radius:34px;
    background:#fff;
    box-shadow:0 24px 60px rgba(40,34,28,.11);
    transform:translate(-50%,-50%);
}
.about-ecosystem__center img{
    width:62px;
    height:62px;
    border-radius:17px;
    box-shadow:0 12px 28px rgba(255,82,15,.16);
}
.about-ecosystem__center small{
    margin-top:8px;
    color:#ff5a17;
    font-size:7px;
    font-weight:900;
    letter-spacing:.1em;
}
.about-ecosystem__center strong{
    margin-top:2px;
    font:900 14px Nunito,sans-serif;
}
.about-ecosystem__center span{
    margin-top:2px;
    color:#7a858a;
    font-size:7.5px;
}
.about-ecosystem__node{
    position:absolute;
    z-index:6;
    display:flex;
    align-items:center;
    gap:11px;
    min-width:180px;
    padding:13px 15px;
    border:1px solid #e5e1dc;
    border-radius:17px;
    background:#fff;
    box-shadow:0 16px 38px rgba(35,31,27,.07);
}
.about-ecosystem__node img,
.about-ecosystem__icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    border-radius:12px;
}
.about-ecosystem__node img{
    object-fit:cover;
}
.about-ecosystem__icon{
    display:grid;
    place-items:center;
    background:#eef7eb;
    color:#3f874c;
    font:900 16px Nunito,sans-serif;
}
.about-ecosystem__icon--orange{
    background:#fff0e8;
    color:#ff5917;
}
.about-ecosystem__node small,
.about-ecosystem__node strong,
.about-ecosystem__node span{
    display:block;
}
.about-ecosystem__node small{
    color:#ff5a17;
    font-size:6.8px;
    font-weight:900;
    letter-spacing:.08em;
}
.about-ecosystem__node strong{
    margin-top:2px;
    color:#1c2022;
    font:900 11.5px Nunito,sans-serif;
}
.about-ecosystem__node span{
    margin-top:2px;
    color:#7a848a;
    font-size:7.5px;
}
.about-ecosystem__node--stores{left:0;top:13%}
.about-ecosystem__node--vendor{right:0;top:18%}
.about-ecosystem__node--delivery{right:1%;bottom:11%}
.about-ecosystem__node--catalogue{left:0;bottom:16%}

.about-ecosystem__line{
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    height:1px;
    transform-origin:left center;
    background:linear-gradient(90deg,rgba(255,82,15,.45),rgba(75,145,82,.3));
}
.about-ecosystem__line:after{
    content:"";
    position:absolute;
    right:-2px;
    top:-2px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#4e9858;
}
.about-ecosystem__line--stores{
    width:205px;
    transform:rotate(204deg);
}
.about-ecosystem__line--vendor{
    width:205px;
    transform:rotate(-31deg);
}
.about-ecosystem__line--delivery{
    width:205px;
    transform:rotate(31deg);
}
.about-ecosystem__line--catalogue{
    width:205px;
    transform:rotate(151deg);
}

/* Focus copy now supports the ecosystem graphic */
.about-focus h2{
    font-size:clamp(46px,4.15vw,59px)!important;
}
.about-focus__copy>p{
    font-size:15.8px!important;
    line-height:1.82!important;
}
.about-focus__links{
    margin-top:24px!important;
}
.about-focus__links a{
    grid-template-columns:135px 1fr auto!important;
    padding:16px 0!important;
}
.about-focus__links b{
    font-size:12.5px!important;
}
.about-focus__links small{
    font-size:10.5px!important;
}

/* Slightly stronger copy in six-principle section */
.about-values__grid p{
    color:#59646a!important;
    font-size:12.8px!important;
}

/* Responsive */
@media(max-width:980px){
    .about-identity{
        padding:78px 0;
    }
    .about-identity__grid{
        grid-template-columns:1fr;
        gap:32px;
    }
    .about-identity__copy{
        position:static;
        text-align:center;
    }
    .about-identity__copy .v11-eyebrow{
        justify-content:center;
    }
    .about-identity__copy p{
        margin-inline:auto;
    }

    .about-focus__grid{
        grid-template-columns:1fr!important;
        gap:35px!important;
    }
    .about-ecosystem{
        min-height:500px!important;
    }
}
@media(max-width:700px){
    .about-identity{
        padding:72px 0;
    }
    .about-identity__copy h2{
        font-size:39px;
    }
    .about-identity__copy p{
        font-size:13.7px;
    }
    .about-identity__principles article{
        grid-template-columns:48px 1fr;
        gap:14px;
        padding:20px 18px;
    }
    .about-identity__principles>article>span{
        width:42px;
        height:42px;
    }
    .about-identity__principles h3{
        font-size:18px;
    }
    .about-identity__principles p{
        font-size:11.5px;
    }

    .about-ecosystem{
        min-height:430px!important;
    }
    .about-ecosystem__ring--outer{
        width:330px;
        height:330px;
    }
    .about-ecosystem__ring--inner{
        width:220px;
        height:220px;
    }
    .about-ecosystem__center{
        width:118px;
        height:118px;
        border-radius:28px;
    }
    .about-ecosystem__center img{
        width:50px;
        height:50px;
    }
    .about-ecosystem__node{
        min-width:0;
        width:145px;
        gap:8px;
        padding:10px 11px;
    }
    .about-ecosystem__node img,
    .about-ecosystem__icon{
        flex-basis:32px;
        width:32px;
        height:32px;
        border-radius:10px;
    }
    .about-ecosystem__node strong{
        font-size:10px;
    }
    .about-ecosystem__node span{
        font-size:6.6px;
    }
    .about-ecosystem__node--stores{left:0;top:7%}
    .about-ecosystem__node--vendor{right:0;top:12%}
    .about-ecosystem__node--delivery{right:0;bottom:8%}
    .about-ecosystem__node--catalogue{left:0;bottom:12%}
    .about-ecosystem__line{
        width:145px!important;
    }
}