/* 홈 전용 (C 회차 아카이브형 + A 소개 문장). .hx 안에서만 적용된다. 참고: inspo works.studio·apartamentomagazine.com·goodside.studio DESIGN.md */
.hx{--hx-accent:#8a2e12;--hx-ink:var(--ink,#1f1d1a);--hx-mute:#6f685c;--hx-line:var(--line,#d9d3c6);color:var(--hx-ink)}
.hx a{color:inherit}
.hx-eyebrow{font-family:var(--font-sans);font-size:.8125rem;letter-spacing:.04em;color:var(--hx-mute);margin:0 0 28px}
.hx-cover{padding:clamp(48px,8vw,112px) 0 clamp(40px,6vw,80px);border-bottom:1px solid var(--hx-ink)}
.hx-cover__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px,4vw,64px);align-items:end}
.hx-eyebrow,.hx-creed{grid-column:1/-1}
.hx .hx-creed{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.75rem,4.2vw,3.6rem);line-height:1.32;letter-spacing:-.01em;margin:0 0 clamp(40px,6vw,88px)}
.hx-creed em{font-style:normal;color:var(--hx-accent)}
.hx-count{grid-column:1;grid-row:3}
.hx-count__num{font-family:var(--font-serif);font-size:clamp(4rem,13vw,11rem);line-height:.9;letter-spacing:-.04em;margin:0;display:flex;align-items:baseline;gap:.08em;white-space:nowrap}
.hx-count__pre,.hx-count__post{font-size:.32em;letter-spacing:0}
.hx-count__label{font-family:var(--font-sans);font-size:1rem;color:var(--hx-mute);margin:16px 0 0}
.hx-span{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:.8125rem;color:var(--hx-mute);margin:36px 0 28px}
.hx-span i{flex:1;height:3px;background:linear-gradient(90deg,var(--hx-ink) 0 calc(100% - 10px),var(--hx-accent) calc(100% - 10px))}
.hx-facts{grid-column:2;grid-row:3;list-style:none;margin:0;padding:0;font-family:var(--font-sans);font-size:1rem;align-self:end}
.hx-facts li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--hx-line)}
.hx-facts li:last-child{border-bottom:1px solid var(--hx-line)}
.hx-facts b{font-weight:600;min-width:5em}
.hx-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin:0}
.hx-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;background:var(--hx-ink);color:var(--paper,#f6f3ec)!important;font-family:var(--font-sans);font-size:1rem;font-weight:600;text-decoration:none;border-radius:2px}
.hx-btn:hover{background:var(--hx-accent)}
.hx-btn--light{background:var(--paper,#f6f3ec);color:var(--hx-ink)!important}
.hx-link{font-family:var(--font-sans);font-size:1rem;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;padding:12px 0}
.hx-link:hover{color:var(--hx-accent)}
.hx-link--light{color:var(--dark-text,#f1ede4)!important}
.hx-btn::after,.hx-link::after{content:none!important}
.hx-h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.3;margin:0 0 32px}
.hx-index{padding:clamp(56px,8vw,112px) 0}
.hx-index__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.hx-index__head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--hx-ink);padding-bottom:12px}
.hx-index__head h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;margin:0}
.hx-index__head a{font-family:var(--font-sans);font-size:.875rem;color:var(--hx-mute);padding:8px 0}
.hx .post-list{list-style:none;margin:0;padding:0}
.hx .post-list__item{border-bottom:1px solid var(--hx-line);margin:0;padding:0}
.hx .post-list__link{display:grid;grid-template-columns:4.2em minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:16px 0;text-decoration:none}
.hx .post-list__link::before{content:attr(data-no);font-family:var(--font-serif);font-size:1.125rem;color:var(--hx-accent)}
.hx .post-list__title{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.5}
.hx .post-list__title small{display:block;font-family:var(--font-sans);font-size:.8125rem;color:var(--hx-mute);margin-top:4px}
.hx .post-list__date{font-family:var(--font-sans);font-size:.8125rem;color:var(--hx-mute);white-space:nowrap}
.hx .post-list__link:not([data-no])::before{content:"—";color:var(--hx-line)}
.hx .post-list__link:hover .post-list__title{color:var(--hx-accent)}
.hx-band{margin:0}
.hx-band img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hx-band figcaption{font-family:var(--font-sans);font-size:.8125rem;color:var(--hx-mute);padding-top:12px}
.hx-about{padding:clamp(56px,8vw,112px) 0}
.hx-about__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px)}
.hx-about__body p{font-size:1.0625rem;line-height:1.85;margin:0 0 20px;max-width:38em}
.hx-about__links{display:flex;flex-wrap:wrap;gap:4px 28px}
.hx-strip{padding:0 0 clamp(56px,8vw,112px)}
.hx-strip__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-strip figure{margin:0}
.hx-strip img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hx-strip figcaption{font-family:var(--font-sans);font-size:.8125rem;color:var(--hx-mute);padding-top:8px}
.hx-join{background:var(--dark,#221f1b);color:var(--dark-text,#f1ede4);padding:clamp(64px,9vw,128px) 0}
.hx-join__title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.3;margin:0 0 20px;color:inherit;max-width:18ch}
.hx-join__desc{font-size:1.0625rem;line-height:1.8;margin:0 0 32px;max-width:34em;opacity:.85}
@media(max-width:899px){
 .hx-cover__inner,.hx-about__inner,.hx-index__cols{grid-template-columns:minmax(0,1fr)}
 .hx-count,.hx-facts{grid-column:1;grid-row:auto}
 .hx-facts{margin-bottom:28px}
 .hx-about__inner{gap:0}
 .hx-span{margin:28px 0}
 .hx-band img{aspect-ratio:4/3}
 .hx-strip__list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hx-strip__list li:first-child{grid-column:1/-1}
}
@media(max-width:599px){
 .hx .post-list__link{grid-template-columns:3.4em minmax(0,1fr);row-gap:4px}
 .hx .post-list__date{grid-column:2}
}