*{box-sizing:border-box;}
body{
    margin:0;
    background:#F4F2EC;
    color:#17201E;
    font-family:'Inter',Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
}
.container{
    width:min(1120px,calc(100% - 48px));
    margin:54px auto 80px;
}
.back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:24px;
    padding:9px 12px;
    color:#4E5A56;
    border:1px solid #DDD9CF;
    border-radius:10px;
    background:#FCFBF8;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    transition:.2s ease;
}
.back:hover{color:#142723;border-color:#BCA77E;transform:translateX(-2px);}
.object{
    overflow:hidden;
    background:#FCFBF8;
    border:1px solid rgba(20,39,35,.09);
    border-radius:22px;
    box-shadow:0 24px 60px rgba(18,32,29,.09);
}
.object-image{width:100%;height:470px;overflow:hidden;background:#E7E2D8;}
.object-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.content{padding:42px 44px 46px;}
.status{
    display:inline-block;
    margin-bottom:16px;
    padding:7px 11px;
    border-radius:999px;
    background:#E6EFEA;
    color:#245E50;
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.content h1{
    margin:0 0 14px;
    color:#142723;
    font-family:'Cormorant Garamond',serif;
    font-size:48px;
    line-height:1;
    letter-spacing:-.035em;
}
.description{max-width:700px;color:#68706C;font-size:14px;line-height:1.8;}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;}
.detail{padding:20px 21px;background:#F1EEE7;border:1px solid #E2DDD3;border-radius:13px;}
.detail span{display:block;margin-bottom:6px;color:#858C88;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;}
.detail strong{color:#142723;font-size:14px;font-weight:650;}
.contact{margin-top:32px;padding:26px 28px;background:#142723;color:#fff;border-radius:15px;box-shadow:0 18px 38px rgba(20,39,35,.16);}
.contact h3{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-size:25px;}
.contact p{margin:0 0 13px;color:rgba(255,255,255,.62);font-size:13px;}
.contact a{color:#D5C29C;font-size:12px;font-weight:700;text-decoration:none;}
.contact a:hover{color:#fff;}
@media(max-width:700px){
    .container{width:calc(100% - 28px);margin:24px auto 50px;}
    .object{border-radius:16px;}
    .object-image{height:270px;}
    .content{padding:27px 22px 30px;}
    .content h1{font-size:38px;}
    .details{grid-template-columns:1fr;}
}