html:not([data-design-lab="true"]) .design-lab{display:none}
html[data-design-lab="true"]{--lab-radius:0px;--lab-section-y:126px;--lab-shell-gap:64px;--lab-motion-multiplier:1;--lab-image-filter:none}
html[data-design-lab="true"] body{background:var(--lab-dark);color:var(--lab-light)}
html[data-design-lab="true"] body,
html[data-design-lab="true"] .topbar,
html[data-design-lab="true"] .work,
html[data-design-lab="true"] .about,
html[data-design-lab="true"] .practice,
html[data-design-lab="true"] .expertise,
html[data-design-lab="true"] .human-break,
html[data-design-lab="true"] .case,
html[data-design-lab="true"] .case-visual,
html[data-design-lab="true"] .construx-evidence,
html[data-design-lab="true"] .practice-card,
html[data-design-lab="true"] .ticker{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
html[data-design-lab="true"] .shell{width:min(1440px,calc(100% - var(--lab-shell-gap)))}
html[data-design-lab="true"] section{padding-top:var(--lab-section-y);padding-bottom:var(--lab-section-y)}
html[data-design-lab="true"] .about{padding:0}
html[data-design-lab="true"] .about-head{padding-top:var(--lab-section-y)}
html[data-design-lab="true"] h1,
html[data-design-lab="true"] h2,
html[data-design-lab="true"] h3,
html[data-design-lab="true"] .expertise-title,
html[data-design-lab="true"] .case-mark,
html[data-design-lab="true"] .leadership-card h4{font-family:var(--lab-display)!important}
html[data-design-lab="true"] body,
html[data-design-lab="true"] button,
html[data-design-lab="true"] select{font-family:var(--lab-body)!important}
html[data-design-lab="true"] h1 em,
html[data-design-lab="true"] .section-index strong,
html[data-design-lab="true"] .hero-aside span,
html[data-design-lab="true"] .proof strong,
html[data-design-lab="true"] .statement,
html[data-design-lab="true"] .about-lede,
html[data-design-lab="true"] .journey-profile-copy strong,
html[data-design-lab="true"] .journey-intro,
html[data-design-lab="true"] .chapter-number,
html[data-design-lab="true"] .human-copy blockquote,
html[data-design-lab="true"] .practice-intro,
html[data-design-lab="true"] .expertise-number{font-family:var(--lab-accent-font)!important}
html[data-design-lab="true"] .topbar{background:color-mix(in srgb,var(--lab-dark) 88%,transparent);color:var(--lab-light);border-color:var(--lab-line)}
html[data-design-lab="true"] .topbar[data-theme="light"]{background:color-mix(in srgb,var(--lab-light) 90%,transparent);color:var(--lab-dark);border-color:color-mix(in srgb,var(--lab-dark) 18%,transparent)}
html[data-design-lab="true"] .wordmark span,
html[data-design-lab="true"] .langs a[aria-current="page"],
html[data-design-lab="true"] .expertise-item[data-open="true"] .expertise-number,
html[data-design-lab="true"] .expertise-item[data-open="true"] .expertise-title,
html[data-design-lab="true"] .principle span,
html[data-design-lab="true"] .statement em,
html[data-design-lab="true"] .human-label,
html[data-design-lab="true"] .human-copy blockquote em,
html[data-design-lab="true"] .practice-card span,
html[data-design-lab="true"] .contact h2 em{color:var(--lab-accent)}
html[data-design-lab="true"] .topbar[data-theme="light"] .wordmark span,
html[data-design-lab="true"] .topbar[data-theme="light"] .langs a[aria-current="page"],
html[data-design-lab="true"] .about .section-index strong,
html[data-design-lab="true"] .about-lede em,
html[data-design-lab="true"] .journey-profile-copy strong,
html[data-design-lab="true"] .journey-eyebrow,
html[data-design-lab="true"] .chapter-number,
html[data-design-lab="true"] .chapter:hover h3,
html[data-design-lab="true"] .case:hover h3{color:var(--lab-primary)}
html[data-design-lab="true"] .availability:before{background:var(--lab-accent);box-shadow:0 0 18px color-mix(in srgb,var(--lab-accent) 58%,transparent)}
html[data-design-lab="true"] .topbar[data-theme="light"] .availability:before{background:var(--lab-primary);box-shadow:0 0 16px color-mix(in srgb,var(--lab-primary) 40%,transparent)}
html[data-design-lab="true"] .hero:before{background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--lab-primary) 92%,transparent),color-mix(in srgb,var(--lab-primary) 15%,transparent) 48%,transparent 71%)}
html[data-design-lab="true"] .ticker{background:var(--lab-accent);color:var(--lab-dark)}
html[data-design-lab="true"] .expertise{background:var(--lab-dark-alt)}
html[data-design-lab="true"] .expertise:before{border-color:color-mix(in srgb,var(--lab-primary) 35%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--lab-primary) 5%,transparent),0 0 0 140px color-mix(in srgb,var(--lab-primary) 3%,transparent)}
html[data-design-lab="true"] .expertise-plus{border-radius:var(--lab-radius)}
html[data-design-lab="true"] .expertise-trigger:focus-visible{outline-color:var(--lab-accent)}
html[data-design-lab="true"] .expertise-evidence{border-color:var(--lab-primary)}
html[data-design-lab="true"] .work,
html[data-design-lab="true"] .about,
html[data-design-lab="true"] .case{background:var(--lab-light);color:var(--lab-dark)}
html[data-design-lab="true"] .work .section-index,
html[data-design-lab="true"] .about .section-index,
html[data-design-lab="true"] .case-number,
html[data-design-lab="true"] .case p,
html[data-design-lab="true"] .journey-profile-copy p,
html[data-design-lab="true"] .chapter p{color:color-mix(in srgb,var(--lab-dark) 68%,var(--lab-light))}
html[data-design-lab="true"] .work .section-index strong{color:var(--lab-dark)}
html[data-design-lab="true"] .construx-feature{background:var(--lab-dark);color:var(--lab-light);border-radius:var(--lab-radius)}
html[data-design-lab="true"] .construx-evidence,
html[data-design-lab="true"] .case-visual,
html[data-design-lab="true"] .practice,
html[data-design-lab="true"] .practice-card{background:var(--lab-primary)}
html[data-design-lab="true"] .case:nth-child(2) .case-visual{background:var(--lab-secondary)}
html[data-design-lab="true"] .case-visual:after{background:var(--lab-accent)}
html[data-design-lab="true"] .case:nth-child(2) .case-visual:after{background:var(--lab-dark)}
html[data-design-lab="true"] .cases,
html[data-design-lab="true"] .practice-grid,
html[data-design-lab="true"] .case,
html[data-design-lab="true"] .practice-card,
html[data-design-lab="true"] .chapter,
html[data-design-lab="true"] .journey-photo,
html[data-design-lab="true"] .button{border-radius:var(--lab-radius)}
html[data-design-lab="true"] .journey-photo{border-bottom-color:var(--lab-accent)}
html[data-design-lab="true"] .chapter-proof{border-color:var(--lab-primary)}
html[data-design-lab="true"] .human-break{background:var(--lab-dark-alt)}
html[data-design-lab="true"] .button{background:var(--lab-light);border-color:var(--lab-light);color:var(--lab-dark)}
html[data-design-lab="true"] .button:hover{background:var(--lab-accent);border-color:var(--lab-accent)}
html[data-design-lab="true"] img{filter:var(--lab-image-filter);transition:filter .3s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html[data-type-scale="compact"]{font-size:15px}
html[data-type-scale="expansive"]{font-size:17px}
html[data-lab-density="compact"]{--lab-section-y:92px}
html[data-lab-density="expansive"]{--lab-section-y:154px}
html[data-lab-radius="subtle"]{--lab-radius:10px}
html[data-lab-radius="soft"]{--lab-radius:24px}
html[data-lab-width="focused"]{--lab-shell-gap:clamp(64px,12vw,180px)}
html[data-lab-width="wide"]{--lab-shell-gap:32px}
html[data-lab-motion="quiet"] *{animation-duration:calc(var(--lab-motion-multiplier)*.01ms)!important;transition-duration:calc(var(--lab-motion-multiplier)*.12s)!important}
html[data-lab-motion="expressive"] .reveal-item{transform:translateY(24px) scale(.992);transition-duration:.7s}
html[data-lab-motion="expressive"] .expertise-panel{transition-duration:.68s,.35s}
html[data-lab-image="mono"]{--lab-image-filter:grayscale(1) contrast(1.08)}
html[data-lab-image="soft"]{--lab-image-filter:saturate(.72) contrast(.94)}
html[data-lab-image="vivid"]{--lab-image-filter:saturate(1.25) contrast(1.06)}
html[data-lab-title-scale="scale85"]{--title-h1:clamp(3.4rem,8.245vw,8.5rem);--title-h2:70px;--title-h2-tablet:clamp(3.25rem,7vw,4.375rem);--title-h1-mobile:clamp(2.975rem,14.45vw,5.1rem);--title-h2-mobile:clamp(2.45rem,11vw,3.25rem)}
html[data-lab-title-scale="scale90"]{--title-h1:clamp(3.6rem,8.73vw,9rem);--title-h2:70px;--title-h2-tablet:clamp(3.25rem,7vw,4.375rem);--title-h1-mobile:clamp(3.15rem,15.3vw,5.4rem);--title-h2-mobile:clamp(2.45rem,11vw,3.25rem)}
html[data-lab-title-scale="scale100"]{--title-h1:clamp(4rem,9.7vw,10rem);--title-h2:70px;--title-h2-tablet:clamp(3.25rem,7vw,4.375rem);--title-h1-mobile:clamp(3.5rem,17vw,6rem);--title-h2-mobile:clamp(2.45rem,11vw,3.25rem)}
html[data-lab-editorial-scale="scale85"]{--editorial-h1:clamp(3.4rem,8.245vw,8.5rem);--editorial-h2:clamp(2.55rem,6.12vw,6.46rem);--editorial-h1-mobile:clamp(2.975rem,14.45vw,5.1rem);--editorial-h2-mobile:clamp(2.38rem,11.9vw,4.59rem);--editorial-statement:clamp(1.785rem,4.25vw,4.42rem);--editorial-about:clamp(1.4025rem,2.72vw,2.89rem);--editorial-about-mobile:1.32rem;--editorial-journey:clamp(1.105rem,1.8275vw,1.7rem);--editorial-human:clamp(1.7rem,3.995vw,4.165rem);--editorial-human-mobile:1.87rem;--editorial-practice:clamp(1.105rem,1.87vw,1.7rem)}
html[data-lab-editorial-scale="scale90"]{--editorial-h1:clamp(3.6rem,8.73vw,9rem);--editorial-h2:clamp(2.7rem,6.48vw,6.84rem);--editorial-h1-mobile:clamp(3.15rem,15.3vw,5.4rem);--editorial-h2-mobile:clamp(2.52rem,12.6vw,4.86rem);--editorial-statement:clamp(1.89rem,4.5vw,4.68rem);--editorial-about:clamp(1.485rem,2.88vw,3.06rem);--editorial-about-mobile:1.4rem;--editorial-journey:clamp(1.17rem,1.935vw,1.8rem);--editorial-human:clamp(1.8rem,4.23vw,4.41rem);--editorial-human-mobile:2rem;--editorial-practice:clamp(1.17rem,1.98vw,1.8rem)}
html[data-lab-editorial-scale="scale100"]{--editorial-h1:clamp(4rem,9.7vw,10rem);--editorial-h2:clamp(3rem,7.2vw,7.6rem);--editorial-h1-mobile:clamp(3.5rem,17vw,6rem);--editorial-h2-mobile:clamp(2.8rem,14vw,5.4rem);--editorial-statement:clamp(2.1rem,5vw,5.2rem);--editorial-about:clamp(1.65rem,3.2vw,3.4rem);--editorial-about-mobile:1.55rem;--editorial-journey:clamp(1.3rem,2.15vw,2rem);--editorial-human:clamp(2rem,4.7vw,4.9rem);--editorial-human-mobile:2.2rem;--editorial-practice:clamp(1.3rem,2.2vw,2rem)}
html[data-lab-hero-finish="flat"] .hero-stage:before,
html[data-lab-hero-finish="flat"] .hero-stage:after{opacity:0}
html[data-lab-hero-finish="ambient"] .hero-stage:before{opacity:1}
html[data-lab-hero-finish="ambient"] .hero-stage:after{opacity:0}
html[data-lab-hero-finish="grain"] .hero-stage:before{opacity:0}
html[data-lab-hero-finish="grain"] .hero-stage:after{opacity:.032}
html[data-lab-hero-finish="ambientGrain"] .hero-stage:before{opacity:1}
html[data-lab-hero-finish="ambientGrain"] .hero-stage:after{opacity:.032}
.hero>.fade{position:relative;z-index:1}
.hero:before{opacity:0;transition:opacity .35s ease}
.hero-line-art{position:absolute;z-index:0;right:-32px;top:50%;display:block;width:var(--lab-hero-size,min(80vw,980px));aspect-ratio:1;background:var(--lab-hero-art-color,var(--blue));opacity:var(--lab-hero-opacity,.07);pointer-events:none;transform:translate(50%,calc(-50% + var(--lab-hero-shift,0px)));transition:background-color .35s ease,opacity .35s ease,width .45s cubic-bezier(.2,.7,.2,1),transform .2s linear;-webkit-mask:url("/assets/diego-line-art-v1.png") center/contain no-repeat;mask:url("/assets/diego-line-art-v1.png") center/contain no-repeat}
html[data-design-lab="true"] .hero-line-art{display:none}
html[data-lab-hero-art="lineart"] .hero:before,
html[data-lab-hero-art="none"] .hero:before{opacity:0}
html[data-lab-hero-art="sphere"] .hero:before,
html[data-lab-hero-art="both"] .hero:before{opacity:1}
html[data-lab-hero-art="lineart"] .hero-line-art,
html[data-lab-hero-art="both"] .hero-line-art{display:block}
html[data-lab-hero-color="light"]{--lab-hero-art-color:var(--lab-light)}
html[data-lab-hero-color="primary"]{--lab-hero-art-color:var(--lab-primary)}
html[data-lab-hero-color="accent"]{--lab-hero-art-color:var(--lab-accent)}
html[data-lab-hero-color="secondary"]{--lab-hero-art-color:var(--lab-secondary)}
html[data-lab-hero-intensity="faint"]{--lab-hero-opacity:.07}
html[data-lab-hero-intensity="balanced"]{--lab-hero-opacity:.12}
html[data-lab-hero-intensity="present"]{--lab-hero-opacity:.2}
html[data-lab-hero-scale="contained"]{--lab-hero-size:min(58vw,680px)}
html[data-lab-hero-scale="large"]{--lab-hero-size:min(68vw,820px)}
html[data-lab-hero-scale="monumental"]{--lab-hero-size:min(80vw,980px)}

.design-lab{position:fixed;z-index:60;right:18px;top:92px;width:min(370px,calc(100vw - 36px));max-height:calc(100vh - 112px);overflow:auto;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(12,14,20,.96);color:#f5f5f0;box-shadow:0 24px 80px rgba(0,0,0,.34);backdrop-filter:blur(22px);font-family:Archivo,system-ui,sans-serif!important}
.design-lab.is-collapsed{width:auto;overflow:hidden;padding:10px}
.design-lab.is-collapsed .design-lab-body,.design-lab.is-collapsed .design-lab-title span{display:none}
.design-lab-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.design-lab-title{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.design-lab-title:before{width:8px;height:8px;border-radius:50%;background:#d8ff4f;box-shadow:0 0 14px rgba(216,255,79,.5);content:""}
.design-lab-actions{display:flex;gap:6px}
.design-lab-icon{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:1rem}
.design-lab-body{margin-top:18px}
.design-lab-note{margin:0 0 16px;color:#aeb0b9;font-size:.76rem;line-height:1.45}
.design-lab-field{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:10px}
.design-lab-field label{color:#b9bbc4;font-size:.72rem;font-weight:700}
.design-lab-field select{width:100%;height:38px;padding:0 30px 0 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#1a1d26;color:#fff;font-size:.75rem}
.design-lab-palette{display:flex;height:26px;margin:14px 0 18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:7px}
.design-lab-palette span{flex:1;background:var(--swatch)}
.design-lab-divider{margin:16px 0;border:0;border-top:1px solid rgba(255,255,255,.12)}
.design-lab-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.design-lab-slot{height:34px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#1a1d26;color:#fff;cursor:pointer;font-size:.72rem;font-weight:750}
.design-lab-slot[aria-pressed="true"]{border-color:#d8ff4f;color:#d8ff4f}
.design-lab-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.design-lab-button{min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#f5f5f0;color:#101116;cursor:pointer;font-size:.72rem;font-weight:800}
.design-lab-button.secondary{background:transparent;color:#fff}
.design-lab-status{min-height:18px;margin:9px 0 0;color:#aeb0b9;font-size:.68rem}
@media(hover:hover) and (pointer:fine){.design-lab-icon:hover,.design-lab-slot:hover,.design-lab-button.secondary:hover{border-color:#d8ff4f;color:#d8ff4f}.design-lab-button:hover{background:#d8ff4f}}
@media(max-width:620px){.hero-line-art{right:-14px;top:46%;width:min(142vw,820px);transform:translate(58%,calc(-50% + var(--lab-hero-shift,0px)))}html[data-design-lab="true"] .shell{width:min(100% - 28px,1440px)}.design-lab{inset:auto 10px 10px;width:auto;max-height:72vh}.design-lab.is-collapsed{left:auto}.design-lab-field{grid-template-columns:96px minmax(0,1fr)}}

html[data-design-lab="true"] .orchestration-copy,html[data-design-lab="true"] .orchestration-photo{background-color:var(--lab-primary)}
html[data-design-lab="true"] .orchestration-layout{border-color:color-mix(in srgb,var(--lab-light) 34%,transparent);background:color-mix(in srgb,var(--lab-light) 34%,transparent)}
