.hac21-archive{
    --hac-gold:#c6a15b;
    --hac-gold-dark:#98722f;
    --hac-black:#171717;
    --hac-graphite:#4f5358;
    --hac-muted:#74797e;
    --hac-line:#dedfdc;
    --hac-paper:#fafaf8;
    color:var(--hac-black);
    background:#fff;
    font-family:inherit;
    isolation:isolate;
    width:100%;
}
.hac21-archive *,.hac21-archive *::before,.hac21-archive *::after{box-sizing:border-box}
.hac21-archive a{color:inherit;text-decoration:none}
.hac21-archive img{display:block;max-width:100%}
.hac21-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.hac21-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--hac-gold-dark);font-size:10px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase}
.hac21-kicker::before{content:"";width:28px;height:1px;background:var(--hac-gold)}
.hac21-heading{max-width:820px;margin-bottom:34px}
.hac21-heading h2{margin:11px 0 12px;font-size:26px;line-height:1.22;font-weight:520;letter-spacing:-.25px}
.hac21-heading p{margin:0;color:var(--hac-muted);font-size:15px;line-height:1.7}

.hac21-hero{
    position:relative;
    padding:64px 0 68px;
    border-bottom:1px solid var(--hac-line);
    overflow:hidden;
    background:#fff;
}
.hac21-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(65,68,71,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(65,68,71,.025) 1px,transparent 1px);
    background-size:48px 48px;
    pointer-events:none;
}
.hac21-hero::after{
    content:"";
    position:absolute;
    width:420px;height:420px;
    right:-170px;top:-210px;
    border:1px solid rgba(198,161,91,.12);
    border-radius:50%;
    pointer-events:none;
}
.hac21-hero-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
    gap:72px;
    align-items:center;
}
.hac21-hero-content{padding:8px 0}
.hac21-hero-content h1{
    max-width:700px;
    margin:14px 0 17px;
    font-size:30px;
    line-height:1.15;
    font-weight:520;
    letter-spacing:-.45px;
}
.hac21-hero-content p{max-width:650px;margin:0 0 24px;color:var(--hac-graphite);font-size:16px;line-height:1.72}
.hac21-btn{
    display:inline-flex;align-items:center;gap:12px;
    padding:12px 17px;
    border:1px solid var(--hac-gold);
    background:var(--hac-gold);
    color:#171717!important;
    font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.hac21-btn:hover{background:#171717;color:#fff!important;transform:translateY(-1px)}
.hac21-btn span{font-size:14px;line-height:1}

.hac21-hero-visual{position:relative}
.hac21-hero-frame{
    position:relative;
    aspect-ratio:5/3.6;
    overflow:hidden;
    border:1px solid var(--hac-line);
    background:var(--hac-paper);
    box-shadow:18px 18px 0 rgba(198,161,91,.07);
}
.hac21-hero-frame::before,.hac21-hero-frame::after{
    content:"";position:absolute;z-index:3;pointer-events:none;
    width:42px;height:42px;
}
.hac21-hero-frame::before{left:-1px;top:-1px;border-left:2px solid var(--hac-gold);border-top:2px solid var(--hac-gold)}
.hac21-hero-frame::after{right:-1px;bottom:-1px;border-right:2px solid var(--hac-gold);border-bottom:2px solid var(--hac-gold)}
.hac21-hero-frame>img{width:100%;height:100%;object-fit:cover}
.hac21-hero-sketch,.hac21-category-sketch,.hac21-sketch{width:100%;height:100%;background:#fff}
.hac21-sketch-svg{display:block;width:100%;height:100%}
.hac21-hero-count,.hac21-hero-tag{position:absolute;z-index:4}
.hac21-hero-count{top:14px;right:14px;padding:7px 9px;border:1px solid rgba(255,255,255,.7);background:rgba(23,23,23,.74);color:#fff;font-size:10px;letter-spacing:1px}
.hac21-hero-tag{left:14px;bottom:14px;padding:6px 9px;background:rgba(23,23,23,.84);color:#fff;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}

.hac21-directory,.hac21-intro{padding:62px 0 70px}
.hac21-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hac21-category{min-width:0;border:1px solid var(--hac-line);background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hac21-category:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.75);box-shadow:0 10px 28px rgba(23,23,23,.05)}
.hac21-category>a{display:grid;grid-template-columns:40% 60%;min-height:230px;height:100%}
.hac21-category-media{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--hac-line);background:#fff}
.hac21-category-media img{width:100%;height:100%;object-fit:cover}
.hac21-category-media>span{position:absolute;top:13px;left:13px;color:var(--hac-gold-dark);font-size:10px;font-weight:650;letter-spacing:1.2px}
.hac21-category-body{display:flex;min-width:0;flex-direction:column;padding:23px 24px 19px}
.hac21-category-body small,.hac21-card-label{color:var(--hac-gold-dark);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hac21-category-body h3{margin:9px 0 9px;font-size:20px;line-height:1.28;font-weight:520}
.hac21-category-body p{margin:0;color:var(--hac-muted);font-size:13px;line-height:1.55}
.hac21-category-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--hac-line);color:var(--hac-muted);font-size:10px}
.hac21-category-foot b{color:var(--hac-gold-dark);font-size:14px;font-weight:500}

.hac21-pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hac-line);border-bottom:1px solid var(--hac-line)}
.hac21-pillars>div{padding:24px;border-right:1px solid var(--hac-line)}
.hac21-pillars>div:last-child{border-right:0}
.hac21-pillars span{color:var(--hac-gold-dark);font-size:10px;letter-spacing:1px}
.hac21-pillars h3{margin:12px 0 8px;font-size:17px;font-weight:520}
.hac21-pillars p{margin:0;color:var(--hac-muted);font-size:13px;line-height:1.58}
.hac21-note{margin-top:20px;padding-left:17px;border-left:2px solid var(--hac-gold);color:var(--hac-graphite);font-size:14px;line-height:1.6}

.hac21-listing{padding:64px 0 78px;border-top:1px solid var(--hac-line)}
.hac21-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hac21-post-card{min-width:0;border:1px solid var(--hac-line);background:#fff;transition:transform .2s ease,border-color .2s ease}
.hac21-post-card:hover{transform:translateY(-2px);border-color:rgba(198,161,91,.72)}
.hac21-post-card>a{display:grid;grid-template-columns:46% 54%;min-height:270px}
.hac21-post-media{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--hac-line);background:#fff}
.hac21-post-media>img{width:100%;height:100%;object-fit:cover}
.hac21-sketch{position:absolute;inset:0}
.hac21-sketch .hac21-family{position:absolute;left:15px;bottom:13px;color:var(--hac-gold-dark);font-size:9px;letter-spacing:1.4px;text-transform:uppercase}
.hac21-index{position:absolute;top:13px;left:13px;color:var(--hac-gold-dark);font-size:10px;font-weight:650;letter-spacing:1.2px;z-index:4}
.hac21-post-body{display:flex;min-width:0;flex-direction:column;padding:27px 27px 22px}
.hac21-post-body h3{margin:10px 0 12px;color:var(--hac-black);font-size:20px;line-height:1.28;font-weight:520}
.hac21-post-body p{margin:0;color:var(--hac-muted);font-size:13px;line-height:1.58}
.hac21-details{margin-top:auto;padding-top:20px;color:var(--hac-gold-dark);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hac21-details b{margin-left:5px;font-size:13px;font-weight:500}
.hac21-empty{grid-column:1/-1;padding:32px;border:1px solid var(--hac-line);color:var(--hac-muted)}
.hac21-pagination{display:flex;justify-content:center;gap:7px;margin-top:34px}
.hac21-pagination .page-numbers{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hac-line);color:var(--hac-graphite);font-size:11px}
.hac21-pagination .current,.hac21-pagination .page-numbers:hover{border-color:var(--hac-gold);color:var(--hac-black)}

@media(max-width:980px){
    .hac21-container{width:min(100% - 44px,1240px)}
    .hac21-hero-grid{grid-template-columns:1fr;gap:36px}
    .hac21-hero-visual{max-width:720px}
    .hac21-pillars{grid-template-columns:repeat(2,1fr)}
    .hac21-pillars>div:nth-child(2n){border-right:0}
    .hac21-pillars>div:nth-child(-n+2){border-bottom:1px solid var(--hac-line)}
}
@media(max-width:720px){
    .hac21-container{width:min(100% - 30px,1240px)}
    .hac21-hero{padding:46px 0 50px}
    .hac21-directory,.hac21-intro,.hac21-listing{padding:48px 0 56px}
    .hac21-category-grid,.hac21-post-grid{grid-template-columns:1fr}
    .hac21-category>a{grid-template-columns:40% 60%;min-height:200px}
    .hac21-category-media{min-height:200px}
    .hac21-post-card>a{grid-template-columns:43% 57%;min-height:245px}
    .hac21-post-body{padding:22px 19px}
    .hac21-post-body h3{font-size:19px}
    .hac21-pillars{grid-template-columns:1fr}
    .hac21-pillars>div,.hac21-pillars>div:nth-child(2){border-right:0;border-bottom:1px solid var(--hac-line)}
    .hac21-pillars>div:last-child{border-bottom:0}
}
@media(max-width:460px){
    .hac21-category>a,.hac21-post-card>a{grid-template-columns:1fr}
    .hac21-category-media,.hac21-post-media{height:190px;min-height:190px;border-right:0;border-bottom:1px solid var(--hac-line)}
    .hac21-post-body{min-height:200px}
}
@media(prefers-reduced-motion:reduce){.hac21-category,.hac21-post-card,.hac21-btn{transition:none}}