.hq-col{background:var(--col-bg);color:var(--ebb-black);padding:28px 24px}.hq-col__grid{display:grid;grid-template-columns:1fr 1.32fr 1fr;grid-template-rows:1.5fr 1fr;gap:18px;max-width:1760px;height:clamp(600px,52vw,940px);margin:0 auto}.hq-col__tile{container-type:inline-size;position:relative;overflow:hidden;border-radius:18px;display:block;background:var(--ebb-beige)}.hq-col__tile--left{grid-column:1;grid-row:1 / 3}.hq-col__tile--feature{grid-column:2;grid-row:1}.hq-col__tile--set{grid-column:2;grid-row:2;background:radial-gradient(120% 140% at 50% 110%,var(--set-bg) 0%,color-mix(in srgb,var(--set-bg) 35%,#ffffff) 55%,#ffffff 100%)}.hq-col__tile--right{grid-column:3;grid-row:1 / 3}.hq-col__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.hq-col__tile:hover .hq-col__img{transform:scale(1.045)}.hq-col__tile--clip{background:#0d1b26}.hq-col__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hq-col__tile--feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--feat-shade));pointer-events:none}.hq-col__feature-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px clamp(22px,4vw,64px);text-align:center;color:var(--ebb-white)}.hq-col__title{margin:0;font-size:clamp(30px,3vw,50px);color:var(--ebb-white);text-shadow:0 2px 22px rgba(0,0,0,.18);text-wrap:balance}.hq-col__body{margin:0;max-width:460px;font-family:var(--hq-font-ui);font-size:clamp(15px,1.15vw,18px);line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.25)}.hq-col__btn{background:var(--ebb-beige);color:var(--ebb-black);min-height:48px;padding:0 30px;font-size:13px}.hq-col__cut{position:absolute;bottom:8%;height:84%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.2));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hq-col__cut--1{left:50%;transform:translate(-62%);z-index:2}.hq-col__cut--2{left:50%;height:70%;transform:translate(8%) rotate(6deg);z-index:1;opacity:.96}.hq-col__tile--set:hover .hq-col__cut--1{transform:translate(-62%) translateY(-8px) rotate(-3deg)}.hq-col__tile--set:hover .hq-col__cut--2{transform:translate(12%) translateY(-6px) rotate(9deg)}.hq-col__badge{position:absolute;left:6%;bottom:6%;z-index:2;color:var(--badge-ink);font-size:clamp(20px,14cqw,76px);overflow-wrap:normal;word-break:keep-all;text-shadow:0 2px 18px rgba(0,0,0,.3);max-width:88%}.hq-col__sticker{position:absolute;z-index:3;width:44%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hq-col__sticker--right{top:5%;right:6%;transform:rotate(10deg)}.hq-col__sticker--left{top:5%;left:6%;transform:rotate(-9deg)}.hq-col__tile:hover .hq-col__sticker--right{transform:rotate(16deg) scale(1.06)}.hq-col__tile:hover .hq-col__sticker--left{transform:rotate(-15deg) scale(1.06)}@media(max-width:749px){.hq-col{padding:16px 12px}.hq-col__grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 300px 230px;height:auto;gap:10px}.hq-col__tile--feature{grid-column:1 / 3;grid-row:1}.hq-col__tile--left{grid-column:1;grid-row:2}.hq-col__tile--right{grid-column:2;grid-row:2}.hq-col__tile--set{grid-column:1 / 3;grid-row:3}.hq-col__sticker{width:58%}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hq-collage.css.map */