/* Quality page: the film and title up top, one composed standards panel, the release path, the lot archive */
#lab-page .quality-section{display:flex;min-height:100svh;background:#0b0e0a}
#lab-page .quality-section:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(8,11,8,.34) 0,rgba(8,11,8,.08) 30%,rgba(8,11,8,.14) 50%,rgba(8,11,8,.74) 72%,rgba(8,11,8,.9) 100%)}
#lab-page .quality-section .quality-inner{display:flex;flex-direction:column;justify-content:space-between;gap:56px;width:min(calc(100% - 9vw),1420px);padding:clamp(128px,15svh,156px) 0 32px}
#lab-page .quality-section .quality-heading{display:block;margin:0}
#lab-page .quality-section .quality-heading h1 em{color:#c0cdb0!important}
#lab-page .qx-lede{max-width:44ch;margin:24px 0 0;color:rgba(245,242,236,.8);font-size:14px;line-height:1.7}

#lab-page .qx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(245,242,236,.2)}
#lab-page .standard-control{display:flex;align-items:baseline;gap:12px;min-height:0;padding:16px 16px 16px 0;background:none;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;color:rgba(245,242,236,.62);font:inherit;font-size:13px;line-height:1.3;text-align:left;cursor:pointer;transition:color .25s,border-color .25s}
#lab-page .standard-control i{font-style:normal;font-size:11px;color:rgba(192,205,176,.8);font-variant-numeric:tabular-nums}
#lab-page .standard-control:hover{color:#f5f2ec}
#lab-page .standard-control[aria-selected="true"]{color:#f5f2ec;border-bottom-color:#c0cdb0}
#lab-page .standard-control:focus-visible,#lab-page .qx-step:focus-visible,#lab-page .qx-lot:focus-visible,#lab-page .qx-request:focus-visible{outline:1px solid #c0cdb0;outline-offset:2px}
#lab-page .qx-panel-grid{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,4fr) minmax(0,4.8fr);gap:clamp(24px,4vw,64px);align-items:end;padding-top:32px;transition:opacity .19s}
#lab-page .qx-panel-grid.is-changing{opacity:0}
#lab-page .qx-metric{margin:0;color:#f5f2ec;font-family:var(--font-voice);font-size:clamp(64px,7vw,104px);font-weight:300;line-height:.9;font-variant-numeric:tabular-nums;white-space:nowrap}
#lab-page .qx-metric sup{margin-left:4px;font-size:.3em;vertical-align:.95em;color:#c0cdb0}
#lab-page .qx-caption{margin:12px 0 0;color:rgba(245,242,236,.66);font-size:12px;line-height:1.5}
#lab-page .qx-kicker{margin:0 0 8px;color:rgba(192,205,176,.86);font-size:12px}
#lab-page .qx-title{margin:0 0 12px;color:#f5f2ec;font-family:var(--font-voice);font-size:clamp(26px,2.6vw,36px);font-weight:300;line-height:1.1}
#lab-page .qx-desc{margin:0;color:rgba(245,242,236,.72);font-size:14px;line-height:1.65}
#lab-page .qx-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
#lab-page .qx-checks li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(245,242,236,.14);font-size:13px;line-height:1.35;color:rgba(245,242,236,.86)}
#lab-page .qx-checks li span:last-child{color:#c0cdb0;white-space:nowrap}

