/* Linear /plan Documents reference. Keep its document-first structure and tones. */
#services .scene-inner { padding:100px 0 166px; }
#services .heading-row { gap:48px;margin-top:18px; }
#services .heading-row h2 { font-size:48px;line-height:1.08;font-weight:510;letter-spacing:-.045em; }
#services .heading-row>p { max-width:300px;font-size:16px;line-height:1.7;color:#b7c0cd; }
#services .ref-services-layout {
  display:grid;grid-template-columns:32% minmax(0,1fr);gap:68px;
  height:480px;max-height:none;margin-top:36px;padding:24px 0 24px 40px;
  border:1px solid #ffffff10;border-radius:8px;background:#0f1011;overflow:hidden;
}
#services .work-selectors { display:flex;flex-direction:column;justify-content:center;gap:8px;border:0;min-width:0; }
#services .work-row {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:6px;min-height:96px;padding:8px 28px;margin:0;border:1px solid transparent;
  border-radius:8px;background:transparent;text-align:left;color:#d0d6e0;
  transition:background .22s ease,border-color .22s ease;
}
#services .work-row strong { font-family:var(--noe-font);font-size:22px;line-height:30px;letter-spacing:-.015em;font-weight:550;color:#e8ebf0; }
#services .work-row small { display:block;margin:0;font-family:var(--noe-font);font-size:14px;line-height:22px;letter-spacing:0;font-weight:400;text-transform:none;color:#abb3bf; }
#services .work-row.is-active,#services .work-row:hover { padding:8px 28px;color:#f7f8f8;background:#ffffff08;border-color:#ffffff05; }
#services .work-row.is-active strong { color:#f7f8f8; }
#services .work-row:focus-visible { outline:1px solid #d0d6e0;outline-offset:-1px; }
#services .ref-document-stage { position:relative;min-width:0;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent; }
#services .ref-document-stage::after { content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 72%,#0f1011 100%); }
.ref-document { position:relative;width:100%;min-height:720px;border:1px solid #23252a;border-radius:12px 0 0 0;background:#0f1011;color:#d0d6e0; }
.ref-document-toolbar { height:56px;border-bottom:1px solid #ffffff06;display:flex;align-items:center;gap:10px;padding:0 34px;color:#686d76;font-size:12px;line-height:20px;white-space:nowrap;overflow:hidden; }
.ref-document-toolbar>svg { width:16px;height:16px;fill:none;stroke:#686d76;stroke-width:1.5;flex:none; }
.ref-toolbar-chevron { color:#53575f;font-size:18px; }
.ref-toolbar-icon { display:flex;align-items:center;flex:none; }
.ref-toolbar-icon svg,.ref-toolbar-end svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4; }
.ref-toolbar-end { margin-left:auto;opacity:.5;display:flex;gap:14px;align-items:center; }
.ref-document-body { padding:30px 56px 60px; }
.ref-document-symbol { display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff09;border-radius:6px;margin-bottom:22px; }
.ref-document-symbol svg { width:24px;height:24px;fill:none;stroke:#e6e8eb;stroke-width:1.6; }
.ref-document-body h3 { font-size:28px;line-height:36px;letter-spacing:-.025em;font-weight:550;margin:0 0 20px;color:#edf0f4; }
.ref-document-meta { color:#a3acb8;font-size:14px;line-height:22px;margin:0 0 18px; }
.ref-document-paragraph,.ref-document-closing { color:#b0b9c6;font-size:16px;line-height:26px;letter-spacing:-.012em;margin:0; }
.ref-document-paragraph mark { white-space:nowrap;position:relative;background:#008f9829;color:#a9bac2;padding:2px 0; }
.ref-document-paragraph mark>b { position:absolute;right:-2px;top:-24px;background:#00c3d1;color:#08090a;font-size:12px;font-weight:550;line-height:20px;padding:0 9px;border-radius:5px 5px 5px 0; }
.ref-collaborator-caret { position:absolute;right:-2px;top:0;width:2px;height:24px;background:#00c3d1; }
.ref-document-body h4 { color:#d0d6e0;font-size:17px;line-height:24px;font-weight:550;margin:22px 0 14px; }
.ref-document-tasks { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px; }
.ref-document-tasks li { display:flex;align-items:center;gap:8px;min-height:33px;max-width:100%;padding:4px 10px 4px 8px;border:1px solid #ffffff06;border-radius:5px;background:#ffffff04;color:#cbd1da;font-size:14px;line-height:22px;white-space:nowrap; }
.ref-task-id { color:#787d85;flex:none;font-size:11px; }
.ref-document-tasks i { width:14px;height:14px;display:block;flex:none;border:1.7px dotted #7c828c;border-radius:50%; }
.ref-document-tasks li:last-child i { border:1.5px solid #cfae35;position:relative; }
.ref-document-tasks li:last-child i::after { content:"";position:absolute;left:5px;top:2px;bottom:2px;width:1px;background:#cfae35; }
.ref-document-closing { margin-top:22px; }
.ref-services-caption { display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:18px;color:#96a1af;margin-top:12px; }
@media(min-width:981px) and (max-width:1180px) {
  #services .ref-services-layout { grid-template-columns:34% minmax(0,1fr);gap:32px;padding-left:24px; }
  #services .work-row,#services .work-row.is-active,#services .work-row:hover { padding-left:20px;padding-right:20px; }
  #services .ref-document-body { padding-left:34px;padding-right:34px; }
}
@media(min-width:981px) and (max-height:800px) {
  #services .scene-inner { padding-top:96px;padding-bottom:152px; }
  #services .heading-row { margin-top:12px; }
  #services .heading-row h2 { font-size:38px;line-height:1.12; }
  html[lang=en] #services .heading-row h2 { font-size:36px; }
  #services .heading-row>p { font-size:14px;max-width:245px; }
  #services .ref-services-layout { height:360px;margin-top:22px;gap:32px;padding:11px 0 11px 24px; }
  #services .work-selectors { gap:6px; }
  #services .work-row,#services .work-row.is-active,#services .work-row:hover { min-height:77px;padding:9px 20px;gap:5px; }
  #services .work-row strong { font-size:20px;line-height:26px; }
  #services .work-row small { font-size:13px;line-height:20px; }
  #services .ref-document { transform:none;width:100%; }
  #services .ref-document-toolbar { height:44px;padding:0 24px; }
  #services .ref-document-body { padding:18px 34px 40px; }
  #services .ref-document-symbol { display:none; }
  #services .ref-document-body h3 { font-size:24px;line-height:32px;margin-bottom:16px; }
  #services .ref-document-meta { font-size:13px;line-height:20px;margin-bottom:14px; }
  #services .ref-document-paragraph,#services .ref-document-closing { font-size:14px;line-height:22px; }
  #services .ref-document-body h4 { margin:14px 0 10px;font-size:16px;line-height:22px; }
  #services .ref-document-tasks { gap:3px; }
  #services .ref-document-tasks li { font-size:13px;line-height:20px;min-height:31px; }
  #services .ref-services-caption { margin-top:9px;font-size:11px;justify-content:flex-end; }
  #services .ref-services-caption>span:first-child { display:none; }
}
@media(max-width:980px) {
  #services .ref-services-layout { grid-template-columns:32% minmax(0,1fr);height:400px;gap:24px;padding-left:20px; }
  #services .work-row,#services .work-row.is-active,#services .work-row:hover { padding:10px 15px;min-height:80px; }
  #services .work-row strong,#services .work-row small { font-size:10px;line-height:17px; }
  .ref-document-body { padding:34px 35px; }
}
@media(prefers-reduced-motion:reduce) { #services .work-row { transition:none; } }