.draw-showcase{position:relative;isolation:isolate;width:100%;min-height:560px;margin:48px 0;padding:54px max(48px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:minmax(390px,44%) minmax(540px,56%);align-items:center;gap:24px;overflow:hidden;border:0;border-radius:0;background:color-mix(in srgb,var(--coral) 7%,var(--surface));box-shadow:none}
.draw-showcase:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(ellipse 35% 48% at 72% 48%,rgba(255,184,154,.2),rgba(244,108,149,.08) 44%,transparent 74%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 560' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23954d67' stroke-width='1.4' stroke-linecap='round' opacity='.055'%3E%3Cpath d='M65 135C158 58 270 70 330 145S455 245 548 183'/%3E%3Cpath d='M1030 62h252v174h-211V91'/%3E%3Cpath d='M1091 38v224M1002 116h323' stroke-dasharray='7 13'/%3E%3Cpath d='M176 455c118-64 206-51 294-8s177 41 282-35'/%3E%3C/g%3E%3Cpath d='M430 342c102-71 197-86 291-57 54 17 94 11 137-16' fill='none' stroke='%23ed4d87' stroke-width='2.2' stroke-linecap='round' opacity='.07'/%3E%3Cpath d='m850 264 11 4-8 9' fill='none' stroke='%23ed4d87' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' opacity='.07'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%,100% 100%}
.draw-showcase:after{content:"";position:absolute;z-index:0;left:37%;bottom:5%;width:34%;height:27%;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--coral) 24%,transparent) .8px,transparent 1px);background-size:22px 22px;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 78%,transparent),linear-gradient(0deg,transparent,#000 24%,#000);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 78%,transparent),linear-gradient(0deg,transparent,#000 24%,#000);-webkit-mask-composite:source-in}
.draw-showcase-copy{position:relative;z-index:8;align-self:center;padding-bottom:4px}.draw-showcase-kicker{display:flex;align-items:center;gap:8px;width:max-content;margin:0 0 16px;color:#ed3f7f;font-size:11px;font-weight:800;letter-spacing:.18em}.draw-beta-tag{padding:3px 7px;border:1px solid rgba(237,63,127,.28);border-radius:999px;background:rgba(237,63,127,.08);font-size:9px;letter-spacing:.12em}.draw-showcase h2{display:flex;align-items:center;margin:0;color:var(--ink);font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.12;letter-spacing:-.045em;white-space:nowrap}.draw-pencil-flourish{display:block;width:156px;height:54px;flex:0 0 156px;margin-left:13px;color:#ed4d87}.draw-pencil-flourish svg{display:block;width:100%;height:100%;overflow:visible}.draw-pencil-line{stroke-dasharray:100;stroke-dashoffset:100}.draw-showcase h3{margin:14px 0;color:#ed3f7f;font-size:clamp(20px,1.8vw,24px);font-weight:750;line-height:1.2;letter-spacing:-.025em;white-space:nowrap}.draw-showcase h3 span{color:var(--ink)}.draw-showcase-copy>p:not(.draw-showcase-kicker){max-width:520px;margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.55;white-space:nowrap}.draw-showcase-cta{min-height:52px;padding:0 25px;gap:22px;border-radius:999px;background:linear-gradient(135deg,#f04c8c,#e83c7f);font-size:15px;box-shadow:0 10px 22px rgba(230,61,129,.14)}
.draw-card-deck{position:relative;z-index:2;align-self:center;width:100%;height:435px;perspective:1200px;transform-style:preserve-3d;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.draw-card-deck.is-dragging{cursor:grabbing}.draw-card-deck:focus-visible{outline:3px solid #ed4d87;outline-offset:8px;border-radius:16px}.draw-deck-card{position:absolute;left:0;top:0;width:min(49%,310px);aspect-ratio:3/4;margin:0;padding:0;overflow:hidden;border:0;border-radius:16px;background:transparent;box-shadow:0 7px 18px rgba(80,30,55,.06);transform-origin:center;transform-style:preserve-3d;will-change:transform,opacity;cursor:pointer;transition:transform 460ms cubic-bezier(.22,.61,.36,1),opacity 460ms cubic-bezier(.22,.61,.36,1),box-shadow 460ms cubic-bezier(.22,.61,.36,1)}.draw-card-deck.is-dragging .draw-deck-card{transition:none}.draw-deck-card.is-active{cursor:grab;box-shadow:0 15px 32px rgba(80,30,55,.1)}.draw-deck-card:focus-visible{outline:2px solid #ed4d87;outline-offset:3px}.draw-deck-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;pointer-events:none}
.draw-deck-card{transform-origin:center center}
@media(max-width:1100px){.draw-showcase{min-height:0;padding:48px 34px 44px;grid-template-columns:1fr;gap:30px}.draw-showcase-copy{max-width:720px}.draw-showcase h2{font-size:clamp(32px,5vw,48px)}.draw-card-deck{width:min(610px,100%);height:385px;margin:0 auto}.draw-deck-card{width:270px}}
@media(max-width:700px){.draw-showcase{margin:24px 0;padding:30px 20px 28px;gap:20px}.draw-showcase:before{background-image:radial-gradient(ellipse 58% 36% at 58% 72%,rgba(255,184,154,.13),rgba(244,108,149,.05) 48%,transparent 76%)}.draw-showcase:after{display:none}.draw-showcase-kicker{margin-bottom:10px;font-size:9px}.draw-showcase h2{font-size:32px;line-height:1.12}.draw-pencil-flourish{width:105px;height:42px;flex-basis:105px;margin-left:7px}.draw-showcase h3{margin:11px 0;font-size:18px;white-space:normal}.draw-showcase-copy>p:not(.draw-showcase-kicker){margin-bottom:20px;font-size:13px;line-height:1.5;white-space:normal}.draw-showcase-cta{min-height:46px;padding:0 20px;font-size:14px}.draw-card-deck{width:100%;height:calc(96vw + 8px)}.draw-deck-card{width:68vw;border-radius:15px}}
@media(max-width:400px){.draw-showcase h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.draw-deck-card{transition-duration:1ms}.draw-pencil-motion{display:none}.draw-pencil-line{stroke-dashoffset:0}}