.media-placeholder{background:var(--sae-paper);color:#7b8a83;text-align:center;place-items:center;gap:6px;width:100%;height:100%;min-height:72px;display:grid}.media-placeholder__mark{font-family:var(--font-display);letter-spacing:.08em;color:#9aa8a1;font-size:1.1rem;font-weight:700}.media-placeholder__label{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.media-placeholder.is-compact{gap:2px;min-height:56px}.media-placeholder.is-compact .media-placeholder__label{display:none}.media-frame{background:0 0;width:100%;height:100%;display:block;position:relative;overflow:hidden}.media-frame>.media-placeholder{z-index:0;position:absolute;inset:0}.media-frame picture{width:100%;height:100%;display:block}.media-frame img{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:relative}.media-frame.is-loaded img{opacity:1}.skeleton{background:linear-gradient(90deg,#eceee9 0%,#f7f8f6 42%,#eceee9 84%) 0 0/180% 100%;display:block}.skeleton-grid{gap:20px;display:grid}.skeleton-grid--product-grid,.skeleton-grid--card{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid--project-list{gap:24px}.skeleton--hero{width:100%;height:660px}.skeleton--card{min-height:280px}.skeleton--project{min-height:220px}.skeleton--gallery{min-height:360px}.skeleton--service{min-height:180px}.skeleton--logo{width:160px;height:88px}.skeleton--row{height:44px}.skeleton--line{width:100%;height:14px}.skeleton--line-short{width:62%}.skeleton-logos,.skeleton-table,.skeleton-details{gap:12px;display:grid}.skeleton-logos{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center}.skeleton-details{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:28px}.skeleton-details__copy{gap:12px;display:grid}.media-frame.admin-thumb{background:0 0;flex:0 0 48px;width:48px;height:48px;min-height:48px}.media-spinner{width:18px;height:18px;display:inline-flex}.media-spinner__dot{border:2px solid #d5ddd8;border-top-color:var(--sae-forest);border-radius:50%;width:100%;height:100%}@media (width<=900px){.skeleton-grid--product-grid,.skeleton-grid--card,.skeleton-details,.skeleton-logos{grid-template-columns:1fr}.skeleton--hero{height:78svh;min-height:520px}}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.2s ease-in-out infinite skeleton-shift}.media-spinner__dot{animation:.7s linear infinite spinner-turn}}@keyframes skeleton-shift{0%{background-position:100% 0}to{background-position:0 0}}@keyframes spinner-turn{to{transform:rotate(360deg)}}