:root{--bg:#f6f3ee;--fg:#23201c;--mut:#7d756b;--acc:#8a6d4b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--fg)}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw}
.logo{font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}nav a{margin-left:24px;color:var(--mut);text-decoration:none}nav a:hover{color:var(--fg)}
main{padding:0 6vw 64px;max-width:1200px;margin:auto}.hero{padding:10vh 0 8vh}.hero h1{font-size:clamp(32px,6vw,64px);line-height:1.1;margin:0 0 16px}
.hero p,.mut{color:var(--mut);max-width:560px}.btn{display:inline-block;margin-top:16px;padding:10px 22px;border:1px solid var(--acc);color:var(--acc);text-decoration:none;border-radius:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.tile{aspect-ratio:4/3;border-radius:2px;display:flex;align-items:flex-end;padding:14px;font-size:14px;color:#fff;text-shadow:0 1px 3px #0006}
.t1{background:linear-gradient(160deg,#1d3b53,#5f8fa8 60%,#d6e4ea)}.t2{background:linear-gradient(180deg,#0b1d2a,#1f5c4f 50%,#8fd3a8)}.t3{background:linear-gradient(200deg,#2b2d42,#8d99ae 70%,#edf2f4)}
.t4{background:linear-gradient(170deg,#101820,#3a506b 55%,#f2a65a)}.t5{background:linear-gradient(190deg,#0d1b2a,#415a77 60%,#e0e1dd)}.t6{background:linear-gradient(150deg,#22333b,#5e503f 60%,#c6ac8f)}
article{border-top:1px solid #e2dcd2;padding:28px 0}article h2{margin:0 0 4px}time{color:var(--mut);font-size:14px}
footer{padding:32px 6vw;color:var(--mut);font-size:14px;border-top:1px solid #e2dcd2}
.t1{background:linear-gradient(160deg,#d9cfc1,#b59f84 60%,#6f5b45)}.t2{background:linear-gradient(180deg,#e7e2d8,#a7b0a3 55%,#5f6b5c)}.t3{background:linear-gradient(200deg,#efe9df,#c9b8a3 60%,#8a7560)}
.t4{background:linear-gradient(170deg,#dcd6cc,#9aa3a8 55%,#4d5a61)}.t5{background:linear-gradient(190deg,#f1ece4,#d1bfa7 60%,#9c7f60)}.t6{background:linear-gradient(150deg,#e5ddd2,#b3a28f 60%,#5c4f42)}
