.lab-new-record{--record-line:#1b2423;--record-dim:#74807e;--record-text:#d9dfdd;--record-blue:#387cb0}
.lab-new-record .lab-record-hero{padding-bottom:70px}
.lab-record-subtitle{margin:20px 0 48px;color:#899492;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.lab-process-timeline{margin-top:10px}
.lab-process-step{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.72fr);gap:56px;padding:68px 0;border-top:1px solid var(--record-line);position:relative}
.lab-process-index{grid-column:1/-1;margin:0 0 4px;color:var(--record-dim);font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}
.lab-process-copy{align-self:center}
.lab-process-copy h2,.lab007-audio-section h2,.lab007-fusion h2,.lab007-patch-section h2,.lab007-visual-section h2{margin:0 0 24px;color:var(--record-text);font:400 17px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.lab-process-copy p,.lab007-audio-section>p:not(.lab-process-index),.lab007-fusion>p:not(.lab-process-index),.lab007-visual-section>p:not(.lab-process-index){margin:0;color:#929c9a;font:11px/2.1 ui-monospace,SFMono-Regular,Menlo,monospace}
.lab-device-study{min-height:330px;border:1px solid var(--record-line);background:#050808;position:relative;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.receiver-study{padding:28px}.receiver-log{color:#667875;font-size:9px;line-height:2}.receiver-line{height:1px;margin:48px 0 36px;background:#4d6864;box-shadow:90px 0 #38534f}.receiver-menu{color:#899492;font-size:13px;line-height:2.7;border-left:1px solid #283331;padding-left:18px}
.archive-study{display:flex;flex-direction:column;justify-content:center;padding:36px;color:#8c9795}.archive-study span{font-size:24px;letter-spacing:.25em}.archive-study i{display:block;height:1px;background:#32403e;margin:38px 0}.archive-study b{font-size:10px;font-weight:400;letter-spacing:.15em}.archive-study small{position:absolute;right:25px;bottom:25px;color:#53615f;line-height:1.8}
.journal-study{display:flex;flex-direction:column;justify-content:center;padding:36px}.journal-study span{font-size:9px;color:#7a8785;letter-spacing:.1em}.journal-study strong{margin:35px 0 25px;color:#d5dad9;font-size:24px;font-weight:400}.journal-study em{color:#687572;font-size:9px;font-style:normal}
.image-study{background-size:cover;background-repeat:no-repeat;background-position:center}
.life-study{background-image:linear-gradient(90deg,rgba(3,5,5,.42),rgba(3,5,5,.05)),url("../assets/life-background.png")}
.dog-study{background-image:linear-gradient(rgba(3,5,5,.18),rgba(3,5,5,.45)),url("../assets/life-transition-observer.png");background-position:center 55%}.dog-study span{position:absolute;left:22px;bottom:22px;color:#d1d8d6;font:9px/1.5 ui-monospace,monospace}
.about-study{background-image:linear-gradient(90deg,rgba(3,5,5,.35),transparent 55%),url("../assets/about-network-portrait.png");background-position:68% center}.about-study pre{position:absolute;left:20px;bottom:20px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:8px!important;color:#a8b0ae!important}
.lab-verification-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--record-line)}.lab-verification-grid span{padding:24px;border-bottom:1px solid var(--record-line);color:#74807e;font:9px/1.5 ui-monospace,monospace;letter-spacing:.08em}.lab-verification-grid span:nth-child(odd){border-right:1px solid var(--record-line)}.lab-verification-grid span:nth-last-child(-n+2){border-bottom:0}.lab-verification-grid b{float:right;color:#c9d0ce;font-weight:400}.lab-process-final{padding-bottom:24px}

.lab007-source-hero{position:relative;margin:0 calc(50% - 50vw) 74px;background:#f2f1ef}.lab007-source-hero img{display:block;width:100%;height:min(68vw,720px);object-fit:cover;border:0!important;filter:saturate(.72) contrast(.96)}.lab007-source-mark{position:absolute;right:4vw;bottom:3vw;color:#517e9e;font:8px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.lab007-audio-section,.lab007-fusion,.lab007-patch-section,.lab007-visual-section{padding:65px 0;border-top:1px solid var(--record-line)}
.lab007-audio-section audio{display:block;width:100%;margin-top:28px;filter:grayscale(1) invert(.88)}
.lab007-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;background:var(--record-line);border:1px solid var(--record-line)}.lab007-voice-grid article{background:#050707;padding:24px}.lab007-voice-grid span{color:#62706e;font:8px/1.5 ui-monospace,monospace;letter-spacing:.14em}.lab007-voice-grid h3{margin:16px 0 25px;font:400 13px/1.5 ui-monospace,monospace}.lab007-voice-grid audio{margin:0;height:28px}
.lab007-download,.lab007-patch-links a{display:block;margin-top:28px;padding:14px 0;border-bottom:1px solid var(--record-line);color:#8d9996!important;font:9px/1.5 ui-monospace,monospace;text-decoration:none}
.lab007-fusion-controls{margin-top:35px;border:1px solid var(--record-line)}.lab007-voice-select{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--record-line)}.lab007-voice-select button,.lab007-transport button{border:0;border-right:1px solid var(--record-line);background:#050707;color:#677572;padding:17px;font:9px/1 ui-monospace,monospace;letter-spacing:.08em}.lab007-voice-select button:last-child{border:0}.lab007-voice-select button.is-active{background:#d7dcd9;color:#07100e}.lab007-transport{display:flex;align-items:center}.lab007-transport span{margin-left:auto;padding:0 18px;color:#61706d;font:8px/1.5 ui-monospace,monospace}
.lab007-patch-section pre{margin-top:30px!important}.lab007-patch-links{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lab007-source-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:10px calc(50% - 50vw) 0;background:#d4d4d2}.lab007-source-pair figure{margin:0;background:#efeeec}.lab007-source-pair img{display:block;width:100%;height:42vw;max-height:560px;object-fit:cover;border:0!important;filter:grayscale(.35)}.lab007-source-pair figcaption{padding:13px 20px;color:#6c7775!important;font:8px/1.5 ui-monospace,monospace;letter-spacing:.1em}
.lab007-canvas-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:38px;background:var(--record-line);border:1px solid var(--record-line)}.lab007-canvas-list figure{margin:0;background:#040606}.lab007-canvas-list canvas{display:block;width:100%;aspect-ratio:4/5}.lab007-canvas-list figcaption{padding:15px;color:#677471!important;font:8px/1.5 ui-monospace,monospace;letter-spacing:.09em;border-top:1px solid var(--record-line)}
.lab007-combined-audio{display:block;width:100%;margin-top:32px;filter:grayscale(1) invert(.88)}
.lab007-feature-work{margin:42px 0 0;border:1px solid var(--record-line);background:#f1f0ed}.lab007-feature-work canvas{display:block;width:100%;aspect-ratio:16/8.5}.lab007-feature-work figcaption{display:flex;justify-content:space-between;padding:14px 16px;color:#65716f!important;background:#050707;border-top:1px solid var(--record-line);font:8px/1.5 ui-monospace,monospace;letter-spacing:.1em}

/* LAB006/007 desktop edition: white field and a full-width PC reading rhythm. */
@media(min-width:521px){
  html:has(body.lab-new-record),body.lab-new-record,
  body.lab-new-record .lab-detail-shell,
  body.lab-new-record .lab-detail-content{background:#f2f1ee!important;color:#151817!important}
  body.lab-new-record{--record-line:#c7c9c6;--record-dim:#68706e;--record-text:#151817}
  body.lab-new-record .lab-detail-shell{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);padding:34px clamp(44px,6vw,92px) 30px}
  body.lab-new-record .lab-detail-header{margin:0 0 34px;padding-bottom:16px;border-bottom:1px solid #bfc2be}
  body.lab-new-record .lab-detail-content{display:block!important;width:min(1180px,100%)!important;margin:0 auto!important;padding:0 12px 0 0!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.lab-new-record .lab-hero-panel{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);column-gap:clamp(60px,8vw,150px);align-items:start}
  body.lab-new-record .lab-detail-kicker,
  body.lab-new-record .lab-detail-title,
  body.lab-new-record .lab-record-subtitle,
  body.lab-new-record .lab-detail-meta{grid-column:1}
  body.lab-new-record .lab-overview,
  body.lab-new-record .lab-hero-panel>.lab-compact-section:last-child{grid-column:2}
  body.lab-new-record .lab-overview{grid-row:1/4;margin-top:0!important}
  body.lab-new-record .lab-hero-panel>.lab-compact-section:last-child{grid-row:4/6;margin-top:28px!important}
  body.lab-new-record .lab-record-subtitle,
  body.lab-new-record .lab-process-copy p,
  body.lab-new-record .lab007-audio-section>p:not(.lab-process-index),
  body.lab-new-record .lab007-fusion>p:not(.lab-process-index),
  body.lab-new-record .lab007-visual-section>p:not(.lab-process-index){color:#525a58}
  body.lab-new-record .lab-process-copy h2,
  body.lab-new-record .lab007-audio-section h2,
  body.lab-new-record .lab007-fusion h2,
  body.lab-new-record .lab007-patch-section h2,
  body.lab-new-record .lab007-visual-section h2{color:#151817}
  body.lab-new-record .lab-detail-row,
  body.lab-new-record .lab-detail-footer{border-color:#c7c9c6!important}
  body.lab-new-record .lab-detail-row dt,
  body.lab-new-record .lab-detail-kicker,
  body.lab-new-record .lab-process-index{color:#68706e!important}
  body.lab-new-record pre{background:#e7e6e2!important;color:#202423!important;border-color:#c7c9c6!important}
  body.lab-new-record .about-language-toggle{color:#151817}
  body.lab-new-record .desktop-hub-link::after{color:#68706e!important}
  body.lab-new-record .lab-process-timeline{margin-top:0}
  body.lab-new-record .lab-process-step{grid-template-columns:minmax(440px,1.2fr) minmax(290px,.8fr)}
	  body.lab-new-record .lab-device-study{background-color:#e8e8e4;border-color:#c7c9c6}
  body.lab-new-record .lab-verification-grid{border-color:#c7c9c6}
  body.lab-new-record .lab-verification-grid span{border-color:#c7c9c6;color:#59615f}
  body.lab-new-record .lab-verification-grid b{color:#202423}
  body.lab-new-record .lab007-source-hero{margin:0 0 70px}
  body.lab-new-record .lab007-source-hero img{height:min(54vw,620px)}
  body.lab-new-record .lab007-audio-section,
  body.lab-new-record .lab007-fusion,
  body.lab-new-record .lab007-patch-section,
  body.lab-new-record .lab007-visual-section{border-color:#c7c9c6}
  body.lab-new-record .lab007-voice-grid,
  body.lab-new-record .lab007-canvas-list{background:#c7c9c6;border-color:#c7c9c6}
  body.lab-new-record .lab007-voice-grid article{background:#e9e8e4}
  body.lab-new-record .lab007-voice-grid h3{color:#151817}
  body.lab-new-record .lab007-download,
  body.lab-new-record .lab007-patch-links a{color:#4b5552!important;border-color:#c7c9c6}
  body.lab-new-record .lab007-source-pair{margin-left:0;margin-right:0}
  body.lab-new-record .lab007-feature-work{border-color:#b9bcb8}
  body.lab-new-record .lab-detail-footer{position:static!important;width:100%;margin-top:100px!important;padding:24px 0 14px!important}
}

/* single-screen PC presentation, matching Lab 001–005 */
.lab-record-tabs{display:flex;align-items:center;border-top:1px solid var(--record-line);border-bottom:1px solid var(--record-line)}
.lab-record-tabs button{min-width:38px;padding:11px 12px;border:0;border-right:1px solid var(--record-line);background:transparent;color:var(--record-dim);font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer}
.lab-record-tabs button.is-active{background:#111;color:#fff}

@media(min-width:981px){
  body.lab-new-record .lab-detail-content{
    overflow:hidden!important;
    align-content:stretch!important;
  }

  body.lab006-page .lab-detail-content{
    grid-template-areas:"hero process" "footer footer"!important;
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  body.lab006-page .lab-record-hero{grid-area:hero;min-height:0;overflow:hidden}
  body.lab006-page .lab-process-timeline{
    grid-area:process;
    min-height:0;
    overflow:hidden;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr);
    gap:20px!important;
  }
  body.lab006-page .lab-process-step{
    min-height:0;
    display:grid!important;
    grid-template-columns:minmax(230px,1fr) minmax(180px,.76fr);
    grid-template-rows:auto minmax(0,1fr);
    gap:16px 24px!important;
    padding:0!important;
    border:0!important;
    align-content:start;
  }
  body.lab006-page .lab-process-index{grid-column:1/-1!important;margin:0}
  body.lab006-page .lab-device-study{
    order:0!important;
    min-height:0!important;
    height:100%;
    max-height:390px;
  }
  body.lab006-page .lab-process-copy{order:0!important;align-self:start}

  body.lab007-page .lab-detail-content{
    grid-template-areas:"hero tabs" "hero stage" "footer footer"!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  body.lab007-page .lab-record-hero{grid-area:hero;min-height:0;overflow:hidden}
  body.lab007-page .lab007-tabs{grid-area:tabs;align-self:start}
  body.lab007-page [data-record-panel]{
    grid-area:stage!important;
    min-height:0;
    max-height:100%;
    overflow:hidden;
    align-self:stretch;
  }
  body.lab007-page .lab007-source-hero{margin:0!important}
  body.lab007-page .lab007-source-hero img{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:cover}
  body.lab007-page .lab007-audio-section,
  body.lab007-page .lab007-fusion,
  body.lab007-page .lab007-patch-section,
  body.lab007-page .lab007-visual-section{padding:20px 0 0!important}
  body.lab007-page .lab007-voice-grid{grid-template-columns:repeat(3,1fr)!important}
  body.lab007-page .lab007-source-pair[data-record-panel="5"]{display:none!important}
  body.lab007-page .lab007-feature-work{margin-top:18px}
  body.lab007-page .lab007-feature-work canvas{max-height:270px}
  body.lab007-page .lab007-canvas-list{margin-top:14px}
  body.lab007-page .lab007-canvas-list canvas{max-height:125px}
  body.lab007-page .lab007-patch-section pre{margin-top:18px!important}
  body.lab007-page .lab007-patch-links{gap:14px}
  body.lab-new-record .lab-detail-footer{align-self:end}
}

/* Absolute final state: a tab may expose only one PC study panel. */
@media(min-width:981px){
  body.lab006-page .lab-process-step[hidden],
  body.lab007-page [data-record-panel][hidden]{
    display:none!important;
  }
  body.lab006-page .lab-record-hero{
    padding-right:clamp(20px,3vw,54px);
  }
  body.lab006-page .lab-detail-title{
    max-width:620px;
    line-height:1.08;
  }
  body.lab006-page .lab-overview{
    max-width:610px;
    margin-top:42px;
  }
  body.lab006-page .lab-overview p{
    max-width:600px;
    line-height:1.8;
  }
  body.lab006-page .lab-record-hero>.lab-compact-section:last-child{
    max-width:610px;
    margin-top:34px!important;
  }
  body.lab006-page .lab-record-hero>.lab-compact-section:last-child pre{
    width:100%;
    margin:0!important;
    padding:14px 16px!important;
    font-size:9px!important;
    line-height:1.55!important;
  }
  body.lab006-page .lab-process-step:not([hidden]){
    height:100%;
  }
  body.lab006-page .lab-process-copy{
    padding-top:2px;
  }
  body.lab006-page .lab-process-copy h2{
    margin-bottom:16px;
    font-size:13px;
    line-height:1.55;
  }
  body.lab006-page .lab-process-copy p{
    line-height:1.9;
  }
}

@media(min-width:521px) and (max-width:900px){
  body.lab-new-record .lab-hero-panel{display:block}
  body.lab-new-record .lab-process-step{grid-template-columns:1fr}
}

@media(max-width:520px){
  .lab-new-record .lab-detail-content{display:block!important;width:100%!important;padding-left:22px!important;padding-right:22px!important}
  .lab-new-record .lab-record-hero{padding-bottom:45px}
  .lab-process-step{grid-template-columns:1fr;gap:25px;padding:48px 0}.lab-process-index{grid-column:auto}.lab-device-study{min-height:270px}.lab-process-copy h2{font-size:15px}
  .lab007-source-hero{margin:0 -22px 50px}.lab007-source-hero img{height:62vw;min-height:260px}
  .lab007-voice-grid{grid-template-columns:1fr}.lab007-voice-grid article{padding:19px}
  .lab007-voice-select button{padding:14px 5px;font-size:7px}.lab007-transport{flex-wrap:wrap}.lab007-transport button{flex:1}.lab007-transport span{width:100%;padding:15px;border-top:1px solid var(--record-line)}
  .lab007-patch-links{grid-template-columns:1fr;gap:0}.lab007-patch-links a{overflow-wrap:anywhere}
  .lab007-source-pair{grid-template-columns:1fr;margin-left:-22px;margin-right:-22px}.lab007-source-pair img{height:67vw}
  .lab007-canvas-list{grid-template-columns:1fr}.lab007-canvas-list canvas{aspect-ratio:16/10}
  .lab007-feature-work{margin-left:-22px;margin-right:-22px}.lab007-feature-work canvas{aspect-ratio:4/5}.lab007-feature-work figcaption{padding:12px 22px}
  .lab-new-record .lab-detail-footer{position:static!important;margin-top:80px!important;padding-top:22px!important}
}
@media(prefers-reduced-motion:reduce){.lab007-canvas-list canvas{opacity:.86}}

/* r51 recovery — restore the original PC Lab dashboard grammar.
   Mobile remains a separate document under /mobile. */
@media(min-width:981px){
  html:has(body.lab-new-record),
  body.lab-new-record,
  body.lab-new-record .lab-detail-shell,
  body.lab-new-record .lab-detail-content{
    background:#fff!important;
    color:#111!important;
  }
  body.lab-new-record{
    --record-line:rgba(17,17,17,.12);
    --record-dim:rgba(17,17,17,.45);
    --record-text:#111;
    color-scheme:light;
  }
  body.lab-new-record .lab-detail-shell{
    padding:clamp(26px,4vh,48px) clamp(34px,5vw,78px) clamp(22px,3vh,38px)!important;
  }
  body.lab-new-record .lab-detail-header{
    width:100%;
    margin:0 0 clamp(24px,3.5vh,42px);
    padding:0;
    border:0;
  }
  body.lab-new-record .about-language-toggle,
  body.lab-new-record .desktop-hub-link{color:#111!important}
  body.lab-new-record .lab-detail-content{
    width:100%!important;
    height:100%;
    margin:0!important;
    padding:0 clamp(8px,1vw,16px) 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(300px,.86fr) minmax(430px,1.14fr);
    column-gap:clamp(42px,6vw,110px);
    row-gap:clamp(20px,2.8vh,34px);
    align-content:start;
  }
  body.lab-new-record .lab-detail-title{
    margin:0 0 clamp(24px,3.5vh,42px);
    font-size:clamp(20px,1.7vw,30px);
  }
  body.lab-new-record .lab-record-subtitle{
    margin:0 0 30px;
    color:rgba(17,17,17,.52);
    font-size:9px;
    line-height:1.7;
  }
  body.lab-new-record .lab-detail-meta{margin-bottom:30px}
  body.lab-new-record .lab-detail-row{
    grid-template-columns:88px minmax(0,1fr);
    gap:18px;
    padding-bottom:10px;
  }
  body.lab-new-record .lab-detail-row dt,
  body.lab-new-record .lab-detail-row dd,
  body.lab-new-record .lab-overview p{
    color:#111;
    font-size:clamp(8px,.58vw,10px);
    line-height:1.62;
  }
  body.lab-new-record .lab-detail-row dt{color:rgba(17,17,17,.45)}
  body.lab-new-record .lab-compact-section h2{
    margin:0 0 16px;
    color:#111;
    font-size:clamp(9px,.62vw,11px);
  }
  body.lab-new-record pre{
    background:#f7f7f5!important;
    color:#303332!important;
    border:1px solid rgba(17,17,17,.1)!important;
  }
  body.lab006-page .lab-detail-content{
    grid-template-areas:
      "hero process"
      "footer footer";
  }
  body.lab006-page .lab-record-hero{grid-area:hero;padding:0}
  body.lab006-page .lab-process-timeline{
    grid-area:process;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  body.lab006-page .lab-process-step{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:18px 0 0;
    border-top:1px solid var(--record-line);
  }
  body.lab006-page .lab-process-step,
  body.lab007-page .lab007-audio-section,
  body.lab007-page .lab007-fusion,
  body.lab007-page .lab007-patch-section,
  body.lab007-page .lab007-visual-section{
    border-color:rgba(17,17,17,.12);
  }
  body.lab006-page .lab-process-step:first-child{grid-column:1/-1}
  body.lab006-page .lab-process-index{grid-column:auto}
	  body.lab006-page .lab-device-study{
	    min-height:180px;
	    order:2;
	    background-color:#fafaf8;
	    border-color:rgba(17,17,17,.12);
	  }
	  body.lab006-page .life-study{
	    background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),url("../assets/life-background.png");
	    background-position:center;
	  }
	  body.lab006-page .dog-study{
	    background-image:linear-gradient(rgba(255,255,255,.04),rgba(17,17,17,.16)),url("../assets/life-transition-observer.png");
	    background-position:center 55%;
	  }
	  body.lab006-page .about-study{
	    background-image:linear-gradient(90deg,rgba(255,255,255,.04),transparent 55%),url("../assets/about-network-portrait.png");
	    background-position:68% center;
	  }
  body.lab006-page .lab-process-copy{order:1}
  body.lab006-page .lab-process-copy h2{margin-bottom:10px;color:#111;font-size:11px}
  body.lab006-page .lab-process-copy p{color:rgba(17,17,17,.68);font-size:9px;line-height:1.75}
  body.lab006-page .lab-process-index{color:rgba(17,17,17,.4)}
  body.lab006-page .receiver-log,
  body.lab006-page .receiver-menu,
  body.lab006-page .archive-study,
  body.lab006-page .journal-study span,
  body.lab006-page .journal-study em{color:rgba(17,17,17,.48)}
  body.lab006-page .journal-study strong{color:#111}
  body.lab006-page .receiver-line{background:rgba(17,17,17,.2);box-shadow:90px 0 rgba(17,17,17,.12)}
  body.lab006-page .receiver-menu{border-color:rgba(17,17,17,.14)}
  body.lab006-page .lab-verification-grid{border-color:rgba(17,17,17,.12)}
  body.lab006-page .lab-verification-grid span{
    padding:13px;
    color:rgba(17,17,17,.48);
    border-color:rgba(17,17,17,.12);
    font-size:8px;
  }
  body.lab006-page .lab-verification-grid b{color:#111}

  body.lab007-page .lab-detail-content{
    grid-template-areas:
      "hero source"
      "audioa source"
      "audiob fusion"
      "patch visuals"
      "pair pair"
      "footer footer";
  }
  body.lab007-page .lab-record-hero{grid-area:hero;padding:0}
  body.lab007-page .lab007-source-hero{
    grid-area:source;
    margin:0;
    align-self:start;
  }
  body.lab007-page .lab007-source-hero img{
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  body.lab007-page .lab007-audio-section:nth-of-type(3){grid-area:audioa}
  body.lab007-page .lab007-audio-section:nth-of-type(4){grid-area:audiob}
  body.lab007-page .lab007-fusion{grid-area:fusion}
  body.lab007-page .lab007-patch-section{grid-area:patch}
  body.lab007-page .lab007-source-pair{grid-area:pair}
  body.lab007-page .lab007-visual-section{grid-area:visuals}
  body.lab007-page .lab007-audio-section,
  body.lab007-page .lab007-fusion,
  body.lab007-page .lab007-patch-section,
  body.lab007-page .lab007-visual-section{
    padding:20px 0 0;
  }
  body.lab007-page .lab007-audio-section h2,
  body.lab007-page .lab007-fusion h2,
  body.lab007-page .lab007-patch-section h2,
  body.lab007-page .lab007-visual-section h2{color:#111;font-size:11px}
  body.lab007-page .lab007-audio-section>p:not(.lab-process-index),
  body.lab007-page .lab007-fusion>p:not(.lab-process-index),
  body.lab007-page .lab007-visual-section>p:not(.lab-process-index){
    color:rgba(17,17,17,.68);
    font-size:9px;
    line-height:1.75;
  }
  body.lab007-page .lab007-voice-grid{
    grid-template-columns:1fr;
    background:rgba(17,17,17,.12);
    border-color:rgba(17,17,17,.12);
  }
  body.lab007-page .lab007-voice-grid article{background:#fff}
  body.lab007-page .lab007-voice-grid h3{color:#111}
  body.lab007-page .lab007-audio-section audio,
  body.lab007-page .lab007-combined-audio{filter:grayscale(1)}
  body.lab007-page .lab007-download,
  body.lab007-page .lab007-patch-links a{
    color:rgba(17,17,17,.62)!important;
    border-color:rgba(17,17,17,.12);
  }
  body.lab007-page .lab007-fusion-controls{border-color:rgba(17,17,17,.12)}
  body.lab007-page .lab007-voice-select{border-color:rgba(17,17,17,.12)}
  body.lab007-page .lab007-voice-select button,
  body.lab007-page .lab007-transport button{
    background:#fff;
    color:rgba(17,17,17,.55);
    border-color:rgba(17,17,17,.12);
  }
  body.lab007-page .lab007-voice-select button.is-active{background:#111;color:#fff}
  body.lab007-page .lab007-source-pair{
    margin:0;
    grid-template-columns:1fr 1fr;
  }
  body.lab007-page .lab007-source-pair img{height:30vw;max-height:420px}
  body.lab007-page .lab007-canvas-list{
    grid-template-columns:repeat(3,1fr);
    background:rgba(17,17,17,.12);
    border-color:rgba(17,17,17,.12);
  }
  body.lab007-page .lab007-canvas-list figure{background:#fafaf8}
  body.lab007-page .lab007-feature-work{
    margin-top:24px;
    border-color:rgba(17,17,17,.12);
    background:#fafaf8;
  }
  body.lab007-page .lab007-feature-work figcaption{
    color:rgba(17,17,17,.52)!important;
    background:#fff;
    border-color:rgba(17,17,17,.12);
  }

  body.lab-new-record .lab-detail-footer{
    grid-area:footer;
    position:static!important;
    width:100%;
    margin:2px 0 0!important;
    padding:14px 0 0!important;
  }
}

/* final cascade: PC must remain inside one browser viewport */
@media(min-width:981px){
  body.lab006-page .lab-process-step[hidden],
  body.lab007-page [data-record-panel][hidden]{display:none!important}
  body.lab-new-record .lab-record-hero{display:block!important}
  body.lab-new-record .lab-detail-content{overflow:hidden!important;align-content:stretch!important}
  body.lab006-page .lab-detail-content{grid-template-areas:"hero process" "footer footer"!important;grid-template-rows:minmax(0,1fr) auto!important}
  body.lab006-page .lab-record-hero{grid-area:hero;min-height:0;overflow:hidden}
  body.lab006-page .lab-process-timeline{grid-area:process;min-height:0;overflow:hidden;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr);gap:20px!important}
  body.lab006-page .lab-process-step:not([hidden]){min-height:0;display:grid!important;grid-template-columns:minmax(230px,1fr) minmax(180px,.76fr);grid-template-rows:auto minmax(0,1fr);gap:16px 24px!important;padding:0!important;border:0!important;align-content:start}
  body.lab006-page .lab-process-index{grid-column:1/-1!important;margin:0}
  body.lab006-page .lab-device-study{order:0!important;min-height:0!important;height:100%;max-height:390px}
  body.lab006-page .lab-process-copy{order:0!important;align-self:start}

  body.lab007-page .lab-detail-content{grid-template-areas:"hero tabs" "hero stage" "footer footer"!important;grid-template-rows:auto minmax(0,1fr) auto!important}
  body.lab007-page .lab-record-hero{grid-area:hero;min-height:0;overflow:hidden}
  body.lab007-page .lab007-tabs{grid-area:tabs;align-self:start}
  body.lab007-page [data-record-panel]:not([hidden]){grid-area:stage!important;min-height:0;max-height:100%;overflow:hidden;align-self:stretch}
  body.lab007-page .lab007-source-hero{margin:0!important}
  body.lab007-page .lab007-source-hero img{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:cover}
  body.lab007-page .lab007-audio-section,
  body.lab007-page .lab007-fusion,
  body.lab007-page .lab007-patch-section,
  body.lab007-page .lab007-visual-section{padding:20px 0 0!important}
  body.lab007-page .lab007-voice-grid{grid-template-columns:repeat(3,1fr)!important}
  body.lab007-page .lab007-source-pair[data-record-panel="4"]{display:none!important}
  body.lab007-page .lab007-feature-work{margin-top:18px}
  body.lab007-page .lab007-feature-work canvas{max-height:270px}
  body.lab007-page .lab007-canvas-list{margin-top:14px}
  body.lab007-page .lab007-canvas-list canvas{max-height:125px}
  body.lab007-page .lab007-patch-section pre{margin-top:18px!important}
  body.lab007-page .lab007-patch-links{gap:14px}
  body.lab-new-record .lab-detail-footer{align-self:end}
}