.pro-section{margin-top:24px;background:#fff5f5;--pro-red:#e0252c}
.pro-benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"title art" "values art" "action art";column-gap:48px;row-gap:26px;padding-block:32px;align-content:center}
.pro-heading{grid-area:title;align-self:end}
.pro-benefits h2{font-size:36px;line-height:1.15;letter-spacing:0;color:var(--pro-red);scroll-margin-top:185px}
.pro-description{font-size:18px;line-height:1.45;margin-top:12px;max-width:560px}
.pro-scope{font-size:13px;line-height:1.5;font-weight:700;color:#9c1c26;margin-top:8px}
.pro-values{grid-area:values;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:22px 0;border-block:1px solid #e8c9cc;align-self:center}
.pro-values li{min-width:0;position:relative;padding:0 20px}
.pro-values li:first-child{padding-left:0}.pro-values li:last-child{padding-right:0}
.pro-values li+li{border-left:1px solid #e8c9cc}
.pro-values strong{display:block;color:var(--pro-red);font-size:40px;line-height:1.1;font-weight:800;white-space:nowrap;margin-top:12px}
.pro-values small{font-size:15px;font-weight:600}
.pro-values li>span,.pro-values a{display:block;font-size:13px;color:#24252b;line-height:1.4;font-weight:600}
.pro-values a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ad8388}
.pro-values a:hover{color:#9c1c26}
.pro-token{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-top:8px}
.pro-token-base{margin-left:-5px}
.pro-action{grid-area:action;display:flex;flex-direction:column;align-items:flex-start;align-self:start;gap:8px}
.pro-action .button{min-height:48px;min-width:232px;font-size:15px;padding-inline:26px;background:var(--pro-red);color:white}
.pro-action .button:hover{background:#a61727}
.pro-action p{font-size:12px;line-height:1.5;color:#643d43}
.pro-art{grid-area:art;position:relative;width:100%;aspect-ratio:4/3;align-self:center;overflow:hidden;border-radius:8px;container-type:inline-size}
.pro-printed-cards{display:block;width:100%;height:100%;object-fit:cover}
/* Keep original vector geometry; crisp lettering is separate from the photograph. */
.pro-card-label,.pro-card-tier{position:absolute;left:21%;width:36%;height:auto;margin:0;color:#fff;fill:currentColor;background:none;text-shadow:none;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap;overflow:visible}
.pro-card-label{top:48%;font-size:48px}
.pro-card-tier{top:67%;font-size:80px}
.pro-lion{display:block;aspect-ratio:1;overflow:hidden}
.pro-lion-large{position:absolute;left:64%;top:54%;width:14%}
.pro-lion img{display:block;width:919.444%;height:100%;max-width:none}
.pro-wordmark{position:relative;display:block;aspect-ratio:127/23;overflow:hidden}
.pro-wordmark img{position:absolute;display:block;width:260.6299%;height:156.5217%;left:-35.4331%;top:-30.4348%;max-width:none}
.pro-wordmark-large img{filter:brightness(0) invert(1)}
.pro-wordmark-large{position:absolute;left:21%;top:58%;width:36%}
@media(max-width:1100px){
 .pro-benefits{column-gap:28px;row-gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
 .pro-benefits h2{font-size:32px}.pro-description{font-size:16px}
 .pro-values li{padding-inline:12px}.pro-values strong{font-size:32px}.pro-values small{font-size:13px}.pro-values li>span,.pro-values a{font-size:12px;min-height:34px}
}
@media(max-width:850px){
 .pro-benefits{column-gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .pro-benefits h2{font-size:28px}.pro-description{font-size:15px}.pro-scope{font-size:12px}
 .pro-values{padding-block:16px}.pro-values li{padding-inline:8px}.pro-values strong{font-size:27px}.pro-values small{font-size:11px}.pro-values li>span,.pro-values a{font-size:11px}
}
@media(max-width:700px){
 .pro-section{margin-top:20px}.pro-benefits{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "art" "values" "action";gap:20px;padding-block:24px}
 .pro-benefits h2{font-size:28px}.pro-description{font-size:16px}.pro-scope{font-size:12px}
 .pro-art{max-width:460px;justify-self:center}
 .pro-values li{padding-inline:12px}.pro-values strong{font-size:30px}.pro-values li>span,.pro-values a{font-size:12px;line-height:1.4;min-height:34px}
 .pro-action .button{width:100%;min-width:0;font-size:15px;padding-inline:15px}.pro-action p{font-size:11px;text-align:center;width:100%}
}
@media(max-width:360px){.pro-values strong{font-size:25px}.pro-values small{font-size:10px}.pro-values li{padding-inline:8px}.pro-values li>span,.pro-values a{font-size:11px}.pro-benefits h2{font-size:26px}}