.article-hero{margin-top:64px;position:relative;height:520px;overflow:hidden;background:var(--black)}
.article-hero-img{width:100%;height:100%;object-fit:cover;opacity:.45;display:block}
.article-hero-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:64px 48px}
.article-hero-tag{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gray-mid);display:flex;align-items:center;gap:12px;margin-bottom:20px}
.article-hero-tag::before{content:'';display:block;width:32px;height:1px;background:var(--gray-mid)}
.article-hero-h1{font-family:'Cormorant',serif;font-size:clamp(36px,5vw,72px);font-weight:300;line-height:1.05;color:var(--white);letter-spacing:-.02em;max-width:760px}
.article-hero-meta{margin-top:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.article-hero-date{font-size:11px;color:var(--gray-mid);font-weight:300;letter-spacing:.08em}
.article-hero-author{font-size:11px;color:var(--gray-mid);font-weight:300}

.article-body-wrap{display:grid;grid-template-columns:1fr 340px;gap:80px;padding:80px 48px 100px;align-items:start}

.article-back{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-mid);text-decoration:none;margin-bottom:48px;transition:color .3s}
.article-back::before{content:'←'}
.article-back:hover{color:var(--black)}

.article-content{font-size:15px;color:var(--black);font-weight:300;line-height:1.85}
.article-content h2{font-family:'Cormorant',serif;font-size:clamp(24px,2.5vw,36px);font-weight:400;color:var(--black);line-height:1.2;margin:48px 0 20px}
.article-content h3{font-family:'Cormorant',serif;font-size:clamp(20px,2vw,28px);font-weight:400;color:var(--black);line-height:1.2;margin:36px 0 16px}
.article-content p{margin-bottom:24px}
.article-content p:last-child{margin-bottom:0}
.article-content strong{font-weight:500}
.article-content em{font-style:italic;font-family:'Cormorant',serif;font-size:1.05em}
.article-content ul{margin:0 0 24px 0;padding-left:0;list-style:none}
.article-content ul li{padding:8px 0 8px 24px;position:relative;border-bottom:1px solid var(--gray-light);font-size:14px;color:var(--gray-dark)}
.article-content ul li::before{content:'—';position:absolute;left:0;color:var(--gray-mid)}
.article-content blockquote{border-left:2px solid var(--black);margin:40px 0;padding:24px 32px;background:var(--gray-light)}
.article-content blockquote p{font-family:'Cormorant',serif;font-size:clamp(20px,2vw,26px);font-weight:300;line-height:1.4;margin:0;color:var(--black)}
.article-content .article-img{width:100%;display:block;margin:40px 0}
.article-content .article-img img{width:100%;display:block;object-fit:cover}
.article-content .article-img figcaption{font-size:11px;color:var(--gray-mid);margin-top:10px;font-weight:300;text-align:center;letter-spacing:.04em}

.article-sidebar{position:sticky;top:88px}
.sidebar-block{border-top:1px solid var(--gray-light);padding-top:28px;margin-bottom:40px}
.sidebar-label{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gray-mid);margin-bottom:20px}
.sidebar-related{display:flex;flex-direction:column;gap:20px}
.sidebar-card{display:flex;gap:16px;text-decoration:none;align-items:flex-start;transition:opacity .3s}
.sidebar-card:hover{opacity:.7}
.sidebar-card-img{width:72px;height:72px;flex-shrink:0;overflow:hidden}
.sidebar-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.sidebar-card-title{font-family:'Cormorant',serif;font-size:16px;font-weight:400;color:var(--black);line-height:1.3;margin-bottom:4px}
.sidebar-card-date{font-size:10px;color:var(--gray-mid);font-weight:300;letter-spacing:.08em}

.sidebar-booking{background:var(--black);padding:32px;text-align:center}
.sidebar-booking-title{font-family:'Cormorant',serif;font-size:22px;font-weight:300;color:var(--white);line-height:1.3;margin-bottom:8px}
.sidebar-booking-sub{font-size:12px;color:var(--gray-mid);margin-bottom:24px;line-height:1.7;font-weight:300}
.sidebar-booking-btn{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--black);background:var(--white);padding:14px 24px;text-decoration:none;display:block;transition:background .3s}
.sidebar-booking-btn:hover{background:var(--gray-light)}

.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--gray-light)}
.article-tag{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-dark);border:1px solid var(--gray-light);padding:8px 16px;text-decoration:none;transition:border-color .3s,color .3s}
.article-tag:hover{border-color:var(--black);color:var(--black)}

@media(max-width:1024px){
  .article-hero{height:420px}
  .article-hero-content{padding:48px 24px}
  .article-body-wrap{grid-template-columns:1fr;gap:0;padding:64px 24px 80px}
  .article-sidebar{position:static;margin-top:64px}
}
@media(max-width:768px){
  .article-hero{height:360px;margin-top:56px}
  .article-hero-content{padding:32px 20px}
  .article-body-wrap{padding:48px 20px 64px}
}