/* Release path: one vial travels the rail, stage by stage, to release */
#lab-page .qx-path{--ease:cubic-bezier(.22,1,.36,1);padding:clamp(96px,10vw,152px) max(4.5vw,24px) clamp(96px,10vw,144px);background:#0a0d09;color:#f5f2ec}
#lab-page .qx-path-inner{width:min(100%,1420px);margin:auto}
#lab-page .qx-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.6fr);gap:clamp(32px,6vw,96px);align-items:end}
#lab-page .qx-eyebrow{margin:0 0 20px;color:rgba(192,205,176,.86);font-size:12px}
#lab-page .qx-head h2,#lab-page .qx-coa h2{margin:0;font-family:var(--font-voice);font-size:clamp(48px,6vw,92px);font-weight:300;line-height:.96;letter-spacing:-.03em}
#lab-page .qx-head h2 em{display:block;color:#c0cdb0!important;font-weight:300}
#lab-page .qx-head p:last-child{margin:0;color:rgba(245,242,236,.72);font-size:14px;line-height:1.7}
#lab-page .qx-rail{position:relative;height:236px;margin-top:clamp(32px,4vw,56px)}
#lab-page .qx-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(245,242,236,.18)}
#lab-page .qx-line i{position:absolute;inset:0;background:#c0cdb0;transform:scaleX(var(--p,0));transform-origin:left;transition:transform 1s var(--ease)}
#lab-page .qx-vial{position:absolute;left:0;bottom:-20px;width:240px;height:240px;object-fit:contain;transform:translate3d(var(--x,0),var(--y,0),0);transition:transform 1s var(--ease);filter:drop-shadow(0 16px 20px rgba(0,0,0,.6));pointer-events:none}
#lab-page .qx-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0}
#lab-page .qx-step{display:block;width:100%;height:100%;padding:24px 24px 0 0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
#lab-page .qx-step > span{display:block;margin-bottom:12px;color:rgba(245,242,236,.5);font-size:12px;font-variant-numeric:tabular-nums;transition:color .3s}
#lab-page .qx-step h3{margin:0 0 12px;color:rgba(245,242,236,.56);font-family:var(--font-voice);font-size:clamp(28px,2.8vw,40px);font-weight:300;line-height:1.05;transition:color .3s}
#lab-page .qx-step p{margin:0;color:rgba(245,242,236,.56);font-size:13px;line-height:1.6;transition:color .3s}
#lab-page .qx-step[aria-current="step"] > span{color:#c0cdb0}
#lab-page .qx-step[aria-current="step"] h3{color:#f5f2ec}
#lab-page .qx-step[aria-current="step"] p{color:rgba(245,242,236,.84)}

/* Lot archive: a sheet on the plaster, and the lots it can show */
#lab-page .qx-coa{padding:clamp(88px,9vw,136px) max(4.5vw,24px);color:#182016;background:#e8e3d8 url('../most-explored-cream-plaster.jpg') center/cover}
#lab-page .qx-coa-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center;width:min(100%,1420px);margin:auto}
#lab-page .qx-coa .qx-eyebrow{color:#536247}
#lab-page .qx-coa h2{font-size:clamp(44px,5vw,76px)}
#lab-page .qx-chain{list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;margin:20px 0 40px;padding:0;color:rgba(24,32,22,.72);font-size:13px}
#lab-page .qx-chain li+li:before{content:"→";margin-right:12px;color:#536247}
#lab-page .qx-sheet{position:relative;max-width:440px;padding:32px;background:#f8f5ee;box-shadow:0 1px 1px rgba(40,36,26,.12),0 24px 48px rgba(40,36,26,.2);transform:rotate(-1.2deg)}
#lab-page .qx-sheet:before{content:"";position:absolute;inset:0;z-index:-1;background:#f1ede3;box-shadow:0 1px 2px rgba(40,36,26,.16);transform:rotate(2.4deg)}
#lab-page .qx-sheet-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(24,32,22,.2);font-size:12px;color:rgba(24,32,22,.68)}
#lab-page .qx-sheet-top b{font-weight:500;letter-spacing:.14em;color:#182016}
#lab-page .qx-sheet h3{margin:24px 0 4px;font-family:var(--font-voice);font-size:clamp(32px,3vw,44px);font-weight:300;line-height:1.05}
#lab-page .qx-sheet-lot{margin:0;font-size:13px;color:rgba(24,32,22,.68);font-variant-numeric:tabular-nums}
#lab-page .qx-sheet-assay{margin:24px 0 0;font-family:var(--font-voice);font-size:clamp(64px,6.4vw,92px);font-weight:300;line-height:1;color:#2d3a28;font-variant-numeric:tabular-nums}
#lab-page .qx-sheet dl{display:flex;justify-content:space-between;gap:16px;margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(24,32,22,.14);font-size:12px}
#lab-page .qx-sheet dt{color:rgba(24,32,22,.62)}
#lab-page .qx-sheet dd{margin:4px 0 0;color:#182016}
#lab-page .qx-lots{list-style:none;margin:0;padding:0;border-top:1px solid rgba(24,32,22,.28)}
#lab-page .qx-lot{display:grid;grid-template-columns:1.3fr 1fr .6fr .7fr;gap:16px;align-items:baseline;width:100%;padding:20px 12px;background:none;border:0;border-bottom:1px solid rgba(24,32,22,.18);color:rgba(24,32,22,.8);font:inherit;font-size:13px;text-align:left;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .25s,color .25s}
#lab-page .qx-lot b{font-family:var(--font-voice);font-size:clamp(20px,1.8vw,26px);font-weight:300;color:#182016}
#lab-page .qx-lot:hover{background:rgba(248,245,238,.5)}
#lab-page .qx-lot[aria-pressed="true"]{background:rgba(248,245,238,.82);color:#182016}
#lab-page .qx-coa-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:24px;font-size:13px;line-height:1.6;color:rgba(24,32,22,.76)}
#lab-page .qx-coa-foot p{margin:0;max-width:46ch}
#lab-page .qx-request{flex:none;padding:14px 20px;background:#182016;border:1px solid #182016;color:#f5f2ec;font:inherit;font-size:13px;cursor:pointer;transition:background-color .25s,color .25s}
#lab-page .qx-request:hover{background:transparent;color:#182016}

