.msp-portfolio{color-scheme:light;--ink:#20292d;--muted:#687176;--line:#dce1e3}.msp-portfolio *{box-sizing:border-box}.msp-portfolio{scroll-behavior:smooth}.msp-portfolio{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Arial,sans-serif}.msp-portfolio button,.msp-portfolio a{-webkit-tap-highlight-color:transparent}.msp-portfolio a{color:inherit}.msp-portfolio header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.msp-portfolio .brand{font:23px Georgia,serif;text-decoration:none}.msp-portfolio .brand span{font:12px Arial,sans-serif;letter-spacing:3px;display:block;margin-top:3px}.msp-portfolio nav a{text-decoration:none;font-size:14px}.msp-portfolio .intro{margin:64px 5% 42px;display:flex;justify-content:space-between;align-items:end;gap:25px}.msp-portfolio .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.msp-portfolio h1{font:clamp(38px,5vw,70px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0}.msp-portfolio .intro p:last-child{max-width:310px;margin:0;color:var(--muted)}.msp-portfolio main{margin:0 5%}.msp-portfolio .featured{margin:0 0 52px}.msp-portfolio .photo{border:0;background:none;padding:0;display:block;width:100%;cursor:zoom-in}.msp-portfolio .photo img{display:block;width:100%;height:auto}.msp-portfolio .featured img{max-height:660px;object-fit:contain;background:#f5f6f7}.msp-portfolio .caption{display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:14px}.msp-portfolio .caption span{color:var(--muted)}.msp-portfolio .gallery-head{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;margin-bottom:30px;align-items:center}.msp-portfolio .gallery-head h2{font:28px Georgia,serif;margin:0}.msp-portfolio .gallery-head span{font-size:14px;color:var(--muted)}.msp-portfolio .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 36px;align-items:start}.msp-portfolio .grid figure{margin:0}.msp-portfolio .grid .photo{background:#f5f6f7;min-height:240px;display:flex;align-items:center;justify-content:center}.msp-portfolio .grid img{max-height:530px;object-fit:contain}.msp-portfolio .grid figure:nth-child(2n){margin-top:72px}.msp-portfolio footer{margin:80px 5% 0;border-top:1px solid var(--line);padding:25px 0 36px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.msp-portfolio dialog{border:0;padding:0;background:#101517;color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.msp-portfolio dialog::backdrop{background:#101517}.msp-portfolio dialog[open]{display:flex;flex-direction:column}.msp-portfolio .viewer-top{padding:20px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}.msp-portfolio .viewer-top button,.msp-portfolio .viewer-bottom button{background:transparent;border:1px solid #657176;color:#fff;border-radius:3px;padding:10px 17px;font-size:14px;cursor:pointer}.msp-portfolio .viewer-img{flex:1;min-height:0;width:100%;object-fit:contain;padding:0 5%}.msp-portfolio .viewer-bottom{display:flex;align-items:center;justify-content:center;gap:25px;padding:20px}.msp-portfolio .viewer-bottom span{font-size:14px}.msp-portfolio button:focus-visible,.msp-portfolio a:focus-visible{outline:3px solid #637b8c;outline-offset:5px}@media(max-width:650px){.msp-portfolio header{padding:22px 6%}.msp-portfolio .brand{font-size:20px}.msp-portfolio .intro{margin:40px 6% 28px;display:block}.msp-portfolio .intro p:last-child{margin-top:20px}.msp-portfolio main{margin:0 6%}.msp-portfolio .featured{margin-bottom:35px}.msp-portfolio .grid{grid-template-columns:1fr;gap:32px}.msp-portfolio .grid figure:nth-child(2n){margin-top:0}.msp-portfolio .grid .photo{min-height:0}.msp-portfolio .caption{font-size:14px}.msp-portfolio footer{margin:50px 6% 0;display:block}.msp-portfolio footer span{display:block;margin-top:7px}.msp-portfolio .viewer-img{padding:0 2%}.msp-portfolio .viewer-top{padding:16px 5%}}@media(prefers-reduced-motion:reduce){.msp-portfolio{scroll-behavior:auto}}

.msp-portfolio{display:block;width:100%;font:16px/1.5 Arial,sans-serif;color:#20292d;background:#fff}.msp-portfolio .photo{box-shadow:none;border-radius:0}.msp-portfolio dialog[open]{position:fixed;margin:auto}.msp-portfolio footer #year{display:inline;margin:0}.msp-portfolio h1,.msp-portfolio h2{color:#20292d;text-transform:none}.msp-portfolio figure{max-width:none}


.msp-portfolio .viewer-img{height:0;min-height:0;max-height:none;flex:1 1 0}.msp-portfolio .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:650px){.msp-portfolio .grid{grid-template-columns:minmax(0,1fr)}}