.featured-work{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}.featured-image{height:510px;position:relative;overflow:hidden}.featured-image img{transition:transform .6s}.featured-image:hover img{transform:scale(1.025)}.featured-image>span{position:absolute;left:20px;bottom:20px;background:#26372dec;color:white;font-size:10px;padding:7px 14px}.featured-copy h3{font:34px/1.7 var(--serif);margin:18px 0}.featured-copy>p{font-size:13px;line-height:2.3}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.work-tags span{font-size:10px;padding:4px 10px;border:1px solid #a2af9c}.mini-spec{font-size:11px;margin:25px 0}.mini-spec div{border-top:1px solid #bcc5b5;padding:10px 0}.mini-spec dt{color:var(--muted)}.mini-spec dd{margin:3px 0}.works-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px}.works-footer .caption{max-width:430px}.case-story{padding:0 0 90px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 25px}.story-grid article{border-top:1px solid var(--line);padding-top:20px}.story-grid span{font-size:10px;color:var(--muted)}.story-grid h3{font:24px/1.7 var(--serif)}.story-grid p{font-size:13px}.archive-intro{padding:75px 0 35px}.archive-intro h1{font:48px/1.6 var(--serif);margin:20px 0}.archive-case{padding:25px 0 90px}.photo-section{padding:85px 0;background:#e5e7de}.photo-filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.photo-filters button{padding:10px 20px;background:none;border:1px solid #a6b19f;color:var(--ink);cursor:pointer}.photo-filters button[aria-pressed=true]{background:var(--ink);color:white}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.photo-card{margin:0}.photo-card[hidden]{display:none}.photo-card button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative}.photo-card img{height:290px}.photo-card button span{position:absolute;right:15px;bottom:15px;width:30px;height:30px;border-radius:50%;background:#fffdf2df;display:grid;place-items:center;color:var(--ink)}.photo-card figcaption{padding:12px 0;font-size:11px;line-height:1.8}.photo-card figcaption small{color:var(--muted)}.photo-count{font-size:11px;color:var(--muted)}.gallery-modal{width:min(1100px,94vw);max-height:94svh;padding:20px;background:#f2f0e9;border:0;color:var(--ink)}.gallery-modal::backdrop{background:#09140fed}.gallery-modal img{height:auto;max-height:72svh;object-fit:contain}.gallery-modal .modal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:12px}.gallery-modal button{border:1px solid #8b9983;background:none;padding:8px 16px;cursor:pointer}.modal-controls{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.gallery-modal p{font-size:11px}.daycycle{padding:0 0 90px}.daycycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.daycycle-grid figure{margin:0}.daycycle-grid img{height:230px}.daycycle-grid figcaption{padding:12px 0;font-size:11px;letter-spacing:.08em;display:flex;align-items:baseline;gap:10px}.daycycle-grid figcaption span{font-family:var(--serif);font-size:13px;color:var(--muted)}.case-inquiry{padding:70px 0}.case-inquiry>div{max-width:680px;margin:auto}.photo-section:focus{outline:0}@media(max-width:680px){.featured-work{display:block}.featured-image{height:320px;display:block}.featured-copy{padding-top:25px}.featured-copy h3{font-size:30px}.works-footer{display:block}.works-footer .textlink{gap:20px;font-size:11px}.story-grid{display:block}.story-grid article{margin-bottom:30px}.case-story{padding-bottom:45px}.archive-intro{padding-top:45px}.archive-intro h1{font-size:36px}.archive-case{padding-bottom:60px}.photo-section{padding:60px 0}.photo-grid{grid-template-columns:1fr;gap:25px}.photo-card img{height:320px}.daycycle-grid{grid-template-columns:repeat(2,1fr);gap:14px}.daycycle-grid img{height:180px}.photo-filters{gap:7px}.photo-filters button{padding:8px 15px;font-size:11px}.gallery-modal{padding:14px}.gallery-modal img{max-height:65svh}.gallery-modal .modal-top{font-size:10px}.case-inquiry{padding:50px 0}}
