@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@400;500&display=swap');
:root{--ink:#171714;--paper:#f2f0e9;--line:#c9c6bb;--acid:#d7ff3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header,footer{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line)}.brand{font-weight:500;letter-spacing:-.03em;font-size:20px}nav{display:flex;gap:28px}.hero{min-height:calc(100vh - 82px);padding:9vh 3vw 5vh;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.hero h1{font:400 clamp(56px,9.5vw,150px)/.92 Manrope;letter-spacing:-.075em;max-width:1300px;margin:0}.down{align-self:flex-end;border-bottom:1px solid}.work{padding:8vh 3vw}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10vh 2vw}.project.wide{grid-column:span 2}.media{aspect-ratio:4/5;overflow:hidden;background:#dedbd1}.wide .media{aspect-ratio:16/9}.media img,.media video{width:100%;height:100%;object-fit:cover}.placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#c7c3b5,#e5e0d4)}.placeholder span{font:400 12vw Manrope;color:#f2f0e9}.meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.meta h2{font:400 25px Manrope;margin:0}.meta p,.desc{color:#66645d}.desc{max-width:520px}.about{margin-top:10vh;padding:15vh 3vw;background:var(--ink);color:var(--paper)}.about h2{font:400 clamp(40px,6vw,90px)/1.05 Manrope;letter-spacing:-.055em;max-width:1200px}.about>div{margin-top:12vh;display:flex;justify-content:space-between}.about a{color:var(--acid)}footer{border:0}.admin-body{background:#e8e6df}.login{min-height:100vh;display:grid;place-items:center}.login>.brand{position:absolute;left:3vw;top:28px}.login form,.panel{background:#f7f5ef;border:1px solid #d2cfc5;padding:34px}.login form{width:min(440px,92vw)}.login h1,.dashboard h1{font:400 42px Manrope;margin:5px 0 28px}label{display:block;font-size:12px;margin:15px 0}input,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #c9c6bb;background:white;font:inherit}button,.button{border:0;background:var(--ink);color:white;padding:12px 18px;cursor:pointer}.notice{background:#dff3b8;padding:13px}.dashboard{max-width:1260px;margin:auto;padding:70px 3vw}.dash-title{display:flex;justify-content:space-between;align-items:center}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.projects{margin-top:24px}.project-row{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.thumb{width:60px;height:60px;background:#ddd9ce;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.danger{background:#8c2c24}.error{color:#a22}@media(max-width:700px){nav{gap:14px}.grid,.admin-grid{grid-template-columns:1fr}.project.wide{grid-column:auto}.wide .media{aspect-ratio:4/5}.about>div{display:block}.hero h1{font-size:55px}}