/* The supplied photograph is the visual authority for this local preview. */
html[data-rezim-system]{--bg:#030911;--muted:#aabbd4;--focus:#afc9ff;--orange:#315cff;--blue:#315cff;--rz-display-tracking:-.025em}
html[data-rezim-system] body.pixel-reference{background:#030911;color:#f4f6fc}
::selection{background:#315cff;color:white}input,textarea{caret-color:#9dc2ff}html{scrollbar-color:#345d99 #040911}
.pixel-opening{position:relative;isolation:isolate;overflow:clip;background:#030911}
.pixel-backdrop{position:sticky;top:0;height:100svh;min-height:620px;margin-bottom:calc(-1 * max(620px,100svh));z-index:0;pointer-events:none;overflow:hidden;background:#030911}
.pixel-art-frame{position:absolute;inset:0;transform-origin:50% 48%;will-change:transform;overflow:hidden}
#pixel-art,#pixel-art-fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center;display:block;opacity:1;transition:opacity 200ms ease}
#pixel-art{opacity:0}.pixel-backdrop.photo-ready #pixel-art{opacity:1}.pixel-backdrop.photo-ready #pixel-art-fallback{opacity:0}
.pixel-backdrop-shade{position:absolute;inset:0;background:#030911;opacity:0;pointer-events:none}
html[data-rezim-system] body.pixel-reference .site-header{height:96px;padding:18px 4%!important;position:absolute;inset:0 0 auto;z-index:20;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html[data-rezim-system] body.pixel-reference .site-header .brand img{width:214px;max-height:68px;height:66px;object-fit:contain}
html[data-rezim-system] body.pixel-reference .site-nav{gap:30px;font-size:12px!important}
html[data-rezim-system] body.pixel-reference .site-header .header-cta{background:transparent!important;color:white!important;border:1px solid #ffffff50!important;border-radius:30px!important;padding:10px 19px!important;min-height:43px!important;font-size:12px!important}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero{display:block;height:100svh;min-height:620px;overflow:visible;background:transparent!important;position:relative;z-index:2;padding:0!important}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero::after{content:none!important}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{display:block!important;position:absolute;z-index:2;left:5%;top:48%;width:90%;padding:0!important;margin:0!important;transform:translateY(-50%);text-align:center;pointer-events:none}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero h1{max-width:920px;margin:0 auto!important;color:#f4f6ff!important;font-weight:400!important;font-size:clamp(42px,4.5vw,72px)!important;line-height:1.12!important;letter-spacing:-.025em!important;text-wrap:balance}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{max-width:none;margin:23px auto 0!important;background:none!important;color:#d1dbef;font-size:clamp(13px,1.2vw,18px)!important;line-height:1.7!important}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:25px auto 0!important;pointer-events:auto}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .button{background:#f4f7ff!important;color:#152039!important;border:0!important;border-radius:30px!important;padding:12px 26px!important;min-height:46px!important;font-size:13px!important;box-shadow:0 8px 25px #02091b40}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .text-link{padding:9px 0;color:#e7ecf9;border-color:#d3dbed70;font-size:13px!important}
.pixel-hero-bottom{position:absolute;z-index:3;bottom:32px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#c3d0e8;font-size:11px}
#pixel-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;border:1px solid #adbfdb40;background:#030a1960;color:#dbe4f5;border-radius:22px;font-size:11px}
html[data-rezim-system] body.pixel-reference .project-stage.project-showcase{position:relative;z-index:3;background:transparent!important;min-height:100svh;padding-top:78px!important;padding-bottom:96px!important}
html[data-rezim-system] body.pixel-reference .project-showcase .section-head{justify-content:center;text-align:center;margin-bottom:24px!important}
html[data-rezim-system] body.pixel-reference .project-showcase .section-head h2{font-weight:400!important;font-size:clamp(36px,4.1vw,62px)!important;letter-spacing:-.025em!important}
.pixel-reference .project-showcase .gallery-viewport{height:570px}
.pixel-reference .project-showcase .gallery-status{color:#b3c4e1;font-size:12px;text-align:center;margin-top:20px}
.pixel-reference .project-showcase .gallery-slide{box-shadow:0 22px 65px #0009;background:#030911;border-radius:18px}
html[data-rezim-system] body.pixel-reference .lab{display:block!important;position:relative;z-index:4;background:#030911!important;padding-top:100px!important;border-top:1px solid #547bbb2b}
html[data-rezim-system] body.pixel-reference .lab .section-head{display:block;margin-bottom:36px!important}
html[data-rezim-system] body.pixel-reference .lab .section-head h2{font-weight:400!important;font-size:clamp(38px,4.3vw,64px)!important;letter-spacing:-.025em!important}
.pixel-solutions-intro{font-size:14px;color:#adbed9;margin-top:20px;line-height:1.7}
.pixel-reference .concept-tabs{gap:28px;margin-bottom:40px}
.pixel-reference .concept-tabs button{min-height:52px;color:#aebed9;background:transparent;border-color:#617ca245}
.pixel-reference .concept-tabs button[aria-pressed=true]{color:white;border-color:#91b5ff;background:transparent}
.pixel-reference .lab-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,.8fr);gap:45px;align-items:center}
html[data-rezim-system] body.pixel-reference .lab .lab-layout{display:grid!important;width:100%;max-width:none!important;margin:0!important;grid-template-columns:minmax(0,1.7fr) minmax(275px,.8fr);gap:45px;align-items:center}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs{display:flex!important;grid-column:auto;grid-row:auto;width:100%;margin:0 0 38px;padding:0;gap:30px}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{flex:1;display:block;width:auto;min-height:50px;text-align:left;padding:16px 0!important;border:0;border-bottom:1px solid #6183b64a;border-radius:0;background:transparent;color:#afc1df;box-shadow:none!important}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs button[aria-pressed=true]{background:transparent;border-color:#a6c5ff;color:white}
html[data-rezim-system] body.pixel-reference .lab .concept-preview{grid-column:auto;grid-row:auto;margin:0;min-width:0}
html[data-rezim-system] body.pixel-reference .lab .lab-content{grid-column:auto;grid-row:auto;padding:0;margin:0}
html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge{grid-column:auto;grid-row:auto;margin-top:50px;padding-top:28px}
.pixel-reference .concept-preview{position:relative;top:auto;max-width:none!important;width:100%}
.pixel-reference .concept-preview .lab-visual{aspect-ratio:1.5;width:100%;max-width:none!important;height:auto;position:relative;top:auto;overflow:hidden;background:#030911!important;isolation:isolate;margin:0;--scene-fit:contain}
.pixel-reference .light-stage .scene-frame,.pixel-reference .light-stage .scene-fallback,.pixel-reference .light-stage canvas.photo-study{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;filter:none!important;-webkit-mask:none!important;mask:none!important;transform:none!important}
.pixel-reference .light-stage canvas.photo-study{display:block;z-index:2;opacity:0;transition:opacity 250ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.pixel-reference .light-stage canvas.photo-study.active{opacity:1}
.pixel-reference .light-stage .scene-fallback{opacity:1;z-index:0}.pixel-reference .light-stage.photo-ready .scene-fallback{opacity:0}
.pixel-reference .light-stage::before,.pixel-reference .light-stage::after{display:none!important}
.pixel-reference .lab-copy h3{font-weight:400!important;font-size:32px!important;letter-spacing:-.025em!important;line-height:1.2!important}
.pixel-reference .lab-copy .concept-equipment{color:#c0cce0}
.pixel-reference .hue-slider{--selected-light:#416dff;background:transparent}
.pixel-reference .light-palette{margin-top:26px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.pixel-reference .conceptor-bridge{border-color:#31507850;margin-top:58px;padding-top:30px}
html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge{display:flex!important;justify-content:flex-end}
html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge .conceptor-link{width:auto!important;max-width:none!important;min-width:210px;background:#315cff;color:white}
.pixel-reference .process-stage{aspect-ratio:1.5;background:#030911!important;overflow:hidden}
.pixel-reference .process-step[aria-pressed=true]{border-color:#97b8ff}
.pixel-reference .pixel-local-note{font-size:11px;line-height:1.6;margin:13px 0;color:#a6b9d7}
.pixel-reference :is(button,a,input,textarea,summary):focus-visible{outline-color:#afc9ff}
.pixel-reference .button:not(.hero .button){background:#315cff!important;color:#fff!important}
@media(hover:hover) and (pointer:fine){.pixel-reference .button:not(.hero .button):hover{background:#2548cf!important;color:#fff!important}.pixel-reference .hero .button:hover{color:#152039!important}}
@media(hover:hover) and (pointer:fine){.pixel-reference .hero .button:hover{background:#fff!important}.pixel-reference .site-nav a:hover,.pixel-reference .text-link:hover{color:#a8c5ff}.pixel-reference #pixel-motion-toggle:hover{background:#15294b}}
@media(max-width:1000px) and (min-width:761px){html[data-rezim-system] body.pixel-reference .site-header .brand img{width:184px}.pixel-reference .site-nav{gap:20px!important}.pixel-reference .lab-layout{grid-template-columns:1.4fr minmax(240px,.8fr);gap:28px}}
@media(max-width:760px){
 .pixel-backdrop{height:100svh;min-height:650px;margin-bottom:calc(-1 * max(650px,100svh))}
 html[data-rezim-system] body.pixel-reference .site-header{height:86px;padding:15px 5%!important}
 html[data-rezim-system] body.pixel-reference .site-header .brand img{width:176px;height:54px;max-height:54px}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero{height:100svh;min-height:650px}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{top:46%;left:6%;width:88%}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero h1{font-size:clamp(32px,8.5vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em!important;max-width:470px}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{font-size:12px!important;line-height:1.65!important;max-width:290px;margin-top:22px!important}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .actions{gap:24px;margin-top:24px!important}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .button{padding:12px 21px!important;font-size:12px!important;min-height:44px!important}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .text-link{font-size:12px!important}
 .pixel-hero-bottom{bottom:20px;left:5%;right:5%;font-size:11px;gap:18px}#pixel-motion-toggle{font-size:11px;min-height:44px;padding:7px 11px}
 html[data-rezim-system] body.pixel-reference .project-stage.project-showcase{padding-top:70px!important;padding-bottom:55px!important;min-height:790px}
 .pixel-reference .project-showcase .gallery-viewport{height:530px}
 html[data-rezim-system] body.pixel-reference .lab{padding-top:65px!important}
 html[data-rezim-system] body.pixel-reference .lab .section-head h2{font-size:38px!important}
 .pixel-solutions-intro{font-size:12px;max-width:310px}
 .pixel-reference .concept-tabs{gap:13px;margin-bottom:26px}.pixel-reference .concept-tabs button{min-height:55px;font-size:12px!important;padding:13px 0;justify-content:start;text-align:left}
 .pixel-reference .lab-layout{display:flex;flex-direction:column;gap:27px;align-items:stretch}
 html[data-rezim-system] body.pixel-reference .lab .lab-layout{display:flex!important;flex-direction:column;gap:27px;align-items:stretch}
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs{gap:12px;margin-bottom:26px}
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{min-height:58px!important;font-size:12px!important;line-height:1.5!important}
 .pixel-reference .concept-preview .lab-visual{width:calc(100% + var(--pad)*2);margin:0 calc(-1 * var(--pad));aspect-ratio:1.5}
 .pixel-reference .lab-content{width:100%}.pixel-reference .lab-copy h3{font-size:29px!important}
 .pixel-reference .process-stage{width:calc(100% + var(--pad)*2);margin:0 calc(-1 * var(--pad));aspect-ratio:1.5}
}
@media(max-height:600px) and (min-width:761px){.pixel-backdrop{height:100svh;min-height:0;margin-bottom:-100svh}html[data-rezim-system] body.pixel-reference .hero.pixel-hero{min-height:0;height:100svh}html[data-rezim-system] body.pixel-reference .site-header{height:65px;padding-top:8px!important;padding-bottom:8px!important}html[data-rezim-system] body.pixel-reference .site-header .brand img{width:156px;height:48px}html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{top:51%}html[data-rezim-system] body.pixel-reference .hero.pixel-hero h1{font-size:33px!important}html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{font-size:11px!important;margin-top:13px!important}html[data-rezim-system] body.pixel-reference .hero.pixel-hero .actions{margin-top:13px!important}.pixel-hero-bottom{bottom:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pixel-art-frame{will-change:auto}.pixel-reference .photo-study,.pixel-reference .pixel-backdrop canvas{transition:none!important}}

/* Local review refinement: restore the accepted Pixel controls and photograph edges. */
.pixel-reference .project-showcase .gallery-slide.is-shown{opacity:1}
html[data-rezim-system] body.pixel-reference .lab{padding-top:48px!important}
html[data-rezim-system] body.pixel-reference .lab .section-head{margin-bottom:24px!important}
html[data-rezim-system] body.pixel-reference .lab .section-head h2{font-size:var(--rz-section)!important}
.pixel-reference .pixel-solutions-intro{margin-top:8px}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:auto;grid-row:auto;
 width:min(100%,720px);margin:0 auto 24px;padding:0;border:0;gap:14px;
}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{
 display:block;flex:initial;width:auto;min-height:48px;text-align:center;padding:12px 18px!important;
 border:1px solid #7895ff44;border-radius:8px;background:#243052;color:#c8d5ff;line-height:1.4!important;
 box-shadow:none!important;transition:background-color 160ms ease,color 160ms ease;
}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs button[aria-pressed=true]{
 background:#315cff;border-color:#315cff;color:#fff;
}
@media(hover:hover) and (pointer:fine){
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs button:hover{background:#315cff;color:#fff}
}
html[data-rezim-system] body.pixel-reference .lab .concept-tabs button:focus-visible{outline:2px solid #afc9ff;outline-offset:4px}
html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge{margin-top:24px;padding-top:0;border-top:0}
.pixel-reference .concept-preview .lab-visual,.pixel-reference .process-stage{
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 3.5%,#000 96.5%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 3.5%,#000 96.5%,transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
@media(min-width:1100px){
 html[data-rezim-system] body.pixel-reference .lab{
  display:grid!important;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;
  column-gap:32px;row-gap:0;align-items:start;padding-block:24px!important;scroll-margin-top:0;
 }
 html[data-rezim-system] body.pixel-reference .lab .section-head{grid-column:1/-1;grid-row:1;margin-bottom:24px!important}
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs{
  grid-column:1;grid-row:2;grid-template-columns:1fr;width:100%;margin:0;gap:12px;
 }
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{width:100%;text-align:left;padding-inline:18px!important}
 html[data-rezim-system] body.pixel-reference .lab .lab-layout{display:contents!important}
 html[data-rezim-system] body.pixel-reference .lab .concept-preview{grid-column:2;grid-row:2/5;min-width:0;width:100%;margin:0}
 html[data-rezim-system] body.pixel-reference .lab .lab-content{grid-column:1;grid-row:3;display:block;max-width:none;padding:24px 0 0;margin:0}
 html[data-rezim-system] body.pixel-reference .lab .lab-copy{max-width:none}
 html[data-rezim-system] body.pixel-reference .lab .lab-copy h3{font-size:var(--rz-subheading)!important}
 html[data-rezim-system] body.pixel-reference .lab .lab-content .concept-equipment{margin:10px 0 18px}
 html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge{grid-column:1;grid-row:4;justify-content:flex-start;margin:24px 0 0;padding:0;align-self:start}
 html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge .conceptor-link{width:100%!important;max-width:none!important;min-width:0;padding-inline:12px}
 .pixel-reference .lab .light-palette{margin-bottom:0}
}
@media(max-width:760px){
 html[data-rezim-system] body.pixel-reference .lab{padding-top:36px!important}
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs{gap:10px;margin-bottom:24px}
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{min-height:60px!important;padding:10px 7px!important;text-align:center;line-height:1.4!important}
 html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge{justify-content:center}
 html[data-rezim-system] body.pixel-reference .lab .conceptor-bridge .conceptor-link{width:100%!important;max-width:320px!important;min-width:0}
}
@media(prefers-reduced-motion:reduce){
 html[data-rezim-system] body.pixel-reference .lab .concept-tabs button{transition:none!important}
}

/* Compact 14-inch laptop composition; accepted controls and phone layout stay intact. */
@media(min-width:1100px) and (max-height:1000px){
 html[data-rezim-system] body.pixel-reference .lab{padding-block:16px!important}
 html[data-rezim-system] body.pixel-reference .lab .section-head{margin-bottom:16px!important}
 html[data-rezim-system] body.pixel-reference .lab .concept-preview{
  width:min(100%,768px,calc((100svh - 245px)*1.5))!important;
  max-width:768px!important;justify-self:end;align-self:start;margin-top:-8px;
 }
 html[data-rezim-system] body.pixel-reference .lab .concept-preview .lab-visual{width:100%;height:auto;aspect-ratio:1.5;margin:0}
 html[data-rezim-system] body.pixel-reference .lab .concept-preview .light-palette{width:min(100%,320px);margin-top:4px;margin-bottom:0}
}