.creator-promo[hidden]{display:none!important}
.creator-promo{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:clamp(8px,2vw,24px);background:rgba(4,37,29,.78);backdrop-filter:blur(8px)}
.creator-promo__card{position:relative;display:grid;grid-template-columns:minmax(210px,31%) 1fr;gap:clamp(20px,3vw,52px);width:min(1500px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(20px,3vw,46px);border:1px solid rgba(212,174,63,.45);border-radius:clamp(22px,3vw,38px);background:#fffdf8;color:#073f31;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.creator-promo__close{position:absolute;top:16px;right:16px;z-index:2;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#eef3ef;color:#073f31;font:400 34px/1 Arial;cursor:pointer}
.creator-promo__close:hover,.creator-promo__close:focus-visible{background:#dfeae3;outline:3px solid #d8b447;outline-offset:2px}
.creator-promo__visual{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(16px,2vw,28px);border-radius:28px;background:linear-gradient(150deg,#004d3b,#0d805c)}
.creator-promo__portrait{display:block;width:min(100%,390px);height:min(58vh,610px);margin:auto;object-fit:cover;object-position:center 18%;border:10px solid #eaf2ed;border-radius:34px}
.creator-promo__company{margin:0;padding:14px 12px;border-radius:999px;background:#d8b447;color:#073f31;text-align:center;font-size:clamp(11px,1vw,15px);font-weight:900;letter-spacing:.18em}
.creator-promo__content{align-self:center;min-width:0;padding:8px 20px 0 0}
.creator-promo__kicker{margin:0 0 10px;color:#176b55;font-size:clamp(11px,1.1vw,16px);font-weight:900;letter-spacing:.22em}
.creator-promo h2{margin:0;padding-right:54px;color:#07523e;font-family:Arial,sans-serif;font-size:clamp(28px,3.4vw,60px);line-height:1.02;letter-spacing:-.04em}
.creator-promo__role{margin:8px 0 24px;color:#64716c;font-size:clamp(14px,1.2vw,20px);font-weight:800}
.creator-promo__expertise{padding:20px 24px;border-left:7px solid #d8b447;border-radius:0 24px 24px 0;background:#eaf3ef}
.creator-promo__expertise small{display:block;margin-bottom:8px;color:#99720b;font-weight:900;letter-spacing:.16em}.creator-promo__expertise strong{display:block;margin-bottom:8px;font-size:clamp(18px,1.7vw,27px)}
.creator-promo__expertise p,.creator-promo__project,.creator-promo__callout p{margin:0;color:#60716a;font-size:clamp(14px,1.15vw,19px);line-height:1.5}.creator-promo__project{margin:20px 0 14px}
.creator-promo__skills{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;margin:0 0 18px;padding:0;list-style:none}.creator-promo__skills li{position:relative;padding-left:36px;font-size:clamp(13px,1.05vw,18px);font-weight:800;line-height:1.35}.creator-promo__skills li:before{content:"✓";position:absolute;left:0;top:-3px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dff2e9;color:#00785a;font-size:20px}
.creator-promo__callout{padding:17px 22px;border-left:7px solid #d8b447;border-radius:0 20px 20px 0;background:#f8f5eb}.creator-promo__callout strong{display:block;margin-bottom:5px;font-size:clamp(15px,1.25vw,20px)}
.creator-promo__footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;margin-top:18px;padding-top:15px;border-top:1px solid #dfe5e1;font-size:clamp(12px,1vw,16px)}.creator-promo__footer a{color:#087857;font-weight:900;text-decoration:none}
.creator-promo__actions{display:flex;gap:12px;margin-top:16px}.creator-promo__actions button{min-height:48px;padding:11px 24px;border:0;border-radius:13px;font:900 clamp(14px,1.1vw,18px)/1.15 Arial;cursor:pointer}.creator-promo__reduce{background:#087857;color:#fff}.creator-promo__enter{background:#b58b21;color:#fff}
.creator-promo__card.is-compact{grid-template-columns:110px 1fr;max-width:1050px;padding:18px;gap:18px}.creator-promo__card.is-compact .creator-promo__visual{padding:10px;border-radius:18px}.creator-promo__card.is-compact .creator-promo__portrait{height:145px;border-width:5px;border-radius:16px}.creator-promo__card.is-compact .creator-promo__company,.creator-promo__card.is-compact .creator-promo__expertise,.creator-promo__card.is-compact .creator-promo__project,.creator-promo__card.is-compact .creator-promo__skills,.creator-promo__card.is-compact .creator-promo__callout,.creator-promo__card.is-compact .creator-promo__footer{display:none}.creator-promo__card.is-compact .creator-promo__role{margin-bottom:10px}.creator-promo__card.is-compact .creator-promo__content{padding:0 54px 0 0}.creator-promo__card.is-compact h2{font-size:clamp(24px,3vw,38px)}
@media(max-width:760px){.creator-promo{padding:6px}.creator-promo__card{display:block;max-height:calc(100dvh - 12px);padding:16px;border-radius:22px}.creator-promo__close{position:sticky;float:right;top:0;width:42px;height:42px;margin:0 0 -42px;font-size:29px}.creator-promo__visual{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:10px;margin-bottom:13px;border-radius:18px}.creator-promo__portrait{width:86px;height:112px;border-width:4px;border-radius:14px}.creator-promo__company{align-self:center;padding:10px;font-size:9px;line-height:1.35}.creator-promo__content{padding:0}.creator-promo h2{padding-right:40px;font-size:clamp(27px,8vw,38px)}.creator-promo__role{margin:5px 0 13px;font-size:13px}.creator-promo__expertise{padding:12px 14px;border-left-width:5px;border-radius:0 14px 14px 0}.creator-promo__expertise strong{font-size:17px}.creator-promo__expertise p,.creator-promo__project,.creator-promo__callout p{font-size:13px;line-height:1.38}.creator-promo__project{margin:13px 0 10px}.creator-promo__skills{grid-template-columns:1fr;gap:7px;margin-bottom:12px}.creator-promo__skills li{padding-left:29px;font-size:12px}.creator-promo__skills li:before{width:22px;height:22px;font-size:16px}.creator-promo__callout{padding:11px 13px;border-left-width:5px}.creator-promo__footer{gap:6px 15px;margin-top:12px;padding-top:10px;font-size:11px}.creator-promo__actions{position:sticky;bottom:-16px;margin:12px -16px -16px;padding:10px 16px 14px;background:#fffdf8}.creator-promo__actions button{flex:1;min-height:44px;padding:9px 8px;font-size:12px}.creator-promo__card.is-compact{display:grid;grid-template-columns:72px 1fr;padding:12px}.creator-promo__card.is-compact .creator-promo__visual{display:block;margin:0}.creator-promo__card.is-compact .creator-promo__portrait{width:62px;height:78px}.creator-promo__card.is-compact .creator-promo__content{padding:0 38px 0 0}.creator-promo__card.is-compact .creator-promo__actions{position:static;grid-column:1/-1;margin:8px 0 0;padding:0}}
@media(prefers-reduced-motion:no-preference){.creator-promo{animation:creatorFade .22s ease-out}.creator-promo__card{animation:creatorRise .35s ease-out}@keyframes creatorFade{from{opacity:0}}@keyframes creatorRise{from{opacity:0;transform:translateY(18px) scale(.985)}}}
