.portfolio-archive-page{background:#f4f1eb;color:#171716;}.portfolio-archive-page .inner-navbar{width:100%;max-width:none;margin:0;padding-left:max(24px,5vw);padding-right:max(24px,5vw);background:#111110;border-bottom-color:rgba(255,255,255,0.1);}.portfolio-archive-page .inner-navbar__brand span{max-width:250px;}.portfolio-page-header{width:100%;max-width:none;margin:0;background:#111110;}.portfolio-hero{position:relative;width:100%;overflow:hidden;background:#f4f1eb;color:#171716;border-bottom:1px solid rgba(23,23,22,0.12);}.portfolio-hero::after{content:"";position:absolute;top:0;right:0;width:min(38vw,620px);height:100%;pointer-events:none;background:linear-gradient( 135deg,transparent 0%,rgba(185,154,95,0.055) 100% );}.portfolio-hero__inner{position:relative;z-index:1;width:min(1540px,calc(100% - 10vw));min-height:clamp(360px,40vw,440px);margin:0 auto;padding:clamp(72px,7vw,118px) 0 clamp(68px,7vw,108px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,0.55fr);align-items:end;gap:clamp(60px,8vw,140px);}.portfolio-kicker{margin:0 0 18px;color:#8a847b;font-size:0.66rem;font-weight:800;line-height:1.3;letter-spacing:0.2em;text-transform:uppercase;}.portfolio-kicker--dark{color:#918b82;}.portfolio-kicker--light{color:rgba(255,255,255,0.48);}.portfolio-hero__copy h1{max-width:900px;margin:0;font-size:clamp(3.2rem,6.1vw,6.6rem);font-weight:600;line-height:0.94;letter-spacing:-0.058em;text-wrap:balance;}.portfolio-hero__aside{max-width:500px;padding-bottom:4px;}.portfolio-hero__aside>p{margin:0;color:#625f59;font-size:clamp(0.95rem,1.15vw,1.08rem);line-height:1.82;}.portfolio-hero__meta{margin-top:34px;padding-top:24px;display:flex;gap:44px;border-top:1px solid rgba(23,23,22,0.15);}.portfolio-hero__meta>span{display:grid;gap:7px;color:#8e8981;font-size:0.62rem;font-weight:800;letter-spacing:0.09em;text-transform:uppercase;}.portfolio-hero__meta strong{color:#171716;font-size:1.7rem;font-weight:600;line-height:1;}.portfolio-main{width:100%;background:#f4f1eb;}.portfolio-browser{padding:clamp(70px,7vw,110px) max(24px,5vw) clamp(100px,10vw,160px);}.portfolio-browser__inner{width:min(1540px,100%);margin:0 auto;}.portfolio-toolbar{margin-bottom:clamp(48px,5vw,76px);padding-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:50px;border-bottom:1px solid rgba(23,23,22,0.14);}.portfolio-toolbar__heading h2{max-width:720px;margin:0;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:600;line-height:1;letter-spacing:-0.045em;}.portfolio-filters-v2{min-width:0;display:flex;justify-content:flex-end;gap:8px;overflow-x:auto;scrollbar-width:none;}.portfolio-filters-v2::-webkit-scrollbar{display:none;}.portfolio-filter-v2{flex:0 0 auto;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(23,23,22,0.16);border-radius:999px;background:transparent;color:#5e5a54;font-size:0.7rem;font-weight:800;letter-spacing:0.035em;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease;}.portfolio-filter-v2:hover,.portfolio-filter-v2:focus-visible{border-color:#171716;color:#171716;transform:translateY(-1px);}.portfolio-filter-v2.is-active{border-color:#171716;background:#171716;color:#fff;}.portfolio-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(60px,6vw,92px) clamp(26px,3vw,48px);}.portfolio-card-v2{min-width:0;height:100%;}.portfolio-card-v2__link{height:100%;display:flex;flex-direction:column;color:#171716;}.portfolio-card-v2__media{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background:#d9d4ca;}.portfolio-card-v2__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.001);transition:transform 650ms cubic-bezier(0.22,1,0.36,1);}.portfolio-card-v2__overlay{position:absolute;inset:0;background:linear-gradient( 180deg,rgba(0,0,0,0.01) 45%,rgba(0,0,0,0.38) 100% );opacity:0.66;transition:opacity 240ms ease;}.portfolio-card-v2__index{position:absolute;left:18px;bottom:17px;color:rgba(255,255,255,0.72);font-size:0.62rem;font-weight:800;letter-spacing:0.12em;}.portfolio-card-v2__view{position:absolute;right:18px;bottom:16px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;border-radius:999px;background:rgba(16,16,15,0.72);color:#fff;font-size:0.66rem;font-weight:800;backdrop-filter:blur(10px);opacity:0;transform:translateY(7px);transition:opacity 220ms ease,transform 220ms ease,background 220ms ease;}.portfolio-card-v2__body{flex:1;padding:22px 1px 0;display:flex;flex-direction:column;}.portfolio-card-v2__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8c867e;font-size:0.64rem;font-weight:800;line-height:1.3;letter-spacing:0.1em;text-transform:uppercase;}.portfolio-card-v2__meta time{flex:0 0 auto;color:#9a958d;}.portfolio-card-v2__body h3{margin:11px 0 0;font-size:clamp(1.75rem,2.7vw,2.8rem);font-weight:600;line-height:1.02;letter-spacing:-0.04em;}.portfolio-card-v2__body>p{max-width:640px;min-height:3.4em;margin:15px 0 0;color:#6e6a64;font-size:0.88rem;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.portfolio-card-v2__action{width:fit-content;margin-top:auto;padding-top:20px;padding-bottom:5px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(23,23,22,0.3);color:#171716;font-size:0.72rem;font-weight:800;}.portfolio-card-v2__action>span{transition:transform 180ms ease;}.portfolio-card-v2__link:hover .portfolio-card-v2__media img,.portfolio-card-v2__link:focus-visible .portfolio-card-v2__media img{transform:scale(1.035);}.portfolio-card-v2__link:hover .portfolio-card-v2__overlay,.portfolio-card-v2__link:focus-visible .portfolio-card-v2__overlay{opacity:0.9;}.portfolio-card-v2__link:hover .portfolio-card-v2__view,.portfolio-card-v2__link:focus-visible .portfolio-card-v2__view{opacity:1;transform:translateY(0);}.portfolio-card-v2__link:hover .portfolio-card-v2__action>span,.portfolio-card-v2__link:focus-visible .portfolio-card-v2__action>span{transform:translateX(4px);}.portfolio-empty-v2{max-width:760px;padding:clamp(50px,6vw,90px) 0;}.portfolio-empty-v2>span{color:#958f86;font-size:0.66rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;}.portfolio-empty-v2 h2{margin:14px 0 0;font-size:clamp(2.3rem,4vw,4.3rem);line-height:1;letter-spacing:-0.045em;}.portfolio-empty-v2 p{max-width:560px;margin:22px 0 0;color:#6d6963;line-height:1.75;}.portfolio-empty-v2 .button{margin-top:28px;}.portfolio-closing{width:100%;padding:clamp(78px,8vw,125px) max(24px,5vw);background:#141413;color:#fff;}.portfolio-closing__inner{width:min(1540px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,0.52fr);gap:clamp(60px,8vw,130px);align-items:end;}.portfolio-closing h2{max-width:880px;margin:0;font-size:clamp(2.8rem,5vw,5.3rem);font-weight:600;line-height:0.98;letter-spacing:-0.05em;}.portfolio-closing__aside>p{margin:0;color:rgba(255,255,255,0.6);font-size:0.92rem;line-height:1.8;}.portfolio-closing__actions{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:22px;}.portfolio-inline-link{display:inline-flex;align-items:center;gap:9px;padding:8px 0 6px;border-bottom:1px solid rgba(255,255,255,0.32);color:#fff;font-size:0.73rem;font-weight:800;}.portfolio-inline-link span{transition:transform 180ms ease;}.portfolio-inline-link:hover span,.portfolio-inline-link:focus-visible span{transform:translate(2px,-2px);}@media (max-width:1100px){.portfolio-hero__inner{grid-template-columns:minmax(0,1fr) minmax(280px,0.52fr);gap:52px;}.portfolio-hero__copy h1{font-size:clamp(3.2rem,7vw,5.6rem);}.portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:28px;}.portfolio-filters-v2{width:100%;justify-content:flex-start;}.portfolio-closing__inner{grid-template-columns:1fr;gap:42px;}.portfolio-closing__aside{max-width:650px;}}@media (max-width:850px){.portfolio-archive-page .inner-navbar{padding-left:max(18px,5vw);padding-right:max(18px,5vw);}.portfolio-hero__inner{width:calc(100% - 10vw);min-height:auto;padding-top:76px;padding-bottom:72px;grid-template-columns:1fr;align-items:start;gap:34px;}.portfolio-hero__aside{max-width:650px;}.portfolio-hero__meta{width:fit-content;}.portfolio-grid-v2{grid-template-columns:1fr;gap:58px;}.portfolio-card-v2__media{aspect-ratio:16 / 10;}.portfolio-card-v2__body>p{min-height:0;}.portfolio-card-v2__action{margin-top:18px;}.portfolio-card-v2__view{opacity:1;transform:none;}}@media (max-width:600px){.portfolio-hero::after{display:none;}.portfolio-hero__inner{width:calc(100% - 40px);padding-top:58px;padding-bottom:58px;}.portfolio-kicker{margin-bottom:14px;font-size:0.61rem;}.portfolio-hero__copy h1{font-size:clamp(2.8rem,13.7vw,4.3rem);line-height:0.94;}.portfolio-hero__aside>p{font-size:0.93rem;line-height:1.72;}.portfolio-hero__meta{width:100%;margin-top:25px;gap:0;}.portfolio-hero__meta>span{flex:1;padding-right:20px;}.portfolio-hero__meta>span + span{padding-left:20px;border-left:1px solid rgba(23,23,22,0.12);}.portfolio-browser{padding:64px 20px 92px;}.portfolio-toolbar{margin-bottom:42px;padding-bottom:23px;}.portfolio-toolbar__heading h2{font-size:clamp(2.1rem,9vw,3rem);}.portfolio-filters-v2{margin-right:-20px;padding-right:20px;}.portfolio-filter-v2{min-height:39px;padding:0 14px;font-size:0.65rem;}.portfolio-card-v2__media{aspect-ratio:4 / 3;}.portfolio-card-v2__view{right:12px;bottom:12px;min-height:35px;padding:0 11px;font-size:0.61rem;}.portfolio-card-v2__index{left:13px;bottom:13px;}.portfolio-card-v2__body{padding-top:18px;}.portfolio-card-v2__meta{gap:10px;font-size:0.59rem;}.portfolio-card-v2__body h3{margin-top:9px;font-size:clamp(1.9rem,9vw,2.55rem);}.portfolio-card-v2__body>p{margin-top:12px;font-size:0.84rem;}.portfolio-closing{padding:76px 20px;}.portfolio-closing h2{font-size:clamp(2.6rem,12vw,3.8rem);}.portfolio-closing__actions{align-items:stretch;flex-direction:column;}.portfolio-closing__actions .button{width:100%;}.portfolio-inline-link{width:fit-content;}}@media (prefers-reduced-motion:reduce){.portfolio-card-v2__media img,.portfolio-card-v2__view,.portfolio-card-v2__action>span,.portfolio-filter-v2,.portfolio-inline-link span{transition:none !important;}}