.placement-feature-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:36px;width:1440px;padding:56px 80px;background:var(--paper);scroll-margin-top:96px}
.placement-feature-decoration{position:absolute;inset:0;pointer-events:none;z-index:-1}
.placement-feature-heading{display:flex;flex-direction:column;align-items:center;gap:12px;width:1280px;text-align:center}
.placement-feature-label{display:flex;align-items:center;justify-content:center;width:232px;padding:8px 16px;background:var(--navy);color:white;border-radius:4px;font-size:18px;font-weight:700;line-height:28px}
.placement-feature-heading h2{font-size:44px;font-weight:700;line-height:66px;margin:0}
.placement-feature-lead{font-size:16px;line-height:27px;color:var(--body)}
.placement-screen-gallery{display:flex;align-items:center;gap:40px;width:1280px}
.placement-view-tabs{display:flex;flex-direction:column;gap:20px;width:280px;flex-shrink:0}
.placement-view-tab{display:flex;flex-direction:column;gap:12px;padding:22px 20px;border-radius:8px;width:280px;background:white;color:var(--navy);text-align:left;transition:background-color .2s,color .2s;flex-shrink:0}
.placement-view-tab[aria-selected=true]{background:var(--navy);color:white}
.placement-view-tab:hover{box-shadow:0 4px 18px #123d5912}
.placement-tab-title{display:flex;align-items:center;gap:12px}
.placement-tab-title b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:var(--navy);color:white;border-radius:50%;font-size:13px;line-height:20px}
.placement-view-tab[aria-selected=true] .placement-tab-title b{background:white;color:var(--navy)}
.placement-tab-title strong{font-size:19px;font-weight:700;line-height:29px}
.placement-tab-description{font-size:14px;line-height:23px;color:var(--body)}
.placement-view-tab[aria-selected=true] .placement-tab-description{color:white}
.placement-view-screen{position:relative;width:960px;height:794px;background:white;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 10px 28px #123d5917}
.placement-view-panel{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;margin:0;width:960px;height:794px}
.placement-view-panel[hidden]{display:none}
.placement-view-panel img{width:960px;height:794px;object-fit:contain;max-width:none}

.placement-view-panel:not(#placement-panel-editor) img{object-fit:fill}

/* Put the frame on each actual image, so the editor has no letterbox padding. */
.placement-view-screen{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.placement-view-panel{background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #123d5917}
#placement-panel-editor{inset:79.353px 0 auto;height:635.294px}
.placement-view-panel img{width:100%;height:100%;object-fit:contain}

/* Overlap screens for a restrained dissolve without resizing or moving the gallery. */
.placement-view-panel{opacity:0;visibility:hidden;pointer-events:none;z-index:0}
.placement-view-panel[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.placement-dissolve-ready .placement-view-panel{transition:opacity .8s ease-in-out,visibility 0s linear .8s}
.placement-dissolve-ready .placement-view-panel[data-active=true]{transition:opacity .8s ease-in-out,visibility 0s}
.motion-off .placement-view-panel{transition:none}