.promo{--color-heading:var(--color-orange-900);border:var(--border-thin) solid var(--color-orange-300);border-radius:var(--radius-m);color:var(--color-orange-900);background-color:var(--color-orange-100);overflow:clip}.promo__book{--book-thickness:.5rem;aspect-ratio:4/3;align-self:end;place-items:center;display:grid;overflow:hidden}.promo__book picture{inline-size:60%;box-shadow:var(--shadow-elevation-medium);position:relative;transform:rotate(-7deg)translateY(10%)}.promo__book picture:before{content:"";transform-origin:bottom;inline-size:100%;block-size:var(--book-thickness);background:linear-gradient(#d4dfd4 0% 25%,#e7e7e7 25% 50%,#f5f5f5 50% 75%,#fff 75% 100%);position:absolute;inset-block-start:calc(-1 * var(--book-thickness));inset-inline-start:0;transform:skew(-45deg)}.promo__book picture:after{content:"";transform-origin:0;inline-size:var(--book-thickness);block-size:100%;background:linear-gradient(270deg,#d4dfd4 0% 25%,#e7e7e7 25% 50%,#f5f5f5 50% 75%,#fff 75% 100%);position:absolute;inset-block-start:0;inset-inline-end:calc(-1 * var(--book-thickness));transform:skewY(-45deg)}.promo__edge{padding-block:var(--space-2xs);padding-inline:var(--space-2xs);border-radius:var(--radius-m);font-size:var(--font-size--1);color:var(--color-text-inverse);background-color:var(--color-accent);text-box:trim-both cap alphabetic;line-height:1}