
.email-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(35px,6vw,100px);background:radial-gradient(ellipse at 10% 70%,#ffabd1 0,transparent 62%),linear-gradient(120deg,#f6eea0,#fdf8e9 65%);border-bottom:1px solid var(--ink);overflow:hidden;padding-top:65px;padding-bottom:70px}
.email-fan{position:relative;min-width:0;width:100%;max-width:680px;height:600px;margin:auto;isolation:isolate}
.email-fan-card{position:absolute;top:60px;width:46%;max-width:310px;aspect-ratio:9/16;border:4px solid #fffdf4;border-radius:14px;background:#fffdf4;box-shadow:0 18px 35px #18392f25,0 0 0 1px #18392f25;overflow:hidden;transform:translateY(0) rotate(var(--fan-angle));transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s ease;transform-origin:50% 80%}
.email-fan-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.email-fan-card:nth-child(1){left:23%;--fan-angle:-3deg;z-index:3}.email-fan-card:nth-child(2){left:54%;top:72px;--fan-angle:10deg;z-index:2}.email-fan-card:nth-child(3){left:0;top:27px;--fan-angle:-12deg;z-index:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.email-fan:has(.email-fan-card:hover) .email-fan-card{transform:translateY(-2px) rotate(calc(var(--fan-angle) + .35deg))}.email-fan .email-fan-card:hover{transform:translateY(-5px) rotate(calc(var(--fan-angle) - .7deg));box-shadow:0 21px 38px #18392f2c,0 0 0 1px #18392f25}}
.email-fan-card:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.showcase-copy{min-width:0}.showcase-copy .eyebrow{font-size:13px;line-height:1.6;letter-spacing:.06em;max-width:400px}.showcase-copy h2{font-family:Neighbour,Georgia,serif;font-size:clamp(44px,4.8vw,72px);line-height:1.02;letter-spacing:-.045em;margin:20px 0 25px;max-width:550px}.showcase-copy h2 em{font-weight:400}.showcase-copy>p:not(.eyebrow){font-size:19px;line-height:1.55;max-width:470px}.showcase-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:17px}.showcase-points li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:15px;align-items:center;font-size:16px;line-height:1.5}.showcase-points strong{display:block;font-size:19px}.showcase-points span{display:block}
.showcase-point-icon{width:64px;height:64px;object-fit:contain;display:block}
@media(min-width:1600px){.email-fan{height:625px}}
@media(max-width:1000px){.email-showcase{gap:35px}.email-fan{height:465px}.showcase-copy h2{font-size:47px}}
@media(max-width:760px){.email-showcase{grid-template-columns:1fr;padding-top:35px;padding-bottom:48px;gap:22px}.email-fan{max-width:490px;height:auto;aspect-ratio:1.05}.email-fan-card{width:46%;top:40px}.email-fan-card:nth-child(2){top:50px}.email-fan-card:nth-child(3){top:15px}.showcase-copy{max-width:530px;margin:auto;width:100%}.showcase-copy h2{font-size:clamp(42px,9vw,60px)}.showcase-copy>p:not(.eyebrow){font-size:18px}.showcase-points{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.email-fan-card{transition:none}}
