/* The Mitra invitation extends the red Sahabat card into a full-width banner. */
.mitra-invitation{padding:72px var(--gutter);background:#fff;color:#f4f3e2;scroll-margin-top:120px}
.mitra-invitation-card{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:28px;background:#e31e26;padding:clamp(32px,4.2vw,72px);display:flex;flex-direction:column;gap:clamp(38px,4.3vw,68px)}
.mitra-invitation-card:before,.mitra-invitation-card:after{content:'';position:absolute;z-index:-1;pointer-events:none;aspect-ratio:1;border:1px solid #f4f3e22e;border-radius:50%;right:-9%;top:-68%;width:58%}
.mitra-invitation-card:after{right:-15%;top:-76%;width:73%;border-color:#f4f3e21c}
.mitra-invitation-top{display:flex;align-items:center;justify-content:space-between;gap:28px}
.mitra-invitation-top img{width:clamp(155px,14.5vw,245px);height:auto;flex:none}
.mitra-invitation-top>span{font:400 11px/1.65 var(--sans);letter-spacing:.12em;text-align:right}
.mitra-invitation-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:center}
.mitra-invitation-main h2{font:900 clamp(54px,4.9vw,100px)/1.12 var(--tintin-display);font-synthesis:none;letter-spacing:0;text-transform:uppercase;margin:0;color:inherit}
.mitra-invitation-main h2>span{display:block;white-space:nowrap}
.mitra-invitation-copy{min-width:0;max-width:500px;justify-self:end}
.mitra-invitation-copy p{font:400 clamp(14px,1.2vw,17px)/1.8 var(--sans);margin:0 0 24px;color:inherit}
.mitra-invitation-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;background:#f4f3e2;color:#571b22;border-radius:30px;padding:14px 25px;font:700 13px/1.5 var(--sans);margin-top:6px;transition:background .2s}
.mitra-invitation-link:hover{background:#fff9e8}.mitra-invitation-link:focus-visible{outline:2px solid #f4f3e2;outline-offset:6px}
.mitra-invitation-link>.commerce-icon{width:20px;height:20px;flex:none}
.mitra-invitation-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.mitra-invitation-bottom>span:first-child{font:700 10px/1.75 var(--sans);letter-spacing:.12em}
.mitra-invitation-bottom>.commerce-icon{width:43px;height:43px;flex:none}
@media(max-width:1000px){.mitra-invitation{padding-block:56px}.mitra-invitation-card{padding:36px;gap:38px}.mitra-invitation-main{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mitra-invitation-main h2{font-size:clamp(39px,4.6vw,51px)}.mitra-invitation-copy p{font-size:14px;line-height:1.75;margin-bottom:20px}.mitra-invitation-top>span{font-size:9px}.mitra-invitation-link{padding-inline:20px;gap:15px;font-size:12px}.mitra-invitation-card:before{top:-32%;width:75%}.mitra-invitation-card:after{top:-38%;width:90%}}
@media(max-width:850px){.mitra-invitation-main{grid-template-columns:minmax(0,1fr);gap:28px}.mitra-invitation-main h2{font-size:clamp(41px,8.6vw,70px)}.mitra-invitation-copy{justify-self:stretch;max-width:none}}
@media(max-width:650px){.mitra-invitation{padding:42px 20px}.mitra-invitation-card{padding:28px 25px;border-radius:22px;gap:34px}.mitra-invitation-top{gap:18px;align-items:flex-start}.mitra-invitation-top img{width:135px}.mitra-invitation-top>span{font-size:8px;line-height:1.65;letter-spacing:.08em}.mitra-invitation-main{grid-template-columns:minmax(0,1fr);gap:27px}.mitra-invitation-main h2{font-size:clamp(30px,9.5vw,62px);line-height:1.12}.mitra-invitation-copy{max-width:none;justify-self:stretch}.mitra-invitation-copy p{font-size:14px;line-height:1.75;margin-bottom:19px}.mitra-invitation-link{font-size:12px;min-height:48px;gap:18px;margin-top:4px}.mitra-invitation-bottom>span:first-child{font-size:8px;letter-spacing:.09em}.mitra-invitation-bottom>.commerce-icon{width:34px;height:34px}.mitra-invitation-card:before{top:-50px;right:-155px;width:340px}.mitra-invitation-card:after{top:-70px;right:-205px;width:430px}}
@media(max-width:360px){.mitra-invitation{padding-inline:16px}.mitra-invitation-card{padding:26px 22px;gap:30px}.mitra-invitation-top img{width:112px}.mitra-invitation-top>span{font-size:7px}.mitra-invitation-main h2{font-size:30px}.mitra-invitation-link{gap:12px;padding-inline:17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.mitra-invitation-link{transition:none}}