@media(max-width:1080px){
  #lab-page .qx-panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  #lab-page .qx-checks{grid-column:1/-1}
  #lab-page .qx-head{grid-template-columns:1fr}
  #lab-page .qx-coa-inner{grid-template-columns:1fr}
}
@media(max-width:820px){
  /* the rail turns vertical: the vial walks down beside the stages */
  #lab-page .qx-track{position:relative;margin-top:40px;padding-left:96px}
  #lab-page .qx-rail{position:absolute;left:0;top:0;bottom:0;width:80px;height:auto;margin:0}
  #lab-page .qx-line{left:40px;right:auto;top:0;bottom:0;width:1px;height:auto}
  #lab-page .qx-line i{transform:scaleY(var(--p,0));transform-origin:top}
  #lab-page .qx-vial{left:0;top:0;bottom:auto;width:80px;height:80px}
  #lab-page .qx-steps{grid-template-columns:1fr}
  #lab-page .qx-step{padding:0 0 32px}
}
@media(max-width:720px){
  #lab-page .quality-section .quality-inner{width:calc(100% - 40px);padding-top:112px;gap:40px}
  #lab-page .qx-tabs{grid-template-columns:1fr 1fr}
  #lab-page .standard-control{padding:12px 8px 12px 0}
  #lab-page .qx-panel-grid{grid-template-columns:1fr;gap:20px;padding-top:24px}
  #lab-page .qx-checks{grid-template-columns:1fr}
  #lab-page .qx-sheet{padding:24px;transform:rotate(-.8deg)}
  #lab-page .qx-lot{grid-template-columns:1.3fr 1fr .6fr;padding:16px 8px}
  #lab-page .qx-lot span:last-child{display:none}
  #lab-page .qx-request{width:100%}
}
@media(prefers-reduced-motion:reduce){#lab-page .qx-vial,#lab-page .qx-line i{transition:none}}

/* the site's display-type sheet (didone.css) sets sizes with !important: hold this page's figures and headings */
#lab-page .qx-metric{font-family:var(--font-voice)!important;font-size:clamp(64px,7vw,104px)!important;font-weight:300!important;line-height:.9!important;letter-spacing:-.02em!important;text-transform:none!important}
#lab-page .qx-title{font-family:var(--font-voice)!important;font-size:clamp(26px,2.6vw,36px)!important;font-weight:300!important;line-height:1.1!important;letter-spacing:-.01em!important;text-transform:none!important}
#lab-page .qx-step h3{font-family:var(--font-voice)!important;font-size:clamp(28px,2.8vw,40px)!important;font-weight:300!important;line-height:1.05!important;letter-spacing:-.01em!important;text-transform:none!important}
#lab-page .qx-sheet h3{font-family:var(--font-voice)!important;font-size:clamp(32px,3vw,44px)!important;font-weight:300!important;line-height:1.05!important;letter-spacing:-.01em!important;text-transform:none!important}
#lab-page .qx-sheet-assay{font-family:var(--font-voice)!important;font-size:clamp(64px,6.4vw,92px)!important;font-weight:300!important;line-height:1!important;letter-spacing:-.02em!important;text-transform:none!important}
#lab-page .qx-step{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#lab-page .qx-sheet{isolation:isolate}
#lab-page .qx-sheet-label{margin:24px 0 0;font-size:12px;color:rgba(24,32,22,.62)}
#lab-page .qx-sheet-assay{margin-top:4px}
#lab-page .standard-control{white-space:normal!important;min-width:0}
@media(max-width:720px){#lab-page .standard-control{font-size:11px;gap:8px}}