.db-paper-hero{position:relative;width:100%;overflow:hidden;background:#f7f3ea;color:#28231d}.db-paper-hero__stage{position:relative;width:min(100%,1684px);height:clamp(620px,calc(100vh - 118px),934px);height:clamp(620px,calc(100svh - 118px),934px);margin-inline:auto;isolation:isolate}.db-paper-hero__background,.db-paper-hero__background-image,.db-paper-hero__background-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.db-paper-hero__background{z-index:-2}.db-paper-hero__background-image{object-fit:cover;object-position:center}.db-paper-hero__background-placeholder{background:radial-gradient(circle at 78% 28%,rgba(56,115,88,.2),transparent 27%),radial-gradient(circle at 68% 78%,rgba(46,106,150,.18),transparent 29%),#f7f0e3}.db-paper-hero__content{position:absolute;z-index:4;inset-block-start:30.5%;left:3.2%;width:41%;text-align:start}.db-paper-hero__title{display:flex;align-items:baseline;gap:.18em;width:max-content;max-width:100%;margin:0;white-space:nowrap;font-size:clamp(56px,5.1vw,86px);font-weight:600;line-height:.95;letter-spacing:-.035em}.db-paper-hero__word{display:inline-flex}.db-paper-hero__word>span{display:inline-block;color:var(--db-letter-color)}.db-paper-hero__subtitle{margin-block:clamp(24px,2.3vw,38px) 0;margin-inline:0;color:#34312d;font-family:Dadibadi Caveat,Segoe Print,cursive;font-size:clamp(30px,3.1vw,52px);font-weight:500;line-height:1.05;letter-spacing:.01em}.db-paper-hero__button-shadow{display:inline-block;margin-block-start:clamp(34px,4.2vw,62px);filter:drop-shadow(0 14px 10px rgba(74,44,21,.32)) drop-shadow(0 4px 1px rgba(91,49,18,.2));transition:filter .22s ease}.db-paper-hero__button{position:relative;display:inline-grid;place-items:center;min-width:clamp(220px,18vw,310px);min-height:clamp(62px,4.8vw,78px);margin:0;padding:14px 30px;overflow:visible;color:#fffdf8;background:#ef681f;clip-path:polygon(1% 8%,5% 2%,17% 5%,28% 1%,43% 4%,58% 1%,72% 5%,88% 2%,98% 8%,100% 88%,95% 96%,82% 93%,68% 98%,53% 94%,38% 98%,24% 94%,10% 97%,2% 90%);font-size:clamp(19px,1.4vw,24px);font-weight:500;line-height:1;letter-spacing:.045em;text-align:center;text-transform:uppercase;transform:translateY(0) rotate(-.35deg);transition:transform .22s ease,background-color .22s ease}.db-paper-hero__button:after{content:"";position:absolute;top:5px;right:8px;bottom:5px;left:8px;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 13% 24%,rgba(255,255,255,.58) 0 .7px,transparent 1.2px),radial-gradient(circle at 31% 72%,rgba(105,48,15,.34) 0 .55px,transparent 1px),radial-gradient(circle at 54% 35%,rgba(255,255,255,.5) 0 .65px,transparent 1.15px),radial-gradient(circle at 77% 67%,rgba(105,48,15,.3) 0 .5px,transparent .95px),radial-gradient(circle at 91% 29%,rgba(255,255,255,.5) 0 .6px,transparent 1.1px),linear-gradient(103deg,rgba(255,255,255,.11),transparent 38%,rgba(105,48,15,.07) 72%,transparent);clip-path:inherit}.db-paper-hero__button>span{position:relative;z-index:1}.db-paper-hero__button-shadow:hover{filter:drop-shadow(0 18px 12px rgba(74,44,21,.34)) drop-shadow(0 5px 1px rgba(91,49,18,.2))}.db-paper-hero__button-shadow:hover .db-paper-hero__button[href]{color:#fffdf8;background:#f2732f;transform:translateY(-3px) rotate(.25deg)}.db-paper-hero__button-shadow:has(.db-paper-hero__button[href]:active){filter:drop-shadow(0 6px 5px rgba(74,44,21,.22)) drop-shadow(0 2px 1px rgba(91,49,18,.14))}.db-paper-hero__button[href]:active{transform:translateY(2px) rotate(-.15deg)}.db-paper-hero__button:focus-visible{outline:3px solid #1d5f8f;outline-offset:5px}.db-paper-hero__button[aria-disabled=true]{cursor:default}.db-paper-hero__products{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.db-paper-hero__card{position:absolute;width:14.7%;aspect-ratio:972 / 717;filter:drop-shadow(0 15px 13px rgba(54,39,26,.24));transform-origin:center bottom}.db-paper-hero__card:before{content:none}.db-paper-hero__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 28% 33%,rgba(255,255,255,.9) 0 .55px,transparent .75px),repeating-linear-gradient(8deg,rgba(51,42,31,.2) 0 .3px,transparent .3px 5px);background-size:7px 7px,100% 6px;clip-path:polygon(0 14%,43% 14%,49% 1%,80% 1%,87% 14%,100% 14%,100% 100%,0 100%)}.db-paper-hero__card-image{display:block;width:100%;height:100%;object-fit:contain}.db-paper-hero__card--one{inset-block-start:69.5%;inset-inline-start:36.5%;transform:rotate(-4.5deg)}.db-paper-hero__card--two{inset-block-start:68.7%;inset-inline-start:48.4%;transform:rotate(3.3deg)}.db-paper-hero--card-one-only .db-paper-hero__card--one,.db-paper-hero--card-two-only .db-paper-hero__card--two{inset-inline-start:42.5%;transform:rotate(-1deg)}[dir=rtl] .db-paper-hero__content,[dir=rtl] .db-paper-hero__title{direction:ltr;text-align:left}[dir=rtl] .db-paper-hero__subtitle{direction:rtl;text-align:left}[dir=rtl] .db-paper-hero__button{direction:rtl}@media(max-width:989px)and (min-width:750px){.db-paper-hero__content{inset-block-start:25%;width:47%}.db-paper-hero__title{font-size:clamp(48px,6.2vw,62px)}.db-paper-hero__button-shadow{margin-block-start:48px}}@media(max-width:749px){.db-paper-hero__stage{width:100%;height:max(920px,210.76vw)}.db-paper-hero__background-image{object-position:center top}.db-paper-hero__content{inset-block-start:7.2%;left:5%;right:auto;width:90%;text-align:center}.db-paper-hero__title{justify-content:center;width:100%;font-size:clamp(42px,11.2vw,86px);letter-spacing:-.04em}.db-paper-hero__subtitle{margin-block-start:4.2vw;font-size:clamp(27px,6.2vw,48px);text-align:center}.db-paper-hero__button-shadow{margin-block-start:6.2vw}.db-paper-hero__button{min-width:min(76vw,450px);min-height:clamp(70px,15vw,108px);padding:16px 30px;font-size:clamp(20px,4.8vw,31px)}.db-paper-hero__card{width:43%}.db-paper-hero__card--one{inset-block-start:70%;inset-inline-start:4.5%;transform:rotate(-5deg)}.db-paper-hero__card--two{inset-block-start:69.7%;inset-inline-start:52.5%;transform:rotate(4.5deg)}.db-paper-hero--card-one-only .db-paper-hero__card--one,.db-paper-hero--card-two-only .db-paper-hero__card--two{inset-inline-start:28.5%;transform:rotate(-1deg)}[dir=rtl] .db-paper-hero__content,[dir=rtl] .db-paper-hero__subtitle{text-align:center}}@media(max-width:389px){.db-paper-hero__title{font-size:clamp(36px,10.8vw,46px)}}@media(prefers-reduced-motion:reduce){.db-paper-hero__button-shadow,.db-paper-hero__button{transition:none}.db-paper-hero__button-shadow:hover .db-paper-hero__button[href],.db-paper-hero__button[href]:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dadibadi-paper-hero.css.map */