/* The Lab: a bento of every project, team work, earlier product work and studies. Builds on the home tile system. */
.lab-main{padding-block:12px 48px}
.lab-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.lab-grid>.tile{padding:28px;min-width:0}
.lab-grid>.tile>a{display:flex;flex-direction:column;gap:12px;height:100%;color:inherit}
.lab-grid .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.lab-grid h2{font-size:clamp(24px,2.2vw,32px);line-height:1.15;letter-spacing:-.01em;display:flex;justify-content:space-between;gap:16px;text-wrap:balance}
.lab-grid h2 b{font-weight:400;color:var(--accent)}
.lab-grid p{font-size:15px;line-height:1.75;color:var(--muted);max-width:60ch}
.lab-intro{grid-column:span 5;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;min-height:420px}
.lab-intro h1{font-size:clamp(40px,4.4vw,56px);line-height:1.04;letter-spacing:-.015em;text-wrap:balance}
.lab-intro h1 em{font-style:normal;background-image:linear-gradient(115deg,#c6a15b 10%,#fff6d7 42%,#c6a15b 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lab-intro p{font-size:16px}
.lab-wide{grid-column:span 7}
.lab-narrow{grid-column:span 5}
.lab-grid>.lab-project:nth-of-type(2){grid-column:span 7}
.lab-card{grid-column:span 4}
.lab-slot{grid-column:span 6;background:transparent;box-shadow:none;border:1px dashed #8de0bd33;display:flex;flex-direction:column;gap:10px}
.lab-slot h2{color:var(--muted)}
.lab-visual{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center;background:#081b31;margin-bottom:6px}
.lab-visual>img{width:100%;height:100%;object-fit:contain;display:block}
.lab-sage .lab-visual{background:#f7f7f6}
.lab-oneli8 .lab-visual{background:#e7e5ef;color:#29223b}
.lab-card .proof-icon{width:48px;height:48px}
.lab-card .archive-list{display:flex;flex-wrap:wrap;gap:8px}
.lab-card .archive-list span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--raised)}
.lab-grid>.tile:not(.lab-slot) a:focus-visible{outline-offset:-6px}
[data-scheme=light] .lab-slot{border-color:#073f3533}
[data-scheme=light] .lab-intro h1 em{background-image:linear-gradient(115deg,#735021 10%,#957035 42%,#735021 70%)}
@media(max-width:1000px){.lab-intro,.lab-wide,.lab-narrow,.lab-grid>.lab-project:nth-of-type(2){grid-column:span 12}.lab-intro{min-height:0}.lab-card{grid-column:span 6}.lab-slot{grid-column:span 6}}
@media(max-width:700px){.lab-grid{grid-template-columns:minmax(0,1fr);gap:18px}.lab-grid>*{grid-column:1/-1!important}.lab-grid>.tile{padding:22px}}