:root{--ink:#141414;--bg:#f0efea;--marsala:#7B2436;--line:#c8c5be}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:74px;padding:0 4.5vw;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#f0efeaf2;backdrop-filter:blur(10px);z-index:5}.logo{color:var(--ink);font-size:21px;letter-spacing:2px;font-weight:800;text-decoration:none}.logo span{color:var(--marsala)}nav{display:flex;align-items:center;gap:25px}nav a{font-size:10px;letter-spacing:1.2px;font-weight:800;color:var(--ink);text-decoration:none}.btn{padding:10px 13px;border:2px solid var(--ink)}.hero{min-height:670px;padding:9vw 4.5vw 50px;background:var(--marsala);display:flex;flex-direction:column;justify-content:space-between}.hero>span,small{font-size:10px;font-weight:800;letter-spacing:1.4px}.hero h1{font:800 clamp(65px,11vw,170px)/.78 Manrope,Arial;letter-spacing:-10px;margin:25px 0}.hero h1 i{font:500 clamp(52px,9vw,140px)/.7 "Playfair Display",serif;letter-spacing:-7px}.hero p{border-top:2px solid;padding-top:20px;max-width:370px;font-size:14px;line-height:1.6;font-weight:600}.manifest{padding:130px 4.5vw;display:grid;grid-template-columns:25% 1fr;gap:30px;border-bottom:2px solid}.manifest h2,.contact h2{font:500 clamp(38px,6vw,88px)/1 "Playfair Display",serif;letter-spacing:-3px;margin:0;max-width:1000px}.manifest h2 b,.contact h2 b{font:800 .92em Manrope,Arial;letter-spacing:-5px}.manifest p{max-width:460px;line-height:1.8;color:#555;font-size:14px;margin:38px 0 0}.featured{background:var(--ink);color:var(--bg);padding:90px 4.5vw}.section-head,.filters{padding-bottom:20px;border-bottom:1px solid #777;display:flex;justify-content:space-between;align-items:center}.section-head a{font-size:10px;font-weight:800;letter-spacing:1.2px;color:white}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.tile{height:430px;position:relative;overflow:hidden;text-decoration:none;color:#fff}.tile img,.card img{width:100%;height:100%;object-fit:cover}.tile:after,.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.tile span,.caption{position:absolute;left:22px;bottom:22px;z-index:1}.tile b,.caption b{display:block;font:500 31px "Playfair Display",serif;margin-top:7px}.contact{padding:115px 4.5vw;background:var(--marsala)}.contact h2{margin-top:35px}.contact a{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:2px solid;margin-top:43px;padding-bottom:7px;font-weight:800}footer{padding:24px 4.5vw;border-top:2px solid;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.2px}.portfolio-intro{padding:75px 4.5vw 45px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.portfolio-intro h1{font:800 clamp(56px,10vw,150px)/.77 Manrope,Arial;letter-spacing:-9px;margin:0}.portfolio-intro h1 i{font:500 .62em "Playfair Display",serif;letter-spacing:-6px}.portfolio-intro p{max-width:330px;line-height:1.7;font-size:13px}.catalog{padding:0 4.5vw 100px}.filters{position:sticky;top:74px;z-index:3;background:var(--bg);gap:25px;padding:17px 0}.filters button{border:0;background:none;padding:0;cursor:pointer;font:800 10px Manrope,Arial;letter-spacing:1.1px;color:#777}.filters button.active{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.filters b{margin-left:auto;color:var(--marsala);font-size:11px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:22px}.card{height:405px;grid-column:span 4;position:relative;overflow:hidden;color:white;text-decoration:none;background:#30302f}.card:nth-child(4n+2){grid-column:span 8}.card:nth-child(4n+3),.card:nth-child(4n+4){height:375px;grid-column:span 6}.number{position:absolute;right:15px;top:15px;background:var(--bg);color:var(--marsala);padding:5px 7px;font-size:11px;font-weight:800;z-index:1}.card[hidden]{display:none}.project-page{padding:55px 4.5vw 100px}.back{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--ink);text-decoration:none}.project-title{margin-top:70px;border-bottom:2px solid;padding-bottom:55px}.project-title h1{font:500 clamp(55px,9vw,140px)/.8 "Playfair Display",serif;letter-spacing:-6px;margin:30px 0}.project-title p{max-width:500px;line-height:1.7}.project-gallery{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project-gallery img{width:100%;min-height:340px;object-fit:cover}.project-gallery img:first-child{grid-column:span 2;max-height:720px}@media(max-width:700px){.nav{height:62px}.nav a:not(.btn){display:none}.hero{min-height:610px;padding:22vw 5vw 30px}.hero h1{font-size:72px;letter-spacing:-6px}.manifest,.portfolio-intro{display:block;padding:80px 5vw}.manifest h2{margin-top:28px;font-size:45px}.featured,.contact{padding:75px 5vw}.tiles{display:block}.tile{display:block;margin-bottom:8px}.portfolio-intro h1{font-size:65px;letter-spacing:-5px}.catalog{padding:0 2vw 70px}.filters{top:62px;padding-left:3vw;padding-right:3vw;overflow-x:auto;gap:16px}.grid{display:block}.card,.card:nth-child(n){display:block;height:400px;margin-bottom:8px}.project-page{padding:35px 5vw 70px}.project-title h1{font-size:60px}.project-gallery{display:block}.project-gallery img,.project-gallery img:first-child{display:block;width:100%;min-height:0;margin-bottom:8px}footer span:last-child{display:none}}
.portfolio-intro{background:var(--marsala);min-height:590px;padding:9vw 4.5vw 55px;position:relative}.portfolio-intro .back-home{position:absolute;right:4.5vw;top:35px;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:1.2px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.portfolio-intro h1{align-self:end}.portfolio-intro p{border-top:2px solid var(--ink);padding-top:18px;color:var(--ink);font-weight:600}.portfolio-intro>small{color:var(--ink)}@media(max-width:700px){.portfolio-intro{min-height:500px;padding:105px 5vw 45px}.portfolio-intro .back-home{right:5vw;top:25px}}
.not-found{min-height:calc(100vh - 148px);background:var(--marsala);padding:10vw 4.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.not-found h1{font:800 clamp(75px,15vw,220px)/.72 Manrope,Arial;letter-spacing:-12px;margin:28px 0}.not-found h1 i{font:500 .85em "Playfair Display",serif;letter-spacing:-8px}.not-found p{max-width:390px;border-top:2px solid var(--ink);padding-top:18px;font-weight:600;line-height:1.65}.not-found a{color:var(--ink);text-decoration:none;border:2px solid var(--ink);padding:13px 16px;margin-top:22px;font-size:10px;font-weight:800;letter-spacing:1.2px}@media(max-width:700px){.not-found{padding:20vw 5vw}.not-found h1{font-size:78px;letter-spacing:-7px}.not-found h1 i{letter-spacing:-5px}}@media(max-width:700px){.nav{height:62px;padding:0 4vw}.logo{font-size:17px}nav{gap:14px}nav a:not(.btn){display:block;font-size:8px;letter-spacing:.8px}.nav .btn{display:none}.filters button{flex:0 0 auto;white-space:nowrap}.card[hidden]{display:none!important}}@media(max-width:700px){nav{gap:10px}.nav .btn{display:block;padding:7px 8px;font-size:7px;letter-spacing:.7px}}@media(max-width:350px){.nav .btn{display:none}}@media(max-width:700px){header.nav{height:62px!important;padding:0 18px!important;display:flex!important;justify-content:space-between!important;gap:10px!important}header.nav>.logo{display:block!important;flex:0 0 auto!important;font-size:16px!important;letter-spacing:1.5px!important}header.nav>nav{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;margin-left:auto!important}header.nav>nav>a,header.nav>nav>a:not(.btn),header.nav>nav>a.btn{display:block!important;flex:0 0 auto!important;font-size:7px!important;letter-spacing:.55px!important;white-space:nowrap!important}header.nav>nav>a.btn{padding:7px 8px!important;border-width:1px!important}}@media(max-width:350px){header.nav>nav>a.btn{display:none!important}}@media(max-width:700px){header.nav>nav>a,header.nav>nav>a:not(.btn),header.nav>nav>a.btn{font-size:8px!important;letter-spacing:.65px!important}header.nav>.logo{font-size:17px!important}header.nav>nav{gap:10px!important}header.nav>nav>a.btn{padding:7px 9px!important}}.grid .card.layout-0{height:405px;grid-column:span 4}.grid .card.layout-1{height:405px;grid-column:span 8}.grid .card.layout-2,.grid .card.layout-3{height:375px;grid-column:span 6}@media(max-width:700px){.grid .card.layout-0,.grid .card.layout-1,.grid .card.layout-2,.grid .card.layout-3{height:400px}}@media (hover:hover) and (pointer:fine){.card,.tile{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.card img,.tile img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease}.card:after,.tile:after{transition:opacity .4s ease}.card .caption,.tile span{transition:transform .35s ease}.card:hover,.tile:hover{transform:translateY(-5px);z-index:2;box-shadow:0 16px 34px #0004}.card:hover img,.tile:hover img{transform:scale(1.045);filter:brightness(1.06) contrast(1.02)}.card:hover:after,.tile:hover:after{opacity:.72}.card:hover .caption,.tile:hover span{transform:translateY(-5px)}}@media(max-width:700px){.filters b{font-size:9px!important;letter-spacing:.2px!important;white-space:nowrap;flex:0 0 auto}}.filters{margin-left:-4.5vw;margin-right:-4.5vw;padding-left:4.5vw;padding-right:4.5vw}@media(max-width:700px){.filters{margin-left:-2vw;margin-right:-2vw;padding-left:5vw;padding-right:5vw}}.filters{border-bottom:0}@media(max-width:700px){.hero{box-shadow:0 0 0 100vmax var(--marsala);clip-path:inset(0 -100vmax)}}@media(max-width:700px){html,body{width:100%;max-width:100%;overflow-x:hidden}header.nav,.hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero{box-shadow:none;clip-path:none}.hero h1 i{font-size:clamp(34px,9.5vw,44px);letter-spacing:-5px}}@media(max-width:700px){html,body{overflow-x:clip}header.nav{position:sticky!important;top:0!important;z-index:20!important}}.card picture,.tile picture{display:block;width:100%;height:100%}.filters .filter-buttons{display:flex;align-items:center;gap:25px;min-width:0}
@media(max-width:700px){.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:visible}.filters .filter-buttons{gap:16px;overflow-x:auto;scrollbar-width:none}.filters .filter-buttons::-webkit-scrollbar{display:none}.filters b{margin-left:0!important;justify-self:end;white-space:nowrap}}