:root{--paper:#f3f0e9;--ink:#111;--orange:#ff4f18}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}.lab-hero{min-height:92svh;padding:150px 4vw 6vw;display:grid;align-content:end;grid-template-columns:1fr 1fr;gap:2rem}.lab-hero>span{grid-column:1/-1;font-size:11px;letter-spacing:.14em}.lab-hero h1{font-size:clamp(64px,11vw,180px);line-height:.8;letter-spacing:-.07em;margin:0;text-transform:uppercase}.lab-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lab-hero p{align-self:end;max-width:560px;font-size:clamp(18px,2vw,30px);line-height:1.35}.lab-index{position:sticky;top:74px;z-index:12;display:flex;justify-content:space-between;padding:15px 4vw;border-block:1px solid #aaa;background:rgba(243,240,233,.72);backdrop-filter:blur(22px) saturate(1.4);font-size:10px;letter-spacing:.12em}.project-directory{padding:5vw 4vw 12vw}.directory-head,.project-row{display:grid;grid-template-columns:6vw minmax(0,1.7fr) minmax(150px,.7fr) 70px;align-items:center;gap:1.5vw}.directory-head{padding:0 0 14px;font-size:9px;letter-spacing:.14em;border-bottom:1px solid #999}.project-row{position:relative;min-height:clamp(82px,9vw,150px);border-bottom:1px solid #aaa;color:inherit;text-decoration:none;cursor:pointer;transition:padding .35s cubic-bezier(.2,.8,.2,1),color .25s}.project-row::before{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .38s cubic-bezier(.2,.8,.2,1);z-index:-1}.project-row:hover,.project-row:focus-visible{padding-inline:1.2vw;color:#080808}.project-row:hover::before,.project-row:focus-visible::before{transform:scaleY(1)}.project-row .no,.project-row .meta,.project-row .year{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.project-row h2{font-size:clamp(34px,5.6vw,94px);line-height:.86;letter-spacing:-.06em;margin:0;font-weight:500}.project-row h2 small{display:block;margin-top:8px;font-size:10px;letter-spacing:.13em;font-weight:400}.row-arrow{position:absolute;right:1vw;top:50%;font-size:28px;opacity:0;transform:translate(-15px,-50%);transition:.3s}.project-row:hover .row-arrow{opacity:1;transform:translate(0,-50%)}.hover-preview{position:fixed;left:0;top:0;width:min(31vw,460px);aspect-ratio:4/5;z-index:30;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0) scale(.9);transition:opacity .22s,transform .38s cubic-bezier(.2,.8,.2,1);perspective:1000px}.hover-preview.is-visible{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.preview-card{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:#151515;box-shadow:0 30px 90px rgba(0,0,0,.3);transform-style:preserve-3d;will-change:transform}.preview-card img{width:100%;height:100%;object-fit:cover;display:block}.holo-light,.holo-grain{position:absolute;inset:-35%;border-radius:inherit;mix-blend-mode:screen;pointer-events:none}.holo-light{opacity:.65;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),rgba(255,255,255,.95) 0,rgba(99,221,255,.55) 9%,rgba(255,82,216,.28) 22%,transparent 43%),linear-gradient(120deg,transparent 25%,rgba(255,255,255,.35),transparent 60%);transform:translate3d(var(--shine-x,0),var(--shine-y,0),40px)}.holo-grain{opacity:.25;background:repeating-linear-gradient(115deg,rgba(255,0,128,.45) 0 2px,rgba(0,220,255,.35) 2px 4px,transparent 4px 9px);filter:blur(.4px)}.preview-number{position:absolute;left:20px;bottom:18px;color:#fff;font-size:11px;letter-spacing:.14em;text-shadow:0 1px 10px #000}.lab-close{min-height:80svh;padding:10vw 4vw;background:#111;color:#fff;display:grid;align-content:center}.lab-close h2{font-size:clamp(52px,9vw,140px);line-height:.86;letter-spacing:-.06em;margin:2rem 0}.lab-close p{max-width:650px;font-size:20px;line-height:1.5;color:#bbb}.lab-close a{color:#fff;margin-top:3rem;width:max-content}footer{background:#111;color:#fff}@media(max-width:800px){.lab-hero{grid-template-columns:1fr}.lab-hero h1{font-size:21vw}.lab-index span:nth-child(2){display:none}.directory-head{display:none}.project-directory{padding-top:10vw}.project-row{grid-template-columns:42px 1fr;min-height:110px;padding-block:18px}.project-row .meta,.project-row .year{grid-column:2;font-size:9px}.project-row h2{font-size:11vw}.row-arrow{display:none}.hover-preview{position:relative;width:calc(100% - 42px);height:auto;aspect-ratio:4/3;margin:0 0 8vw 42px;transform:none!important;display:none}.hover-preview.is-touch-visible{display:block;opacity:1}.preview-card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.project-row,.project-row::before,.hover-preview{transition:none}.preview-card{transform:none!important}}