.showcase-header{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid var(--line);gap:24px}.showcase-header .brand{width:260px}.showcase-header nav{display:flex;gap:28px;font-size:14px}.showcase-header nav a{text-decoration:none}.showcase-header nav a[aria-current]{color:var(--blue);font-weight:bold}.showcase-hero{padding:78px 5vw 58px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;max-width:1700px;margin:auto}.showcase-hero h1{font-size:clamp(36px,4.1vw,65px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.showcase-hero h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--blue)}.showcase-hero .lead{font-size:19px;max-width:560px;color:var(--muted);margin-bottom:30px}.showcase-hero figure{margin:0;transform:rotate(-2deg);box-shadow:var(--shadow);background:#111820}.showcase-hero figure img{display:block;width:100%;height:auto}.showcase-hero figcaption{color:#d5dee9;padding:14px 20px;font-size:12px;letter-spacing:1px}.showcase-strip{display:flex;gap:48px;padding:24px 5vw;background:#eae6de;border-block:1px solid var(--line);align-items:center;color:var(--muted);font-size:14px}.showcase-strip b{font-size:26px;color:var(--ink);margin-right:10px}.gallery{padding:65px 5vw;max-width:1700px;margin:auto}.gallery-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.gallery-heading h2{font-size:32px;margin:8px 0 0;letter-spacing:-.8px}.gallery-heading>p{max-width:420px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{font:inherit;font-size:14px;padding:10px 20px;border:1px solid var(--line);border-radius:30px;background:transparent;cursor:pointer;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.filters span{margin:auto 0 auto auto;font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;scroll-margin-top:25px}.project[hidden]{display:none}.project-visual{position:relative;background:#111a23;aspect-ratio:1.6;overflow:hidden}.project-visual>a{display:block;height:100%}.project-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.project-visual a:hover img{transform:scale(1.025)}.number{position:absolute;left:16px;top:16px;background:rgba(0,0,0,.7);border:1px solid #ffffff40;color:#fff;padding:6px 10px;font-size:12px;border-radius:3px;pointer-events:none}.project-copy{padding:28px}.project-meta{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:var(--blue);font-weight:700}.project-meta span{margin:0 6px}.project h2{font-size:27px;margin:12px 0;letter-spacing:-.7px}.project-intro{font-size:18px;color:var(--ink)}.project-copy>p:not(.project-intro):not(.project-meta){font-size:15px;color:var(--muted);line-height:1.7}.feature-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:7px;margin:22px 0}.feature-list li{padding:6px 10px;background:#f4f2ee;font-size:12px;border-radius:3px}.project details{border-top:1px solid var(--line);padding-top:16px;font-size:14px;line-height:1.7}.project summary{cursor:pointer;color:var(--blue);font-weight:600}.project details p{color:var(--muted)}.caption{font-size:12px}.overview{height:100%;padding:38px 38px 22px;background:radial-gradient(ellipse at top right,#294767,#111a23);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:13px}.overview-label{font-size:17px;margin-bottom:8px;margin-left:25px}.overview>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff25;padding:7px 0;font-size:clamp(13px,1.4vw,19px)}.overview b{font-family:monospace;color:#8badc7;font-size:12px}.overview small{font-size:9px;letter-spacing:2px;color:#b0c4d8;margin-top:8px}.showcase-contact{background:#eae6de;border-top:1px solid var(--line);padding:70px 5vw}.showcase-contact h2{font-size:42px;line-height:1.15;letter-spacing:-1px}.showcase-contact p{color:var(--muted)}.showcase-footer{padding:30px 5vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:13px}.showcase-footer small{width:100%;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad731e;outline-offset:5px}@media(max-width:1000px){.showcase-header{align-items:flex-start;flex-direction:column}.showcase-hero{gap:25px}.showcase-hero h1{letter-spacing:-1px}.project-copy{padding:22px}.overview{padding:28px}}@media(max-width:700px){.showcase-header nav{gap:16px;flex-wrap:wrap;font-size:12px}.showcase-hero{grid-template-columns:1fr;padding-top:42px}.showcase-hero figure{transform:none;margin-top:15px}.showcase-strip{gap:20px;flex-wrap:wrap}.showcase-strip>span:last-child{width:100%}.gallery{padding-top:38px}.gallery-heading{display:block}.gallery-heading h2{font-size:27px}.project-grid{grid-template-columns:1fr}.filters button{padding:8px 13px}.filters span{width:100%;margin-top:6px}.showcase-contact h2{font-size:34px}.overview>div{font-size:17px}.project h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-visual img{transition:none}}
.demo-link{margin:14px 0 18px;display:inline-flex;gap:16px;align-items:center}.demo-link small{font-size:10px;opacity:.75}.project-visual img{object-fit:contain;background:#10151b}
.project-visual video{display:block;width:100%;height:100%;object-fit:contain;background:#10151b}.showcase-hero figure{transform:none}.showcase-hero figure video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.motion-label{position:absolute;bottom:12px;left:12px;padding:5px 9px;background:#12222bd9;color:#fff;font-size:10px;pointer-events:none;border-radius:4px}.motion-toggle{position:absolute;bottom:12px;right:12px;min-height:32px;background:#f6f4edea;color:#1b2c28;border:0;padding:5px 12px;border-radius:4px;cursor:pointer}.related{font-size:12px!important}.research-catalogue{border-top:1px solid var(--line)}.research-catalogue>p{max-width:870px;color:var(--muted)}.brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.brief-grid article{border:1px solid var(--line);border-radius:6px;background:#fff;padding:22px}.brief-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}.brief-grid h3{font-size:18px;line-height:1.3}.brief-grid p{font-size:14px;color:var(--muted)}.brief-grid small{font-size:10px;color:var(--muted)}.more-projects{padding:20px;background:#eae6de}.more-projects summary{cursor:pointer;font-weight:bold}.showcase-hero{padding-top:50px;padding-bottom:40px}.project-copy{padding:23px}@media(max-width:1000px){.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.brief-grid{grid-template-columns:1fr}}