/* Realistic item illustrations on the public landing and About pages. */
.scb-landing .story-grid article{min-width:0}
.scb-landing .story-grid .step-number{margin-bottom:17px}
.scb-landing .story-illustration{
  width:100%;
  height:200px;
  overflow:hidden;
  margin:0 0 25px;
  border:1px solid rgba(199,244,122,.14);
  border-radius:12px;
  background:#0b130e;
}
.story-illustration img,
.plan-illustration img,
.privacy-illustration img,
.about-illustration img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.scb-landing .plan-intro-visual{
  display:flex;
  width:100%;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.scb-landing .plan-intro-visual .plan-term-pill{flex-shrink:0}
.scb-landing .plan-illustration{
  flex:0 0 108px;
  width:108px;
  height:88px;
  overflow:hidden;
  border:1px solid rgba(199,244,122,.15);
  border-radius:12px;
  background:#0b130e;
}
.scb-landing .plan-slide-intro h3{margin-top:19px}
.scb-landing .privacy-art.privacy-illustration{
  min-height:0;
  aspect-ratio:1;
  width:100%;
  overflow:hidden;
  background:#0b130e;
  border:1px solid rgba(199,244,122,.15);
  border-radius:22px;
}
.scb-landing .privacy-illustration img{position:absolute;inset:0}
.scb-landing .privacy-illustration::after,
.public-page .about-illustration::after{
  content:"";
  position:absolute;
  inset:60% 0 0;
  background:linear-gradient(transparent,rgba(5,11,7,.9));
  pointer-events:none;
}
.scb-landing .privacy-illustration .privacy-art-label{
  z-index:1;
  bottom:28px;
  color:#d5decf;
  text-align:center;
  width:100%;
}
.public-page .about-art.about-illustration{
  max-width:440px;
  overflow:hidden;
  border:1px solid rgba(199,244,122,.16);
  border-radius:24px;
  background:#0b130e;
}
.public-page .about-illustration-caption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:26px;
  z-index:1;
  text-align:center;
  color:#d5decf;
  font-size:9px;
  letter-spacing:2px;
}
@media(max-width:1000px){
  .scb-landing .plan-illustration{flex-basis:84px;width:84px;height:76px}
}
@media(max-width:800px){
  .scb-landing .story-illustration{height:240px}
  .scb-landing .privacy-art.privacy-illustration{border-radius:16px}
}
@media(max-width:700px) and (min-width:561px){
  .scb-landing .plan-intro-visual{gap:10px}
  .scb-landing .plan-intro-visual .plan-term-pill{font-size:10px;padding-inline:10px}
  .scb-landing .plan-illustration{flex-basis:66px;width:66px;height:66px;border-radius:9px}
}
@media(max-width:560px){
  .scb-landing .story-illustration{height:240px;margin-bottom:22px}
  .scb-landing .story-grid .step-number{margin-bottom:14px}
  .scb-landing .plan-illustration{flex-basis:94px;width:94px;height:76px}
  .scb-landing .plan-slide-intro h3{margin-top:16px}
  .scb-landing .privacy-art.privacy-illustration{max-width:340px}
  .scb-landing .privacy-illustration .privacy-art-label{bottom:23px;font-size:8px}
  .public-page .about-art.about-illustration{max-width:340px;margin-top:22px;border-radius:18px}
  .public-page .about-illustration-caption{bottom:22px;font-size:8px;letter-spacing:1.6px}
}
@media(max-width:360px){
  .scb-landing .plan-intro-visual{gap:12px}
  .scb-landing .plan-illustration{flex-basis:76px;width:76px;height:68px}
}