.elementor-18740 .elementor-element.elementor-element-6b94b94{--display:flex;}.elementor-18740 .elementor-element.elementor-element-cbfedf3{--display:flex;}.elementor-18740 .elementor-element.elementor-element-4192e8e{--display:flex;}.elementor-18740 .elementor-element.elementor-element-767e6e6{--display:flex;}.elementor-18740 .elementor-element.elementor-element-dce5c96{--display:flex;}.elementor-18740 .elementor-element.elementor-element-86a6c06{--display:flex;}.elementor-18740 .elementor-element.elementor-element-87d3ee8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18740 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-18740 .elementor-element.elementor-element-7904571{--display:flex;}@media(max-width:1024px){.elementor-18740 .elementor-element.elementor-element-6b94b94{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-cbfedf3{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-4192e8e{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-767e6e6{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-dce5c96{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-86a6c06{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-87d3ee8{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-7904571{--flex-wrap:nowrap;}}@media(max-width:767px){.elementor-18740 .elementor-element.elementor-element-6b94b94{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-cbfedf3{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-4192e8e{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-767e6e6{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-dce5c96{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-86a6c06{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-87d3ee8{--flex-wrap:nowrap;}.elementor-18740 .elementor-element.elementor-element-7904571{--flex-wrap:nowrap;}}/* Start custom CSS *//* ============================================================================
   /work/protocol-aminos/ (18740) : THE CERTIFICATE. A research peptide supplier that sells on
   proof, so the page is a lab document: a certificate header, a specification / result table,
   a drawn HPLC trace, the published purity column as a stick plot, the label anatomy, the
   catalogue racked as vials, and a results band. Their colours only: store green #012F25,
   carton green #154339, label teal #A2E8E6, paper #F5F3EC, cream #EAE8DD, notice slate #253031.
   A serif for statements (their Castoro, stood in by Bookman JFPro), the mono for data.
   Scope: .page-id-18740 throughout. Literal UTF-8 only in content: (no CSS hex escapes).
   ========================================================================= */
.page-id-18740{
  --pa-pad: max(20px, min(40px, calc((100vw - 1360px) / 2)));
  --sxm-display: 'F37 Stout Black Compressed', sans-serif;
  --sxm-wide: 'Nord Medium', 'Nord Regular', sans-serif;
  --sxm-copy: 'DM Sans', system-ui, sans-serif;               /* SXM FONT SUBSTITUTE: Jost on the client's store */
  --sxm-mono: 'Ocr A Tribute', ui-monospace, monospace;
  --pa-serif: 'Bookman JFPro Regular', Georgia, 'Times New Roman', serif;   /* SXM FONT SUBSTITUTE: Castoro */
  --green: #012F25; --carton: #154339; --deep: #06211A; --well: #041A14;
  --teal: #A2E8E6; --teal2: #5DEAE5; --slate: #253031;
  --paper: #F5F3EC; --cream: #EAE8DD; --bone: #F6F2E9;
  --mut: rgba(246,242,233,.76); --dim: rgba(246,242,233,.5); --line: rgba(162,232,230,.2);
  --inkmut: rgba(1,47,37,.8); --inkdim: rgba(1,47,37,.58); --inkline: rgba(1,47,37,.18);
}
body.page-id-18740{ background: #000; }
.page-id-18740 .sxm-pa{
  padding-inline: var(--pa-pad) !important;
  background: var(--green); color: var(--bone);
  container-type: inline-size;
  --u: calc(100cqi / 1360);
}
.page-id-18740 .sxm-pa figure{ margin: 0; }
.page-id-18740 .sxm-pa ol, .page-id-18740 .sxm-pa ul{ list-style: none; margin: 0; padding: 0; }
.page-id-18740 .sxm-pa s, .page-id-18740 .sxm-pa u{ text-decoration: none; }
.page-id-18740 .sxm-pa i, .page-id-18740 .sxm-pa cite, .page-id-18740 .sxm-pa figcaption{ font-style: normal; }
.page-id-18740 .sxm-pa a:focus-visible{ outline: 2px solid currentColor; outline-offset: 3px; }

/* ----------------------------------------------------------------- reveals */
.page-id-18740 .sxm-pa-rv{
  opacity: 0; transform: translate3d(0, 22px, 0);
  transition: opacity .6s ease var(--d, 0s), transform .75s cubic-bezier(.16,.84,.44,1) var(--d, 0s);
}
.page-id-18740 .sxm-pa-rv.is-in{ opacity: 1; transform: none; }

/* ------------------------------------------------------- shared editorial */
.page-id-18740 .sxm-pa-eyebrow{
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px; line-height: 1.4;
  text-transform: lowercase; color: var(--teal);
  margin: 0 0 clamp(22px, calc(34 * var(--u)), 40px);
  padding-top: clamp(14px, calc(16 * var(--u)), 18px);
  border-top: 1px solid var(--line);
}
.page-id-18740 .sxm-pa-h2{
  font-family: var(--pa-serif); font-weight: 400;
  font-size: clamp(34px, calc(70 * var(--u)), 80px); line-height: 1.04; letter-spacing: -.015em;
  text-transform: none; color: var(--bone);
  margin: 0; max-width: 13ch;
}
.page-id-18740 .sxm-pa-h3{
  font-family: var(--sxm-wide); font-weight: 500;
  font-size: clamp(14px, calc(17 * var(--u)), 18px); line-height: 1.3; letter-spacing: .08em;
  text-transform: uppercase; color: var(--bone); margin: 0;
}
.page-id-18740 .sxm-pa-copy{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(15px, calc(18 * var(--u)), 20px); line-height: 1.66;
  color: var(--mut); max-width: 60ch; margin: 0 0 1em;
}
.page-id-18740 .sxm-pa-copy:last-child{ margin-bottom: 0; }
.page-id-18740 .sxm-pa-copy b{ font-weight: 600; color: var(--bone); }

/* the client's research-use notice: the bar that opens their store, kept verbatim */
.page-id-18740 .sxm-pa-notice{
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 18px;
  background: var(--slate); color: var(--bone);
  font-family: var(--sxm-copy); font-weight: 300; font-size: 14px; line-height: 1.5; letter-spacing: .01em;
  text-align: center; margin: 0; padding: 11px var(--pa-pad);
}
.page-id-18740 .sxm-pa-notice i{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(246,242,233,.55); }
.page-id-18740 .sxm-pa-notice--top{ padding-inline: clamp(18px, calc(40 * var(--u)), 44px); }
.page-id-18740 .sxm-pa-notice--inline{ border-radius: 4px; padding-inline: 18px; margin-top: 14px; }

/* -------------------------------------------------------------------- hero */
.page-id-18740 .sxm-pa-hero{
  padding-block: calc(28 * var(--u)) clamp(36px, calc(64 * var(--u)), 72px);
  background-image: radial-gradient(ellipse 46% 58% at 79% 46%, rgba(93,234,229,.13), transparent 70%);
}
.page-id-18740 .sxm-pa-crumb{
  display: flex; gap: 10px; align-items: center;
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px;
  text-transform: lowercase; color: var(--dim);
  margin: 0 0 clamp(16px, calc(26 * var(--u)), 28px);
}
.page-id-18740 .sxm-pa-crumb a{ color: var(--dim); text-decoration: none; transition: color .25s ease; }
.page-id-18740 .sxm-pa-crumb a:hover, .page-id-18740 .sxm-pa-crumb a:focus-visible{ color: #fff; }
.page-id-18740 .sxm-pa-crumb b{ color: var(--bone); font-weight: 400; }
/* the sheet */
.page-id-18740 .sxm-pa-doc{ border: 1px solid var(--line); border-radius: 4px; background: rgba(4,26,20,.34); overflow: hidden; }
.page-id-18740 .sxm-pa-dochead{
  display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap;
  padding: 14px clamp(18px, calc(40 * var(--u)), 44px);
  border-bottom: 1px solid var(--line);
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
}
.page-id-18740 .sxm-pa-doctitle{ color: var(--teal); }
.page-id-18740 .sxm-pa-doctitle i{ color: var(--dim); }
.page-id-18740 .sxm-pa-sitelink{
  color: var(--bone); text-decoration: none; text-transform: lowercase; letter-spacing: 1.6px;
  border-bottom: 1px solid var(--line); padding-bottom: 3px;
  transition: color .25s ease, border-color .25s ease;
}
.page-id-18740 .sxm-pa-sitelink:hover, .page-id-18740 .sxm-pa-sitelink:focus-visible{ color: #fff; border-color: #fff; }
.page-id-18740 .sxm-pa-herogrid{
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; gap: calc(30 * var(--u));
  padding: clamp(26px, calc(40 * var(--u)), 46px) clamp(18px, calc(40 * var(--u)), 44px) clamp(26px, calc(44 * var(--u)), 50px);
}
.page-id-18740 .sxm-pa-logo{ width: clamp(132px, calc(190 * var(--u)), 210px); color: var(--teal); margin-bottom: clamp(22px, calc(40 * var(--u)), 46px); }
.page-id-18740 .sxm-pa-logo svg{ display: block; width: 100%; height: auto; }
.page-id-18740 .sxm-pa-h1{
  font-family: var(--pa-serif); font-weight: 400;
  font-size: clamp(60px, calc(156 * var(--u)), 176px); line-height: .94; letter-spacing: -.02em;
  text-transform: none; color: var(--bone);
  margin: 0 0 clamp(18px, calc(30 * var(--u)), 36px);
}
.page-id-18740 .sxm-pa-stand{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(16px, calc(22 * var(--u)), 24px); line-height: 1.5;
  color: var(--mut); max-width: 37ch; margin: 0;
}
/* the client's own vial, in a hexagon from their logotype */
.page-id-18740 .sxm-pa-vial{
  position: relative; justify-self: center;
  height: clamp(300px, calc(560 * var(--u)), 620px); aspect-ratio: 200 / 230;
}
.page-id-18740 .sxm-pa-hex{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.page-id-18740 .sxm-pa-hex path{ stroke: var(--teal); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .34; }
.page-id-18740 .sxm-pa-hex path + path{ opacity: .14; }
.page-id-18740 .sxm-pa-vial img{
  position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: block; height: 85%; width: auto; max-width: none;
  filter: drop-shadow(0 30px 40px rgba(0,0,0,.45));
}
/* the certificate fields: label cells tinted, as on the lab's own form */
.page-id-18740 .sxm-pa-fields{
  margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.page-id-18740 .sxm-pa-fields > div{
  display: grid; grid-template-columns: clamp(92px, calc(118 * var(--u)), 128px) minmax(0, 1fr);
  border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.page-id-18740 .sxm-pa-fields > div:nth-child(3n){ border-right: 0; }
.page-id-18740 .sxm-pa-fields > div:nth-last-child(-n+3){ border-bottom: 0; }
.page-id-18740 .sxm-pa-fields dt{
  font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase;
  color: var(--teal); background: rgba(162,232,230,.09);
  padding: clamp(13px, calc(17 * var(--u)), 19px) clamp(12px, calc(18 * var(--u)), 20px); margin: 0;
}
.page-id-18740 .sxm-pa-fields dd{
  margin: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.45;
  color: var(--bone); padding: clamp(12px, calc(16 * var(--u)), 18px) clamp(12px, calc(18 * var(--u)), 20px);
}
.page-id-18740 .sxm-pa-fields dd i{ color: var(--dim); }

/* ------------------------------------------------------------ 01 the brief */
.page-id-18740 .sxm-pa-brief{ background: var(--paper); color: var(--green); padding-block: clamp(40px, calc(60 * var(--u)), 68px) clamp(48px, calc(84 * var(--u)), 96px); }
.page-id-18740 .sxm-pa-brief .sxm-pa-eyebrow{ color: var(--green); border-top-color: var(--inkline); }
.page-id-18740 .sxm-pa-brief .sxm-pa-h2{ color: var(--green); }
.page-id-18740 .sxm-pa-brief .sxm-pa-copy{ color: var(--inkmut); font-weight: 400; max-width: 56ch; }
.page-id-18740 .sxm-pa-brief .sxm-pa-copy b{ color: var(--green); }
.page-id-18740 .sxm-pa-briefgrid{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(26px, calc(44 * var(--u)), 50px) calc(72 * var(--u)); align-items: start; }
.page-id-18740 .sxm-pa-briefgrid .sxm-pa-h2, .page-id-18740 .sxm-pa-briefgrid .sxm-pa-quote{ align-self: end; }
.page-id-18740 .sxm-pa-briefgrid .sxm-pa-copy{ margin: 0; }
.page-id-18740 .sxm-pa-quote{ margin: 0; padding: 0 0 0 clamp(18px, calc(30 * var(--u)), 34px); border: 0; border-left: 3px solid var(--green); quotes: none; }
.page-id-18740 .sxm-pa-quote p{
  font-family: var(--pa-serif); font-weight: 400; font-size: clamp(22px, calc(35 * var(--u)), 40px); line-height: 1.22; letter-spacing: -.01em;
  color: var(--green); margin: 0 0 clamp(14px, calc(20 * var(--u)), 24px);
}
.page-id-18740 .sxm-pa-quote cite{ display: block; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--inkdim); line-height: 1.6; }
/* specification / result: the certificate's own table, filled with the brief */
.page-id-18740 .sxm-pa-spec{ margin-top: clamp(34px, calc(60 * var(--u)), 68px); border: 1px solid var(--green); border-radius: 4px; overflow: hidden; background: #fff; }
.page-id-18740 .sxm-pa-spec-head, .page-id-18740 .sxm-pa-spec-row{ display: grid; grid-template-columns: clamp(130px, calc(190 * var(--u)), 200px) minmax(0, 1fr) minmax(0, 1.3fr); }
.page-id-18740 .sxm-pa-spec-head{ background: var(--green); color: var(--bone); font-family: var(--sxm-mono); font-size: 11px; line-height: 1.5; letter-spacing: 1.8px; text-transform: uppercase; }
.page-id-18740 .sxm-pa-spec-head span{ padding: 14px clamp(14px, calc(24 * var(--u)), 28px); }
.page-id-18740 .sxm-pa-spec-head i{ color: rgba(246,242,233,.56); margin-left: 8px; }
.page-id-18740 .sxm-pa-spec-row{ border-top: 1px solid var(--inkline); transition: background-color .25s ease; }
.page-id-18740 .sxm-pa-spec-row:hover{ background: var(--paper); }
.page-id-18740 .sxm-pa-spec-row span{ padding: clamp(16px, calc(24 * var(--u)), 28px) clamp(14px, calc(24 * var(--u)), 28px); }
.page-id-18740 .sxm-pa-spec-row .t{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--green); background: rgba(1,47,37,.06); border-right: 1px solid var(--inkline); }
.page-id-18740 .sxm-pa-spec-row .s{ font-family: var(--pa-serif); font-size: clamp(16px, calc(20 * var(--u)), 22px); line-height: 1.35; color: var(--green); border-right: 1px solid var(--inkline); }
.page-id-18740 .sxm-pa-spec-row .r{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); line-height: 1.6; color: var(--inkmut); }
.page-id-18740 .sxm-pa-src{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; line-height: 1.7; color: var(--inkdim); margin: 14px 0 0; }

/* ----------------------------------------------------------- 02 the method */
.page-id-18740 .sxm-pa-method{ background: var(--deep); padding-block: clamp(40px, calc(60 * var(--u)), 68px) clamp(48px, calc(84 * var(--u)), 96px); }
.page-id-18740 .sxm-pa-methodhead, .page-id-18740 .sxm-pa-labelhead, .page-id-18740 .sxm-pa-sitehead{
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: calc(72 * var(--u)); align-items: end;
  margin-bottom: clamp(30px, calc(52 * var(--u)), 60px);
}
.page-id-18740 .sxm-pa-figs{ display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 14px; align-items: stretch; }
.page-id-18740 .sxm-pa-fig{ background: var(--well); border: 1px solid var(--line); border-radius: 4px; padding: clamp(16px, calc(28 * var(--u)), 32px); display: flex; flex-direction: column; }
.page-id-18740 .sxm-pa-fig figcaption{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.2px; line-height: 1.7; color: var(--dim); margin-top: clamp(14px, calc(20 * var(--u)), 24px); max-width: 900px; }
.page-id-18740 .sxm-pa-fig figcaption b{ font-weight: 400; color: var(--teal); text-transform: uppercase; letter-spacing: 1.8px; margin-right: 8px; }
/* Fig. 1 */
.page-id-18740 .sxm-pa-chrom{ display: grid; grid-template-columns: 22px minmax(0, 1fr); flex: 1 1 auto; grid-template-rows: minmax(0, 1fr) auto auto; }
.page-id-18740 .sxm-pa-ax{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--dim); }
.page-id-18740 .sxm-pa-ax--y{ grid-column: 1; grid-row: 1; writing-mode: vertical-rl; rotate: 180deg; text-align: center; }
.page-id-18740 .sxm-pa-ax--x{ grid-column: 2; grid-row: 3; text-align: center; margin-top: 8px; }
.page-id-18740 .sxm-pa-plot{ grid-column: 2; grid-row: 1; position: relative; min-height: clamp(200px, calc(360 * var(--u)), 420px); border-left: 1px solid rgba(162,232,230,.5); border-bottom: 1px solid rgba(162,232,230,.5); }
.page-id-18740 .sxm-pa-plot svg{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.page-id-18740 .sxm-pa-grid line{ stroke: rgba(162,232,230,.1); stroke-width: 1; vector-effect: non-scaling-stroke; }
.page-id-18740 .sxm-pa-trace{ position: absolute; inset: 0; }
.page-id-18740 .sxm-pa-trace .l{ fill: none; stroke: var(--teal2); stroke-width: 1.6; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.page-id-18740 .sxm-pa-trace .a{ fill: rgba(93,234,229,.16); stroke: none; }
.page-id-18740 .sxm-pa-peak{ position: absolute; left: 32.5%; top: 7%; margin-left: 16px; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--teal); padding-left: 22px; }
.page-id-18740 .sxm-pa-peak::before{ content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 1px; background: var(--teal); }
.page-id-18740 .sxm-pa-ticks{ grid-column: 2; grid-row: 2; display: flex; justify-content: space-between; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1px; color: var(--dim); margin-top: 8px; }
/* the trace is recorded left to right when it comes into view (the wipe clips a child, never the observed figure) */
.page-id-18740 .sxm-pa-rv .sxm-pa-trace{ clip-path: inset(-4% 100% -4% 0); }
.page-id-18740 .sxm-pa-rv.is-in .sxm-pa-trace{ clip-path: inset(-4% -1% -4% 0); transition: clip-path 2.4s cubic-bezier(.5,.05,.2,1) .35s; }
.page-id-18740 .sxm-pa-rv .sxm-pa-peak{ opacity: 0; }
.page-id-18740 .sxm-pa-rv.is-in .sxm-pa-peak{ opacity: 1; transition: opacity .5s ease 1.7s; }
/* how to read a COA */
.page-id-18740 .sxm-pa-read{ border: 1px solid var(--line); border-radius: 4px; padding: clamp(16px, calc(28 * var(--u)), 32px); display: flex; flex-direction: column; }
.page-id-18740 .sxm-pa-readk{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--dim); margin: 8px 0 clamp(12px, calc(18 * var(--u)), 20px); }
.page-id-18740 .sxm-pa-read ol{ counter-reset: pa; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; }
.page-id-18740 .sxm-pa-read li{ counter-increment: pa; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 2px 0; padding: clamp(10px, calc(13 * var(--u)), 15px) 0; border-top: 1px solid var(--line); }
.page-id-18740 .sxm-pa-read li::before{ content: counter(pa, decimal-leading-zero); grid-row: 1 / span 2; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1px; color: var(--teal); padding-top: 3px; }
.page-id-18740 .sxm-pa-read li b{ font-family: var(--sxm-copy); font-weight: 500; font-size: clamp(14px, calc(16 * var(--u)), 17px); color: var(--bone); }
.page-id-18740 .sxm-pa-read li span{ grid-column: 2; font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(14.5 * var(--u)), 15px); line-height: 1.5; color: var(--mut); }
/* Fig. 2: one stick per published value, like the mass spectrum on a certificate */
.page-id-18740 .sxm-pa .sxm-pa-fig2{ margin-top: 14px; }   /* outranks the figure reset above */
.page-id-18740 .sxm-pa-rugplot{
  position: relative; height: clamp(120px, calc(150 * var(--u)), 168px);
  border-bottom: 1px solid rgba(162,232,230,.5); border-left: 1px dashed var(--teal);
  background: linear-gradient(90deg, rgba(162,232,230,.07), rgba(162,232,230,.02));
}
.page-id-18740 .sxm-pa-rugplot i{ position: absolute; left: var(--x); bottom: 0; width: 2px; margin-left: -1px; height: calc(18px + var(--n) * 22px); background: var(--teal2); transform-origin: 50% 100%; }
.page-id-18740 .sxm-pa-rugspec, .page-id-18740 .sxm-pa-ruglo, .page-id-18740 .sxm-pa-rughi{ position: absolute; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; white-space: nowrap; }
.page-id-18740 .sxm-pa-rugspec{ left: 12px; top: 10px; color: var(--teal); }
.page-id-18740 .sxm-pa-ruglo{ left: var(--x); bottom: 14px; translate: calc(-100% - 12px) 0; color: var(--mut); }
.page-id-18740 .sxm-pa-rughi{ left: var(--x); bottom: 14px; translate: 12px 0; color: var(--mut); }
.page-id-18740 .sxm-pa-rugaxis{ display: flex; justify-content: space-between; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1px; color: var(--dim); margin-top: 8px; }
.page-id-18740 .sxm-pa-rv .sxm-pa-rugplot i{ transform: scaleY(0); }
.page-id-18740 .sxm-pa-rv.is-in .sxm-pa-rugplot i{ transform: none; transition: transform .7s cubic-bezier(.2,.8,.2,1) calc(.35s + var(--i) * .06s); }

/* ------------------------------------------------------------ 03 the label */
.page-id-18740 .sxm-pa-label{ background: #fff; color: var(--green); padding-block: clamp(40px, calc(60 * var(--u)), 68px) clamp(48px, calc(84 * var(--u)), 96px); }
.page-id-18740 .sxm-pa-label .sxm-pa-eyebrow{ color: var(--green); border-top-color: var(--inkline); }
.page-id-18740 .sxm-pa-label .sxm-pa-h2{ color: var(--green); }
.page-id-18740 .sxm-pa-label .sxm-pa-copy{ color: var(--inkmut); font-weight: 400; }
.page-id-18740 .sxm-pa-anat{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(64 * var(--u)); align-items: center; }
.page-id-18740 .sxm-pa-pack{ position: relative; }
.page-id-18740 .sxm-pa-pack img{ display: block; width: 100%; height: auto; }
.page-id-18740 .sxm-pa-pin, .page-id-18740 .sxm-pa-anatlist ol > li::before{
  width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center;
  font-family: var(--sxm-mono); font-size: 11px; line-height: 1; color: var(--green); background: var(--teal);
}
.page-id-18740 .sxm-pa-pin{ position: absolute; left: var(--x); top: var(--y); translate: -50% -50%; box-shadow: 0 0 0 3px #fff, 0 6px 14px rgba(0,0,0,.25); }
.page-id-18740 .sxm-pa-anatlist ol{ counter-reset: pin; }
.page-id-18740 .sxm-pa-anatlist ol > li{ counter-increment: pin; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 3px 0; padding: clamp(12px, calc(16 * var(--u)), 18px) 0; border-top: 1px solid var(--inkline); }
.page-id-18740 .sxm-pa-anatlist ol > li:last-child{ border-bottom: 1px solid var(--inkline); }
.page-id-18740 .sxm-pa-anatlist ol > li::before{ content: counter(pin); grid-row: 1 / span 2; }
.page-id-18740 .sxm-pa-anatlist ol > li b{ font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(12px, calc(13.5 * var(--u)), 14px); letter-spacing: .08em; text-transform: uppercase; line-height: 1.45; color: var(--green); align-self: center; }
.page-id-18740 .sxm-pa-anatlist ol > li span{ grid-column: 2; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); line-height: 1.55; color: var(--inkmut); }
.page-id-18740 .sxm-pa-swatches{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-top: clamp(20px, calc(30 * var(--u)), 34px) !important; border: 1px solid var(--inkline); border-radius: 4px; overflow: hidden; }
.page-id-18740 .sxm-pa-swatches li{ background: var(--c); color: var(--k); padding: 12px 10px; min-height: 86px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }
.page-id-18740 .sxm-pa-swatches b{ font-family: var(--sxm-copy); font-weight: 500; font-size: 12px; line-height: 1.25; color: var(--k); }
.page-id-18740 .sxm-pa-swatches s{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1px; opacity: .8; }
.page-id-18740 .sxm-pa-typenote{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.2px; line-height: 1.7; color: var(--inkdim); margin: 14px 0 0; }
/* the catalogue, racked: one cream shelf (the store's own product ground), not twelve cards */
.page-id-18740 .sxm-pa-rackwrap{ margin-top: clamp(40px, calc(72 * var(--u)), 84px); }
.page-id-18740 .sxm-pa-rackk{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); line-height: 1.6; color: var(--inkmut); margin: 0 0 clamp(14px, calc(20 * var(--u)), 22px); max-width: 82ch; }
.page-id-18740 .sxm-pa-rackk b{ font-family: var(--sxm-wide); font-weight: 500; font-size: .86em; letter-spacing: .08em; text-transform: uppercase; color: var(--green); margin-right: 8px; }
.page-id-18740 .sxm-pa-rack{
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(22px, calc(34 * var(--u)), 40px) clamp(6px, calc(12 * var(--u)), 14px);
  background: var(--cream); border-radius: 6px;
  padding: clamp(22px, calc(40 * var(--u)), 46px) clamp(12px, calc(28 * var(--u)), 32px) clamp(18px, calc(28 * var(--u)), 32px) !important;
}
.page-id-18740 .sxm-pa-rack li{ display: flex; flex-direction: column; align-items: center; min-width: 0; }
.page-id-18740 .sxm-pa-rack img{ display: block; height: clamp(118px, calc(196 * var(--u)), 220px); width: auto; max-width: none; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.page-id-18740 .sxm-pa-rack li:hover img{ transform: translateY(-7px); }
.page-id-18740 .sxm-pa-tag{ align-self: stretch; display: flex; flex-direction: column; gap: 3px; text-align: center; border-top: 1px solid rgba(1,47,37,.3); margin-top: -5px; padding-top: 12px; }
.page-id-18740 .sxm-pa-tag b{ font-family: var(--sxm-copy); font-weight: 600; font-size: clamp(11.5px, calc(14 * var(--u)), 15px); letter-spacing: .07em; text-transform: uppercase; color: var(--green); }   /* not Nord: its 1 reads as I in a compound name */
.page-id-18740 .sxm-pa-tag s, .page-id-18740 .sxm-pa-tag u{ font-family: var(--sxm-mono); font-size: clamp(9px, calc(10.5 * var(--u)), 11px); letter-spacing: .6px; color: var(--inkdim); line-height: 1.45; }
.page-id-18740 .sxm-pa-tag u{ color: var(--green); }
.page-id-18740 .sxm-pa-tag u i{ color: var(--inkdim); margin-left: 4px; }
.page-id-18740 .sxm-pa-rv .sxm-pa-rack li{ opacity: 0; transform: translate3d(0, 20px, 0); }
.page-id-18740 .sxm-pa-rv.is-in .sxm-pa-rack li{ opacity: 1; transform: none; transition: opacity .5s ease calc(.15s + var(--i) * .05s), transform .7s cubic-bezier(.16,.84,.44,1) calc(.15s + var(--i) * .05s); }

/* ------------------------------------------------------ 04 the shipped site */
.page-id-18740 .sxm-pa-site{ padding-block: clamp(40px, calc(60 * var(--u)), 68px) clamp(48px, calc(80 * var(--u)), 92px); }
/* the library left, tall like a document; the hero and the US band stacked right at the same height
   (1737/1200 vs 916/1600 + 649/1600, chrome bars and the gap included) */
.page-id-18740 .sxm-pa-screens{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.389fr); gap: 14px; align-items: stretch; }
.page-id-18740 .sxm-pa-stack{ display: flex; flex-direction: column; gap: 14px; justify-content: space-between; min-width: 0; }
.page-id-18740 .sxm-pa-shot{ border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: #fff; transition: transform .45s ease; display: flex; flex-direction: column; }
.page-id-18740 .sxm-pa-shot:hover{ transform: translateY(-5px); }
.page-id-18740 .sxm-pa-shot img{ display: block; width: 100%; height: auto; }
.page-id-18740 .sxm-pa-chrome{ display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--cream); border-bottom: 1px solid rgba(1,47,37,.14); }
.page-id-18740 .sxm-pa-chrome i{ width: 9px; height: 9px; border-radius: 50%; background: rgba(1,47,37,.26); }
.page-id-18740 .sxm-pa-chrome u{ margin-left: 10px; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; line-height: 1.2; color: rgba(1,47,37,.66); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-id-18740 .sxm-dev-band{ color: var(--bone); }
.page-id-18740 .sxm-dev-band .sxm-dev-band__k{ color: var(--teal); opacity: 1; }
.page-id-18740 .sxm-dev-band .sxm-dev-band__h, .page-id-18740 .sxm-dev-band .sxm-dev-band__p{ color: var(--bone); }
.page-id-18740 .sxm-dev-band .sxm-dev-band__p{ color: var(--mut); opacity: 1; }
/* the capture opens on the white library, so the status bar is white with dark glyphs */
.page-id-18740 .sxm-dev{ --dev-bezel: #071C17; --dev-line: rgba(162,232,230,.5); --dev-glow: rgba(0,0,0,.6); --dev-bar: #FFFFFF; }
.page-id-18740 .sxm-dev .sxm-dev-bar{ color: var(--green); }
.page-id-18740 .sxm-dev .sxm-dev-ic{ filter: invert(1); }
.page-id-18740 .sxm-dev .sxm-dev-hint{ color: var(--bone); }
.page-id-18740 .sxm-pa-cap{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.2px; line-height: 1.8; color: var(--dim); margin: clamp(28px, calc(40 * var(--u)), 46px) 0 0; }
.page-id-18740 .sxm-pa-cap a{ color: var(--teal); text-decoration: none; border-bottom: 1px solid rgba(162,232,230,.4); transition: color .25s ease, border-color .25s ease; }
.page-id-18740 .sxm-pa-cap a:hover, .page-id-18740 .sxm-pa-cap a:focus-visible{ color: #fff; border-color: #fff; }

/* ---------------------------------------------------------- 05 the results */
.page-id-18740 .sxm-pa-num{ background: var(--teal); color: var(--green); padding-block: clamp(40px, calc(60 * var(--u)), 68px) clamp(40px, calc(64 * var(--u)), 72px); }
.page-id-18740 .sxm-pa-num .sxm-pa-eyebrow{ color: var(--green); border-top-color: rgba(1,47,37,.34); }
.page-id-18740 .sxm-pa-num .sxm-pa-h2{ color: var(--green); margin-bottom: clamp(26px, calc(46 * var(--u)), 54px); }
.page-id-18740 .sxm-pa-stats{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.page-id-18740 .sxm-pa-stats > div{ padding: 4px clamp(14px, calc(30 * var(--u)), 34px); border-left: 1px solid rgba(1,47,37,.34); }
.page-id-18740 .sxm-pa-stats > div:first-child{ padding-left: 0; border-left: 0; }
.page-id-18740 .sxm-pa-stats s{ display: block; font-family: var(--pa-serif); font-weight: 400; font-size: clamp(54px, calc(104 * var(--u)), 118px); line-height: 1; letter-spacing: -.02em; color: var(--green); margin-bottom: clamp(10px, calc(16 * var(--u)), 18px); font-variant-numeric: tabular-nums; }
.page-id-18740 .sxm-pa-stats i{ display: block; font-family: var(--sxm-copy); font-weight: 500; font-size: 12px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: rgba(1,47,37,.82); max-width: 26ch; }
.page-id-18740 .sxm-pa-foot{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 30px; margin: clamp(34px, calc(60 * var(--u)), 68px) 0 0; padding-top: clamp(16px, calc(22 * var(--u)), 24px); border-top: 1px solid rgba(1,47,37,.34); }
.page-id-18740 .sxm-pa-foot span{ font-family: var(--pa-serif); font-size: clamp(17px, calc(23 * var(--u)), 26px); line-height: 1.3; color: var(--green); }
.page-id-18740 .sxm-pa-foot i{ font-family: var(--sxm-mono); font-size: 10px; line-height: 1.7; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(1,47,37,.7); }

/* --------------------------------------------------------------- cta (house standard, §36) */
.page-id-18740 .sxm-pa-cta{
  padding-inline: var(--pa-pad) !important;
  background: #000; container-type: inline-size; --u: calc(100cqi / 1360);
  padding-block: calc(100 * var(--u)) calc(40 * var(--u)); text-align: center;
}
.page-id-18740 .sxm-pa-ctahead{ --dsz: calc(150 * var(--u)); --capmid: .9808; display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0 0 calc(24 * var(--u)); text-transform: uppercase; color: #fff; line-height: 1.02; }
.page-id-18740 .sxm-pa-ctahead .l{ display: block; white-space: nowrap; }
.page-id-18740 .sxm-pa-ctahead .d{ font-style: normal; font-family: var(--sxm-display); font-weight: 900; font-size: calc(var(--dsz) * var(--capmid)); }
.page-id-18740 .sxm-pa-ctahead .w{ font-style: normal; font-family: var(--sxm-wide); font-weight: 500; font-size: calc(var(--dsz) * var(--capmid) * 1.1543 * .55); letter-spacing: -.02em; }
.page-id-18740 .sxm-pa-ctasub{ font-family: 'Nord Regular', sans-serif; font-size: clamp(12px, calc(18 * var(--u)), 19px); line-height: calc(30/18); letter-spacing: .19em; text-transform: uppercase; color: rgba(255,255,255,.7); max-width: 42ch; margin: 0 auto calc(44 * var(--u)); }
.page-id-18740 .sxm-pa-form{ width: 100%; text-align: left; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gform_fields{ display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, minmax(0, 1fr)); align-items: stretch; height: clamp(240px, 20.6cqi, 290px); grid-column-gap: clamp(4px, .5cqi, 8px); grid-row-gap: clamp(4px, .5cqi, 8px); }
.page-id-18740 .sxm-pa-form .gform_wrapper .gfield{ grid-column: 1; display: flex; min-width: 0; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gfield:has(textarea){ grid-column: 2; grid-row: 1 / span 3; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gfield_label{ display: none !important; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gfield > .ginput_container{ flex: 1 1 auto; display: flex; min-height: 0; margin: 0 !important; }
.page-id-18740 .sxm-pa-form .gform_wrapper input[type=text], .page-id-18740 .sxm-pa-form .gform_wrapper input[type=email], .page-id-18740 .sxm-pa-form .gform_wrapper input[type=tel], .page-id-18740 .sxm-pa-form .gform_wrapper textarea{ width: 100%; height: 100% !important; background: #232323; border: 0; border-radius: 6px; color: #fff; font-family: var(--sxm-copy); font-size: 16px; padding: 20px 22px; margin: 0; resize: none; }
.page-id-18740 .sxm-pa-form .gform_wrapper input, .page-id-18740 .sxm-pa-form .gform_wrapper textarea{ border: 0 !important; }
.page-id-18740 .sxm-pa-form .gform_wrapper ::placeholder{ color: rgba(255,255,255,.5); }
.page-id-18740 .sxm-pa-form .gform_wrapper .gform_footer{ margin: 10px 0 0; padding: 0; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gform_footer input[type=submit]{ display: block; width: 100% !important; padding: calc(30 * var(--u)) 0 !important; background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 6px !important; font-family: var(--sxm-wide) !important; font-weight: 500 !important; font-size: clamp(15px, calc(28 * var(--u)), 29px) !important; line-height: 1.2; text-align: center; text-transform: uppercase; cursor: pointer; box-shadow: inset 0 0 0 2px #fff !important; transition: background-color .25s ease, color .25s ease; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gform_footer input[type=submit]:hover{ background: #000 !important; color: #fff !important; }
.page-id-18740 .sxm-pa-form .gform_wrapper .gform_footer input[type=submit]:focus-visible{ outline: 3px solid #fff; outline-offset: 3px; }
.page-id-18740 .sxm-pa-note{ font-family: var(--sxm-mono); font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; color: #E8C33C; margin: calc(14 * var(--u)) 0 0; text-align: center; }
.page-id-18740 .sxm-pa-back{ text-align: center; margin: calc(30 * var(--u)) 0 0; }
.page-id-18740 .sxm-pa-back a{ font-family: var(--sxm-wide); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.66); text-decoration: none; border-bottom: 1px solid #2c2c2c; padding-bottom: 5px; transition: color .25s ease, border-color .25s ease; }
.page-id-18740 .sxm-pa-back a:hover, .page-id-18740 .sxm-pa-back a:focus-visible{ color: #fff; border-color: #fff; }
.page-id-18740 .sxm-pa-tail{ padding: 0 !important; min-height: 0; }

/* ------------------------------------------------------------------ tablet */
@media (max-width: 1024px){
  .page-id-18740 .sxm-pa-briefgrid, .page-id-18740 .sxm-pa-methodhead, .page-id-18740 .sxm-pa-labelhead, .page-id-18740 .sxm-pa-sitehead{ grid-template-columns: 1fr; gap: 22px; align-items: start; }
  .page-id-18740 .sxm-pa-h2{ max-width: 16ch; }
  .page-id-18740 .sxm-pa-briefgrid .sxm-pa-quote{ order: 4; margin-top: 8px; }
  .page-id-18740 .sxm-pa-spec-head i{ display: block; margin-left: 0; }
  .page-id-18740 .sxm-pa-figs{ grid-template-columns: 1fr; }
  .page-id-18740 .sxm-pa-anat{ grid-template-columns: 1fr; gap: 30px; }
  .page-id-18740 .sxm-pa-pack{ max-width: 560px; margin-inline: auto !important; width: 100%; }
  .page-id-18740 .sxm-pa-rack{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .page-id-18740 .sxm-pa-rack img{ height: clamp(140px, 22vw, 200px); }
  .page-id-18740 .sxm-pa-screens{ grid-template-columns: 1fr; }
  .page-id-18740 .sxm-pa-shot--main{ max-width: 640px; margin-inline: auto !important; width: 100%; }
  .page-id-18740 .sxm-pa-fields{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-id-18740 .sxm-pa-fields > div:nth-child(3n){ border-right: 1px solid var(--line); }
  .page-id-18740 .sxm-pa-fields > div:nth-child(2n){ border-right: 0; }
  .page-id-18740 .sxm-pa-fields > div:nth-last-child(-n+3){ border-bottom: 1px solid var(--line); }
  .page-id-18740 .sxm-pa-fields > div:nth-last-child(-n+2){ border-bottom: 0; }
  .page-id-18740 .sxm-pa-stats{ grid-template-columns: 1fr 1fr; row-gap: 34px; }
  .page-id-18740 .sxm-pa-stats > div:nth-child(3){ padding-left: 0; border-left: 0; }
}
/* ------------------------------------------------------------------- phone */
@media (max-width: 767px){
  .page-id-18740 .sxm-pa-notice{ font-size: 13px; }
  .page-id-18740 .sxm-pa-hero{ padding-top: 26px; }   /* phone: 40px from the header to the first ink, like every page */
  .page-id-18740 .sxm-pa-notice--top{ padding-block: 10px; }
  .page-id-18740 .sxm-pa-crumb{ margin: 0 0 6px; }
  .page-id-18740 .sxm-pa-crumb a{ display: inline-flex; align-items: center; min-height: 44px; padding-right: 6px; }
  .page-id-18740 .sxm-pa-dochead{ flex-direction: column; align-items: flex-start; gap: 2px; padding-block: 14px 2px; font-size: 11px; line-height: 1.7; }
  .page-id-18740 .sxm-pa-doctitle i{ display: block; }
  .page-id-18740 .sxm-pa-sitelink{ display: inline-flex; align-items: center; min-height: 46px; border-bottom: 0; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 5px; }
  .page-id-18740 .sxm-pa-herogrid{ grid-template-columns: 1fr; gap: 26px; }
  .page-id-18740 .sxm-pa-vial{ height: 330px; }
  .page-id-18740 .sxm-pa-fields{ grid-template-columns: 1fr; }
  .page-id-18740 .sxm-pa-fields > div, .page-id-18740 .sxm-pa-fields > div:nth-child(3n){ border-right: 0; }
  .page-id-18740 .sxm-pa-fields > div:nth-last-child(-n+3), .page-id-18740 .sxm-pa-fields > div:nth-last-child(-n+2){ border-bottom: 1px solid var(--line); }
  .page-id-18740 .sxm-pa-fields > div:last-child{ border-bottom: 0; }
  .page-id-18740 .sxm-pa-fields > div{ grid-template-columns: 104px minmax(0, 1fr); }
  .page-id-18740 .sxm-pa-brief, .page-id-18740 .sxm-pa-method, .page-id-18740 .sxm-pa-label, .page-id-18740 .sxm-pa-site, .page-id-18740 .sxm-pa-num{ padding-block: 40px 52px; }
  .page-id-18740 .sxm-pa-briefgrid{ gap: 22px; }
  /* the table becomes one block per test */
  .page-id-18740 .sxm-pa-spec-head{ display: none; }
  .page-id-18740 .sxm-pa-spec-row{ grid-template-columns: 1fr; }
  .page-id-18740 .sxm-pa-spec-row:first-of-type{ border-top: 0; }
  .page-id-18740 .sxm-pa-spec-row span{ padding: 12px 16px; }
  .page-id-18740 .sxm-pa-spec-row .t{ border-right: 0; background: var(--green); color: var(--bone); padding-block: 11px; }
  .page-id-18740 .sxm-pa-spec-row .s{ border-right: 0; padding-bottom: 4px; padding-top: 16px; }
  .page-id-18740 .sxm-pa-spec-row .r{ padding-bottom: 18px; }
  .page-id-18740 .sxm-pa-spec-row .s::before, .page-id-18740 .sxm-pa-spec-row .r::before{ display: block; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--inkdim); margin-bottom: 5px; }
  .page-id-18740 .sxm-pa-spec-row .s::before{ content: "Specification, the client’s words"; }
  .page-id-18740 .sxm-pa-spec-row .r::before{ content: "Result, what shipped"; }
  .page-id-18740 .sxm-pa-plot{ min-height: 230px; }
  .page-id-18740 .sxm-pa-peak{ margin-left: 10px; padding-left: 16px; }
  .page-id-18740 .sxm-pa-peak::before{ width: 11px; }
  .page-id-18740 .sxm-pa-ruglo, .page-id-18740 .sxm-pa-rughi{ display: none; }
  .page-id-18740 .sxm-pa-rugplot{ height: 124px; }
  .page-id-18740 .sxm-pa-swatches{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .page-id-18740 .sxm-pa-swatches li{ padding: 10px 7px; min-height: 92px; }
  .page-id-18740 .sxm-pa-swatches b{ font-size: 11px; }
  .page-id-18740 .sxm-pa-swatches s{ font-size: 8.5px; letter-spacing: 0; }
  .page-id-18740 .sxm-pa-rack{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 6px; padding: 22px 8px 20px !important; }
  .page-id-18740 .sxm-pa-rack img{ height: 138px; }
  .page-id-18740 .sxm-pa-tag s, .page-id-18740 .sxm-pa-tag u{ font-size: 9px; letter-spacing: 0; }
  .page-id-18740 .sxm-pa-tag u i{ display: block; margin-left: 0; }
  .page-id-18740 .sxm-pa-tag{ padding-top: 9px; gap: 2px; }
  .page-id-18740 .sxm-pa-notice--inline{ padding-inline: 14px; }
  /* inline padding: a 44px touch area that does not open the line; the rule becomes an underline so it stays with the text */
  .page-id-18740 .sxm-pa-cap a{ padding-block: 17px; border-bottom: 0; text-decoration: underline; text-decoration-color: rgba(162,232,230,.45); text-underline-offset: 4px; }
  .page-id-18740 .sxm-pa-stats{ grid-template-columns: 1fr 1fr; row-gap: 30px; }
  .page-id-18740 .sxm-pa-stats > div{ padding-inline: 14px 6px; }
  .page-id-18740 .sxm-pa-stats > div:nth-child(odd){ padding-left: 0; border-left: 0; }
  .page-id-18740 .sxm-pa-stats i{ font-size: 11px; letter-spacing: .1em; }
  .page-id-18740 .sxm-pa-back a{ display: inline-block; padding-block: 14px 8px; }
  /* the lockup stacks one phrase per line on a phone, which earns the larger base */
  .page-id-18740 .sxm-pa-cta{ padding-block: 56px 46px; }
  .page-id-18740 .sxm-pa-ctahead{ --dsz: calc(330 * var(--u)); margin-bottom: 18px; }
  .page-id-18740 .sxm-pa-ctasub{ margin-bottom: 28px; }
  .page-id-18740 .sxm-pa-note{ margin-top: 16px; }
  .page-id-18740 .sxm-pa-back{ margin-top: 14px; }
  .page-id-18740 .sxm-pa-form .gform_wrapper .gform_fields{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; grid-row-gap: 6px; }
  .page-id-18740 .sxm-pa-form .gform_wrapper .gfield, .page-id-18740 .sxm-pa-form .gform_wrapper .gfield:has(textarea){ grid-column: 1; grid-row: auto; }
  .page-id-18740 .sxm-pa-form .gform_wrapper .gfield textarea{ height: 150px !important; }
  .page-id-18740 .sxm-pa-form .gform_wrapper input[type=text], .page-id-18740 .sxm-pa-form .gform_wrapper input[type=email], .page-id-18740 .sxm-pa-form .gform_wrapper input[type=tel]{ padding: 19px 20px !important; font-size: 16px; line-height: 1.35 !important; height: auto !important; }
  .page-id-18740 .sxm-pa-form .gform_wrapper .gform_footer input[type=submit]{ padding: 20px 0 !important; font-size: 18px !important; }
}
@media (prefers-reduced-motion: reduce){
  .page-id-18740 .sxm-pa-shot, .page-id-18740 .sxm-pa-shot:hover, .page-id-18740 .sxm-pa-rack li:hover img{ transform: none; }
}/* End custom CSS */