:root{--bg:#f5f6f4;--paper:#fff;--ink:#17191d;--sub:#666c75;--blue:#245bd8;--line:#dfe2df;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;inset:0 0 auto;padding:20px 32px;display:flex;justify-content:space-between;background:linear-gradient(#f5f6f4,transparent);pointer-events:none}.nav a{pointer-events:auto;padding:11px 16px;border:1px solid #b9c8e8;border-radius:99px;background:#ffffffdc;color:var(--blue);font-size:13px}.nav strong{font-size:13px}.hero{padding:175px max(6vw,25px) 90px;background:radial-gradient(circle at 75% 20%,#245bd81c,transparent 34%)}.eyebrow{font-size:12px;letter-spacing:.18em;color:#747a83}.hero h1{font-size:clamp(34px,5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:26px 0}.hero p{max-width:880px;font-size:20px;line-height:1.75;color:var(--sub)}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.meta span{border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:12px}.project{padding:90px max(4vw,20px);border-top:1px solid var(--line)}.project:nth-child(even){background:var(--paper)}.copy{width:min(100%,1050px);margin:0 auto 42px}.num{color:var(--blue);font-size:12px;letter-spacing:.15em}.copy h2{font-size:clamp(25px,3vw,40px);margin:14px 0 25px;letter-spacing:-.025em}.copy h3{font-size:17px;margin:27px 0 8px}.copy p{color:var(--sub);font-size:17px;line-height:1.8;margin:8px 0}.gallery{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.shot{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 12px 38px #17191d0c}.shot.wide{grid-column:1/-1}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:14px 16px;font-size:12px;color:#686d75}.cards{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;background:#fff;border:1px solid var(--line);transition:.3s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #17191d12}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.card div{padding:18px}.card h3{font-size:17px;margin:0 0 8px}.card p{font-size:13px;color:var(--sub);margin:0;line-height:1.55}.end{padding:90px 25px;text-align:center;background:#fff;border-top:1px solid var(--line)}.end h2{font-size:clamp(24px,2.7vw,36px)}.end a{display:inline-flex;margin-top:20px;padding:14px 22px;border-radius:99px;background:var(--blue);color:#fff;font-size:13px}@media(max-width:760px){.nav{padding:15px}.nav strong{display:none}.hero{padding:135px 20px 70px}.hero h1{font-size:35px}.hero p{font-size:17px}.project{padding:65px 0}.copy{padding:0 20px}.copy p{font-size:16px}.gallery,.cards{grid-template-columns:1fr;gap:8px}.shot.wide{grid-column:auto}.shot,.card{border-inline:0}.cards .card div{padding:15px 18px}}
body:has(img[src^="assets/industry/"]) .gallery{grid-template-columns:1fr}body:has(img[src^="assets/industry/"]) .shot.wide{grid-column:auto}
.gallery{width:min(94%,var(--max))}