.portfolio-page{background:#f3f1ec}.portfolio-header{padding:18px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d2cb}.portfolio-header .brand-image{filter:none;width:85px;height:72px}.portfolio-header nav{display:flex;gap:35px;font-size:11px}.portfolio-intro{padding:90px 7% 65px}.portfolio-intro h1{font-size:clamp(80px,10vw,150px);margin-top:28px;line-height:.98}.portfolio-intro>p:not(.eyebrow){max-width:380px;font-size:12px;color:#686762;margin-top:30px;line-height:1.9}.portfolio-intro .filters{margin-top:45px}.portfolio-collection{padding:0 5%;columns:3;column-gap:24px}.portfolio-item{break-inside:avoid;margin:0 0 30px}.portfolio-photo{display:block;padding:0;background:none;border:0;width:100%;cursor:zoom-in}.portfolio-photo img{width:100%;height:auto;filter:none}.portfolio-item video{width:100%;background:#171717;display:block}.portfolio-item figcaption{display:flex;justify-content:space-between;font-size:10px;gap:15px;padding-top:11px}.portfolio-item figcaption small{font-size:8px;color:#686762}.portfolio-empty{font-size:12px;color:#686762;padding:20px 7% 60px}.portfolio-outro{padding:100px 7%;text-align:center;border-top:1px solid #d5d2cb;margin-top:50px}.portfolio-outro h2{font-size:90px;margin-top:30px}.portfolio-outro .text-link{justify-content:center}.portfolio-footer{padding:25px 5%;background:#171717;color:#f3f1ec;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.1em}#portfolio-dialog{border:0;background:#171717;color:#f3f1ec;padding:35px 20px 20px;max-width:96vw;max-height:95svh}#portfolio-dialog::backdrop{background:#000d}#portfolio-large{width:auto;max-width:90vw;max-height:78svh;object-fit:contain}#portfolio-caption{font-size:11px;text-align:center;margin-top:15px}#close-portfolio{position:absolute;top:0;right:7px;color:white;font-size:28px;line-height:1;padding:8px}@media(max-width:850px){.portfolio-collection{columns:2;column-gap:18px}.portfolio-header nav{gap:22px}.portfolio-outro h2{font-size:75px}}@media(max-width:550px){.portfolio-header{padding:16px 6%}.portfolio-header .brand-image{width:65px;height:56px}.portfolio-header nav{gap:15px;font-size:9px}.portfolio-header nav a:first-child{display:none}.portfolio-intro{padding:60px 7% 45px}.portfolio-intro h1{font-size:93px}.portfolio-intro .eyebrow{font-size:8px}.portfolio-collection{padding:0 6%;columns:1}.portfolio-item{margin-bottom:28px}.portfolio-outro{padding:65px 7%}.portfolio-outro h2{font-size:66px}.portfolio-footer{font-size:6px;gap:15px}}