@font-face{font-family:"Lab Grotesque";src:url("assets/reference/fonts/mikematas.com/LabGrotesque-Regular-f96bc60367.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lab Grotesque";src:url("assets/reference/fonts/mikematas.com/LabGrotesque-Medium-4280e756a1.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Lab Grotesque";src:url("assets/reference/fonts/mikematas.com/LabGrotesque-Bold-aaeecb4fa3.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--paper:#f1efe8;--ink:#111417;--muted:#60635f;--line:rgba(17,20,23,.16);--green:#2e3c2f;--blue:#4e70ff;--gutter:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 "Lab Grotesque",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.shell{width:min(calc(100% - var(--gutter)*2),1440px);margin-inline:auto}.skip{position:absolute;top:10px;left:10px;transform:translateY(-150%);background:var(--ink);color:white;padding:10px 16px;z-index:10}.skip:focus{transform:none}.nav{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.03em}.back{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.back:hover,.source:hover{color:var(--blue)}.eyebrow{margin:0;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.hero{padding:clamp(80px,10vw,150px) 0 90px}.hero h1{font-weight:500;font-size:clamp(64px,10vw,150px);line-height:.88;letter-spacing:-.075em;margin:30px 0 45px;max-width:10ch}.hero p:last-child{font-size:clamp(21px,2.3vw,32px);line-height:1.25;letter-spacing:-.025em;max-width:35ch;margin:0}.feature{border-radius:32px;overflow:hidden;background:#d5d9d0}.feature img{width:100%;max-height:740px;object-fit:cover}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:clamp(40px,8vw,140px);padding:clamp(90px,12vw,170px) 0}.case-body h2{font-weight:500;font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0 0 32px}.case-body p:not(.eyebrow){font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#444942;max-width:52ch;margin:0 0 24px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:clamp(90px,12vw,170px)}.image-grid figure{margin:0;background:#e3e4df;border-radius:20px;overflow:hidden}.image-grid img{width:100%;height:100%;object-fit:cover}.image-grid figcaption{padding:14px 17px;background:var(--paper);font-size:13px;color:var(--muted)}.image-grid figure.wide{grid-column:span 2}.image-grid figure.wide img{aspect-ratio:1.6;object-fit:cover}.source-band{background:var(--green);color:white;border-radius:32px;padding:clamp(34px,5vw,72px);display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:100px}.source-band h2{font-weight:500;font-size:clamp(32px,4vw,58px);letter-spacing:-.05em;line-height:1;margin:16px 0 0;max-width:18ch}.source{display:inline-block;font-size:14px;font-weight:700;padding:14px 20px;border-radius:30px;background:white;color:var(--ink);white-space:nowrap}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 50px;color:var(--muted);font-size:13px}.archive-section{padding:105px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.archive-section h2{font-size:clamp(44px,7vw,96px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:18px 0 22px}.archive-section p:not(.eyebrow){font-size:20px;max-width:55ch;color:var(--muted);margin:0 0 35px}.archive-section img{width:100%;border-radius:24px}.archive-section .long-image{width:min(100%,960px);margin-inline:auto}.archive-section .source{margin-top:30px;background:var(--ink);color:white}.archive-section .source:hover{background:var(--blue);color:white}
@media(max-width:760px){.nav{height:72px}.hero{padding:95px 0 60px}.hero h1{font-size:clamp(55px,15vw,82px)}.feature{border-radius:20px}.case-body{display:block}.case-body .eyebrow{margin-bottom:30px}.image-grid{grid-template-columns:1fr}.image-grid figure.wide{grid-column:auto}.image-grid figure.wide img{aspect-ratio:auto}.source-band{display:block;border-radius:22px}.source{margin-top:35px}.archive-section{padding:75px 0}.archive-section h2{font-size:50px}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(44px,7vw,90px);padding-top:22px;border-top:1px solid var(--line)}
.project-fact span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.project-fact strong{display:block;max-width:30ch;font-size:15px;font-weight:500;line-height:1.35}
.case-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4vw,58px);padding:0 0 clamp(95px,12vw,165px)}
.case-highlight{border-top:1px solid var(--line);padding-top:20px}
.case-highlight .eyebrow{color:var(--blue)}
.case-highlight h2{font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.05em;margin:20px 0 14px}
.case-highlight p:not(.eyebrow){font-size:16px;line-height:1.5;color:#444942;max-width:38ch;margin:0}
.imicrobes-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:clamp(90px,12vw,170px)}
.imicrobes-gallery figure{min-width:0;margin:0;overflow:hidden;border-radius:20px;background:#e3e4df}
.imicrobes-gallery img{width:100%;height:auto}
.imicrobes-gallery figcaption{padding:14px 17px;background:var(--paper);font-size:13px;color:var(--muted)}
.canon-full-case{width:min(calc(100% - var(--gutter)*2),960px);margin:0 auto clamp(90px,12vw,170px);overflow:hidden;border-radius:20px;background:#111417}
.canon-full-case img{width:100%;height:auto}
.canon-full-case figcaption{padding:14px 17px;background:var(--paper);font-size:13px;color:var(--muted)}
@media(max-width:760px){.project-facts{grid-template-columns:1fr;gap:18px}.project-fact{display:grid;grid-template-columns:110px 1fr;gap:14px}.project-fact span{margin:0}.case-highlights{grid-template-columns:1fr;gap:35px}.case-highlight h2{font-size:35px}.imicrobes-gallery{grid-template-columns:1fr}.imicrobes-gallery figure{border-radius:14px}.canon-full-case{width:calc(100% - var(--gutter)*2);border-radius:14px}}

.full-pages{margin-bottom:clamp(90px,12vw,170px)}
.full-pages-intro{display:grid;grid-template-columns:1fr 2fr;gap:clamp(40px,8vw,140px);margin-bottom:48px}
.full-pages-intro h2{font-weight:500;font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0 0 18px}
.full-pages-intro>div>p{font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#444942;max-width:52ch;margin:0}
.full-page-home,.full-page-grid figure{margin:0;overflow:hidden;border-radius:20px;background:#e3e4df}
.full-page-home{width:min(100%,760px);margin:0 auto clamp(48px,8vw,100px)}
.full-page-home img,.full-page-grid img{width:100%;height:auto}
.full-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}
.full-page-home figcaption,.full-page-grid figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;background:var(--paper);font-size:13px;color:var(--muted)}
.full-page-home figcaption span:first-child,.full-page-grid figcaption span:first-child{color:var(--ink);font-weight:500}
@media(max-width:760px){.full-pages-intro{display:block;margin-bottom:32px}.full-pages-intro>.eyebrow{margin-bottom:30px}.full-page-home{width:100%;border-radius:14px}.full-page-grid{grid-template-columns:1fr;gap:18px}.full-page-grid figure{border-radius:14px}}

.digital-photographer-gallery{margin-bottom:clamp(90px,12vw,170px)}
.digital-gallery-head{display:grid;grid-template-columns:1fr 2fr;gap:clamp(40px,8vw,140px);margin-bottom:48px}
.digital-gallery-head h2{font-weight:500;font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0 0 18px}
.digital-gallery-head>div>p{font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#444942;max-width:52ch;margin:0}
.digital-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.digital-gallery-grid figure{min-width:0;margin:0;overflow:hidden;border-radius:20px;background:#e3e4df}
.digital-gallery-grid img{width:100%;height:auto}
@media(max-width:760px){.digital-gallery-head{display:block;margin-bottom:32px}.digital-gallery-head>.eyebrow{margin-bottom:30px}.digital-gallery-grid{grid-template-columns:1fr;gap:18px}.digital-gallery-grid figure{border-radius:14px}}