.aceii-vision-bento{--vision-card-radius: 34px;position:relative;overflow:hidden;background:#f4f6f4;color:#080a09;padding:104px 0}.aceii-vision-bento *{box-sizing:border-box}.aceii-vision-bento__inner{margin:0 auto}.aceii-vision-bento__head{display:block;margin-bottom:58px}.aceii-vision-bento__head h2{margin:0;max-width:980px;color:#080a09;font-size:64px;line-height:1.08;font-weight:500}.aceii-vision-bento__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,600px);grid-template-rows:repeat(3,minmax(0,1fr));gap:22px;height:clamp(700px,calc(100svh - 260px),820px);min-height:700px;max-height:820px}.vision-card{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:var(--vision-card-radius);background:#111514;color:#fff;box-shadow:none;isolation:isolate;transform:translateZ(0);clip-path:inset(0 round var(--vision-card-radius));-webkit-mask-image:-webkit-radial-gradient(white,black);backface-visibility:hidden;-webkit-backface-visibility:hidden}.vision-card--hero{grid-column:1;grid-row:1 / -1}.vision-card--detail{grid-column:2;grid-row:1}.vision-card--safety{grid-column:2;grid-row:2}.vision-card--highlight{grid-column:2;grid-row:3}.vision-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;transform:scale(1.01);transition:transform .75s cubic-bezier(.22,1,.36,1);backface-visibility:hidden;-webkit-backface-visibility:hidden}.vision-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.48) 100%)}.vision-card:not(.vision-card--hero):after{background:linear-gradient(180deg,#0000000a,#0000002e 52%,#000000ad)}@media(hover:hover)and (pointer:fine){.vision-card:hover .vision-card__media{transform:scale(1.055)}}.vision-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:6}.vision-card:not(.vision-card--hero) .vision-copy{left:22px;right:22px;bottom:22px;max-width:430px}.vision-copy h3{margin:0;color:#fff;font-size:clamp(30px,2.5vw,40px);line-height:1.12;font-weight:500}.vision-card:not(.vision-card--hero) .vision-copy h3{font-size:clamp(22px,1.45vw,26px);line-height:1.12;font-weight:500}.vision-copy p{margin:12px 0 0;max-width:620px;color:#ffffffd1;font-size:16px;line-height:1.3;font-weight:400}.vision-card:not(.vision-card--hero) .vision-copy p{max-width:390px;font-size:15px;line-height:1.35}@media screen and (min-width:1181px){.aceii-vision-bento__head h2{max-width:none;white-space:nowrap}.vision-card:not(.vision-card--hero) .vision-copy{max-width:none}.vision-card:not(.vision-card--hero) .vision-copy p{max-width:100%;white-space:nowrap}}@media screen and (min-width:1600px){.aceii-vision-bento__head h2{font-size:70px}}@media screen and (min-width:1181px)and (max-height:900px){.aceii-vision-bento{padding:72px 0}.aceii-vision-bento__head{margin-bottom:44px}.aceii-vision-bento__grid{height:clamp(640px,calc(100svh - 220px),740px);min-height:640px;max-height:740px}}@media screen and (max-width:1180px){.aceii-vision-bento{padding:88px 0}.aceii-vision-bento__head{margin-bottom:46px}.aceii-vision-bento__head h2{max-width:900px;font-size:48px}.aceii-vision-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:430px 320px 320px;height:auto;min-height:0;max-height:none}.vision-card--hero{grid-column:1 / -1;grid-row:1}.vision-card--detail{grid-column:1;grid-row:2}.vision-card--safety{grid-column:2;grid-row:2}.vision-card--highlight{grid-column:1 / -1;grid-row:3}.vision-copy p{max-width:560px}.vision-card:not(.vision-card--hero) .vision-copy p{max-width:330px}}@media screen and (max-width:760px){.aceii-vision-bento{--vision-card-radius: 24px;padding:72px 0}.aceii-vision-bento__head{margin-bottom:34px}.aceii-vision-bento__grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}.vision-card,.vision-card--hero,.vision-card--detail,.vision-card--safety,.vision-card--highlight{grid-column:auto;grid-row:auto;height:auto;min-height:300px;border-radius:var(--vision-card-radius);clip-path:inset(0 round var(--vision-card-radius));aspect-ratio:1 / .92}.vision-card--hero{aspect-ratio:1 / 1.02}.vision-copy,.vision-card:not(.vision-card--hero) .vision-copy{left:22px;right:22px;bottom:22px}.vision-copy h3,.vision-card:not(.vision-card--hero) .vision-copy h3{font-size:clamp(22px,6vw,26px);line-height:1.12}.vision-copy p,.vision-card:not(.vision-card--hero) .vision-copy p{max-width:100%;font-size:14px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-aceii-vision-bento.css.map */