.ab-hero{isolation:isolate;align-items:center;min-height:440px;display:flex;position:relative;overflow:clip}.ab-bg{z-index:-2;object-fit:cover;object-position:50% 40%}.ab-hero:after{content:"";z-index:-1;background:radial-gradient(42% 70% at 58% 45%, #050b16cc, #050b1633 75%), linear-gradient(0deg, var(--bg) 0%, transparent 28%);position:absolute;inset:0}.ab-hero-in{justify-content:center;padding-top:48px;padding-bottom:48px;display:flex}.ab-hero-copy{text-align:center;max-width:640px;margin-left:4vw}.ab-hero h1{font-size:clamp(32px,3.4vw,52px);line-height:1.3}.ab-story{border-top:1px solid #dde3ea0f;position:relative;overflow:clip}.ab-story-img{object-fit:cover;object-position:40% 50%;width:62%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 62%,#0000 100%);mask-image:linear-gradient(90deg,#000 62%,#0000 100%)}.ab-story-in{justify-content:flex-start;align-items:center;min-height:380px;padding-top:40px;padding-bottom:40px;display:flex;position:relative}.ab-story-copy{max-width:560px}.ab-story h2{font-size:clamp(28px,2.6vw,40px)}.ab-story-copy>p:not(.pp-eyebrow){color:var(--silver);margin:14px 0 0;font-size:16px;line-height:1.95}.ab-purpose{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.ab-pcard{isolation:isolate;border:1px solid #f6c75d99;border-radius:14px;min-height:240px;position:relative;overflow:hidden;box-shadow:0 0 26px #f6c75d24}.ab-pcard:nth-child(2){border-color:#3b82f699;box-shadow:0 0 26px #3b82f624}.ab-pcard img{z-index:-2;object-fit:cover}.ab-pcard:after{content:"";z-index:-1;background:linear-gradient(270deg,#050b16e6 0%,#050b16b8 45%,#050b1659 100%);position:absolute;inset:0}.ab-pcard-in{max-width:520px;padding:26px 28px}.ab-pcard h2{align-items:center;gap:12px;font-size:clamp(24px,2vw,30px);display:flex}.ab-pcard-icon{width:46px;height:46px;color:var(--gold-2);background:#050b1680;border:1px solid #f6c75d99;border-radius:10px;place-items:center;display:grid}.ab-pcard p{color:var(--silver);margin:14px 0 0;font-size:15.5px;line-height:1.9}.ab-values{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ab-values li{--vt:var(--gold);text-align:center;border:1px solid color-mix(in srgb, var(--vt) 55%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--vt) 12%, transparent);background:#050b16d9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 18px;display:flex}.ab-values li.ab-tone-blue{--vt:#3b82f6}.ab-values img{border-radius:8px;width:100%;height:auto}.ab-values h3{margin:4px 0 0;font-size:17px;font-weight:700}.ab-values p{color:var(--silver);margin:0;font-size:13px;line-height:1.75}.ab-why{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ab-why li{background:#050b16e0;border:1px solid #3b82f673;border-radius:12px;flex-direction:column;gap:8px;padding:0 0 16px;display:flex;overflow:hidden}.ab-why li>h3,.ab-why li>p{padding:0 14px}.ab-why-shot{aspect-ratio:16/11;position:relative}.ab-why-shot img{object-fit:cover}.ab-why-icon{inset-inline-end:10px;width:42px;height:42px;color:var(--gold-2);background:#050b16eb;border:1px solid #f6c75db3;border-radius:10px;place-items:center;display:grid;position:absolute;bottom:-18px}.ab-why h3{margin:18px 0 0;font-size:16px;font-weight:700}.ab-why p{color:var(--silver);margin:0;font-size:13px;line-height:1.75}.ab-eco-stage{aspect-ratio:2020/329;max-width:1920px;margin:0 auto;position:relative;container-type:inline-size}.ab-eco-stage>img{object-fit:cover}.ab-eco-center{background:radial-gradient(circle,#050b16e6 40%,#050b1600 72%);border-radius:50%;flex-direction:column;align-items:center;gap:.3cqw;padding:.8cqw 1.2cqw;display:flex;position:absolute;top:54.6%;left:49.9%;transform:translate(-50%,-50%)}.ab-eco-center img{filter:drop-shadow(0 0 .8cqw #f6c75db3);width:4.4cqw;height:auto}.ab-eco-center b{font:700 max(10px, 1.05cqw)/1.2 var(--font-en);white-space:nowrap;text-shadow:0 0 1cqw #000c}.ab-eco-card{--et:#8b5cf6;height:66%;color:var(--white);background:linear-gradient(160deg, color-mix(in srgb, var(--et) 22%, #050b16e6), #050b16e6);border:1.5px solid color-mix(in srgb, var(--et) 80%, transparent);box-shadow:0 0 2cqw color-mix(in srgb, var(--et) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1cqw;flex-direction:column;justify-content:center;gap:.8cqw;padding:1.2cqw 1.5cqw;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:absolute;top:18%}.ab-eco-card:hover{box-shadow:0 0 3cqw color-mix(in srgb, var(--et) 55%, transparent);transform:translateY(-.4cqw)}.ab-eco-blue{--et:#3b82f6}.ab-eco-head{justify-content:space-between;align-items:center;gap:1cqw;display:flex}.ab-eco-head b{font-size:max(13px,1.45cqw);display:block}.ab-eco-head small{font:600 max(10px, .9cqw)/1.3 var(--font-en);color:var(--silver);display:block}.ab-eco-icon{width:3.2cqw;min-width:32px;height:3.2cqw;min-height:32px;color:var(--et);border:1px solid color-mix(in srgb, var(--et) 70%, transparent);border-radius:.7cqw;place-items:center;display:grid}.ab-eco-icon svg{width:60%;height:60%}.ab-eco-text{color:var(--silver);font-size:max(12px,.95cqw);line-height:1.7}.ab-close{margin-top:56px}@media (max-width:1200px){.ab-values,.ab-why{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.ab-story-img{width:100%;height:240px;position:relative;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.ab-story-in{min-height:0;padding-top:8px}.ab-purpose{grid-template-columns:1fr}.ab-eco-stage{aspect-ratio:auto;flex-direction:column;gap:12px;padding:0 16px;display:flex}.ab-eco-stage>img{aspect-ratio:2020/329;border-radius:10px;height:auto!important;position:relative!important}.ab-eco-center{display:none}.ab-eco-card{border-radius:12px;height:auto;padding:16px;position:static;width:auto!important}.ab-eco-icon{border-radius:8px;width:40px;height:40px}}@media (max-width:760px){.ab-hero-copy{margin-left:0}.ab-values,.ab-why{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.ab-eco-card{transition:none}}@media (min-width:901px){html[dir=ltr] .ab-story-in{justify-content:flex-end}}html[dir=ltr] .ab-pcard:after{background:linear-gradient(90deg,#050b16e6 0%,#050b16b8 45%,#050b1659 100%)}
