.dd-recipe-article,.dd-recipe-article__surface{position:relative;width:100%}.dd-recipe-article__surface{color:var(--dd-color-buzzard-black);isolation:isolate}.dd-recipe-article__surface.dd-surface--buzzard_black,.dd-recipe-article__surface.dd-surface--burnt_rose,.dd-recipe-article__surface.dd-surface--red_rampage,.dd-recipe-article__surface.dd-surface--canyon_earth,.dd-recipe-article__surface.dd-surface--verde_vivo{color:var(--dd-color-sunbleached-bone)}.dd-recipe-article__surface>.dd-halftone{z-index:-1}.dd-recipe-article__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.dd-recipe-article__media{position:relative;order:-1;height:400px;overflow:hidden;background:var(--dd-color-mellow-yellow);isolation:isolate}.dd-recipe-article__media>.dd-halftone{z-index:-1}.dd-recipe-article__media-stage{position:absolute;top:20px;left:50%;width:350px;height:360px;transform:translate(-50%)}.dd-recipe-article__image-slot{position:absolute;top:50%;left:50%;width:220px;height:280px}.dd-recipe-article__image-slot--back{transform:translate(calc(-50% - 40px),calc(-50% - 20px))}.dd-recipe-article__image-slot--front{transform:translate(calc(-50% + 40px),calc(-50% + 20px))}.dd-recipe-article__media-stage--single .dd-recipe-article__image-slot{transform:translate(-50%,-50%)}.dd-recipe-article__image{position:absolute;top:50%;left:50%;width:160px;height:240px;overflow:hidden;border-radius:20px;background:var(--dd-color-envelope);transform:translate(-50%,-50%)}.dd-recipe-article__image img{display:block;width:100%;height:100%;object-fit:cover}.dd-recipe-article__content{display:flex;align-items:flex-start;justify-content:center;min-width:0;padding:0 20px var(--dd-section-size-space-48, 48px)}.dd-recipe-article__panel{position:relative;width:min(100%,520px)}.dd-recipe-article__panel-content{display:flex;flex-direction:column;gap:20px}.dd-recipe-article__header{display:flex;flex-direction:column;gap:10px}.dd-recipe-article__kicker,.dd-recipe-article__title,.dd-recipe-article__meta,.dd-recipe-article__meta dt,.dd-recipe-article__meta dd,.dd-recipe-article__deck,.dd-recipe-article__deck>*,.dd-recipe-article__group-title,.dd-recipe-article__richtext>*{margin:0}.dd-recipe-article__kicker,.dd-recipe-article__deck,.dd-recipe-article__richtext{font-family:var(--dd-font-hex);font-size:14px;font-weight:400;line-height:1.3}.dd-recipe-article__title{font-family:var(--dd-font-avant);font-size:28px;font-weight:500;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere}.dd-recipe-article__meta{display:flex;flex-wrap:wrap;gap:2px 0;font-family:var(--dd-font-hex-condensed);font-size:14px;font-weight:700;line-height:1.3;text-transform:uppercase}.dd-recipe-article__meta-item{display:inline-flex}.dd-recipe-article__meta-item+.dd-recipe-article__meta-item:before{margin-inline:6px;content:"\2022"}.dd-recipe-article__meta dt:after{content:"\a0"}.dd-recipe-article__tags{display:flex;flex-wrap:wrap;gap:8px}.dd-recipe-article__tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px solid var(--dd-color-canyon-earth);border-radius:999px;color:inherit;font-family:var(--dd-font-hex-condensed);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;text-transform:uppercase}.dd-recipe-article__tag:hover{color:var(--dd-color-sunbleached-bone);background:var(--dd-color-canyon-earth)}.dd-recipe-article__tag:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dd-recipe-article__group{display:flex;flex-direction:column;gap:6px}.dd-recipe-article__group-title{font-family:var(--dd-font-hex-condensed);font-size:14px;font-weight:700;line-height:1.3;text-transform:uppercase}.dd-recipe-article__richtext ul,.dd-recipe-article__richtext ol{margin:0;padding-inline-start:20px}.dd-recipe-article__richtext li+li{margin-block-start:4px}.dd-recipe-article__share .share-button{min-height:44px}.dd-recipe-article__share .share-button__button{min-width:44px;min-height:44px;padding:0;color:inherit;font-family:var(--dd-font-hex-condensed);font-size:14px;font-weight:700;line-height:1.3;text-transform:uppercase}.dd-recipe-article__share .share-button__button .svg-wrapper{width:16px;height:16px}.dd-recipe-article__share .share-button__fallback{min-width:min(100%,420px);color:var(--dd-color-buzzard-black);background:var(--dd-color-sunbleached-bone)}@media screen and (min-width:990px){.dd-recipe-article{--dd-recipe-article-section-space: 64px}.dd-recipe-article.dd-section-size--extra_small{--dd-recipe-article-section-space: 32px}.dd-recipe-article.dd-section-size--small{--dd-recipe-article-section-space: 48px}.dd-recipe-article.dd-section-size--large{--dd-recipe-article-section-space: 96px}.dd-recipe-article__layout{grid-template-columns:repeat(2,minmax(0,1fr));min-height:776px}.dd-recipe-article__media{order:initial;height:auto;min-height:776px}.dd-recipe-article__layout--media-right .dd-recipe-article__content{grid-column:1;grid-row:1}.dd-recipe-article__layout--media-right .dd-recipe-article__media,.dd-recipe-article__layout--media-left .dd-recipe-article__content{grid-column:2;grid-row:1}.dd-recipe-article__layout--media-left .dd-recipe-article__media{grid-column:1;grid-row:1}.dd-recipe-article__media-stage{top:50%;width:720px;height:900px;transform:translate(-50%,-50%)}.dd-recipe-article__image-slot,.dd-recipe-article__image{width:403px;height:604px}.dd-recipe-article__image-slot--back{transform:translate(calc(-50% - 72.5px),calc(-50% - 72px))}.dd-recipe-article__image-slot--front{transform:translate(calc(-50% + 72.5px),calc(-50% + 72px))}.dd-recipe-article__media-stage--single .dd-recipe-article__image-slot{transform:translate(-50%,-50%)}.dd-recipe-article__content{align-items:center;min-height:776px;padding:var(--dd-recipe-article-section-space, 64px) min(6.95vw,100px)}.dd-recipe-article__layout--no-media{grid-template-columns:minmax(0,1fr)}.dd-recipe-article__layout--no-media .dd-recipe-article__content{grid-column:1}}@media screen and (prefers-reduced-motion:reduce){.dd-recipe-article__tag{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-dd-recipe-article.css.map */