.work{overflow:hidden}.work-intro{max-width:350px}.work-intro .text-link{margin-top:20px}.project-reel{--card-width:480px}.project-viewport{overflow:hidden;margin:0 -3px;padding:4px 3px 10px}.project-track{display:flex;gap:24px;will-change:transform}.project-run{display:flex;gap:24px;flex:none}.project-card{display:block;width:var(--card-width);flex:none;background:#fff;border:1px solid #e8dfd5;border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.project-card:hover{border-color:#bc8d68;box-shadow:0 8px 24px #4e38200c}.project-card:focus-visible{outline-offset:-4px;outline:3px solid var(--blue)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}.work-pair figure{position:relative;min-width:0;margin:0}.work-image{aspect-ratio:3/4;overflow:hidden;background:#ede9e3}.work-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.work-pair figcaption{position:absolute;top:12px;left:12px;background:#fffffff0;color:#27374a;font-size:9px;font-weight:800;letter-spacing:1.6px;padding:8px 10px;border-radius:5px;box-shadow:0 2px 10px #00000008}.work-pair figure:last-child figcaption{background:var(--blue);color:#fff}.screenshot-pair .work-image img{width:112%;max-width:none;height:112%;margin:-3% 0 0 -6%;object-position:50% 25%}.project-card-copy{padding:25px 24px 22px}.project-kicker{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#94623e;line-height:1.6}.project-card h3{font-size:clamp(19px,2vw,27px);letter-spacing:-.9px;margin:10px 0 20px}.project-card-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--blue)}.project-card-link span{font-size:21px}.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.reel-hint{font-size:9px;letter-spacing:1.7px;font-weight:800}.reel-hint span{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:#6b7480;margin-top:8px}.reel-controls{display:flex;gap:8px}.reel-controls button{border:1px solid #ddd4ca;border-radius:50%;background:#fff;color:var(--ink);height:44px;min-width:44px;cursor:pointer;font-size:18px;transition:background .2s}.reel-controls button:hover{background:#f3e8dd}.reel-controls .reel-pause{border-radius:24px;padding:0 17px;font-size:12px;display:flex;align-items:center;gap:12px}.project-credit{font-size:10px;color:#7d7d7d;margin:26px 0 0}.projects-hero{padding:45px 7% 70px;background:#fff}.back-home{margin-bottom:60px;font-size:12px}.projects-hero h1{font-size:clamp(50px,6.5vw,90px);letter-spacing:-4px;line-height:1.04;margin:25px 0}.projects-hero>p{max-width:500px;color:#6b7480}.project-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.project-jump a{border:1px solid #e8dfd5;border-radius:30px;padding:12px 18px;font-size:9px;letter-spacing:1px;font-weight:700;display:flex;gap:18px}.project-jump a:hover{background:#faf5ef}.project-collection{margin:0 25px;padding:0 5.5% 30px;border-radius:22px;background:#faf8f5;border:1px solid #eee9e2}.project-detail{padding:70px 0;border-bottom:1px solid #e7dfd5;scroll-margin-top:95px}.project-detail:last-child{border:0}.project-detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.project-detail h2{font-size:clamp(28px,3.2vw,45px);letter-spacing:-1.8px;margin:12px 0 0}.project-detail-heading p{max-width:440px;margin:0;color:#6b7480;font-size:14px}.project-detail .work-pair{gap:20px;border-radius:14px;background:transparent}.project-detail .work-image{aspect-ratio:4/5;border-radius:14px}.project-detail .work-pair figcaption{top:18px;left:18px;font-size:10px;padding:11px 15px}.project-detail-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.project-detail-footer>span{font-size:9px;letter-spacing:1px;color:#777}.project-detail-footer .text-link{font-size:12px}.project-enquiry{text-align:center;padding:90px 7%;background:#fff}.project-enquiry .eyebrow{justify-content:center}.project-enquiry p{max-width:410px;margin:24px auto}.project-enquiry .btn{margin:5px 15px 20px}.project-enquiry>.text-link{display:block;font-size:12px}.projects-page nav [aria-current="page"]{color:var(--blue)}.project-detail:target h2{color:var(--blue)}
@media(min-width:1500px){.project-card .work-image{aspect-ratio:4/3}}@media(max-width:760px){.work{padding-left:6%;padding-right:6%}.work-intro{margin-top:25px}.work-intro p{margin-top:0}.project-track,.project-run{gap:16px}.reel-footer{align-items:start;gap:12px}.reel-hint{max-width:140px}.reel-controls{gap:6px}.reel-controls button{min-width:38px;height:38px}.reel-controls .reel-pause{padding:0 12px}.project-card-copy{padding:22px 19px}.project-card h3{font-size:23px}.projects-hero{padding:28px 7% 45px}.back-home{margin-bottom:40px}.projects-hero h1{font-size:52px;letter-spacing:-2.8px}.project-jump{gap:8px}.project-jump a{font-size:8px;padding:11px 12px}.project-collection{margin:0 15px;padding:0 6% 15px}.project-detail{padding:40px 0;scroll-margin-top:85px}.project-detail-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.project-detail-heading p{font-size:13px}.project-detail .work-pair{gap:10px}.project-detail .work-image{aspect-ratio:3/5;border-radius:8px}.project-detail .work-pair figcaption{top:8px;left:8px;font-size:8px;letter-spacing:1px;padding:7px 8px}.project-detail-footer{display:block}.project-detail-footer>span{display:block;font-size:8px;margin-bottom:12px}.project-enquiry{padding:65px 7%}.navlinks{gap:18px}}
@media(prefers-reduced-motion:reduce){.project-track{will-change:auto}.project-card{transition:none}}

.project-detail{scroll-margin-top:0}