.has-charcoal-background-color h1, .has-charcoal-background-color h2, .has-charcoal-background-color h3,
.has-charcoal-background-color h4, .has-charcoal-background-color h5, .has-charcoal-background-color h6,
.has-charcoal-2-background-color h1, .has-charcoal-2-background-color h2, .has-charcoal-2-background-color h3,
.has-charcoal-2-background-color h4, .has-charcoal-2-background-color h5, .has-charcoal-2-background-color h6,
.has-steel-background-color h1, .has-steel-background-color h2, .has-steel-background-color h3,
.has-steel-background-color h4, .has-steel-background-color h5, .has-steel-background-color h6,
.has-contrast-background-color h1, .has-contrast-background-color h2, .has-contrast-background-color h3,
.has-contrast-background-color h4, .has-contrast-background-color h5, .has-contrast-background-color h6{
color: var(--wp--preset--color--paper-ink-soft) !important;
} .hgp-eyebrow{
font-family: var(--wp--preset--font-family--mono);
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
}
.hgp-eyebrow::before{content:""; width:22px; height:2px; background:currentColor;}
.hgp-meta-row{
display:flex; gap:14px;
font-family: var(--wp--preset--font-family--mono);
font-size:11px; text-transform:uppercase;
color: var(--wp--preset--color--ink-soft);
}
.hgp-badge{
display:inline-block;
background:var(--wp--preset--color--charcoal);
color:var(--wp--preset--color--chalk);
font-family: var(--wp--preset--font-family--mono);
font-size:10.5px; text-transform:uppercase; letter-spacing:.04em;
padding:5px 9px; border-radius:3px;
}
.hgp-img-placeholder{
aspect-ratio: 16/10;
border-radius: 4px;
background: linear-gradient(150deg,#e6e2d6,#d3cdbc);
display:flex; align-items:center; justify-content:center;
font-family: var(--wp--preset--font-family--mono);
font-size: 10.5px; letter-spacing:.06em; text-align:center;
color: rgba(23,24,27,.32); padding:10px;
}
.hgp-lede{ max-width:480px; }
.hgp-footer-tagline{ max-width:260px; }
.hgp-btn-outline-dark .wp-block-button__link{ border-color:rgba(255,255,255,.35); } .hgp-hero{
background: var(--wp--preset--color--charcoal);
background-image: repeating-linear-gradient(135deg, rgba(184,66,46,.06) 0px, rgba(184,66,46,.06) 2px, transparent 2px, transparent 42px);
}
.hgp-stack-card{
background: var(--wp--preset--color--steel);
border-radius: 6px; overflow: hidden;
box-shadow: 0 30px 60px rgba(0,0,0,.4);
}
.hgp-stack-photo{ aspect-ratio: 4/3; position: relative; overflow:hidden; }
.hgp-stack-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.hgp-stack-tag{
position:absolute; top:16px; left:16px;
background:var(--wp--preset--color--iron); color:var(--wp--preset--color--chalk);
font-family: var(--wp--preset--font-family--mono); font-size:11px; text-transform:uppercase;
padding:6px 10px; border-radius:3px; letter-spacing:.05em;
}
.hgp-plate-strip{
display:grid; grid-template-columns:repeat(3,1fr);
border-top:1px solid rgba(250,249,246,.14);
}
.hgp-plate{ padding:20px 26px; border-right:1px solid rgba(250,249,246,.14); }
.hgp-plate:last-child{ border-right:none; }
.hgp-plate .n{ font-family:var(--wp--preset--font-family--heading); font-size:30px; color:var(--wp--preset--color--iron-light); line-height:1; }
.hgp-plate .l{ font-family:var(--wp--preset--font-family--mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--wp--preset--color--paper-ink-soft); margin-top:6px; } .hgp-path-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
background:var(--wp--preset--color--concrete-2);
border:2px solid var(--wp--preset--color--charcoal);
}
.hgp-path-card{ background:var(--wp--preset--color--chalk); padding:32px 28px; transition:background .15s; }
.hgp-path-card:hover{ background:#fff; }
.hgp-path-card .pnum{ font-family:var(--wp--preset--font-family--mono); font-size:12px; color:var(--wp--preset--color--iron); letter-spacing:.05em; }
.hgp-path-card .go{
font-family:var(--wp--preset--font-family--mono); font-size:12px; text-transform:uppercase; letter-spacing:.05em;
color:var(--wp--preset--color--iron); display:inline-flex; align-items:center; gap:6px;
}
.hgp-path-card .go::after{ content:"→"; transition:transform .15s; }
.hgp-path-card:hover .go::after{ transform:translateX(4px); } .hgp-pillar-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:22px; }
.hgp-pcard{ border-radius:5px; overflow:hidden; background:var(--wp--preset--color--concrete); border:1px solid var(--wp--preset--color--concrete-2); }
.hgp-pcard.big{ grid-column: span 1; display:grid; }
.hgp-pcard a.img{ display:block; position:relative; }
.hgp-pcard .body{ padding:20px 22px; }
.hgp-pcard h3{ font-size:17px; margin:0 0 8px; line-height:1.3; }
.hgp-pcard.big h3{ font-size:22px; }
.hgp-pcard p{ font-size:14px; color:var(--wp--preset--color--ink-soft); line-height:1.6; margin:0 0 12px; } .hgp-cat-section{ background:var(--wp--preset--color--charcoal); }
.hgp-cat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(250,249,246,.12); }
.hgp-cat-tile{ background:var(--wp--preset--color--charcoal-2); padding:28px 26px; transition:background .15s; }
.hgp-cat-tile:hover{ background:#25272c; }
.hgp-cat-tile .icon{
width:42px; height:42px; border-radius:6px; background:rgba(184,66,46,.15); border:1px solid rgba(226,105,79,.4);
display:flex; align-items:center; justify-content:center; margin-bottom:16px;
font-family:var(--wp--preset--font-family--heading); color:var(--wp--preset--color--iron-light); font-size:17px;
}
.hgp-cat-tile h3{ color:var(--wp--preset--color--paper-ink-soft) !important; font-size:16px; margin:0 0 6px; }
.hgp-cat-tile h3 a{ color:inherit; text-decoration:none; }
.hgp-cat-tile .count{ font-family:var(--wp--preset--font-family--mono); font-size:11px; color:var(--wp--preset--color--paper-ink-soft); margin-bottom:14px; text-transform:uppercase; letter-spacing:.04em; }
.hgp-cat-tile ul{ list-style:none; display:flex; flex-direction:column; gap:8px; margin:0; padding:0; }
.hgp-cat-tile ul a{ font-size:13.5px; color:rgba(250,249,246,.72); display:flex; gap:8px; text-decoration:none; }
.hgp-cat-tile ul a::before{ content:"—"; color:var(--wp--preset--color--iron-light); }
.hgp-cat-tile ul a:hover{ color:var(--wp--preset--color--chalk); } .hgp-latest-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.hgp-latest-grid .hgp-img-placeholder{ margin-bottom:12px; }
.hgp-latest-grid h3{ font-size:14.5px; line-height:1.4; margin:0 0 8px; }
.hgp-latest-grid h3 a{ color:inherit; text-decoration:none; } .hgp-trust-points{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:22px; }
.hgp-tpoint{ background:var(--wp--preset--color--chalk); border:1px solid var(--wp--preset--color--concrete-2); border-radius:4px; padding:14px 16px; }
.hgp-tpoint .n{ font-family:var(--wp--preset--font-family--heading); font-size:20px; color:var(--wp--preset--color--iron); }
.hgp-tpoint .l{ font-family:var(--wp--preset--font-family--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--wp--preset--color--ink-soft); margin-top:4px; } .hgp-culture-grid{ display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:20px; }
.hgp-cul-card{
position:relative; border-radius:5px; overflow:hidden;
background:linear-gradient(160deg,#2c2d31,#17181b); background-size:cover; background-position:center;
color:var(--wp--preset--color--chalk); height:320px;
display:flex; flex-direction:column; justify-content:flex-end; padding:22px;
text-decoration:none;
}
.hgp-cul-card.small{ height:150px; }
.hgp-cul-card h3{ font-size:18px; margin:6px 0 0; color:#fff !important; text-shadow: 1px 1px 0px #000000;}
.hgp-cul-col{ display:flex; flex-direction:column; gap:20px; } .hgp-header-nav{ list-style:none; display:flex; gap:26px; margin:0; padding:0; align-items:center; }
.hgp-header-nav > li{ position:relative; display:flex; align-items:center; }
.hgp-header-nav a{ color:var(--wp--preset--color--paper-ink-soft); text-decoration:none; font-size:14px; }
.hgp-header-nav a:hover{ color:var(--wp--preset--color--base); }
.hgp-header-nav .sub-menu{
display:none; position:absolute; top:100%; left:0; z-index:10;
list-style:none; margin:0; padding:10px 0; min-width:230px;
background:var(--wp--preset--color--charcoal-2); border-radius:4px;
}
.hgp-header-nav li:hover > .sub-menu{ display:block; }
.hgp-header-nav .sub-menu a{ display:block; padding:9px 18px; font-size:13.5px; } .hgp-submenu-toggle{
display:inline-flex; align-items:center; justify-content:center;
width:22px; height:46px; padding:0;
background:none; border:none; cursor:pointer; color:inherit; flex-shrink:0;
box-sizing:border-box;
}
.hgp-submenu-toggle::after{
content:"";
display:block; width:6px; height:6px;
border-right:1.5px solid var(--wp--preset--color--paper-ink-soft); border-bottom:1.5px solid var(--wp--preset--color--paper-ink-soft);
transform:rotate(45deg); margin-top:-3px;
transition:transform .15s ease;
}
.hgp-header-nav li.is-open > .hgp-submenu-toggle::after{ transform:rotate(-135deg); margin-top:3px; }
.screen-reader-text{
position:absolute !important; width:1px; height:1px; overflow:hidden;
clip:rect(1px,1px,1px,1px); white-space:nowrap; border:0; padding:0; margin:-1px;
}
.hgp-nav-toggle{
display:none; flex-direction:column; justify-content:center; gap:5px;
width:34px; height:34px; padding:0; border:none; background:transparent; cursor:pointer;
}
.hgp-nav-toggle span{ display:block; width:100%; height:2px; background:var(--wp--preset--color--paper-ink-soft); border-radius:2px; }
@media (max-width: 782px){
.hgp-nav-toggle{ display:flex; }
.hgp-header-nav{
display:none; position:absolute; top:100%; left:0; right:0;
flex-direction:column; align-items:stretch; gap:0;
background:var(--wp--preset--color--charcoal-2);
padding:10px 20px 16px; margin:0;
box-sizing:border-box;
}
.hgp-header-nav.is-open{ display:flex; }
.hgp-header-nav > li{ width:100%; flex-wrap:wrap; align-items:flex-start; box-sizing:border-box; }
.hgp-header-nav > li > a{ flex:1; display:block; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.hgp-header-nav > li > .hgp-submenu-toggle{ border-bottom:1px solid rgba(255,255,255,.08); } .hgp-header-nav li:hover > .sub-menu{ display:none; }
.hgp-header-nav li.is-open > .sub-menu{
display:block; position:static; background:none; padding:0 0 8px 14px; min-width:0;
width:100%; flex-basis:100%;
}
}
.hgp-footer-nav{ list-style:none; display:flex; flex-direction:column; gap:10px; margin:0; padding:0; }
.hgp-footer-nav a{ color:rgba(250,249,246,.72); text-decoration:none; font-size:13.5px; }
.hgp-footer-nav a:hover{ color:var(--wp--preset--color--base); } .author{
background: linear-gradient(160deg, #fbeee9, #f7ece9);
border: 1px solid rgba(184,66,46,.15);
border-left: 4px solid var(--wp--preset--color--iron);
border-radius: 8px;
padding: 28px;
}
.author-info{ display:flex; gap:20px; align-items:flex-start; }
.author .avatar img{
width:76px; height:76px; border-radius:50%; display:block; object-fit:cover;
border: 3px solid var(--wp--preset--color--chalk);
box-shadow: 0 4px 14px rgba(184,66,46,.25);
}
.author .info{ flex:1; }
.author .info .eyebrow{
font-family: var(--wp--preset--font-family--mono);
font-size:11px; text-transform:uppercase; letter-spacing:.1em;
color: var(--wp--preset--color--iron);
margin:0 0 6px;
}
.author .info .name{
font-family: var(--wp--preset--font-family--heading);
text-transform:uppercase; letter-spacing:.01em;
font-size:16px; margin:0 0 10px; color: var(--wp--preset--color--ink);
}
.author .info .name strong{ color: var(--wp--preset--color--iron); }
.author .info p:not(.eyebrow):not(.name){
font-size:14.5px; line-height:1.7; color:var(--wp--preset--color--ink-soft); margin:0;
}
.author .competence{
margin-top:18px; padding-top:18px;
border-top:1px solid rgba(184,66,46,.18);
display:flex; align-items:center; flex-wrap:wrap; gap:10px;
}
.author .competence-label{
font-family: var(--wp--preset--font-family--mono);
font-size:11px; text-transform:uppercase; letter-spacing:.06em;
color: var(--wp--preset--color--ink-soft);
white-space:nowrap;
}
.author .competence ul{
list-style:none; margin:0; padding:0;
display:flex; flex-wrap:wrap; gap:8px;
}
.author .competence li{
background: var(--wp--preset--color--chalk);
border:1px solid rgba(184,66,46,.25);
color: var(--wp--preset--color--ink-soft);
font-family: var(--wp--preset--font-family--mono);
font-size:11.5px; text-transform:uppercase; letter-spacing:.03em;
padding:5px 10px; border-radius:999px;
} .yarpp-related h2{
font-family: var(--wp--preset--font-family--heading);
text-transform: uppercase;
letter-spacing: .01em;
font-size: 28px;
margin: 0 0 20px;
}
.yarpp-thumbnails-horizontal{
display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
list-style:none; margin:0; padding:0;
}
.yarpp-thumbnail{
display:flex; flex-direction:column;
text-decoration:none; color:inherit;
background: var(--wp--preset--color--chalk);
border: 1px solid var(--wp--preset--color--concrete-2);
border-radius: 6px;
overflow: hidden;
transition: box-shadow .15s ease, transform .15s ease;
}
.yarpp-thumbnail:hover{
box-shadow: 0 10px 24px rgba(23,24,27,.12);
transform: translateY(-2px);
}
.yarpp-thumbnail .img{ display:block; margin:0; border-radius:0; aspect-ratio:16/10; overflow:hidden; }
.yarpp-thumbnail .img img{ width:100%; height:100%; object-fit:cover; display:block; }
.yarpp-thumbnail-title{
display:block;
padding: 14px 16px 16px;
font-family: var(--wp--preset--font-family--body);
text-transform: none;
letter-spacing: 0;
font-size: 14px; font-weight:600; line-height:1.4; margin:0;
}
@media (max-width:900px){ .yarpp-thumbnails-horizontal{ grid-template-columns:repeat(2,1fr); } } @media (max-width: 980px){
.hgp-path-grid, .hgp-pillar-grid, .hgp-cat-grid, .hgp-latest-grid, .hgp-culture-grid{ grid-template-columns:1fr; }
.hgp-plate-strip{ grid-template-columns:1fr; }
}