.section-hb-system-architecture{width:100%;margin:0;padding:0}.hb-system-architecture,.hb-system-architecture *,.hb-system-architecture *:before,.hb-system-architecture *:after{box-sizing:border-box}.hb-system-architecture{width:100%;padding:var(--hb-system-architecture-padding-top) clamp(40px,5.56vw,80px) var(--hb-system-architecture-padding-bottom);overflow:hidden;background:#f8f4f0;color:#653924}.hb-system-architecture__inner{display:flex;flex-direction:column;width:min(100%,1152px);margin-inline:auto;gap:80px}.hb-system-architecture__header{display:flex;flex-direction:column;align-items:center;width:min(100%,512px);margin-inline:auto;gap:16px}.hb-system-architecture__overline{width:100%;margin:0;color:#b27233;font-family:"Inter",var(--font-body-family),sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.96px;text-align:center;text-transform:uppercase}.hb-system-architecture__heading{width:100%;margin:0;color:#653924;font-family:"Playfair Display",var(--font-heading-family),serif;font-size:48px;font-style:normal;font-weight:700;line-height:1.1;letter-spacing:0;text-align:center;overflow-wrap:anywhere}.hb-system-architecture__heading em{font-family:"Playfair Display",var(--font-heading-family),serif;font-style:italic;font-weight:400}.hb-system-architecture__panel{width:100%;padding:44px;border-top:4px solid #653924;background:#fff}.hb-system-architecture__levels{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;gap:12px}.hb-system-architecture__level{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:stretch;width:100%;min-width:0;min-height:274px;column-gap:64px}.hb-system-architecture__level:last-child{min-height:0}.hb-system-architecture__rail{display:flex;flex-direction:column;align-items:center;min-width:0}.hb-system-architecture__marker{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.hb-system-architecture__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border:2px solid #e7d7c8;border-radius:50%;background:#f8f4f0;color:#65392480;font-family:"Inter",var(--font-body-family),sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:1}.hb-system-architecture__level-label{display:block;width:100%;color:#b2723366;font-family:"Inter",var(--font-body-family),sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.96px;text-align:center;text-transform:uppercase;white-space:nowrap}.hb-system-architecture__level.is-highlighted .hb-system-architecture__number{border-color:#b27233;background:#b27233;color:#fff}.hb-system-architecture__level.is-highlighted .hb-system-architecture__level-label{color:#b27233}.hb-system-architecture__connector{display:block;width:1px;min-height:120px;flex:1 1 auto;margin-top:12px;background:#e7d7c8}.hb-system-architecture__level-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-bottom:36px;gap:24px}.hb-system-architecture__level:last-child .hb-system-architecture__level-content{padding-bottom:0}.hb-system-architecture__level-title{width:100%;margin:0;color:#653924;font-family:"Playfair Display",var(--font-heading-family),serif;font-size:44px;font-style:normal;font-weight:700;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}.hb-system-architecture__description{width:100%;color:#653924cc;font-family:"Inter",var(--font-body-family),sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.7;letter-spacing:0}.hb-system-architecture__description>*{margin-top:0;margin-bottom:0}.hb-system-architecture__description>*+*{margin-top:12px}.hb-system-architecture__tags{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;gap:12px}.hb-system-architecture__tag{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 24px;border:1px solid rgba(101,57,36,.8);border-radius:4px;background:#ffffff26;color:#653924;font-family:"Inter",var(--font-body-family),sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:1;letter-spacing:.72px;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}@media screen and (max-width:1199px){.hb-system-architecture__inner{gap:72px}.hb-system-architecture__panel{padding:40px}.hb-system-architecture__level{grid-template-columns:60px minmax(0,1fr);column-gap:48px}}@media screen and (max-width:989px){.hb-system-architecture{padding-right:40px;padding-left:40px}.hb-system-architecture__inner{gap:64px}.hb-system-architecture__heading{font-size:44px;line-height:1.12}.hb-system-architecture__panel{padding:36px 32px}.hb-system-architecture__levels{gap:8px}.hb-system-architecture__level{grid-template-columns:56px minmax(0,1fr);min-height:248px;column-gap:32px}.hb-system-architecture__level-title{font-size:38px}.hb-system-architecture__tag{padding:14px 18px}}@media screen and (max-width:749px){.hb-system-architecture{padding:min(var(--hb-system-architecture-padding-top),72px) 24px min(var(--hb-system-architecture-padding-bottom),72px)}.hb-system-architecture__inner{gap:48px}.hb-system-architecture__header{gap:14px}.hb-system-architecture__overline{font-size:11px;line-height:1.2;letter-spacing:.88px}.hb-system-architecture__heading{font-size:clamp(36px,10vw,42px);line-height:1.1}.hb-system-architecture__panel{padding:28px 20px;border-top-width:4px}.hb-system-architecture__levels{gap:0}.hb-system-architecture__level,.hb-system-architecture__level:last-child{grid-template-columns:44px minmax(0,1fr);min-height:0;column-gap:16px}.hb-system-architecture__level-content{padding-bottom:44px;gap:18px}.hb-system-architecture__level:last-child .hb-system-architecture__level-content{padding-bottom:0}.hb-system-architecture__number{width:30px;height:30px;flex-basis:30px;font-size:13px}.hb-system-architecture__level-label{font-size:9px;line-height:1.2;letter-spacing:.54px}.hb-system-architecture__connector{min-height:52px;margin-top:10px}.hb-system-architecture__level-title{font-size:32px;line-height:1.15}.hb-system-architecture__description{font-size:15px;line-height:1.65}.hb-system-architecture__tags{gap:8px}.hb-system-architecture__tag{min-height:42px;padding:12px 14px;font-size:10px;line-height:1.2;letter-spacing:.6px}}@media screen and (max-width:479px){.hb-system-architecture{padding-right:20px;padding-left:20px}.hb-system-architecture__heading{font-size:clamp(33px,9.5vw,38px)}.hb-system-architecture__panel{padding:24px 16px}.hb-system-architecture__level,.hb-system-architecture__level:last-child{grid-template-columns:40px minmax(0,1fr);column-gap:14px}.hb-system-architecture__level-title{font-size:30px}.hb-system-architecture__tag{width:100%}}@media screen and (min-width:1920px){.hb-system-architecture__inner{max-width:1152px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hb-system-architecture.css.map */