*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#17392f;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #17392f33;gap:20px}header span,.eyebrow,.card-meta,footer{font-size:11px;letter-spacing:1.4px}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1px}.intro{padding:85px 6% 50px}h1{font-size:clamp(54px,8vw,122px);line-height:.98;letter-spacing:-5px;margin:28px 0 45px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#9a5437}.intro-bottom{display:flex;justify-content:space-between;gap:50px}.intro-bottom>p{max-width:510px;font-size:20px}.intro-bottom .disclosure{font-size:13px;max-width:340px;color:#637269}.filters{display:flex;gap:10px;padding:20px 6% 35px;flex-wrap:wrap}button{border:1px solid #17392f44;border-radius:30px;padding:12px 22px;background:transparent;color:inherit;cursor:pointer}.active{background:#17392f;color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px;padding:0 6% 90px}article[hidden]{display:none}.art{display:block;position:relative;overflow:hidden;background:#e4ded2}.art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .4s}.art:hover img{transform:scale(1.025)}.art span{position:absolute;bottom:16px;right:16px;background:#f5f1e8;padding:8px 13px;font-size:10px;letter-spacing:1px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;margin-top:12px;color:#667469}h2{font-size:32px;line-height:1.2;margin:8px 0}article>p{margin-top:8px;color:#637269}.end{padding:75px 6%;background:#17392f;color:#f5f1e8}.end h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,70px);font-weight:400}.end a{display:inline-block;margin-top:25px;border-bottom:1px solid;padding:5px 0}footer{padding:25px 6%;letter-spacing:.4px}.case{padding:65px 6%}.case h1{font-size:clamp(45px,7vw,100px)}.case-hero{width:100%;height:auto;display:block}.case-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:55px 0}.case-copy h2{font-size:24px}.case-copy p{max-width:570px}.case-tag{font-size:12px;color:#69756b}.back{display:inline-block;border-bottom:1px solid;margin-top:30px}a:focus-visible,button:focus-visible{outline:3px solid #b86b37;outline-offset:5px}@media(max-width:700px){header{padding:20px 6%}header span{display:none}header>a:last-child{font-size:11px}.intro{padding-top:55px}h1{letter-spacing:-2px}.intro-bottom{display:block}.intro-bottom>p{font-size:17px}.grid{grid-template-columns:1fr;gap:38px}.card-meta{font-size:8px}.case-copy{grid-template-columns:1fr;gap:25px}.filters button{padding:9px 15px}.end{padding:50px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

body{background:#fff;color:#171a2b}header{background:#fff;border-color:#e4e7f0}.wordmark{color:#2456ed}h1 em{color:#2456ed}.active,.end{background:#2456ed;color:white}.art{border-radius:8px}.art span{background:#fff}.grid{grid-template-columns:repeat(3,1fr);gap:40px 24px}h2{font-size:25px}.intro{background:#edf2ff}.intro-bottom .disclosure{color:#5c6580}button{color:#171a2b;border-color:#d8deed}button.active{color:white}.case-tag{color:#5c6580}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid{grid-template-columns:1fr}header{flex-wrap:wrap}.case h1{font-size:42px}}
/* ATELIER CASE STUDIES */ body{color:#141c2c}header{padding:25px 6%}.wordmark{color:#141c2c;font-size:28px}.intro{background:#fff;padding-top:85px}.intro h1{font-weight:500}.intro h1 em{color:#3159e8}.active,.end{background:#3159e8}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}.grid h2{font-size:16px}.grid article>p{font-size:11px}.card-meta{font-size:7px}.card-meta>span{display:none}.art{border-radius:4px}.case{padding-top:75px}.case h1{font-weight:500;letter-spacing:-4px}.case-copy h2{font-weight:500}.end{padding-top:80px;padding-bottom:80px}footer{background:#f6f7fa}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid h2{font-size:12px}.card-meta{font-size:6px}.case h1{font-size:48px;letter-spacing:-2px}header{padding:20px 6%}.intro h1{font-size:53px}}