.purpose-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 24px}.purpose-photo-card{min-width:0;overflow:hidden;border:1px solid #bddfeb;border-radius:16px;background:linear-gradient(145deg,#fff,#f6fbfe);box-shadow:0 6px 24px #075b880b;scroll-margin-top:24px}.purpose-photo-frame{position:relative;aspect-ratio:16/9;background:#e6f3f9;overflow:hidden}.purpose-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}.purpose-photo-frame:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#075b8838);pointer-events:none}.purpose-photo-symbol{position:absolute;bottom:12px;left:16px;z-index:1;display:flex;gap:5px}.purpose-photo-symbol .purpose-icon{width:52px;height:52px;border-radius:16px;background:#f1fbffef;border:2px solid #fff;box-shadow:0 4px 12px #06334926}.purpose-photo-symbol svg{width:36px;height:36px}.purpose-photo-symbol .purpose-label{display:none}.purpose-photo-copy{padding:20px 22px 24px;border-top:3px solid #35b5e5}.purpose-photo-copy>h2{font-size:23px;color:#075b88;margin:0 0 12px;line-height:1.3}.purpose-photo-copy .formatted-content{font-size:14px;line-height:1.8;color:#365765;text-align:justify}.purpose-photo-copy .formatted-content p{margin-top:0}.purpose-photo-card:nth-child(even) .purpose-photo-copy{border-top-color:#268159}@media(prefers-reduced-motion:no-preference){.purpose-photo-card{transition:transform .2s ease,box-shadow .2s ease}.purpose-photo-frame>img{transition:transform .6s ease}.purpose-photo-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #075b8819}.purpose-photo-card:hover .purpose-photo-frame>img{transform:scale(1.035)}}@media(max-width:700px){.purpose-photo-grid{grid-template-columns:1fr;gap:18px}.purpose-photo-copy{padding:18px}.purpose-photo-copy>h2{font-size:21px}}@media print{.purpose-photo-grid{grid-template-columns:1fr 1fr}.purpose-photo-card{break-inside:avoid;box-shadow:none}}

/* Shallow purpose-card image strip. */
.purpose-photo-frame{aspect-ratio:3/1}
@media(max-width:700px){.purpose-photo-frame{aspect-ratio:3/1}}

.functions-photo-card .purpose-photo-frame{aspect-ratio:12/1}.functions-photo-card .purpose-photo-symbol .purpose-icon{width:clamp(18px,3vw,36px);height:clamp(18px,3vw,36px)}.purpose-link .purpose-icon>.zssf-icon{width:38px;height:38px}