:root{--bg:#0e0e0e;--ink:#ededed;--mut:#8d8d8d;--line:#262626;--acc:#bda06a;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-weight:300;line-height:1.7;letter-spacing:.02em;overflow-x:hidden;padding-top:0;}
a{text-decoration:none;color:inherit}
.serif{font-family:'Cormorant Garamond',serif;}
.container{max-width:1240px;}
img{max-width:100%;display:block}
.up{text-transform:uppercase;letter-spacing:.28em;font-size:12px;font-weight:400;}
.acc{color:var(--acc)}

/* NAV */
.m-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(14,14,14,.55);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.m-nav .navbar-brand{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;}
.m-nav .nav-link{color:var(--mut)!important;text-transform:uppercase;letter-spacing:.22em;font-size:12px;padding:.5rem 1rem!important;transition:.25s;}
.m-nav .nav-link:hover{color:#fff!important;}
.m-ig{border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);transition:.25s}
.m-ig:hover{border-color:var(--acc);color:var(--acc)}
.m-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:11px;letter-spacing:.12em;}
.m-lang a{padding:6px 12px;color:var(--mut);text-transform:uppercase;}
.m-lang a.on{background:var(--acc);color:#1a1407;}
.navbar-toggler{border:0}.navbar-toggler-icon{filter:invert(1)}

/* HERO */
.m-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;}
.m-hero .bgimg{position:absolute;inset:0;background:url('https://picsum.photos/seed/mateohero/1600/2000?grayscale') center/cover;filter:grayscale(1) contrast(1.05) brightness(.62);}
.m-hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,.55) 0%,rgba(14,14,14,.15) 40%,rgba(14,14,14,.92) 100%);}
.m-hero .inner{position:relative;z-index:2;padding:0 0 9vh;}
.m-hero .role{color:var(--acc);margin-bottom:18px}
.m-hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(64px,13vw,180px);line-height:.9;letter-spacing:.01em;margin:0;color:#fff;}
.m-hero .tl{max-width:46ch;color:#cfcfcf;margin-top:22px;font-size:18px;}
.m-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;color:var(--mut);font-size:11px;letter-spacing:.3em;text-transform:uppercase;}

/* BUTTONS */
.m-btn{display:inline-block;border:1px solid var(--ink);color:var(--ink);padding:15px 34px;text-transform:uppercase;letter-spacing:.22em;font-size:12px;transition:.3s;margin-top:34px;}
.m-btn:hover{background:var(--ink);color:var(--bg);}
.m-btn.fill{background:var(--acc);border-color:var(--acc);color:#1a1407}
.m-btn.fill:hover{background:transparent;color:var(--acc)}

/* SECTIONS */
.m-sec{padding:130px 0;scroll-margin-top:60px;}
.m-ey{color:var(--acc);margin-bottom:22px}
.m-h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(38px,6vw,82px);line-height:1;color:#fff;margin:0;}
.m-lead{color:var(--mut);font-size:18px;max-width:60ch;}

/* ABOUT card */
.m-card{border-top:1px solid var(--line);}
.m-card .row2{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;}
.m-card .row2 span:first-child{color:var(--mut);text-transform:uppercase;letter-spacing:.12em;font-size:12px;}
.m-portrait{filter:grayscale(1) contrast(1.03);width:100%;aspect-ratio:3/4;object-fit:cover;}

/* PORTFOLIO */
.m-gal a{display:block;overflow:hidden;position:relative;}
.m-gal img{filter:grayscale(1);width:100%;aspect-ratio:3/4;object-fit:cover;transition:1.2s cubic-bezier(.2,.7,.2,1);}
.m-gal a:hover img{transform:scale(1.06);filter:grayscale(0);}
.m-gal a .cap{position:absolute;left:16px;bottom:14px;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:11px;opacity:0;transition:.3s;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.m-gal a:hover .cap{opacity:1}

/* WORK rows */
.m-work{border-top:1px solid var(--line);margin-top:46px;}
.m-wrow{display:flex;align-items:baseline;gap:24px;padding:30px 4px;border-bottom:1px solid var(--line);transition:.3s;}
.m-wrow:hover{padding-left:18px;color:#fff}
.m-wrow .n{color:var(--acc);font-size:13px;width:46px;flex:none}
.m-wrow h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(26px,4vw,48px);margin:0;flex:1;color:#fff}
.m-wrow p{color:var(--mut);max-width:40ch;font-size:14px;margin:0}
@media(max-width:768px){.m-wrow p{display:none}}

/* CONTACT */
.m-contact{text-align:center}
.m-mail{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,6vw,72px);color:#fff;display:inline-block;border-bottom:1px solid var(--line);padding-bottom:8px}
.m-mail:hover{color:var(--acc);border-color:var(--acc)}
.m-soc{margin-top:40px;display:flex;gap:30px;justify-content:center;}
.m-soc a{color:var(--mut);text-transform:uppercase;letter-spacing:.2em;font-size:12px}
.m-soc a:hover{color:#fff}

/* FOOTER */
.m-foot{border-top:1px solid var(--line);padding:40px 0;color:var(--mut);font-size:12px;letter-spacing:.1em;}