.bento-section{background:#323841;background:linear-gradient(180deg,#323841 50%,#000);padding:8rem}.bento-section h2{color:#fff;font-family:Din Next,sans-serif;font-weight:600;font-size:4rem;margin:0 0 8rem;text-align:center}.bento-grid{display:grid;grid-template-rows:repeat(3,1fr);gap:3rem}.bento-row{display:grid;gap:3rem}.row1{grid-template-columns:1.6fr 1fr}.row2{grid-template-columns:1fr 1fr .7fr}.row3{grid-template-columns:1fr 1fr}.row1,.row2,.row3{grid-template-rows:25vw}.box{background-color:#f5f5f5;border-radius:2rem;padding:4rem 4.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden;box-shadow:0 0 8px 2px #0000001a}.box h2{margin:0;font-family:Din Next,sans-serif;font-size:4rem;font-weight:400;color:#323841}.box span{margin-left:1rem;font-family:Din Next,sans-serif;opacity:.75;font-size:2.4rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.box span img{width:2rem;height:2rem}.box-picture{position:absolute;bottom:4rem;right:4.5rem}.box1 .box-picture{display:flex;align-items:flex-end;justify-content:center;gap:2rem}.bar-graph-rectangle{width:5rem;height:5rem;background:#323841;background:linear-gradient(15deg,#323841 50%,#000);opacity:.9;border-radius:1rem}.bar-graph-rectangle:nth-of-type(2){height:15rem}.bar-graph-rectangle:nth-of-type(3){height:10rem}.bar-graph-rectangle:nth-of-type(4){height:20rem}.box2{align-items:flex-end;justify-content:flex-end}.box2 h2{font-size:2.5vw;align-items:flex-end;justify-content:flex-end}.box2 .box-picture{top:0;right:0;bottom:0;left:0}.box2 .box-picture img{height:100%;transform:translate(-35%)}.box3 .box-picture{top:0;right:0;bottom:0;left:0}.box3 .box-picture img{height:225%;transform:translate(10%) translateY(-40%)}.box4{background:#323841;background:linear-gradient(135deg,#323841 50%,#000);opacity:.9;align-items:flex-end;justify-content:flex-end}.box4 h2{text-align:left;color:#fff;font-size:4vw;line-height:1.1;font-weight:500}.box5{padding:3rem}.box5 h2{margin-bottom:2rem;text-align:left}.box5 span{font-size:1.5vw}.box5 span img{width:1.6rem;height:1.6rem}.box6{padding:3rem 3.5rem}.box6 span{margin:1rem 0 0;line-height:1.2}.box6 .box-picture{bottom:-1rem;right:0;display:flex;align-items:center;justify-content:flex-end}.box6 .box-picture img{display:block;width:25vw}.box7{padding:3rem 3.5rem}.box7 h2{text-align:left}.box7 .box-picture{bottom:0;right:8%}.box7 .box-picture img{display:block;width:16vw}.box7 ul{font-family:Din Next,sans-serif;opacity:.75;font-size:2.4rem}@media (max-width: 768px){.bento-section{padding:4rem 2rem}.bento-section h2{font-size:2rem;margin:0 0 4rem;text-align:left}.bento-grid{grid-template-rows:repeat(3,auto);gap:2rem}.bento-row{gap:2rem}.row1,.row3{grid-template-rows:auto auto;grid-template-columns:1fr}.row2{grid-template-rows:auto auto auto;grid-template-columns:1fr}.box{border-radius:1rem;padding:2rem 2.4rem}.box h2{margin:0;font-size:clamp(2rem,6vw,3rem)}.box span{margin-left:.5rem;font-size:clamp(1.6rem,5vw,2.4rem);gap:.5rem}.box span img{width:clamp(1.2rem,4vw,1.6rem);height:clamp(1.2rem,4vw,1.6rem)}.box-picture{position:static}.box1 .box-picture{width:100%;justify-content:flex-end;gap:1.5rem}.bar-graph-rectangle{width:4rem;height:4rem}.box2{aspect-ratio:1.2 / 1}.box2 h2{font-size:7vw;align-items:flex-end;justify-content:flex-end}.box2 .box-picture{width:100%;height:100%;position:absolute;top:0;left:0;right:auto;bottom:auto}.box2 .box-picture img{object-fit:cover;display:block;width:100%;height:100%;transform:translate(-35%)}.box3{aspect-ratio:1.2 / 1}.box3 h2{font-size:8vw}.box3 .box-picture{width:100%;height:100%;position:absolute;top:0;left:0;right:auto;bottom:auto}.box3 .box-picture img{object-fit:cover;object-position:left;display:block;width:100%;transform:translate(20%) translateY(-40%)}.box4{align-items:flex-start;justify-content:flex-start}.box5 h2 br{display:none}.box6{aspect-ratio:1 / 1}.box6 .box-picture{position:absolute}.box6 .box-picture img{width:75vw}.box7{aspect-ratio:1.2 / 1}.box7 h2 br{display:none}.box7 ul{margin:.5rem 0;padding-left:2.5rem;font-size:clamp(1.6rem,5vw,2.4rem)}.box7 .box-picture{position:absolute;right:2%}.box7 .box-picture img{width:30vw}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-bento.css.map */