.portfolio-hero{padding:155px 12vw 70px;background:#171715;color:#f1eee8}.portfolio-hero h1{font:400 clamp(58px,7vw,94px)/1.02 var(--serif);letter-spacing:-2px;margin:0 0 22px}.portfolio-hero h1 em{color:#c8b69d}.portfolio-hero>p:not(.eyebrow){max-width:530px;color:#d4d0c8}.portfolio-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.portfolio-jump a{font-size:11px;padding:9px 13px;border:1px solid #69645c;color:#eee9e1;transition:background .2s,color .2s}.portfolio-jump a:hover,.portfolio-jump a:focus-visible{background:#eee9e1;color:#171715}.portfolio-section{padding-top:85px;padding-bottom:90px}.portfolio-section:nth-of-type(odd){background:#e7e2d9}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.portfolio-heading h2{font-size:clamp(42px,5vw,66px);margin:0}.portfolio-heading>p{max-width:360px;color:#69645e;font-size:13px}.portfolio-grid{columns:3;column-gap:14px}.portfolio-grid figure{position:relative;display:inline-block;width:100%;margin:0 0 14px;background:#d2c9bc;overflow:hidden;break-inside:avoid;cursor:zoom-in}.portfolio-grid img{width:100%;height:auto;transition:transform .5s}.portfolio-grid figure:hover img{transform:scale(1.025)}.portfolio-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 16px 13px;color:white;font-size:11px;letter-spacing:.5px;background:linear-gradient(transparent,#0009);pointer-events:none}.portfolio-next{background:#171715;color:#f1eee8}.portfolio-next h2{font-size:clamp(44px,5vw,68px)}.portfolio-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portfolio-next-grid>a{position:relative;height:320px;overflow:hidden}.portfolio-next-grid img{transition:transform .5s}.portfolio-next-grid>a:hover img{transform:scale(1.03)}.portfolio-next-grid span{position:absolute;left:18px;right:18px;bottom:18px;color:white;display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:1px}.portfolio-next-grid span b{font-size:18px;font-weight:400}.gallery-lightbox{position:fixed;inset:0;margin:auto;width:min(94vw,1100px);max-width:none;height:min(92vh,900px);max-height:none;padding:56px 64px 28px;border:0;background:#171715;color:#f1eee8;overflow:hidden}.gallery-lightbox::backdrop{background:#080807eF}.gallery-lightbox figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.gallery-lightbox img{max-width:100%;max-height:calc(100% - 34px);width:auto;height:auto;object-fit:contain}.gallery-lightbox figcaption{padding-top:12px;color:#d4d0c8;font-size:12px;letter-spacing:.4px}.lightbox-close,.lightbox-arrow{position:absolute;border:1px solid #ffffff60;background:#171715;color:#fff;cursor:pointer}.lightbox-close{top:14px;right:16px;padding:9px 12px;font-size:12px}.lightbox-close span{font-size:18px;margin-left:5px}.lightbox-arrow{top:50%;transform:translateY(-50%);width:42px;height:54px;font-size:30px;line-height:1}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close:hover,.lightbox-arrow:hover{background:#c8b69d;color:#171715}
@media(max-width:900px){.portfolio-grid{columns:2}}
@media(max-width:760px){.portfolio-hero{padding:125px 7vw 55px}.portfolio-hero h1{font-size:58px}.portfolio-jump{gap:7px}.portfolio-jump a{font-size:10px;padding:8px 9px}.portfolio-section{padding-top:65px;padding-bottom:65px}.portfolio-heading{display:block;margin-bottom:25px}.portfolio-heading>p{margin-top:14px}.portfolio-grid{columns:2;column-gap:8px}.portfolio-grid figure{margin-bottom:8px}.portfolio-grid figcaption{padding:28px 9px 9px;font-size:10px}.portfolio-next-grid{grid-template-columns:1fr}.portfolio-next-grid>a{height:260px}.gallery-lightbox{width:100vw;height:100dvh;padding:60px 44px 20px}.lightbox-arrow{width:34px;height:46px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}
