.im-hero2{position:relative;overflow:hidden;padding:clamp(36px,6vw,96px) 0 clamp(56px,7vw,112px);background:radial-gradient(55% 65% at 76% 46%,#f1e2d8f2,#f1e2d800 70%),radial-gradient(40% 50% at 12% 90%,#e3e8dcb3,#e3e8dc00 70%),var(--im-ivory)}.im-hero2__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}.im-hero2__text{max-width:600px}.im-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);align-items:end}.im-trio__item{margin:0;text-align:center}.im-trio__frame{aspect-ratio:3/4.4;border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--im-oat);box-shadow:0 18px 40px -24px #42271a59}.im-trio__frame img{width:100%;height:100%;object-fit:cover}.im-trio__item--2 .im-trio__frame{aspect-ratio:3/5}.im-trio__item--1{transform:translateY(-6%)}.im-trio__item--3{transform:translateY(4%)}.im-trio figcaption{font-family:var(--im-serif);font-style:italic;font-size:clamp(14px,1.2vw,17px);color:var(--im-cocoa-2);margin-top:12px}@media(max-width:860px){.im-hero2__grid{grid-template-columns:1fr}.im-trio{order:-1;margin-bottom:8px}.im-trio__item--1,.im-trio__item--3{transform:none}.im-hero2{background:radial-gradient(90% 45% at 50% 22%,#f1e2d8f2,#f1e2d800 75%),var(--im-ivory)}}.im-hero2--wide{min-height:min(82vh,780px);display:flex;align-items:center;background:var(--im-ivory)}.im-hero2__bg{position:absolute;top:0;right:0;bottom:0;left:0}.im-hero2__bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.im-hero2--wide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fbf8f3f7,#fbf8f3e0 34%,#fbf8f340 58%,#fbf8f300 72%);pointer-events:none}.im-hero2--wide .im-hero2__grid{z-index:1;grid-template-columns:1fr;width:100%}@media(max-width:860px){.im-hero2--wide{display:block;min-height:0;padding-top:0}.im-hero2--wide:after{display:none}.im-hero2--wide .im-hero2__bg{position:relative;aspect-ratio:4/3.4;margin-bottom:28px}.im-hero2--wide .im-hero2__bg img{object-position:var(--pos,75% 50%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/iooli-hero.css.map */