.portfolio-page{--ink:#171613;--paper:#d9d0c1;--cream:#eee8dc;--line:#17161340;background:var(--paper);color:var(--ink)}.portfolio-nav{justify-content:space-between;align-items:center;height:104px;padding:0 4.2vw;display:flex}.portfolio-brand{align-items:center;gap:18px;display:flex}.portfolio-brand b{letter-spacing:-.08em;font:400 35px/1 Georgia,serif}.portfolio-brand span,.portfolio-nav nav a,.portfolio-home{letter-spacing:.17em;text-transform:uppercase;font-size:8px}.portfolio-nav nav{gap:30px;display:flex}.portfolio-nav nav a{padding-bottom:8px}.portfolio-nav nav .active{border-bottom:1px solid}.portfolio-hero{box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 104px);padding:70px 4.2vw 48px;display:flex}.portfolio-hero>p,.portfolio-heading,.portfolio-statement span{letter-spacing:.19em;text-transform:uppercase;font-size:8px}.portfolio-hero h1{letter-spacing:-.065em;margin:8vh 0;font:400 clamp(82px,11vw,176px)/.76 Georgia,serif}.portfolio-hero h1 em{margin-left:18vw;font-weight:400;display:block}.portfolio-hero>div{border-top:1px solid var(--line);grid-template-columns:1fr 420px;gap:10vw;padding-top:23px;display:grid}.portfolio-hero>div span{font:18px Georgia,serif}.portfolio-hero>div p{margin:0;font-size:12px;line-height:1.7}.portfolio-list{padding:80px 4.2vw 150px}.portfolio-heading{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;display:flex}.portfolio-heading p{margin:0}.portfolio-filters{justify-content:flex-end;gap:10px;margin:65px 0;display:flex}.portfolio-filters button{border:1px solid var(--line);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:30px;padding:12px 22px;font-size:8px}.portfolio-filters button.active{background:var(--ink);color:var(--cream)}.portfolio-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:26px 18px;display:grid}.portfolio-card{grid-column:span 6;margin-bottom:90px}.portfolio-card.card-1,.portfolio-card.card-2{grid-column:span 5}.portfolio-card.card-1{grid-column-start:8;margin-top:150px}.portfolio-card.card-3{grid-column:2/span 9}.portfolio-image{background:#222;height:48vw;max-height:750px;position:relative;overflow:hidden}.portfolio-image:after{content:"";opacity:0;background:linear-gradient(#0000 55%,#0000007a);transition:all .45s;position:absolute;inset:0}.portfolio-image img{object-fit:cover;filter:saturate(.76);width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.portfolio-image>span{z-index:1;color:#fff;letter-spacing:.15em;text-transform:uppercase;opacity:0;font-size:8px;transition:all .4s;position:absolute;bottom:20px;right:22px}.portfolio-card:hover .portfolio-image img{transform:scale(1.025)}.portfolio-card:hover .portfolio-image:after,.portfolio-card:hover .portfolio-image>span{opacity:1}.portfolio-meta{grid-template-columns:45px 1fr auto;gap:15px;padding-top:20px;display:grid}.portfolio-meta small{letter-spacing:.16em;font-size:8px}.portfolio-meta h2{margin:0;font:400 clamp(28px,3vw,48px)/1 Georgia,serif}.portfolio-meta p{text-align:right;letter-spacing:.12em;text-transform:uppercase;margin:3px 0 0;font-size:8px;line-height:1.7}.portfolio-statement{color:#fff;height:100svh;min-height:700px;position:relative;overflow:hidden}.portfolio-statement:after{content:"";background:linear-gradient(90deg,#000000ad,#0000000a);position:absolute;inset:0}.portfolio-statement>img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.portfolio-statement>div{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 4.2vw;display:flex;position:absolute;inset:0}.portfolio-statement h2{letter-spacing:-.055em;margin:65px 0;font:400 clamp(62px,7.5vw,120px)/.85 Georgia,serif}.portfolio-statement h2 em{font-weight:400}.portfolio-statement a{letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:10px;font-size:9px}.portfolio-footer{color:var(--cream);background:#171715;grid-template-columns:1fr 1fr 1fr auto;gap:5vw;padding:55px 4.2vw 35px;display:grid}.portfolio-footer>b{font:400 55px Georgia,serif}.portfolio-footer div{flex-direction:column;gap:10px;display:flex}.portfolio-footer span,.portfolio-footer p{letter-spacing:.16em;text-transform:uppercase;color:#8f8a80;font-size:8px}.portfolio-footer a{font-size:10px}@media (max-width:760px){.portfolio-nav{height:82px;padding:0 22px}.portfolio-brand span,.portfolio-nav nav{display:none}.portfolio-hero{min-height:calc(100svh - 82px);padding:55px 22px 40px}.portfolio-hero h1{font-size:20vw}.portfolio-hero>div{display:block}.portfolio-hero>div span{margin-bottom:25px;display:block}.portfolio-list{padding:70px 22px 95px}.portfolio-filters{justify-content:flex-start;margin:45px 0;overflow:auto}.portfolio-grid{display:block}.portfolio-card,.portfolio-card.card-1,.portfolio-card.card-2,.portfolio-card.card-3{margin:0 0 80px;display:block}.portfolio-image{height:125vw}.portfolio-meta{grid-template-columns:30px 1fr}.portfolio-meta p{text-align:left;grid-column:2}.portfolio-statement{height:125vw;min-height:650px}.portfolio-statement>div{padding:70px 22px}.portfolio-statement h2{font-size:16vw}.portfolio-footer{grid-template-columns:1fr 1fr}.portfolio-footer>b,.portfolio-footer p{grid-column:1/-1}}.portfolio-nav{z-index:5;color:#eee8dc;position:absolute;left:0;right:0}.portfolio-hero{color:#eee8dc;background:linear-gradient(100deg,#000000c7,#00000014 68%),linear-gradient(#0000 45%,#000000ab),url(/projects/aurum-cover.jpg) 50%/cover;position:relative;overflow:hidden;min-height:100svh!important;padding:145px 4.2vw 48px!important}.portfolio-hero:before{content:"";z-index:1;box-sizing:border-box;background:url(/projects/maison-3.jpg) 50%/cover;border:9px solid #e0d7c8f0;width:min(21vw,330px);height:min(29vw,440px);position:absolute;top:18vh;right:5vw;transform:rotate(1.5deg);box-shadow:0 24px 70px #00000061}.portfolio-hero:after{content:"DETAIL / MATERIAL / LIGHT";z-index:2;box-sizing:border-box;color:#171613;letter-spacing:.16em;text-transform:uppercase;transform-origin:100% 100%;background:#e0d7c8f0;width:calc(min(21vw,330px) - 18px);padding:8px 7px;font-size:7px;position:absolute;top:calc(18vh + min(29vw,440px) - 28px);right:calc(5vw + 9px);transform:rotate(1.5deg)}.portfolio-hero>p,.portfolio-hero>h1,.portfolio-hero>div{z-index:3;position:relative}.portfolio-hero>div{border-color:#ffffff6b!important}.portfolio-hero>p{align-items:center;gap:14px;display:flex}.portfolio-hero>p:before{content:"";background:currentColor;width:34px;height:1px}.portfolio-hero h1{text-shadow:0 6px 35px #0000002e}.portfolio-hero h1 em{position:relative}.portfolio-hero h1 em:after{content:"07 PROJECTS";letter-spacing:.18em;white-space:nowrap;font:7px Arial,sans-serif;position:absolute;bottom:13px;right:-115px}@media (max-width:760px){.portfolio-nav{height:82px;padding:0 22px}.portfolio-hero{padding:115px 22px 45px!important}.portfolio-hero:before{border-width:6px;width:31vw;height:43vw;top:18vh;right:18px}.portfolio-hero:after{width:calc(31vw - 12px);padding:6px 4px;font-size:5px;top:calc(18vh + 43vw - 23px);right:24px}.portfolio-hero h1 em:after{display:none}}