*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#858585;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:#303030}a:focus-visible,summary:focus-visible{outline:2px solid #777;outline-offset:5px}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:70px;max-width:1800px;margin:0 auto;padding:45px 50px 90px}.sidebar{align-self:start;position:sticky;top:45px;text-align:right}.brand{font-size:29px;line-height:1.18;letter-spacing:1px;display:inline-block;margin-bottom:42px}.desktop-nav a{display:block;margin-bottom:9px;font-size:15px}.nav-group{margin-bottom:34px}.content{min-width:0;padding-top:145px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}.card{display:block;position:relative;aspect-ratio:266/329;overflow:hidden;background:#eee}.card img{height:100%;width:100%;display:block;object-fit:cover;transition:opacity .2s}.card:hover img{opacity:.82}.card-label{position:absolute;left:10px;right:10px;bottom:12px;background:rgba(255,255,255,.9);padding:7px 9px;opacity:0;transition:opacity .2s;font-size:12px;color:#555}.card:hover .card-label,.card:focus-visible .card-label{opacity:1}.mobile-nav{display:none}.project-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:23px;align-items:baseline}h1{font-size:18px;font-weight:400;line-height:1.4;margin:0}.back{font-size:13px}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.project-gallery figure{margin:0}.project-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee}.project-gallery figcaption{font-size:11px;margin-top:7px;color:#999}.project-copy{max-width:650px;margin-top:38px;font-size:14px}.project-copy p{margin:0 0 15px}.project-meta{font-size:12px;line-height:1.8;margin-top:25px}.project-pagination{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eee;margin-top:45px;padding-top:17px;font-size:12px}.info{max-width:650px}.info p{margin-top:24px}.demo-note{font-size:11px;color:#aaa;margin-top:32px}.active{color:#333}.footer{font-size:11px;margin-top:50px;color:#aaa}@media(min-width:1900px){.layout{max-width:1900px;gap:85px}.grid{gap:30px 24px}}@media(max-width:1250px){.layout{grid-template-columns:175px minmax(0,1fr);gap:40px;padding:35px 30px 65px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content{padding-top:145px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.brand{font-size:25px}.desktop-nav a{font-size:13px}.content{padding-top:128px}}@media(max-width:650px){.layout{display:block;padding:25px 18px 45px}.sidebar{position:static;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand{font-size:24px;margin-bottom:0}.desktop-nav{display:none}.mobile-nav{display:block;position:relative;max-width:65%}.mobile-nav summary{cursor:pointer;padding:8px 0;font-size:13px;list-style:none;text-align:right}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{padding:16px 0;max-height:55vh;overflow:auto}.mobile-nav a{display:block;text-align:right;padding:5px 0;font-size:13px}.content{padding-top:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.project-head{margin-bottom:18px}h1{font-size:16px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery figure:first-child img{aspect-ratio:4/5}.project-copy{margin-top:28px}.card-label{display:none}.demo-note{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img,.card-label{transition:none}}