.ids-ph {
  --ids-ink: #06172e; --ids-muted: #657089; --ids-paper: #fff;
  --ids-lime: #a8ee28; --ids-pink: #ef00ca; --ids-icon-bg: #edfad5;
  --ids-button: #041a32; --ids-button-text: #fff;
  --ids-max: 1680px; --ids-copy: 49%; --ids-min: clamp(520px,42vw,680px);
  --ids-pad: clamp(24px,3.5vw,60px); --ids-photo-x: 50%;
  position: relative; isolation: isolate; overflow: hidden; width: 100%;
  min-height: var(--ids-min); background: var(--ids-paper); color: var(--ids-ink);
  font-family: Arial, Helvetica, sans-serif; text-align: left; box-sizing: border-box;
}
.ids-ph *, .ids-ph *::before, .ids-ph *::after { box-sizing: border-box; }
.ids-ph .ids-ph__stripe { position:absolute; inset:0 0 auto; height:7px; z-index:4; background:linear-gradient(90deg,var(--ids-lime) 0 46%,var(--ids-pink) 46% 100%); }
.ids-ph .ids-ph__photo { position:absolute; inset:0; z-index:-2; }
.ids-ph .ids-ph__photo img { width:100%; height:100%; object-fit:cover; object-position:var(--ids-photo-x) center; display:block; border:0; border-radius:0; max-width:none; }
.ids-ph .ids-ph__wash { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--ids-paper) 0%,var(--ids-paper) 33%,transparent 59%); pointer-events:none; opacity:0.6; }
.ids-ph .ids-ph__inner { width:100%; max-width:var(--ids-max); min-height:inherit; margin:0 auto; padding:0 var(--ids-pad); display:flex; flex-direction:column; }
.ids-ph .ids-ph__crumbs { padding-top:36px; font-size:14px; line-height:1.5; min-height:60px; }
.ids-ph .ids-ph__crumbs ol { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.ids-ph .ids-ph__crumbs li { display:flex; align-items:center; gap:20px; padding:0; margin:0; }
.ids-ph .ids-ph__crumbs li + li::before { content:'›'; font-size:22px; line-height:1; color:var(--ids-muted); }
.ids-ph a { color:var(--ids-ink); text-decoration:none; }
.ids-ph .ids-ph__crumbs a:hover { text-decoration:underline; }
.ids-ph .ids-ph__body { min-height:0; flex:1; display:flex; align-items:center; padding:var(--ids-ph-pad-top,40px) 0 var(--ids-ph-pad-bottom,48px); }
.ids-ph .ids-ph__copy { width:var(--ids-copy); max-width:800px; }
.ids-ph .ids-ph__eyebrow { font-size:13px; line-height:1.5; letter-spacing:0.3em; text-transform:uppercase; font-weight:500; color:var(--ids-muted); margin:0 0 var(--ids-ph-eyebrow-gap,18px); }
.ids-ph .ids-ph__heading { color:var(--ids-ink); font-family:inherit; font-size:clamp(36px,3.6vw,60px); line-height:1.17; letter-spacing:-0.035em; font-weight:700; margin:0; padding:0; text-wrap:balance; overflow-wrap:break-word; }
.ids-ph .ids-ph__description { color:var(--ids-muted); font-size:clamp(17px,1.35vw,22px); line-height:1.6; margin:var(--ids-ph-description-gap,22px) 0 0; max-width:700px; white-space:pre-line; }
.ids-ph .ids-ph__features { display:flex; flex-wrap:wrap; gap:18px 28px; padding:0; margin:var(--ids-ph-feature-gap,24px) 0 0; list-style:none; }
.ids-ph .ids-ph__feature { display:flex; align-items:center; gap:12px; font-size:17px; line-height:1.35; margin:0; padding:0; }
.ids-ph .ids-ph__icon { width:46px; height:46px; flex:0 0 46px; background:var(--ids-icon-bg); color:var(--ids-ink); display:grid; place-items:center; border-radius:50%; }
.ids-ph .ids-ph__icon svg { width:25px; height:25px; }
.ids-ph .ids-ph__actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 36px; margin-top:var(--ids-ph-action-gap,28px); }
.ids-ph .ids-ph__primary { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:56px; padding:15px 28px; border-radius:5px; background:var(--ids-button); color:var(--ids-button-text); font-size:18px; line-height:1.4; font-weight:600; border:2px solid transparent; transition:filter .18s; }
.ids-ph .ids-ph__primary svg { width:23px; height:23px; flex-shrink:0; }
.ids-ph .ids-ph__primary:hover { filter:brightness(1.3); color:var(--ids-button-text); }
.ids-ph .ids-ph__secondary { display:inline-flex; align-items:center; min-height:44px; font-size:18px; text-decoration:underline; text-underline-offset:5px; }
.ids-ph .ids-ph__secondary:hover { text-decoration-thickness:2px; }
.ids-ph a:focus-visible { outline:3px solid var(--ids-ink); outline-offset:5px; box-shadow:0 0 0 5px #fff; }
@media (max-width:1100px) and (min-width:768px) {
  .ids-ph { --ids-copy:57%; }
  .ids-ph .ids-ph__wash { opacity:.9; background:linear-gradient(90deg,var(--ids-paper) 0%,var(--ids-paper) 43%,transparent 80%); }
  .ids-ph .ids-ph__body { padding:var(--ids-ph-pad-top,36px) 0 var(--ids-ph-pad-bottom,40px); }
  .ids-ph .ids-ph__features { gap:16px 20px; margin-top:var(--ids-ph-feature-gap,24px); }
}
@media (max-width:767px) {
  .ids-ph { --ids-copy:100%; --ids-pad:24px; --ids-min:0px; min-height:var(--ids-min); display:flex; flex-direction:column; }
  .ids-ph .ids-ph__inner { width:100%; order:0; min-height:0; }
  .ids-ph .ids-ph__crumbs { padding-top:26px; font-size:12px; }
  .ids-ph .ids-ph__crumbs ol, .ids-ph .ids-ph__crumbs li { gap:10px; }
  .ids-ph .ids-ph__body { min-height:0; padding:var(--ids-ph-pad-top,32px) 0 var(--ids-ph-pad-bottom,28px); }
  .ids-ph .ids-ph__copy { width:100%; max-width:none; }
  .ids-ph .ids-ph__eyebrow { font-size:10px; letter-spacing:.24em; margin-bottom:var(--ids-ph-eyebrow-gap,18px); }
  .ids-ph .ids-ph__heading { font-size:clamp(32px,8.4vw,46px); }
  .ids-ph .ids-ph__description { font-size:17px; margin-top:var(--ids-ph-description-gap,22px); }
  .ids-ph .ids-ph__features { flex-direction:column; gap:14px; margin-top:var(--ids-ph-feature-gap,24px); }
  .ids-ph .ids-ph__feature { font-size:15px; }
  .ids-ph .ids-ph__icon { width:40px; height:40px; flex-basis:40px; }
  .ids-ph .ids-ph__actions { gap:12px 24px; margin-top:var(--ids-ph-action-gap,28px); }
  .ids-ph .ids-ph__primary { font-size:16px; padding:13px 20px; }
  .ids-ph .ids-ph__secondary { font-size:16px; }
  .ids-ph .ids-ph__photo { position:relative; inset:auto; z-index:0; order:1; width:100%; height:var(--ids-ph-mobile-photo-height,300px); }
  .ids-ph .ids-ph__photo img { object-position:85% center; }
  .ids-ph .ids-ph__wash { display:none; }
}
@media (prefers-reduced-motion:reduce) { .ids-ph .ids-ph__primary { transition:none; } }

/* Preserve the complete image without changing its proportions. */
.ids-ph.ids-ph--contain .ids-ph__photo img { object-fit:contain; }