:root{--bg:#111110;--paper:#ece8e1;--ink:#1c1917;--muted:#7a746c;--orange:#f97316;--line:#ffffff1a;--font:"Archivo", sans-serif;--display:"Archivo Black", "Archivo", sans-serif;--max:1280px;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:#f97316 #111110}body{background:var(--bg);color:#f5f2eb;font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(var(--max), calc(100% - 7vw));margin:0 auto}.preloader{z-index:999999;transition:transform .7s var(--ease);background:#111110;place-items:center;display:grid;position:fixed;inset:0}.preloader.fade-out{transform:translateY(-100%)}.preloader.slide-bottom{transition:none;transform:translateY(100%)}.preloader b{font-family:var(--display);letter-spacing:.2em;font-size:1.4rem}.header{z-index:30;justify-content:space-between;align-items:center;padding:1.3rem 4vw;display:flex;position:fixed;inset:0 0 auto}.logo{font-family:var(--display);letter-spacing:.08em;font-size:.95rem}.logo i{color:var(--orange);font-style:normal}.menu-btn{color:#fff;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:1px solid #fff3;padding:.55rem .8rem;font-size:.7rem}.overlay{z-index:40;opacity:0;pointer-events:none;background:#0c0b0a;place-items:center;transition:all .35s;display:grid;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:auto}.overlay nav{text-align:left}.overlay a{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.6rem,9vw,6rem);line-height:.95;display:block}.overlay a:hover{color:var(--orange)}.overlay .close{color:#fff;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;position:absolute;top:1.3rem;right:4vw}.hero{align-items:end;min-height:100vh;display:grid;position:relative}.hero img{object-fit:cover;filter:grayscale()contrast(1.1)brightness(.55);width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;padding:0 4vw 7vh;position:relative}.hero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(3.4rem,11vw,9.5rem);line-height:.82}.hero h1 span{color:var(--orange)}.hero p{color:#d7d1c7;max-width:28rem;margin-top:1.2rem}.h-wrap{padding:0}.h-pin-wrap{height:240vh}.h-pin{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.h-wrap h2{font-family:var(--display);text-transform:uppercase;padding:0 4vw 1.4rem;font-size:clamp(1.6rem,4vw,2.6rem)}.h-track{gap:1rem;width:max-content;padding:0 4vw 1rem;display:flex}.h-card{scroll-snap-align:start;flex:0 0 min(78vw,520px);position:relative}.h-card img{object-fit:cover;filter:grayscale();width:100%;height:62vh;transition:all .5s}.h-card:hover img{filter:grayscale(0)}.h-card b{font-family:var(--display);text-transform:uppercase;font-size:1.5rem;position:absolute;bottom:1rem;left:1rem}.asymmetric{grid-template-columns:1.2fr .8fr;gap:1rem;padding:4rem 4vw 6rem;display:grid}.asymmetric img{object-fit:cover;filter:grayscale();width:100%;height:100%;min-height:280px}.asymmetric .note{background:var(--paper);color:var(--ink);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex}.asymmetric .note h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,3.4rem)}.asymmetric .note p{margin:1rem 0 1.5rem}.btn-orange{background:var(--orange);color:#111;letter-spacing:.08em;text-transform:uppercase;border:0;justify-content:center;align-items:center;padding:.9rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.page{padding:8rem 4vw 4rem}.page h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(3rem,9vw,7rem);line-height:.85}.gallery{grid-template-columns:1.4fr 1fr;gap:1rem;padding:0 4vw 5rem;display:grid}.gallery article{cursor:zoom-in;position:relative;overflow:hidden}.gallery img{object-fit:cover;filter:grayscale();width:100%;height:420px;transition:all .4s}.gallery article:hover img{filter:grayscale(0);transform:scale(1.03)}.gallery article:nth-child(3n){grid-column:1/-1}.gallery article:nth-child(3n) img{height:520px}.gallery span{font-family:var(--display);text-transform:uppercase;position:absolute;bottom:1rem;left:1rem}.lightbox{z-index:80;opacity:0;pointer-events:none;visibility:hidden;background:#080808f0;place-items:center;transition:all .3s;display:grid;position:fixed;inset:0}.lightbox.active{opacity:1;pointer-events:auto;visibility:visible}.lightbox img{max-width:90vw;max-height:86vh}.lightbox button{color:#fff;background:0 0;border:0;font-size:1.4rem;position:absolute}.lightbox .x{top:1.2rem;right:1.4rem}.lightbox .prev{top:50%;left:1rem}.lightbox .next{top:50%;right:1rem}.contact{grid-template-columns:1fr 1fr;gap:3rem;padding:0 4vw 6rem;display:grid}form{gap:1rem;display:grid}input,textarea{border:0;border-bottom:1px solid var(--line);color:#fff;width:100%;font:inherit;background:0 0;padding:.9rem 0}input:focus,textarea:focus{border-color:var(--orange);outline:none}.footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding:1.5rem 4vw 2.5rem;font-size:.8rem;display:flex}@media (width<=800px){.asymmetric,.gallery,.contact{grid-template-columns:1fr}.gallery article:nth-child(3n) img,.gallery img{height:280px}.h-card img{height:48vh}.h-pin-wrap{height:auto}.h-pin{height:auto;position:relative;overflow:visible}.h-track{scroll-snap-type:x mandatory;width:auto;overflow-x:auto}.h-card{scroll-snap-align:start}}