.zp-wec { --zp-wec-background:#f8f6f2; --zp-wec-navy:#0d0e34; --zp-wec-tour-bg:#2f248f; --zp-wec-workshop-bg:#ff7a1a; --zp-wec-trigger-border:#ff7a1a; --zp-wec-trigger-focus:#ff7a1a; --zp-wec-yellow:#ffd200; --zp-wec-green:#2fbf71; --zp-wec-cta-hover:#ffd200; --zp-wec-cta-active:#e66308; --zp-wec-focus:#0d0e34; background:var(--zp-wec-background); box-sizing:border-box; color:var(--zp-wec-navy); font-family:Inter,sans-serif; width:100%; }
.zp-wec *, .zp-wec *:before, .zp-wec *:after { box-sizing:border-box; }
.zp-wec__inner { align-items:center; display:flex; gap:64px; justify-content:space-between; margin:auto; max-width:1264px; }
.zp-wec__left { display:flex; flex:0 1 593px; flex-direction:column; gap:32px; min-width:0; }
.zp-wec__intro-block { display:flex; flex-direction:column; gap:16px; }
.zp-wec__heading,.zp-wec__card-title,.zp-wec__choice h3,.zp-wec__intro,.zp-wec__choice-copy,.zp-wec__description { margin:0; }
.zp-wec__heading { color:var(--zp-wec-navy); font:900 48px/1.2 Inter,sans-serif; letter-spacing:0; }
.zp-wec__intro { font:400 19px/1.5 Inter,sans-serif; max-width:546px; }
.zp-wec__choices { display:flex; gap:24px; }
.zp-wec .zp-wec__choice { appearance:none; aspect-ratio:auto!important; border-radius:12px!important; cursor:pointer; display:flex; flex:1 1 0; flex-direction:column; font:inherit; gap:12px; height:155px; justify-content:flex-start; max-width:none!important; min-height:0!important; min-width:0!important; padding:24px; position:relative; text-align:left; transition:box-shadow .18s ease,transform .18s ease; width:auto!important; }
.zp-wec__choice h3 { font:900 24px/1.3 Inter,sans-serif; }
.zp-wec__choice-copy { font:400 17px/1.5 Inter,sans-serif; white-space:normal!important; }
.zp-wec .zp-wec__choice--tour { background:var(--zp-wec-tour-bg)!important; border:2px solid var(--zp-wec-tour-bg)!important; color:#fff; }
.zp-wec .zp-wec__choice--workshop { background:var(--zp-wec-workshop-bg)!important; border:2px solid var(--zp-wec-workshop-bg)!important; color:var(--zp-wec-navy); padding-block:17px; }
.zp-wec__choice--tour h3, .zp-wec__choice--tour .zp-wec__choice-copy { color:#fff!important; }
.zp-wec__choice--workshop h3, .zp-wec__choice--workshop .zp-wec__choice-copy { color:var(--zp-wec-navy)!important; }
.zp-wec .zp-wec__choice--tour:hover, .zp-wec .zp-wec__choice--tour:active, .zp-wec .zp-wec__choice--tour:focus, .zp-wec .zp-wec__choice--tour.is-active { background:var(--zp-wec-tour-bg)!important; box-shadow:none!important; }
.zp-wec .zp-wec__choice--workshop:hover, .zp-wec .zp-wec__choice--workshop:active, .zp-wec .zp-wec__choice--workshop:focus, .zp-wec .zp-wec__choice--workshop.is-active { background:var(--zp-wec-workshop-bg)!important; box-shadow:none!important; }
.zp-wec .zp-wec__choice:hover, .zp-wec .zp-wec__choice:active, .zp-wec .zp-wec__choice.is-active { border-color:var(--zp-wec-yellow)!important; }
.zp-wec .zp-wec__choice:focus-visible { outline:2px solid var(--zp-wec-trigger-focus)!important; outline-offset:2px; }
.zp-wec__badge { align-items:center; background:var(--zp-wec-green); border-radius:999px; color:var(--zp-wec-navy); display:flex; font-family:Inter,sans-serif; font-weight:700; justify-content:center; line-height:1.2; position:absolute; text-transform:uppercase; white-space:nowrap; }
.zp-wec__badge--popular { font-size:8px; padding:8px 12px; right:10px; top:9px; }
.zp-wec__badge--image { font-size:12px; left:11px; padding:8px 12px; top:10px; }
.zp-wec__cta { align-items:center; background:var(--zp-wec-workshop-bg)!important; border:0!important; border-radius:999px; color:var(--zp-wec-navy)!important; cursor:pointer; display:flex; font:800 18px/1 Inter,sans-serif; height:56px; justify-content:center; padding:17px 24px; text-align:center; text-decoration:none; text-transform:uppercase; transition:background-color .18s ease,transform .18s ease; width:100%; }
.zp-wec .zp-wec__cta--tour { background:var(--zp-wec-tour-bg)!important; color:#fff!important; }
.zp-wec .zp-wec__cta--tour:hover { background:var(--zp-wec-workshop-bg)!important; color:var(--zp-wec-navy)!important; }
.zp-wec .zp-wec__cta--workshop:hover { background:var(--zp-wec-tour-bg)!important; color:#fff!important; }
.zp-wec__cta:hover { background:var(--zp-wec-cta-hover)!important; color:var(--zp-wec-navy)!important; }
.zp-wec__cta:active { background:var(--zp-wec-cta-active)!important; transform:translateY(1px); }
.zp-wec__cta:focus, .zp-wec__cta:focus-visible { background:var(--zp-wec-workshop-bg)!important; outline:3px solid var(--zp-wec-focus); outline-offset:3px; }
.zp-wec__cta--mobile { display:none; }
.zp-wec__panels { flex:0 1 622px; min-width:0; }
.zp-wec__card { background:#fff; border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.12); display:flex; flex-direction:column; gap:12px; overflow:hidden; padding:20px; width:100%; }
.zp-wec__card[hidden], .zp-wec__ctas [hidden] { display:none!important; }
.zp-wec__media { border-radius:16px; filter:drop-shadow(9px 11px 18.3px rgba(0,0,0,.25)); height:424px; overflow:hidden; position:relative; }
.zp-wec__media > img { height:calc(100% + 36px); left:-10px; max-width:none; object-fit:cover; position:absolute; top:-7px; width:calc(100% + 38px); }
.zp-wec__card-title { font:900 24px/1.3 Inter,sans-serif; margin-top:6px; }
.zp-wec__divider { display:block; height:1px; margin:0; width:100%; }
.zp-wec__description { font:400 17px/1.5 Inter,sans-serif; }
.zp-wec__features { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.zp-wec__feature { align-items:center; display:flex; gap:14px; min-width:0; padding:18px; }
.zp-wec__feature img { height:24px; object-fit:contain; width:24px; }
.zp-wec__feature span { font:800 19px/1.5 Inter,sans-serif; }
.zp-wec__ctas--mobile { display:none; }
/* The Figma desktop columns require 1,279px before page padding. Below this,
   keep the same content hierarchy in one centered column rather than shrinking
   either the triggers or the information card into an unusable width. */
@media (max-width: 1279px) {
 .zp-wec__inner { align-items:stretch; flex-direction:column; gap:32px; max-width:622px; }
 .zp-wec__left, .zp-wec__panels { flex:none; width:100%; }
}
@media (max-width: 1024px) { .zp-wec__inner { gap:32px; } .zp-wec__heading { font-size:40px; } .zp-wec__feature span { font-size:16px; } }
@media (max-width: 767px) { .zp-wec__inner { align-items:stretch; flex-direction:column; gap:12px; } .zp-wec__left { display:contents; } .zp-wec__intro-block { gap:12px; order:1; } .zp-wec__heading { font-size:28px; line-height:1.3; text-align:center; } .zp-wec__intro { font-size:15px; line-height:1.5; max-width:none; } .zp-wec__choices { gap:4px; order:2; } .zp-wec .zp-wec__choice { gap:12px; height:129px; justify-content:flex-end; padding:12px; } .zp-wec__choice h3 { font-size:16px; } .zp-wec__choice-copy { font-size:12px; } .zp-wec__badge--popular { right:8px; top:5px; } .zp-wec__panels { flex:none; order:3; } .zp-wec__card { gap:8px; padding:12px; } .zp-wec__media { height:220px; } .zp-wec__card-title { font-size:16px; line-height:1.3; margin-top:4px; } .zp-wec__description { font-size:12px; } .zp-wec__features { display:flex; flex-direction:column; gap:0; } .zp-wec__feature { gap:8px; padding:8px 0; } .zp-wec__feature img { height:16px; width:16px; } .zp-wec__feature span { font-size:15px; } .zp-wec__ctas--desktop { display:none; } .zp-wec__ctas--mobile { display:block; order:4; } .zp-wec__cta { font-size:14px; height:44px; } .zp-wec__cta--mobile { display:flex; } }
@media (prefers-reduced-motion: reduce) { .zp-wec__cta { transition:none; } }