/* DocuSphere360 DMS public website R15 — Engineering Screens presentation.
   Scoped to this page's #engineering-screens; the existing filters, screenshots
   and lightbox functionality remain owned by docusphere360-enterprise-r1.js. */
body.d360-market.d360-enterprise-page #engineering-screens.d360-gallery-r15{
  --r15-ink:var(--dm-ink,#152a42);
  --r15-muted:var(--dm-muted,#4b6078);
  --r15-line:var(--dm-line,#d8e2ed);
  --r15-white:var(--dm-white,#fff);
  --r15-soft:var(--dm-soft,#f4f7fb);
  padding:clamp(48px,4.8vw,72px) 0 clamp(60px,6vw,88px);
  background:linear-gradient(180deg,var(--r15-white) 0%,var(--r15-white) 31%,var(--r15-soft) 100%);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head{
  display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);
  align-items:center;gap:clamp(25px,4vw,58px);margin:0 0 28px;
  background:transparent!important;border:0!important;box-shadow:none!important;position:static;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__intro{
  min-width:0;align-self:center;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-kicker{
  display:flex;align-items:center;gap:10px;
  margin-bottom:18px;color:#b00050;letter-spacing:.11em;
  font-size:11px;font-weight:850;line-height:1.5;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-kicker__icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  color:#cb005c;background:rgba(255,0,102,.085);
  border:1px solid rgba(255,0,102,.14);border-radius:10px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-kicker__icon svg{
  display:block;width:19px;height:19px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head h2{
  margin:0;color:var(--r15-ink)!important;
  font-size:clamp(31px,3.2vw,45px)!important;
  font-weight:850;letter-spacing:-.045em;line-height:1.1;
  max-width:660px;text-wrap:balance;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head h2 span{
  color:#b90056;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__lead{
  margin:18px 0 0;max-width:58ch;
  color:var(--r15-muted);font-size:clamp(14px,1.15vw,16px);
  line-height:1.67;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;margin-top:21px;
  color:var(--r15-ink);font-size:12px;font-weight:740;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__meta span{
  display:inline-flex;gap:7px;align-items:center;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__meta-dot{
  width:8px;height:8px;flex:0 0 8px;display:inline-block;
  border-radius:50%;background:#ff0066;box-shadow:0 0 0 4px rgba(255,0,102,.10);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context{
  min-width:0;padding:24px 26px 23px;position:relative;overflow:hidden;
  background:var(--r15-soft);border:1px solid var(--r15-line);
  border-radius:18px;box-shadow:0 10px 30px rgba(17,40,65,.035);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context::before{
  content:"";position:absolute;top:0;left:24px;right:24px;height:3px;
  border-radius:0 0 5px 5px;background:linear-gradient(90deg,#ff0066,rgba(255,0,102,.07));
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__heading{
  display:flex;gap:12px;align-items:center;margin-bottom:15px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__logo{
  display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;
  background:var(--r15-white);border:1px solid var(--r15-line);border-radius:12px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__logo img{
  display:block;width:34px;height:34px;object-fit:contain;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__heading strong{
  display:block;color:var(--r15-ink);font-size:15px;font-weight:820;line-height:1.4;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__heading small{
  display:block;color:var(--r15-muted);font-size:11px;margin-top:3px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context p{
  margin:0 0 9px;color:var(--r15-muted);font-size:13px;line-height:1.65;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__boundary{
  display:inline-flex;max-width:100%;margin-top:8px;
  padding:8px 10px;border:1px solid var(--r15-line);border-radius:8px;
  color:var(--r15-ink);background:var(--r15-white);
  font-size:10px;font-weight:800;letter-spacing:.045em;line-height:1.45;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:18px;
  margin:0 0 24px;padding:15px 17px;
  background:var(--r15-white);border:1px solid var(--r15-line);
  border-radius:16px;box-shadow:0 9px 28px rgba(17,40,65,.055);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label{
  display:flex;flex-direction:column;gap:3px;min-width:150px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label>span{
  color:#a8004d;font-size:10px;font-weight:850;letter-spacing:.095em;line-height:1.4;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label strong{
  color:var(--r15-ink);font-size:13px;line-height:1.4;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  margin:0;min-width:0;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;min-height:46px;min-width:0;
  padding:10px 13px;border-radius:10px;
  background:var(--r15-white);border:1px solid var(--r15-line);
  color:var(--r15-ink);font-size:12px;font-weight:800;line-height:1.4;
  box-shadow:none;cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button svg{
  display:block;width:17px;height:17px;flex:0 0 17px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button:hover{
  border-color:#ff0066;color:#bb0057;background:rgba(255,0,102,.045);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button[aria-pressed="true"]{
  background:#173550;color:#fff;border-color:#173550;
  box-shadow:0 5px 12px rgba(13,35,60,.12);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button[aria-pressed="true"]:hover{
  background:#244767;border-color:#244767;color:#fff;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button:focus-visible{
  outline:3px solid #ff0066;outline-offset:3px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__count{
  min-width:0;display:inline-flex;justify-content:center;align-items:center;
  padding:9px 13px;min-height:39px;
  border-radius:999px;background:var(--r15-soft);
  border:1px solid var(--r15-line);color:var(--r15-ink);
  font-size:12px;font-weight:800;line-height:1.4;
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-grid{
  gap:19px;grid-template-columns:repeat(3,minmax(0,1fr));
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card{
  border-radius:17px;background:var(--r15-white);
  border:1px solid var(--r15-line);
  box-shadow:0 10px 28px rgba(18,40,64,.055);
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card:hover{
  border-color:rgba(255,0,102,.27);box-shadow:0 17px 36px rgba(18,40,64,.12);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual{
  height:clamp(220px,19vw,270px);padding:12px;
  background:linear-gradient(145deg,#eaf0f6,#d8e2ef);
  border-bottom:1px solid var(--r15-line);position:relative;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual::after{
  content:"DESKTOP · ENGINEERING";
  position:absolute;left:14px;top:14px;z-index:1;
  display:inline-flex;align-items:center;
  padding:6px 9px;background:rgba(255,255,255,.94);
  border:1px solid rgba(195,212,226,.9);border-radius:7px;
  color:#243c56;box-shadow:0 3px 12px rgba(10,28,50,.08);
  font-size:9px;font-weight:850;letter-spacing:.075em;line-height:1.45;
  pointer-events:none;
}
body.d360-market.d360-enterprise-page #engineering-screens [data-d360-screen-kind="mobile"] .d360-proof-visual::after{
  content:"MOBILE · ENGINEERING";
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual img{
  object-fit:contain;max-width:100%;max-height:100%;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual--mobile img{
  width:auto;max-width:85%;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption{
  padding:20px;gap:9px;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption strong{
  color:var(--r15-ink);font-size:16px;line-height:1.38;font-weight:800;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption p{
  color:var(--r15-muted);font-size:13px;line-height:1.58;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption small{
  color:var(--r15-muted);font-size:11px;line-height:1.5;margin-top:auto;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption a{
  display:inline-flex;align-items:center;align-self:flex-start;gap:6px;
  text-decoration:none;padding:10px 12px;min-height:41px;
  border-radius:9px;border:1px solid var(--r15-line);
  background:var(--r15-soft);color:#b50053;
  font-size:12px;font-weight:800;line-height:1.35;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption a:hover,
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption a:focus-visible{
  border-color:#ff0066;background:rgba(255,0,102,.07);
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-scope{
  max-width:1080px;margin:29px auto 0;padding:17px 19px;
  border-radius:12px;border:1px solid var(--r15-line);
  background:var(--r15-white);color:var(--r15-muted);
  font-size:12px;line-height:1.7;
}
body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-scope strong{
  color:var(--r15-ink);
}
@media(max-width:1240px){
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:25px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar{
  grid-template-columns:minmax(0,1fr) auto;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label{
  grid-column:1;grid-row:1;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__count{
  grid-column:2;grid-row:1;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter{
  grid-column:1/-1;grid-row:2;
 }
}
@media(max-width:1000px){
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head{
  grid-template-columns:minmax(0,1fr);gap:20px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context{
  padding:19px 21px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual{
  height:250px;
 }
}
@media(min-width:681px) and (max-width:900px){
 body.d360-market.d360-enterprise-page #engineering-screens > .d360-wrap{
  width:calc(100% - 114px);
 }
}
@media(max-width:680px){
 body.d360-market.d360-enterprise-page #engineering-screens{
  padding:45px 0 61px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head{
  gap:22px;margin-bottom:22px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-kicker{
  font-size:10px;letter-spacing:.08em;margin-bottom:14px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head h2{
  font-size:clamp(29px,7.7vw,38px)!important;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head__lead{
  margin-top:13px;font-size:14px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context{
  padding:19px 18px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar{
  grid-template-columns:minmax(0,1fr);
  padding:15px;gap:12px;margin-bottom:20px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label{
  grid-column:1;grid-row:1;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__count{
  grid-column:1;grid-row:2;justify-self:start;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter{
  grid-column:1;grid-row:3;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button{
  width:100%;padding:10px 8px;font-size:12px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button[data-d360-filter="all"]{
  grid-column:1/-1;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__count{
  font-size:11px;white-space:normal;text-align:center;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-grid{
  grid-template-columns:minmax(0,1fr);gap:16px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual{
  height:245px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption{
  padding:18px;
 }
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-scope{
  padding:15px 16px;
 }
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens.d360-gallery-r15{
 background:linear-gradient(180deg,var(--r15-white),var(--r15-soft));
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-head h2 span{
 color:#ff94c3;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-kicker{
 color:#ff9bc8;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__label>span{
 color:#ff9bc8;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context,
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar{
 background:#1b3048;border-color:#405b76;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-context__boundary{
 background:#233f5b;color:#eaf3ff;border-color:#405b76;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button{
 background:#233b54;color:#ecf5ff;border-color:#53708e;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button:hover{
 background:#304d6b;color:#fff;border-color:#ff83b6;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button[aria-pressed="true"]{
 background:#ff0066;border-color:#ff0066;color:#fff;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-r15-toolbar__count{
 background:#243f5c;border-color:#405b76;color:#eaf3ff;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card,
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-scope{
 background:#1b3048;border-color:#405b76;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-visual{
 background:linear-gradient(145deg,#20354b,#14273e);border-color:#405b76;
}
html[data-theme="dark"] body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card figcaption a{
 background:#25415f;color:#ff9bc8;border-color:#56728e;
}
@media(prefers-reduced-motion:reduce){
 body.d360-market.d360-enterprise-page #engineering-screens .d360-gallery-filter button,
 body.d360-market.d360-enterprise-page #engineering-screens .d360-proof-card{
  transition:none;
 }
}