.hgp-fmt {background: #F5F0E8;position: relative;min-height: 100vh;min-height: 100dvh;display: flex;align-items: center;justify-content: center;padding: clamp(24px, 4vh, 48px) 0;box-sizing: border-box;overflow: hidden;}
.hgp-fmt::before {content: '';position: absolute;inset: 0;pointer-events: none;opacity: 0.6;background-image: radial-gradient(circle, rgba(139, 119, 101, 0.2) 1.5px, transparent 1.5px);background-size: 28px 28px;background-attachment: fixed;}
.hgp-fmt::after {content: '';position: absolute;inset: 0;pointer-events: none;opacity: 0.3;background-image: radial-gradient(circle, rgba(139, 119, 101, 0.25) 2px, transparent 2px);background-size: 64px 64px;background-position: 12px 12px;background-attachment: fixed;}
.hgp-fmt .hgp-container {position: relative;z-index: 1;max-width: 1200px;margin: 0 auto;padding: 0 clamp(16px, 4vw, 40px);width: 100%;box-sizing: border-box;}
.hgp-fmt .hgp-tag {font-family: 'JetBrains Mono', monospace;font-size: 10px; font-weight: 700; letter-spacing: 0.16em;color: #8B7765;margin-bottom: 12px; display: block;text-transform: uppercase;}
.hgp-fmt-title {font-family: 'Oswald', sans-serif;font-weight: 700;font-size: clamp(32px, 5vw, 48px);line-height: 1.1;letter-spacing: -0.02em;color: #2C2620;margin-bottom: 8px;text-transform: uppercase;}
.hgp-fmt-title .hgp-outline {-webkit-text-stroke: 1.5px #8B7765;color: transparent;}
.hgp-fmt-quote-bottom {font-family: 'Roboto Condensed', sans-serif;font-size: 15px; line-height: 1.4;color: rgba(44, 38, 32, 0.75);margin: 0 0 16px;max-width: 500px;}
.hgp-fmt-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(12px, 1.5vw, 20px);}
.hgp-fmt-card {display: flex;flex-direction: column;position: relative;padding: clamp(16px, 2vw, 24px);background: #FFFFFF;border: 1px solid rgba(139, 119, 101, 0.12);box-shadow: 0 4px 20px rgba(139, 119, 101, 0.08), 0 1px 3px rgba(139, 119, 101, 0.05);text-decoration: none;transition: all 0.35s ease;border-radius: 2px;}
.hgp-fmt-num {font-family: 'JetBrains Mono', monospace;font-size: 10px; font-weight: 500; letter-spacing: 0.2em;color: rgba(139, 119, 101, 0.6);margin-bottom: 12px;}
.hgp-fmt-who {display: block;font-family: 'JetBrains Mono', monospace;font-weight: 400;font-size: 9px; line-height: 1.5; letter-spacing: 0.18em;text-transform: uppercase;color: rgba(44, 38, 32, 0.5);margin-bottom: 8px;}
.hgp-fmt-name {display: block;font-family: 'Oswald', sans-serif;font-size: clamp(20px, 2.5vw, 28px);font-weight: 700;line-height: 1.15;letter-spacing: -0.01em;text-transform: uppercase;color: #2C2620;margin-bottom: 10px;transition: color 0.35s ease;}
.hgp-fmt-desc {font-family: 'Roboto Condensed', sans-serif;font-size: 14px; line-height: 1.45;color: rgba(44, 38, 32, 0.7);margin-bottom: 18px;flex-grow: 1;}
.hgp-fmt-meta {margin-top: auto;display: flex;justify-content: space-between;align-items: center;gap: 8px;flex-wrap: wrap;border-top: 1px solid rgba(139, 119, 101, 0.15);padding-top: 12px;}
.hgp-fmt-price {font-family: 'JetBrains Mono', monospace;font-size: 11px; font-weight: 700; letter-spacing: 0.1em;color: rgba(139, 119, 101, 0.8);}
.hgp-fmt-arrow {font-family: 'JetBrains Mono', monospace;font-size: 11px; font-weight: 700; letter-spacing: 0.12em;color: #C62828;border: 1.5px solid rgba(198, 40, 40, 0.55);padding: 8px 12px;transition: all 0.35s ease;display: inline-block;}
.hgp-fmt-card:hover {border-color: rgba(198, 40, 40, 0.3);box-shadow: 0 12px 40px rgba(139, 119, 101, 0.15), 0 2px 6px rgba(139, 119, 101, 0.08);transform: translateY(-2px);}
.hgp-fmt-card:hover .hgp-fmt-name { color: #C62828; }
.hgp-fmt-card:hover .hgp-fmt-price { color: #C62828; }
.hgp-fmt-card:hover .hgp-fmt-arrow {color: #FAF7F2;background: #C62828;border-color: #C62828;}
.hgp-fmt-card:focus-visible {outline: 2px solid #C62828;outline-offset: 4px;}
.hgp-fmt-links {font-family: 'JetBrains Mono', monospace;font-size: 9px; font-weight: 500; letter-spacing: 0.08em;text-transform: uppercase;color: rgba(44, 38, 32, 0.5);margin: 10px 0 0;text-align: center;}
.hgp-fmt-links a {color: rgba(44, 38, 32, 0.7);text-decoration: none;border-bottom: 1px solid rgba(198, 40, 40, 0.35);padding-bottom: 1px;transition: color 0.3s ease, border-color 0.3s ease;}
.hgp-fmt-links a:hover {color: #C62828;border-color: #C62828;}
@media (max-width: 768px) {.hgp-fmt {min-height: 0;align-items: flex-start;}.hgp-fmt-grid {grid-template-columns: 1fr;}.hgp-fmt-card:hover {transform: none;}.hgp-fmt-title .hgp-outline {-webkit-text-stroke-width: 1px;}.hgp-fmt::before,.hgp-fmt::after {background-attachment: scroll;}}