*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#202b2a;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:auto;padding:0 30px}header{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dddcd6}.logo{font-size:25px;letter-spacing:-1px;font-weight:700}.logo span{color:#8b633e}nav{display:flex;gap:30px;font-size:14px}.hero{padding:100px 0 92px;max-width:850px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#8b633e;text-transform:uppercase}.hero h1{font-size:clamp(45px,7vw,79px);line-height:1.05;letter-spacing:-3px;font-weight:500;margin:24px 0}.hero p{max-width:540px;font-size:18px;color:#68716c;line-height:1.7}.section{padding:46px 0 80px;border-top:1px solid #dddcd6}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:27px}h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:0}.count{font-size:12px;color:#777f78}.card{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid #e2e1db;border-radius:14px;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 15px 40px #17292210}.art{background:radial-gradient(ellipse at 50% 35%,#344949,#111b20);height:320px;position:relative;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;object-position:16% 44%;}.body{padding:39px;display:flex;flex-direction:column;align-items:flex-start}.tag{background:#eef1ed;padding:7px 10px;border-radius:20px;color:#596a60;font-size:11px}.body h3{font-size:29px;letter-spacing:-.8px;font-weight:500;margin:23px 0 12px}.body p{font-size:15px;line-height:1.7;color:#717970;margin:0 0 27px}.button{display:inline-block;background:#263a33;color:#fff;padding:14px 22px;border-radius:6px;font-size:14px;margin-top:auto}.about p{line-height:1.8;color:#717970;max-width:650px}.back{font-size:13px;color:#727b73}.footer{border-top:1px solid #dddcd6;padding:25px 0 36px;display:flex;justify-content:space-between;font-size:12px;color:#7e857c}@media(max-width:700px){.wrap{padding:0 20px}header{height:77px}nav{gap:18px;font-size:13px}.hero{padding:60px 0}.hero h1{letter-spacing:-2px}.card{grid-template-columns:1fr}.art{height:260px}.body{padding:27px}.section-head{display:block}.count{display:block;margin-top:12px}.footer{gap:15px;flex-wrap:wrap}}