@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.brxe-hlnflz { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; height: 100%; margin: 0; overflow: hidden; background: var(--hr-surface); border: 1px solid color-mix( in srgb, var(--hr-secondary) 15%, var(--hr-border) ); border-radius: 13px; box-shadow: 0 8px 20px color-mix( in srgb, var(--hr-primary) 4.5%, transparent ); transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;}.brxe-hlnflz::before { content: ""; position: absolute; top: 0; right: 0; z-index: 5; width: 64px; height: 3px; background: linear-gradient( 90deg, var(--hr-secondary) 0 76%, var(--hr-accent) 76% 100% );}.brxe-hlnflz:hover { transform: translateY(-3px); border-color: color-mix( in srgb, var(--hr-secondary) 31%, var(--hr-border) ); box-shadow: 0 15px 30px color-mix( in srgb, var(--hr-primary) 7%, transparent );}.brxe-hlnflz .hr-work-tile-x3__media { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 8 / 3; margin: 0; padding: clamp(12px, 1.3vw, 18px); overflow: hidden; background: linear-gradient( 145deg, var(--hr-surface) 0%, color-mix( in srgb, var(--hr-secondary) 2%, var(--hr-surface) ) 100% ); border-bottom: 1px solid color-mix( in srgb, var(--hr-secondary) 9%, var(--hr-border) );} .brxe-hlnflz .hr-work-tile-x3__logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0;} .brxe-hlnflz .hr-work-tile-x3__logo img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: auto; object-fit: contain; object-position: center;}.brxe-hlnflz .hr-work-tile-x3__body { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: 7px; margin: 0; padding: 9px 10px;}.brxe-hlnflz .hr-work-tile-x3__type { display: inline-flex; align-items: center; width: auto; margin: 0; font-size: var(--hr-text-xs); font-weight: 600; line-height: 1.35; white-space: nowrap; color: var(--hr-primary) !important;} .brxe-hlnflz .hr-work-tile-x3__type::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; margin-left: 6px; border-radius: 50%; background: var(--hr-secondary);}.brxe-hlnflz .hr-work-tile-x3__link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: auto; min-height: 31px; margin: 0; padding: 6px 9px; font-size: var(--hr-text-xs); font-weight: 600; line-height: 1.3; white-space: nowrap; color: var(--hr-primary) !important; background: color-mix( in srgb, var(--hr-secondary) 5%, var(--hr-surface) ); border: 1px solid color-mix( in srgb, var(--hr-secondary) 19%, var(--hr-border) ); border-radius: 7px; box-shadow: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;}.brxe-hlnflz .hr-work-tile-x3__link:hover { transform: translateY(-1px); color: var(--hr-primary) !important; background: color-mix( in srgb, var(--hr-secondary) 5%, var(--hr-surface) ); border-color: color-mix( in srgb, var(--hr-secondary) 36%, var(--hr-border) ); box-shadow: 0 5px 12px color-mix( in srgb, var(--hr-primary) 4%, transparent );}@media (max-width: 991px) { .brxe-hlnflz .hr-work-tile-x3__body { flex-direction: column; align-items: stretch; gap: 6px; } .brxe-hlnflz .hr-work-tile-x3__link { width: 100%; }}@media (max-width: 767px) { .brxe-hlnflz { border-radius: 10px; } .brxe-hlnflz .hr-work-tile-x3__media { padding: 9px 8px; } .brxe-hlnflz .hr-work-tile-x3__body { flex-direction: column; align-items: stretch; gap: 6px; padding: 8px; } .brxe-hlnflz .hr-work-tile-x3__type { font-size: clamp( 9px, 2.6vw, 11px ); } .brxe-hlnflz .hr-work-tile-x3__link { width: 100%; min-height: 29px; padding: 5px 5px; font-size: clamp( 9px, 2.5vw, 11px ); }}@media (max-width: 478px) { .brxe-hlnflz .hr-work-tile-x3__media { padding: 7px; } .brxe-hlnflz .hr-work-tile-x3__body { padding: 7px; }}@media (prefers-reduced-motion: reduce) { .brxe-hlnflz, .brxe-hlnflz .hr-work-tile-x3__link { transition: none; }}#brxe-osbhsl { position: relative; isolation: isolate; width: 100%; margin: clamp(30px, 2.7vw, 40px) 0 0; padding: 0 var(--hr-space-m) clamp(54px, 5vw, 76px); overflow: hidden; background: radial-gradient( circle at 7% 15%, color-mix( in srgb, var(--hr-secondary) 7%, transparent ) 0, transparent 23% ), radial-gradient( circle at 96% 58%, color-mix( in srgb, var(--hr-primary) 5%, transparent ) 0, transparent 24% ), linear-gradient( 180deg, var(--hr-surface) 0%, color-mix( in srgb, var(--hr-secondary) 1.8%, var(--hr-surface) ) 38%, var(--hr-surface) 68%, color-mix( in srgb, var(--hr-primary) 1.5%, var(--hr-surface) ) 100% );}#brxe-osbhsl::before { content: ""; position: absolute; top: 145px; left: -170px; width: 500px; height: 500px; z-index: -2; border-radius: 50%; border: 1px solid color-mix( in srgb, var(--hr-secondary) 10%, transparent ); box-shadow: 0 0 0 42px color-mix( in srgb, var(--hr-secondary) 2.4%, transparent ), 0 0 0 84px color-mix( in srgb, var(--hr-primary) 1.4%, transparent ); pointer-events: none;}#brxe-osbhsl::after { content: ""; position: absolute; top: 52%; right: -150px; width: 420px; height: 220px; z-index: -2; opacity: 0.75; transform: rotate(-11deg); background: linear-gradient( 90deg, transparent 0%, color-mix( in srgb, var(--hr-secondary) 13%, transparent ) 30%, color-mix( in srgb, var(--hr-secondary) 13%, transparent ) 70%, transparent 100% ); clip-path: polygon( 0 49%, 26% 49%, 31% 31%, 61% 31%, 66% 49%, 100% 49%, 100% 51%, 65% 51%, 60% 33%, 32% 33%, 27% 51%, 0 51% ); pointer-events: none;}#brxe-osbhsl .hr-portfolio-page-x3__wrap { position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin-inline: auto; padding: 0; gap: 0; background: transparent;}#brxe-osbhsl .hr-portfolio-page-x3__wrap::before { content: ""; position: absolute; top: 0; right: 0; z-index: 8; width: clamp(190px, 23%, 300px); height: 4px; border-radius: 0 0 0 999px; background: linear-gradient( 90deg, var(--hr-primary) 0 53%, var(--hr-secondary) 53% 84%, var(--hr-accent) 84% 100% );}#brxe-osbhsl .hr-portfolio-page-x3__wrap::after { content: ""; position: absolute; top: 45px; left: 9px; width: 8px; height: 8px; z-index: 8; border-radius: 50%; background: var(--hr-accent); box-shadow: 0 0 0 6px color-mix( in srgb, var(--hr-accent) 9%, transparent );}#brxe-osbhsl .hr-portfolio-page-x3__hero { position: relative; display: grid; direction: ltr; grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); grid-template-areas: "aside copy"; align-items: center; width: 100%; gap: clamp( 46px, 6vw, 90px ); margin: 0; padding: clamp(38px, 4vw, 56px) clamp(16px, 2.5vw, 34px) clamp(46px, 4.5vw, 64px); background: transparent; border: 0; border-radius: 0; box-shadow: none;}#brxe-osbhsl .hr-portfolio-page-x3__hero::before { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient( 90deg, transparent 0%, color-mix( in srgb, var(--hr-secondary) 12%, transparent ) 15%, color-mix( in srgb, var(--hr-secondary) 28%, transparent ) 50%, color-mix( in srgb, var(--hr-primary) 13%, transparent ) 85%, transparent 100% );}#brxe-osbhsl .hr-portfolio-page-x3__hero::after { content: ""; position: absolute; left: 68px; bottom: 0; width: 110px; height: 34px; border-top: 1px solid color-mix( in srgb, var(--hr-secondary) 24%, transparent ); border-right: 1px solid color-mix( in srgb, var(--hr-secondary) 24%, transparent ); border-radius: 0 15px 0 0; pointer-events: none;}#brxe-osbhsl .hr-portfolio-page-x3__copy { grid-area: copy; direction: rtl; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; min-width: 0; gap: 12px; margin: 0; padding: 0; text-align: right;}#brxe-osbhsl .hr-portfolio-page-x3__eyebrow { display: inline-flex; align-items: center; width: auto; margin: 0; padding: 5px 10px; font-size: var(--hr-text-xs); font-weight: 600; line-height: 1.4; color: var(--hr-primary) !important; background: color-mix( in srgb, var(--hr-secondary) 5%, var(--hr-surface) ); border: 1px solid color-mix( in srgb, var(--hr-secondary) 15%, var(--hr-border) ); border-radius: 999px;}#brxe-osbhsl .hr-portfolio-page-x3__eyebrow::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; margin-left: 7px; border-radius: 50%; background: var(--hr-accent);}#brxe-osbhsl .hr-portfolio-page-x3__title { position: relative; width: 100%; max-width: none; margin: 0; padding: 0 0 14px; font-size: clamp( 32px, 2.65vw, 45px ); font-weight: 700; line-height: 1.17; white-space: nowrap; color: var(--hr-primary) !important;}#brxe-osbhsl .hr-portfolio-page-x3__title::after { content: ""; position: absolute; right: 0; bottom: 0; width: 92px; height: 3px; border-radius: 999px; background: linear-gradient( 90deg, var(--hr-primary) 0 58%, var(--hr-secondary) 58% 84%, var(--hr-accent) 84% 100% );}#brxe-osbhsl .hr-portfolio-page-x3__lead { width: 100%; max-width: 850px; margin: 0; font-size: var(--hr-text-s); font-weight: 400; line-height: 1.95; color: var(--hr-text-muted) !important;}#brxe-osbhsl .hr-portfolio-page-x3__values { display: flex; flex-direction: row; flex-wrap: wrap; direction: rtl; align-items: center; width: 100%; gap: 7px; margin: 2px 0 0; padding: 0;}#brxe-osbhsl .hr-portfolio-page-x3__value { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: auto; margin: 0; padding: 7px 11px; font-size: var(--hr-text-s); font-weight: 500; line-height: 1.35; white-space: nowrap; color: var(--hr-primary) !important; background: color-mix( in srgb, var(--hr-secondary) 4%, var(--hr-surface) ); border: 1px solid color-mix( in srgb, var(--hr-secondary) 15%, var(--hr-border) ); border-radius: 9px; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;}#brxe-osbhsl .hr-portfolio-page-x3__value::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; margin-left: 7px; border-radius: 50%; background: var(--hr-secondary);}#brxe-osbhsl .hr-portfolio-page-x3__value:last-child::before { background: var(--hr-accent);}#brxe-osbhsl .hr-portfolio-page-x3__value:hover { transform: translateY(-1px); border-color: color-mix( in srgb, var(--hr-secondary) 30%, var(--hr-border) ); box-shadow: 0 7px 16px color-mix( in srgb, var(--hr-primary) 4%, transparent );}#brxe-osbhsl .hr-portfolio-page-x3__actions { display: flex; width: 100%; margin-top: 4px;}#brxe-osbhsl .hr-portfolio-page-x3__cta { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 42px; margin: 0; padding: 9px 16px; font-size: var(--hr-text-s); font-weight: 700; line-height: 1.4; white-space: nowrap; color: var(--hr-surface) !important; background: var(--hr-primary); border: 1px solid var(--hr-primary); border-radius: 9px; box-shadow: 0 9px 20px color-mix( in srgb, var(--hr-primary) 12%, transparent ); transition: transform 180ms ease, box-shadow 180ms ease;}#brxe-osbhsl .hr-portfolio-page-x3__cta:hover { transform: translateY(-2px); color: var(--hr-surface) !important; background: var(--hr-primary); box-shadow: 0 13px 26px color-mix( in srgb, var(--hr-primary) 17%, transparent );}#brxe-osbhsl .hr-portfolio-page-x3__aside { grid-area: aside; direction: rtl; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; max-width: 280px; min-height: 150px; gap: 7px; margin: 0; padding: 18px 20px 18px 15px; text-align: right; background: linear-gradient( 90deg, color-mix( in srgb, var(--hr-secondary) 7%, transparent ) 0%, color-mix( in srgb, var(--hr-secondary) 2%, transparent ) 65%, transparent 100% ); border: 0; border-right: 3px solid var(--hr-primary);}#brxe-osbhsl .hr-portfolio-page-x3__aside::before { content: ""; position: absolute; right: -3px; bottom: 23px; width: 3px; height: 22px; background: var(--hr-accent);}#brxe-osbhsl .hr-portfolio-page-x3__aside::after { content: ""; position: absolute; left: 17px; bottom: 15px; width: 42px; height: 2px; background: linear-gradient( 90deg, var(--hr-secondary) 0 72%, var(--hr-accent) 72% 100% );}#brxe-osbhsl .hr-portfolio-page-x3__aside-kicker { display: inline-flex; width: auto; margin: 0; padding: 4px 8px; font-size: var(--hr-text-xs); font-weight: 600; color: var(--hr-secondary) !important; background: color-mix( in srgb, var(--hr-secondary) 6%, var(--hr-surface) ); border-radius: 999px;}#brxe-osbhsl .hr-portfolio-page-x3__aside-title { margin: 0; font-size: clamp( var(--hr-text-m), 1.3vw, var(--hr-text-l) ); font-weight: 700; line-height: 1.3; color: var(--hr-primary) !important;}#brxe-osbhsl .hr-portfolio-page-x3__aside-text { width: 100%; margin: 0; font-size: var(--hr-text-xs); line-height: 1.8; color: var(--hr-text-muted) !important;}#brxe-osbhsl .hr-portfolio-page-x3__nav { position: relative; display: grid; grid-template-columns: minmax(175px, 210px) minmax(0, 1fr); align-items: center; width: 100%; gap: 20px; margin: 0; padding: 20px clamp(16px, 2.5vw, 34px) 24px; background: linear-gradient( 90deg, transparent 0%, color-mix( in srgb, var(--hr-secondary) 3%, var(--hr-surface) ) 48%, transparent 100% ); border: 0; border-bottom: 1px solid color-mix( in srgb, var(--hr-secondary) 13%, transparent );}#brxe-osbhsl .hr-portfolio-page-x3__nav::before { content: ""; position: absolute; top: 0; right: clamp( 16px, 2.5vw, 34px ); width: 58px; height: 2px; background: var(--hr-secondary);}#brxe-osbhsl .hr-portfolio-page-x3__nav-label { display: flex; align-items: center; width: auto; margin: 0; font-size: var(--hr-text-s); font-weight: 600; color: var(--hr-primary) !important; white-space: nowrap;}#brxe-osbhsl .hr-portfolio-page-x3__nav-label::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; margin-left: 8px; border-radius: 50%; background: var(--hr-secondary);}#brxe-osbhsl .hr-portfolio-page-x3__nav-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; min-width: 0; gap: 7px; margin: 0; padding: 0;}#brxe-osbhsl .hr-portfolio-page-x3__nav-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: auto; min-height: 34px; margin: 0; padding: 6px 11px; font-size: var(--hr-text-xs); font-weight: 500; line-height: 1.4; white-space: nowrap; color: var(--hr-primary) !important; background: color-mix( in srgb, var(--hr-surface) 90%, transparent ); border: 1px solid color-mix( in srgb, var(--hr-secondary) 14%, var(--hr-border) ); border-radius: 8px; box-shadow: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;}#brxe-osbhsl .hr-portfolio-page-x3__nav-link::before { content: ""; width: 4px; height: 4px; flex: 0 0 4px; margin-left: 6px; border-radius: 50%; background: var(--hr-secondary);}#brxe-osbhsl .hr-portfolio-page-x3__nav-link:hover { transform: translateY(-1px); color: var(--hr-primary) !important; border-color: color-mix( in srgb, var(--hr-secondary) 31%, var(--hr-border) ); box-shadow: 0 6px 15px color-mix( in srgb, var(--hr-primary) 4%, transparent );}#brxe-osbhsl .hr-portfolio-page-x3__nav-link--active { color: var(--hr-surface) !important; background: var(--hr-primary); border-color: var(--hr-primary); box-shadow: none;}#brxe-osbhsl .hr-portfolio-page-x3__nav-link--active::before { background: var(--hr-accent);}#brxe-osbhsl .hr-portfolio-page-x3__nav-link--active:hover { color: var(--hr-surface) !important; background: var(--hr-primary); border-color: var(--hr-primary);}#brxe-osbhsl .hr-portfolio-page-x3__intro { position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 9px; margin: 0; padding: clamp(54px, 5.5vw, 78px) clamp(16px, 2.5vw, 34px) clamp(24px, 2.5vw, 34px); background: transparent;}#brxe-osbhsl .hr-portfolio-page-x3__intro::before { content: ""; position: absolute; top: 31px; right: clamp( 16px, 2.5vw, 34px ); width: 2px; height: 25px; background: linear-gradient( 180deg, var(--hr-secondary), transparent );}#brxe-osbhsl .hr-portfolio-page-x3__intro::after { content: ""; position: absolute; top: 30px; right: calc( clamp( 16px, 2.5vw, 34px ) - 3px ); width: 8px; height: 8px; border-radius: 50%; background: var(--hr-secondary);}#brxe-osbhsl .hr-portfolio-page-x3__intro-kicker { width: auto; margin: 0; font-size: var(--hr-text-s); font-weight: 600; color: var(--hr-secondary) !important;}#brxe-osbhsl .hr-portfolio-page-x3__intro-title { position: relative; width: 100%; margin: 0; padding-bottom: 12px; font-size: clamp( 27px, 2.35vw, 39px ); font-weight: 700; line-height: 1.24; color: var(--hr-primary) !important;}#brxe-osbhsl .hr-portfolio-page-x3__intro-title::after { content: ""; position: absolute; right: 0; bottom: 0; width: 74px; height: 3px; border-radius: 999px; background: linear-gradient( 90deg, var(--hr-primary), var(--hr-secondary) );}#brxe-osbhsl .hr-portfolio-page-x3__intro-text { width: 100%; max-width: 780px; margin: 0; font-size: var(--hr-text-s); line-height: 1.85; color: var(--hr-text-muted) !important;}#brxe-osbhsl .hr-portfolio-page-x3__grid { position: relative; display: grid; grid-template-columns: repeat( 5, minmax(0, 1fr) ); align-items: stretch; width: 100%; gap: clamp( 12px, 1.3vw, 18px ); margin: 0; padding: 8px clamp(16px, 2.5vw, 34px) clamp(20px, 2.5vw, 32px); background: transparent;}#brxe-osbhsl .hr-portfolio-page-x3__grid::before { content: ""; position: absolute; inset: -22px -100vw -26px; z-index: -1; pointer-events: none; background: radial-gradient( ellipse at center, color-mix( in srgb, var(--hr-secondary) 2.8%, transparent ) 0%, transparent 68% );}@media (max-width: 1199px) { #brxe-osbhsl .hr-portfolio-page-x3__hero { grid-template-columns: minmax(210px, 250px) minmax(0, 1fr); gap: 38px; } #brxe-osbhsl .hr-portfolio-page-x3__title { font-size: clamp( 29px, 3vw, 38px ); } #brxe-osbhsl .hr-portfolio-page-x3__projects, #brxe-osbhsl .hr-portfolio-page-x3__grid { grid-template-columns: repeat( 4, minmax(0, 1fr) ); }}@media (max-width: 991px) { #brxe-osbhsl { margin-top: 24px; padding: 0 var(--hr-space-m) 58px; } #brxe-osbhsl .hr-portfolio-page-x3__hero { grid-template-columns: 190px minmax(0, 1fr); gap: 26px; padding: 30px 12px 38px; } #brxe-osbhsl .hr-portfolio-page-x3__title { font-size: clamp( 26px, 3.8vw, 33px ); white-space: nowrap; } #brxe-osbhsl .hr-portfolio-page-x3__lead { font-size: var(--hr-text-xs); } #brxe-osbhsl .hr-portfolio-page-x3__value { padding: 6px 8px; font-size: var(--hr-text-xs); } #brxe-osbhsl .hr-portfolio-page-x3__aside { max-width: 190px; padding: 15px 14px 15px 10px; } #brxe-osbhsl .hr-portfolio-page-x3__nav { grid-template-columns: 1fr; gap: 10px; padding: 17px 12px 21px; } #brxe-osbhsl .hr-portfolio-page-x3__intro { padding: 50px 12px 24px; } #brxe-osbhsl .hr-portfolio-page-x3__grid { grid-template-columns: repeat( 3, minmax(0, 1fr) ); gap: 13px; padding: 7px 12px 26px; }}@media (max-width: 767px) { #brxe-osbhsl { margin-top: 18px; padding: 0 var(--hr-space-s) 46px; } #brxe-osbhsl::before { width: 300px; height: 300px; left: -195px; top: 250px; } #brxe-osbhsl::after { width: 260px; height: 140px; right: -150px; } #brxe-osbhsl .hr-portfolio-page-x3__wrap::before { width: 165px; height: 3px; } #brxe-osbhsl .hr-portfolio-page-x3__wrap::after { top: 26px; left: 4px; }  #brxe-osbhsl .hr-portfolio-page-x3__hero { grid-template-columns: 1fr; grid-template-areas: "copy" "aside"; gap: 18px; padding: 22px 3px 30px; } #brxe-osbhsl .hr-portfolio-page-x3__hero::after { display: none; } #brxe-osbhsl .hr-portfolio-page-x3__copy { gap: 10px; } #brxe-osbhsl .hr-portfolio-page-x3__title { width: 100%; font-size: clamp( 24px, 6.6vw, 29px ); line-height: 1.23; white-space: normal; } #brxe-osbhsl .hr-portfolio-page-x3__lead { width: 100%; max-width: 100%; font-size: var(--hr-text-xs); line-height: 1.85; }  #brxe-osbhsl .hr-portfolio-page-x3__values { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); width: 100%; gap: 6px; } #brxe-osbhsl .hr-portfolio-page-x3__value { width: 100%; min-width: 0; padding: 7px 5px; font-size: clamp( 10px, 2.7vw, 12px ); } #brxe-osbhsl .hr-portfolio-page-x3__cta { min-height: 40px; padding: 8px 14px; }  #brxe-osbhsl .hr-portfolio-page-x3__aside { width: 100%; max-width: none; min-height: 105px; padding: 14px 15px 14px 10px; }  #brxe-osbhsl .hr-portfolio-page-x3__nav { display: flex; flex-direction: column; align-items: stretch; gap: 9px; padding: 15px 3px 19px; } #brxe-osbhsl .hr-portfolio-page-x3__nav-label { font-size: var(--hr-text-xs); } #brxe-osbhsl .hr-portfolio-page-x3__nav-list { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; gap: 6px; overflow-x: auto; overflow-y: hidden; padding: 1px 1px 5px; scrollbar-width: thin; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } #brxe-osbhsl .hr-portfolio-page-x3__nav-link { flex: 0 0 auto; min-height: 32px; padding: 6px 9px; scroll-snap-align: start; }  #brxe-osbhsl .hr-portfolio-page-x3__intro { padding: 44px 3px 22px; } #brxe-osbhsl .hr-portfolio-page-x3__intro::before { top: 24px; right: 3px; height: 18px; } #brxe-osbhsl .hr-portfolio-page-x3__intro::after { top: 23px; right: 0; } #brxe-osbhsl .hr-portfolio-page-x3__intro-title { font-size: clamp( 24px, 6vw, 30px ); } #brxe-osbhsl .hr-portfolio-page-x3__intro-text { font-size: var(--hr-text-xs); }  #brxe-osbhsl .hr-portfolio-page-x3__grid { grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 9px; padding: 5px 0 20px; }}@media (max-width: 478px) { #brxe-osbhsl { margin-top: 16px; padding: 0 var(--hr-space-s) 40px; } #brxe-osbhsl .hr-portfolio-page-x3__hero { padding-top: 19px; } #brxe-osbhsl .hr-portfolio-page-x3__title { font-size: clamp( 22px, 6.5vw, 26px ); } #brxe-osbhsl .hr-portfolio-page-x3__values { gap: 5px; } #brxe-osbhsl .hr-portfolio-page-x3__value { padding: 6px 4px; } #brxe-osbhsl .hr-portfolio-page-x3__nav { padding-bottom: 17px; } #brxe-osbhsl .hr-portfolio-page-x3__intro { padding-top: 40px; } #brxe-osbhsl .hr-portfolio-page-x3__grid { grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 7px; }}@media (prefers-reduced-motion: reduce) { #brxe-osbhsl .hr-portfolio-page-x3__value, #brxe-osbhsl .hr-portfolio-page-x3__cta, #brxe-osbhsl .hr-portfolio-page-x3__nav-link { transition: none; }}