.db-layered-editorial{position:relative;overflow:hidden;padding-block:var(--db-layered-padding-top) var(--db-layered-padding-bottom);color:var(--db-color-ink);background:transparent}.db-layered-editorial__inner{direction:ltr;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);width:min(100%,var(--db-layered-max-width));height:clamp(520px,42vw,640px);min-height:0;margin-inline:auto;padding-inline:var(--db-content-gutter-desktop);isolation:isolate}.db-layered-editorial--image-right .db-layered-editorial__inner{grid-template-areas:"paper media"}.db-layered-editorial--image-left .db-layered-editorial__inner{grid-template-areas:"media paper"}.db-layered-editorial__media{position:relative;z-index:1;grid-area:media;min-width:0;min-height:100%;overflow:hidden;background:var(--db-color-paper-warm)}.db-layered-editorial--image-right .db-layered-editorial__media{border-radius:0 3px 3px 0}.db-layered-editorial--image-left .db-layered-editorial__media{border-radius:3px 0 0 3px}.db-layered-editorial__image,.db-layered-editorial__placeholder{display:block;width:100%;height:100%;object-fit:cover;filter:none;mix-blend-mode:normal}.db-layered-editorial__placeholder{color:rgba(var(--db-rgb-ink),.22);background:var(--db-color-paper-warm)}.db-layered-editorial__paper{position:relative;z-index:2;grid-area:paper;align-self:center;width:calc(100% + 48px);height:calc(100% - 56px);min-width:0;overflow:hidden;background-color:var(--db-color-paper-apricot)}.db-layered-editorial__paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 18% 28%,rgba(var(--db-rgb-paper-shadow),.14) 0 .6px,transparent .8px),radial-gradient(circle at 78% 62%,rgba(255,255,255,.7) 0 .7px,transparent .9px),repeating-linear-gradient(8deg,transparent 0 4px,rgba(var(--db-rgb-paper-shadow),.035) 4.4px 5px);background-size:11px 13px,15px 17px,auto;mix-blend-mode:multiply}.db-layered-editorial--image-right .db-layered-editorial__paper{justify-self:start;border-radius:3px 0 0 3px;clip-path:polygon(0 0,97.8% 0,99.2% 4%,98.2% 9%,99.5% 14%,98.3% 20%,100% 27%,98.4% 34%,99.3% 40%,98.1% 47%,99.7% 54%,98.6% 61%,99.6% 68%,98.1% 75%,99.5% 82%,98.3% 89%,99.2% 95%,98% 100%,0 100%);filter:drop-shadow(0 15px 18px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(9px 3px 7px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(0 -2px 3px rgba(var(--db-rgb-paper-shadow),.12))}.db-layered-editorial--image-left .db-layered-editorial__paper{justify-self:end;border-radius:0 3px 3px 0;clip-path:polygon(2% 0,100% 0,100% 100%,2% 100%,.8% 95%,1.7% 89%,.5% 82%,1.9% 75%,.4% 68%,1.4% 61%,.3% 54%,1.9% 47%,.7% 40%,1.6% 34%,0 27%,1.7% 20%,.5% 14%,1.8% 9%,.8% 4%);filter:drop-shadow(0 15px 18px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(-9px 3px 7px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(0 -2px 3px rgba(var(--db-rgb-paper-shadow),.12))}.db-layered-editorial__copy{position:relative;z-index:1;display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:0;padding:clamp(42px,4.5vw,64px) clamp(58px,6vw,86px) clamp(42px,4.5vw,64px) clamp(34px,4vw,54px);text-align:start}.db-layered-editorial__heading{max-width:560px;margin:0;color:var(--db-color-ink);font-size:clamp(40px,4.1vw,62px);font-weight:var(--db-font-weight-heading);line-height:.98;letter-spacing:-.035em}.db-layered-editorial__description{max-width:560px;margin-block-start:clamp(20px,2.3vw,28px);color:var(--db-color-ink-muted);font-size:clamp(17px,1.5vw,22px);font-weight:var(--db-font-weight-body);line-height:var(--db-line-height-body)}.db-layered-editorial__description>*{margin-block:0}.db-layered-editorial__description>*+*{margin-block-start:var(--db-space-4)}.db-layered-editorial__actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--db-space-3);margin-block-start:clamp(24px,2.8vw,34px)}.db-layered-editorial__actions--desktop-column{align-items:center;flex-direction:column}.db-layered-editorial__actions--desktop-row{align-items:flex-start;flex-direction:row}.db-layered-editorial__button{min-height:52px;padding:13px 28px;font-size:17px;font-weight:var(--db-font-weight-heading)}html:not([lang^=ar]) .db-layered-editorial__heading,html:not([lang^=ar]) .db-layered-editorial__button{font-family:var(--db-font-latin)}[dir=rtl] .db-layered-editorial__copy{direction:rtl;text-align:start}[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__inner{grid-template-areas:"media paper"}[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__inner{grid-template-areas:"paper media"}[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__media{border-radius:3px 0 0 3px}[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__media{border-radius:0 3px 3px 0}[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__paper{justify-self:end;border-radius:0 3px 3px 0;clip-path:polygon(2% 0,100% 0,100% 100%,2% 100%,.8% 95%,1.7% 89%,.5% 82%,1.9% 75%,.4% 68%,1.4% 61%,.3% 54%,1.9% 47%,.7% 40%,1.6% 34%,0 27%,1.7% 20%,.5% 14%,1.8% 9%,.8% 4%);filter:drop-shadow(0 15px 18px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(-9px 3px 7px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(0 -2px 3px rgba(var(--db-rgb-paper-shadow),.12))}[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__paper{justify-self:start;border-radius:3px 0 0 3px;clip-path:polygon(0 0,97.8% 0,99.2% 4%,98.2% 9%,99.5% 14%,98.3% 20%,100% 27%,98.4% 34%,99.3% 40%,98.1% 47%,99.7% 54%,98.6% 61%,99.6% 68%,98.1% 75%,99.5% 82%,98.3% 89%,99.2% 95%,98% 100%,0 100%);filter:drop-shadow(0 15px 18px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(9px 3px 7px rgba(var(--db-rgb-paper-shadow),.3)) drop-shadow(0 -2px 3px rgba(var(--db-rgb-paper-shadow),.12))}@media(max-width:989px){.db-layered-editorial__inner,.db-layered-editorial--image-right .db-layered-editorial__inner,.db-layered-editorial--image-left .db-layered-editorial__inner,[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__inner,[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "paper";height:auto;min-height:0}.db-layered-editorial__media,.db-layered-editorial--image-right .db-layered-editorial__media,.db-layered-editorial--image-left .db-layered-editorial__media,[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__media,[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__media{width:100%;min-height:0;aspect-ratio:4 / 3;border-radius:3px 3px 0 0}.db-layered-editorial__paper,.db-layered-editorial--image-right .db-layered-editorial__paper,.db-layered-editorial--image-left .db-layered-editorial__paper,[dir=rtl] .db-layered-editorial--image-right .db-layered-editorial__paper,[dir=rtl] .db-layered-editorial--image-left .db-layered-editorial__paper{align-self:stretch;justify-self:stretch;width:100%;height:auto;margin-block-start:-24px;border-radius:0 0 3px 3px;clip-path:polygon(0 3%,7% 1%,15% 3%,24% .8%,33% 2.8%,43% .6%,53% 2.6%,63% .7%,73% 2.8%,83% .8%,92% 2.7%,100% 1%,100% 100%,0 100%);filter:drop-shadow(0 10px 13px rgba(var(--db-rgb-paper-shadow),.24)) drop-shadow(0 -5px 5px rgba(var(--db-rgb-paper-shadow),.22))}.db-layered-editorial__copy{height:auto;min-height:0;padding:58px clamp(28px,7vw,52px) 42px}}@media(max-width:749px){.db-layered-editorial{padding-block:calc(var(--db-layered-padding-top) * .72) calc(var(--db-layered-padding-bottom) * .72)}.db-layered-editorial__inner{padding-inline:var(--db-content-gutter-mobile)}.db-layered-editorial__heading{font-size:clamp(36px,10vw,44px);line-height:1.02}.db-layered-editorial__description{margin-block-start:20px;font-size:17px;line-height:1.52}.db-layered-editorial__actions{margin-block-start:27px}.db-layered-editorial__actions--mobile-column{align-items:center;flex-direction:column}.db-layered-editorial__actions--mobile-row{align-items:flex-start;flex-direction:row}.db-layered-editorial__button{min-height:48px;padding:12px 22px;font-size:16px}}@media(prefers-reduced-transparency:reduce){.db-layered-editorial__paper:before{opacity:.1}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dadibadi-layered-editorial.css.map */