/* Safety upper composition. Measured source: Figma responsive02, 2026-10-05.
 * Native editable Gutenberg text stays outside the geometry-only SVGs.
 * No extra hero gradient: download.jpg already contains the approved gradient. */
.sf-safety__hero { padding: 0; position: relative; height: auto; min-height: 600px; overflow: hidden; border-radius: 0 0 32px 32px; background: #17303f; }
.sf-safety .sf-safety__hero-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
/* Preserve the photograph and its baked gradient; keep white mobile text legible. */
.sf-safety .sf-safety__hero-image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .22); pointer-events: none; }
.sf-safety .sf-safety__hero-image img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 43.548% 50%; }
.sf-safety__hero-inner { position: relative; z-index: 1; min-height: inherit; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 36px; padding-bottom: 36px; }
.sf-safety__hero-copy { position: relative; align-self: flex-start; width: 100%; display: flex; flex-direction: column; gap: 24px; }
.sf-safety__hero-bind { display: inline-block; max-width: 100%; white-space: normal; }
.sf-safety__hero-words { display: flex; flex-direction: column; gap: 16px; }
.sf-safety .sf-safety__hero h1 { font-size: 25px; line-height: 32px; color: #fff; -webkit-hyphens: none; hyphens: none; }
.sf-safety__hero p { color: #fff; font-size: 18px; line-height: 27px; }
.sf-safety .sf-safety__hero-cta .wp-block-button__link { min-height: 62px; border-width: 2px; padding: 16px 24px; font-size: 16px; line-height: 26px; }
.sf-safety__hero-cta .wp-block-button__link::after { content: ''; width: 20px; height: 20px; flex: 0 0 20px; background: url('../images/content/arrow-right.svg') center / contain no-repeat; transform: rotate(90deg); }

.sf-safety__awards { padding-top: 32px; padding-bottom: 22px; }
.sf-safety__awards-inner { display: flex; flex-direction: column; align-items: center; }
.sf-safety .sf-safety__awards-heading { width: 100%; text-align: center; font: 700 16px/24px var(--wp--preset--font-family--sf-interface, 'Source Sans Pro', sans-serif); }
.sf-safety__awards-strip { width: 100vw; min-width: 0; max-width: none; margin-top: 24px !important; }
.sf-safety__awards .sf-logo-marquee__link { display: block; text-decoration: none; color: inherit; }
.sf-safety__awards .sf-logo-marquee__track,
.sf-safety__awards .sf-logo-marquee__list,
.sf-safety__awards .sf-logo-marquee__duplicate { gap: 0; align-items: center; }
.sf-safety__awards .sf-logo-marquee__item { display: flex; justify-content: center; align-items: center; width: 176px; height: 88px; padding: 0; flex: 0 0 176px; }
.sf-safety__awards .sf-logo-marquee__image { width: auto; height: auto; max-width: 92.444443px; max-height: 64px; object-fit: contain; }
.sf-safety__awards .sf-logo-marquee__viewport { width: 100%; height: 88px; }
.sf-safety__awards-strip::before,
.sf-safety__awards-strip::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; width: 8%; pointer-events: none; }
.sf-safety__awards-strip::before { left: 0; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); }
.sf-safety__awards-strip::after { right: 0; background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0)); }
@supports ((-webkit-mask-image: linear-gradient(90deg, transparent, #000)) or (mask-image: linear-gradient(90deg, transparent, #000))) or (-webkit-mask-image: linear-gradient(90deg, transparent, #000)) {
 .sf-safety__awards .sf-logo-marquee__viewport { -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
 .sf-safety__awards-strip::before,
 .sf-safety__awards-strip::after { content: none; }
}
@media (min-width: 1500px) {
 .sf-safety__awards-strip::before,
 .sf-safety__awards-strip::after { width: 120px; }
 @supports ((-webkit-mask-image: linear-gradient(90deg, transparent, #000)) or (mask-image: linear-gradient(90deg, transparent, #000))) or (-webkit-mask-image: linear-gradient(90deg, transparent, #000)) {
  .sf-safety__awards .sf-logo-marquee__viewport { -webkit-mask-image: linear-gradient(90deg, transparent, #000 120px, #000 calc(100% - 120px), transparent); mask-image: linear-gradient(90deg, transparent, #000 120px, #000 calc(100% - 120px), transparent); }
 }
}
.sf-safety__awards .sf-logo-marquee__viewport:focus { -webkit-mask-image: none; mask-image: none; }
.sf-safety .sf-safety__awards-cta { margin-top: 14px; justify-content: center; }
.sf-safety .sf-safety__awards-cta .wp-block-button__link { min-height: 44px; padding: 10px 0; font-size: 16px; line-height: 24px; }

.sf-safety__differences { overflow: hidden; }
.sf-safety__differences-inner { display: flex; flex-direction: column; gap: 32px; }
.sf-safety .sf-safety__differences-heading { font-size: 28px; line-height: 34px; }
.sf-safety__differences-intro p { max-width: 880px; font-size: 18px; line-height: 26px; }
.sf-safety__construction-carousel { width: calc(100% + var(--sf-safety-gutter)); max-width: none; display: flex; flex-direction: column; }
/* One continuous diagram, rather than separate cards: let every part remain reachable. */
.sf-safety .sf-safety__construction-carousel > .sf-content-carousel__viewport { order: 0; scroll-snap-type: none; }
.sf-safety .sf-safety__construction-carousel .sf-content-carousel__track { gap: 0; }
.sf-safety .sf-safety__construction-carousel .sf-content-carousel__nav { order: 2; width: calc(100% - var(--sf-safety-gutter)); margin-top: 8px; }
.sf-safety .sf-safety__construction-cue { order: 1; width: calc(100% - var(--sf-safety-gutter)); min-height: 48px; display: flex; justify-content: flex-start; align-items: center; margin-top: 8px !important; font-size: 14px; line-height: 20px; color: #526779; }
.sf-safety__construction-plane { width: var(--sf-diagram-width); flex-basis: var(--sf-diagram-width); min-width: var(--sf-diagram-width); }
.sf-safety__construction-brands { position: relative; width: 100%; min-height: 44px; padding-top: 6px; padding-bottom: 10px; margin-bottom: 24px !important; }
.sf-safety .sf-safety__construction-brand--left { position: relative; width: calc(50% - 12px); font-size: 20px; line-height: 28px; font-weight: 700; text-align: center; }
.sf-safety .sf-safety__construction-brand--right { position: absolute; left: calc(75% + 6px); top: 5.96875px; width: 180px; height: 32.0625px; transform: translateX(-50%); }
.sf-safety .sf-safety__construction-brand--right img { width: 100%; height: 100%; object-fit: contain; }
.sf-safety__diagram {
 position: relative; width: var(--sf-diagram-width); min-height: var(--sf-diagram-height);
 display: grid; padding-top: var(--sf-label-0-y); padding-bottom: 20px; row-gap: 20px;
 grid-template-columns: var(--sf-label-0-width) calc(var(--sf-label-1-x) - var(--sf-label-0-width)) var(--sf-label-1-width) 1fr;
 grid-template-rows: minmax(calc(var(--sf-label-2-y) - var(--sf-label-0-y) - 20px), -webkit-max-content)
  minmax(calc(var(--sf-label-4-y) - var(--sf-label-2-y) - 20px), -webkit-max-content)
  minmax(calc(var(--sf-label-6-y) - var(--sf-label-4-y) - 20px), -webkit-max-content)
  minmax(calc(var(--sf-diagram-height) - var(--sf-label-6-y) - 20px), -webkit-max-content);
 grid-template-rows: minmax(calc(var(--sf-label-2-y) - var(--sf-label-0-y) - 20px), max-content)
  minmax(calc(var(--sf-label-4-y) - var(--sf-label-2-y) - 20px), max-content)
  minmax(calc(var(--sf-label-6-y) - var(--sf-label-4-y) - 20px), max-content)
  minmax(calc(var(--sf-diagram-height) - var(--sf-label-6-y) - 20px), max-content);
}
.sf-safety__construction-mask { position: absolute; overflow: hidden; }
.sf-safety__construction-mask--left { left: var(--sf-photo-left-x); top: var(--sf-photo-left-y); width: var(--sf-photo-left-width); height: var(--sf-photo-left-height); }
.sf-safety__construction-mask--right { left: var(--sf-photo-right-x); top: var(--sf-photo-right-y); width: var(--sf-photo-right-width); height: var(--sf-photo-right-height); }
.sf-safety .sf-safety__construction-photo { position: absolute; max-width: none; }
.sf-safety .sf-safety__construction-photo--left { left: var(--sf-photo-left-image-x); top: var(--sf-photo-left-image-y); width: var(--sf-photo-left-image-width); height: var(--sf-photo-left-image-height); }
.sf-safety .sf-safety__construction-photo--right { left: var(--sf-photo-right-image-x); top: var(--sf-photo-right-image-y); width: var(--sf-photo-right-image-width); height: var(--sf-photo-right-image-height); }
.sf-safety .sf-safety__construction-photo img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
.sf-safety__construction-seam { position: absolute; left: calc(var(--sf-photo-right-x) - 6px); top: var(--sf-photo-left-y); width: 12px; height: var(--sf-photo-left-height); background: #fff; }
.sf-safety__annotation { position: relative; align-self: start; z-index: 2; }
.sf-safety__annotation-heading { display: flex; align-items: center; gap: 10px; }
.sf-safety .sf-safety__annotation-icon { width: 24px; height: 24px; flex: 0 0 24px; }
.sf-safety .sf-safety__annotation-icon img { width: 24px; height: 24px; }
.sf-safety .sf-safety__annotation h3 { font: 700 18px/24px var(--wp--preset--font-family--sf-interface, 'Source Sans Pro', sans-serif); flex: 1 1 0; min-width: 0; }
.sf-safety__annotation-bind { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: break-word; overflow-wrap: anywhere; }
@media (max-width: 374px) { .sf-safety__annotation-bind { display: inline; max-width: none; } }
.sf-safety__annotation-body .sf-safety__annotation-bind { display: inline-block; max-width: 100%; }
.sf-safety .sf-safety__annotation-body { font-size: 16px; line-height: 23px; color: #606a77; margin-top: 6px; }
.sf-safety__ray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.sf-safety .sf-safety__ray-stub, .sf-safety .sf-safety__ray-diagonal { position: absolute; pointer-events: none; }
.sf-safety .sf-safety__ray-stub { width: 16px; height: 2px; }
.sf-safety .sf-safety__ray-stub img { width: 16px; height: 2px; }
.sf-safety .sf-safety__ray-diagonal img { width: 100%; height: 100%; }
.sf-safety .sf-safety__anchor { position: absolute; width: 8px; height: 8px; z-index: 3; pointer-events: none; }
/* Keep each authored 8px target box and all generated ray coordinates intact.
 * Warranty's static halo/core treatment is centered on that same target. */
.sf-safety .sf-safety__anchor { --sf-anchor-color: #e25555; --sf-anchor-halo: rgba(226, 85, 85, .68); --sf-anchor-size: 24px; --sf-anchor-core: 10px; }
.sf-safety .sf-safety__anchor--1,
.sf-safety .sf-safety__anchor--3,
.sf-safety .sf-safety__anchor--5,
.sf-safety .sf-safety__anchor--7 { --sf-anchor-color: #0088ce; --sf-anchor-halo: rgba(0, 136, 206, .68); }
.sf-safety .sf-safety__anchor::before,
.sf-safety .sf-safety__anchor::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.sf-safety .sf-safety__anchor::before { width: var(--sf-anchor-size); height: var(--sf-anchor-size); background: var(--sf-anchor-halo); }
.sf-safety .sf-safety__anchor::after { width: var(--sf-anchor-core); height: var(--sf-anchor-core); border: 1px solid var(--sf-anchor-color); box-sizing: border-box; background: radial-gradient(circle, var(--sf-anchor-color) 1.5px, #fff 1.5px); }
.sf-safety .sf-safety__anchor img { width: 8px; height: 8px; opacity: 0; }
@media (min-width: 1025px) { .sf-safety .sf-safety__anchor { --sf-anchor-size: 32px; --sf-anchor-core: 14px; } }

.sf-safety__story { width: 100%; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; background: #f3f6f7; }
/* Text-bearing posters keep a complete 16:9 media frame. Reserve its height
 * without aspect-ratio, and keep the same physical clipping on replaced media. */
.sf-safety__story-poster { width: 100%; min-width: 0; flex: none; align-self: flex-start; border-radius: 24px 24px 0 0; overflow: hidden; }
.sf-safety__story-poster > .sf-video-dialog__trigger { position: relative; width: 100%; height: 0; padding-top: 56.25%; border-radius: inherit; overflow: hidden; }
.sf-safety__story-poster .sf-video-dialog__poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.sf-safety__story-poster noscript { border-radius: inherit; }
.sf-safety__story-copy { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 24px; }
.sf-safety__story-words { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.sf-safety .sf-safety__story h2 { font-size: 23px; line-height: 31px; }
.sf-safety__story p { font-size: 18px; line-height: 27px; color: #606a77; }
.sf-safety__story-cta .sf-video-dialog__trigger { min-height: 44px; padding: 8px 0; border: 0; border-radius: 0; text-decoration: none; color: #0073c4; background: transparent; font: 700 16px/24px var(--wp--preset--font-family--sf-interface, 'Source Sans Pro', sans-serif); }
.sf-safety__story-cta .sf-video-dialog__trigger:hover { background: transparent; color: #0064ab; text-decoration: underline; }
.sf-safety__story-cta .sf-video-dialog__play { display: none; }
.sf-safety__story-cta .sf-video-dialog__trigger::after { content: ''; width: 20px; height: 20px; margin-left: 10px; background: url('../images/about/arrow-next.svg') center / contain no-repeat; }
@supports ((-webkit-mask-image: url('../images/content/arrow-right.svg')) or (mask-image: url('../images/content/arrow-right.svg'))) {
 .sf-safety__story-cta .sf-video-dialog__trigger::after { background: currentColor; -webkit-mask-image: url('../images/content/arrow-right.svg'); -webkit-mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-image: url('../images/content/arrow-right.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; }
}

@media (max-width: 413px) { .sf-safety__bind-small { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: break-word; overflow-wrap: anywhere; } }
@media (min-width: 360px) { .sf-safety .sf-safety__story h2 { font-size: 27px; line-height: 35px; } }
@media (min-width: 375px) { .sf-safety .sf-safety__hero h1 { font-size: 30px; line-height: 36px; } .sf-safety .sf-safety__story h2 { font-size: 28px; line-height: 36px; } }
@media (min-width: 414px) { .sf-safety__hero { min-height: 600px; } .sf-safety .sf-safety__hero h1 { font-size: 32px; line-height: 38px; } }
@media (min-width: 768px) {
 .sf-safety .sf-safety__hero-image::after { content: none; }
 .sf-safety__hero { min-height: 660px; }
 .sf-safety__hero-inner { padding-top: 48px; padding-bottom: 48px; }
 .sf-safety__hero-copy { width: 580px; gap: 32px; }
 .sf-safety .sf-safety__hero h1 { font-size: 40px; line-height: 48px; }
 .sf-safety__hero p { font-size: 20px; line-height: 30px; }
 .sf-safety .sf-safety__hero-cta .wp-block-button__link { min-height: 62px; padding: 16px 24px; font-size: 16px; line-height: 26px; }
 .sf-safety__awards { padding-top: 48px; padding-bottom: 16px; }
 .sf-safety__awards-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(26px, auto) 104px; column-gap: 32px; row-gap: 26px; min-width: 0; }
 .sf-safety .sf-safety__awards-heading { grid-column: 1; grid-row: 1; font-size: 18px; line-height: 26px; text-align: left; }
 .sf-safety__awards-strip { grid-column: 1 / -1; grid-row: 2; margin-top: 0 !important; justify-self: center; }
 .sf-safety .sf-safety__awards-cta { grid-column: 2; grid-row: 1; margin-top: -9px; margin-bottom: -9px; align-self: start; align-items: flex-start; white-space: nowrap; }
 .sf-safety__awards .sf-logo-marquee__item { width: 216px; flex-basis: 216px; height: 104px; }
 .sf-safety__awards .sf-logo-marquee__image { max-width: 104px; max-height: 72px; }
 .sf-safety__awards .sf-logo-marquee__viewport { height: 104px; }
 .sf-safety__differences { padding-top: 72px; padding-bottom: 72px; }
 .sf-safety__differences-inner { gap: 48px; }
 .sf-safety .sf-safety__differences-heading { font-size: 34px; line-height: 42px; }
 .sf-safety__differences-intro p { font-size: 20px; line-height: 30px; }
 .sf-safety__construction-brands { padding-bottom: 6px; }
 .sf-safety .sf-safety__construction-brand--left { font-size: 24px; line-height: 32px; }
 .sf-safety .sf-safety__construction-brand--right { width: 226px; height: 40.25625px; top: 1.871875px; }
 .sf-safety__story-copy { padding: 32px; justify-content: center; }
 .sf-safety .sf-safety__story h2 { font-size: 32px; line-height: 40px; }
 .sf-safety__story p { font-size: 20px; line-height: 30px; }
}
@media (min-width: 1025px) {
 .sf-safety__hero { min-height: 660px; }
 .sf-safety__awards .sf-logo-marquee__item { width: 280px; flex-basis: 280px; }
 .sf-safety__hero-copy { width: 680px; }
 .sf-safety .sf-safety__hero h1 { font-size: 48px; line-height: 58px; }
 .sf-safety__differences { padding-top: 96px; padding-bottom: 96px; }
}
@media (min-width: 1280px) {
 .sf-safety__hero { min-height: 660px; }
 .sf-safety__awards .sf-logo-marquee__item { width: 280px; flex-basis: 280px; }
 .sf-safety__awards .sf-logo-marquee__image { max-width: 104px; max-height: 72px; }
 .sf-safety .sf-safety__differences-heading { font-size: 40px; line-height: 48px; }
 .sf-safety__construction-carousel { width: 100%; }
 .sf-safety .sf-safety__construction-carousel .sf-content-carousel__nav, .sf-safety .sf-safety__construction-cue { display: none; }
 .sf-safety__construction-brands { margin-bottom: 48px !important; }
 .sf-safety .sf-safety__annotation h3 { font-size: 20px; line-height: 26px; }
 .sf-safety .sf-safety__annotation-body { font-size: 17px; line-height: 25px; }
 .sf-safety__story { flex-direction: row; align-items: stretch; }
 .sf-safety__story-poster { width: 50%; flex-basis: 50%; border-radius: 24px 0 0 24px; }
 .sf-safety__story-copy { width: 50%; flex-basis: 50%; padding: 40px; }
 .sf-safety .sf-safety__story h2 { font-size: 34px; line-height: 42px; }
}


.sf-safety__annotation--0 { grid-column: 1; grid-row: 1; width: var(--sf-label-0-width); }
.sf-safety .sf-safety__anchor--0 { left: var(--sf-anchor-0-x); top: var(--sf-anchor-0-y); }
.sf-safety__ray--0 .sf-safety__ray-stub { left: var(--sf-ray-0-stub-x); top: var(--sf-ray-0-stub-y); }
.sf-safety__ray--0 .sf-safety__ray-diagonal { left: var(--sf-ray-0-x); top: var(--sf-ray-0-y); width: var(--sf-ray-0-width); height: var(--sf-ray-0-height); }

.sf-safety__annotation--1 { grid-column: 3; grid-row: 1; width: var(--sf-label-1-width); }
.sf-safety .sf-safety__anchor--1 { left: var(--sf-anchor-1-x); top: var(--sf-anchor-1-y); }
.sf-safety__ray--1 .sf-safety__ray-stub { left: var(--sf-ray-1-stub-x); top: var(--sf-ray-1-stub-y); }
.sf-safety__ray--1 .sf-safety__ray-diagonal { left: var(--sf-ray-1-x); top: var(--sf-ray-1-y); width: var(--sf-ray-1-width); height: var(--sf-ray-1-height); }
.sf-safety__ray--1 .sf-safety__ray-diagonal img { transform: scaleX(-1); }

.sf-safety__annotation--2 { grid-column: 1; grid-row: 2; width: var(--sf-label-2-width); }
.sf-safety .sf-safety__anchor--2 { left: var(--sf-anchor-2-x); top: var(--sf-anchor-2-y); }
.sf-safety__ray--2 .sf-safety__ray-stub { left: var(--sf-ray-2-stub-x); top: var(--sf-ray-2-stub-y); }
.sf-safety__ray--2 .sf-safety__ray-diagonal { left: var(--sf-ray-2-x); top: var(--sf-ray-2-y); width: var(--sf-ray-2-width); height: var(--sf-ray-2-height); }

.sf-safety__annotation--3 { grid-column: 3; grid-row: 2; width: var(--sf-label-3-width); }
.sf-safety .sf-safety__anchor--3 { left: var(--sf-anchor-3-x); top: var(--sf-anchor-3-y); }
.sf-safety__ray--3 .sf-safety__ray-stub { left: var(--sf-ray-3-stub-x); top: var(--sf-ray-3-stub-y); }
.sf-safety__ray--3 .sf-safety__ray-diagonal { left: var(--sf-ray-3-x); top: var(--sf-ray-3-y); width: var(--sf-ray-3-width); height: var(--sf-ray-3-height); }
.sf-safety__ray--3 .sf-safety__ray-diagonal img { transform: scaleX(-1); }

.sf-safety__annotation--4 { grid-column: 1; grid-row: 3; width: var(--sf-label-4-width); }
.sf-safety .sf-safety__anchor--4 { left: var(--sf-anchor-4-x); top: var(--sf-anchor-4-y); }
.sf-safety__ray--4 .sf-safety__ray-stub { left: var(--sf-ray-4-stub-x); top: var(--sf-ray-4-stub-y); }
.sf-safety__ray--4 .sf-safety__ray-diagonal { left: var(--sf-ray-4-x); top: var(--sf-ray-4-y); width: var(--sf-ray-4-width); height: var(--sf-ray-4-height); }

.sf-safety__annotation--5 { grid-column: 3; grid-row: 3; width: var(--sf-label-5-width); }
.sf-safety .sf-safety__anchor--5 { left: var(--sf-anchor-5-x); top: var(--sf-anchor-5-y); }
.sf-safety__ray--5 .sf-safety__ray-stub { left: var(--sf-ray-5-stub-x); top: var(--sf-ray-5-stub-y); }
.sf-safety__ray--5 .sf-safety__ray-diagonal { left: var(--sf-ray-5-x); top: var(--sf-ray-5-y); width: var(--sf-ray-5-width); height: var(--sf-ray-5-height); }
.sf-safety__ray--5 .sf-safety__ray-diagonal img { transform: scaleX(-1); }

.sf-safety__annotation--6 { grid-column: 1; grid-row: 4; width: var(--sf-label-6-width); }
.sf-safety .sf-safety__anchor--6 { left: var(--sf-anchor-6-x); top: var(--sf-anchor-6-y); }
.sf-safety__ray--6 .sf-safety__ray-stub { left: var(--sf-ray-6-stub-x); top: var(--sf-ray-6-stub-y); }
.sf-safety__ray--6 .sf-safety__ray-diagonal { left: var(--sf-ray-6-x); top: var(--sf-ray-6-y); width: var(--sf-ray-6-width); height: var(--sf-ray-6-height); }

.sf-safety__annotation--7 { grid-column: 3; grid-row: 4; width: var(--sf-label-7-width); }
.sf-safety .sf-safety__anchor--7 { left: var(--sf-anchor-7-x); top: var(--sf-anchor-7-y); }
.sf-safety__ray--7 .sf-safety__ray-stub { left: var(--sf-ray-7-stub-x); top: var(--sf-ray-7-stub-y); }
.sf-safety__ray--7 .sf-safety__ray-diagonal { left: var(--sf-ray-7-x); top: var(--sf-ray-7-y); width: var(--sf-ray-7-width); height: var(--sf-ray-7-height); }
.sf-safety__ray--7 .sf-safety__ray-diagonal img { transform: scaleX(-1); }

/* Exact cover crop: 45% source focal point on phones, 35% on tablets.
 * Pixel offset follows the fixed hero height; photograph already has a gradient. */
.sf-safety .sf-safety__hero-image img { object-position: calc(50% + 53.333333px) 50%; }
@media (min-width: 414px) { .sf-safety .sf-safety__hero-image img { object-position: calc(50% + 53.333333px) 50%; } }
@media (min-width: 768px) { .sf-safety .sf-safety__hero-image img { object-position: calc(50% + 176px) 50%; } }
@media (min-width: 896px) { .sf-safety .sf-safety__hero-image img { object-position: 0% 50%; } }
@media (min-width: 1280px) { .sf-safety .sf-safety__hero-image img { object-position: 50% 50%; } }

/* Live Figma projection: photos, labels and geometry share these pixels. */

@media (min-width: 320.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-width: calc(200.000000vw + 0.000000px);
    --sf-diagram-height: calc(-230.000000vw + 1512.000000px);
    --sf-label-0-x: 0.000000px;
    --sf-label-0-y: 20.000000px;
    --sf-label-0-width: calc(50.000000vw - 1.000000px);
    --sf-label-1-x: calc(150.000000vw - 15.000000px);
    --sf-label-1-y: 20.000000px;
    --sf-label-1-width: calc(50.000000vw - 1.000000px);
    --sf-label-2-x: 0.000000px;
    --sf-label-2-y: calc(-57.500000vw + 393.000000px);
    --sf-label-2-width: calc(50.000000vw - 1.000000px);
    --sf-label-3-x: calc(150.000000vw - 15.000000px);
    --sf-label-3-y: calc(-57.500000vw + 393.000000px);
    --sf-label-3-width: calc(50.000000vw - 1.000000px);
    --sf-label-4-x: 0.000000px;
    --sf-label-4-y: calc(-115.000000vw + 766.000000px);
    --sf-label-4-width: calc(50.000000vw - 1.000000px);
    --sf-label-5-x: calc(150.000000vw - 15.000000px);
    --sf-label-5-y: calc(-115.000000vw + 766.000000px);
    --sf-label-5-width: calc(50.000000vw - 1.000000px);
    --sf-label-6-x: 0.000000px;
    --sf-label-6-y: calc(-172.500000vw + 1139.000000px);
    --sf-label-6-width: calc(50.000000vw - 1.000000px);
    --sf-label-7-x: calc(150.000000vw - 15.000000px);
    --sf-label-7-y: calc(-172.500000vw + 1139.000000px);
    --sf-label-7-width: calc(50.000000vw - 1.000000px);
    --sf-photo-left-x: calc(50.000000vw + 15.000000px);
    --sf-photo-left-y: calc(-152.500000vw + 770.000000px);
    --sf-photo-left-width: calc(50.000000vw - 15.000000px);
    --sf-photo-left-height: calc(73.148155vw - 21.944473px);
    --sf-photo-left-image-x: calc(-18.560791vw + 5.568237px);
    --sf-photo-left-image-y: calc(1.851852vw - 0.555556px);
    --sf-photo-left-image-width: calc(137.121506vw - 41.136383px);
    --sf-photo-left-image-height: calc(73.152771vw - 21.945816px);
    --sf-photo-right-x: calc(100.000000vw + 0.000000px);
    --sf-photo-right-y: calc(-152.500000vw + 770.000000px);
    --sf-photo-right-width: calc(50.000000vw - 15.000000px);
    --sf-photo-right-height: calc(73.148155vw - 21.944473px);
    --sf-photo-right-image-x: calc(-57.425957vw + 17.227829px);
    --sf-photo-right-image-y: calc(1.851852vw - 0.555556px);
    --sf-photo-right-image-width: calc(114.851837vw - 34.455505px);
    --sf-photo-right-image-height: calc(73.726845vw - 22.118027px);
    --sf-anchor-0-x: calc(91.898117vw - 1.569336px);
    --sf-anchor-0-y: calc(-129.351883vw + 759.055664px);
    --sf-ray-0-stub-x: calc(50.000000vw + 11.000000px);
    --sf-ray-0-stub-y: 87.000000px;
    --sf-ray-0-x: calc(50.000000vw + 27.000000px);
    --sf-ray-0-y: 88.000000px;
    --sf-ray-0-width: calc(41.898117vw - 24.569336px);
    --sf-ray-0-height: calc(-129.351883vw + 675.055664px);
    --sf-anchor-1-x: calc(123.958359vw - 11.187592px);
    --sf-anchor-1-y: calc(-128.657455vw + 758.847382px);
    --sf-ray-1-stub-x: calc(150.000000vw - 43.000000px);
    --sf-ray-1-stub-y: 87.000000px;
    --sf-ray-1-x: calc(123.958359vw - 7.187592px);
    --sf-ray-1-y: 88.000000px;
    --sf-ray-1-width: calc(26.041641vw - 35.812408px);
    --sf-ray-1-height: calc(-128.657455vw + 674.847382px);
    --sf-anchor-2-x: calc(81.481476vw + 1.555573px);
    --sf-anchor-2-y: calc(-124.143524vw + 757.493073px);
    --sf-ray-2-stub-x: calc(50.000000vw + 11.000000px);
    --sf-ray-2-stub-y: calc(-57.500000vw + 460.000000px);
    --sf-ray-2-x: calc(50.000000vw + 27.000000px);
    --sf-ray-2-y: calc(-57.500000vw + 461.000000px);
    --sf-ray-2-width: calc(31.481476vw - 21.444427px);
    --sf-ray-2-height: calc(-66.643524vw + 300.493073px);
    --sf-anchor-3-x: calc(139.930573vw - 15.979218px);
    --sf-anchor-3-y: calc(-121.250000vw + 756.625000px);
    --sf-ray-3-stub-x: calc(150.000000vw - 43.000000px);
    --sf-ray-3-stub-y: calc(-57.500000vw + 460.000000px);
    --sf-ray-3-x: calc(139.930573vw - 11.979218px);
    --sf-ray-3-y: calc(-57.500000vw + 461.000000px);
    --sf-ray-3-width: calc(10.069427vw - 31.020782px);
    --sf-ray-3-height: calc(-63.750000vw + 299.625000px);
    --sf-anchor-4-x: calc(91.898117vw - 1.569336px);
    --sf-anchor-4-y: calc(-105.972214vw + 752.041626px);
    --sf-ray-4-stub-x: calc(50.000000vw + 11.000000px);
    --sf-ray-4-stub-y: calc(-114.999990vw + 832.999954px);
    --sf-ray-4-x: calc(50.000000vw + 27.000000px);
    --sf-ray-4-y: calc(-105.972214vw + 756.041626px);
    --sf-ray-4-width: calc(41.898117vw - 24.569336px);
    --sf-ray-4-height: calc(-9.027777vw + 77.958328px);
    --sf-anchor-5-x: calc(120.717545vw - 10.215118px);
    --sf-anchor-5-y: calc(-100.995407vw + 750.548737px);
    --sf-ray-5-stub-x: calc(150.000000vw - 43.000000px);
    --sf-ray-5-stub-y: calc(-115.000038vw + 833.000130px);
    --sf-ray-5-x: calc(120.717545vw - 6.215118px);
    --sf-ray-5-y: calc(-100.995407vw + 754.548737px);
    --sf-ray-5-width: calc(29.282455vw - 36.784882px);
    --sf-ray-5-height: calc(-14.004631vw + 79.451393px);
    --sf-anchor-6-x: calc(81.481476vw + 1.555573px);
    --sf-anchor-6-y: calc(-90.578690vw + 747.423553px);
    --sf-ray-6-stub-x: calc(50.000000vw + 11.000000px);
    --sf-ray-6-stub-y: calc(-172.499962vw + 1205.999863px);
    --sf-ray-6-x: calc(50.000000vw + 27.000000px);
    --sf-ray-6-y: calc(-90.578690vw + 751.423553px);
    --sf-ray-6-width: calc(31.481476vw - 21.444427px);
    --sf-ray-6-height: calc(-81.921272vw + 455.576309px);
    --sf-anchor-7-x: calc(111.574097vw - 7.472290px);
    --sf-anchor-7-y: calc(-90.000000vw + 747.250000px);
    --sf-ray-7-stub-x: calc(150.000000vw - 43.000000px);
    --sf-ray-7-stub-y: calc(-172.500000vw + 1206.000000px);
    --sf-ray-7-x: calc(111.574097vw - 3.472290px);
    --sf-ray-7-y: calc(-90.000000vw + 751.250000px);
    --sf-ray-7-width: calc(38.425903vw - 39.527710px);
    --sf-ray-7-height: calc(-82.500000vw + 455.750000px);
  }
  .sf-safety__ray--0 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--0 .sf-safety__ray-diagonal--up { display: none; }
  .sf-safety__ray--1 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--1 .sf-safety__ray-diagonal--up { display: none; }
  .sf-safety__ray--2 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--2 .sf-safety__ray-diagonal--up { display: none; }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--up { display: none; }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--up { display: block; }
}

@media (min-width: 360.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-height: 684.000000px;
    --sf-label-0-width: calc(53.333333vw - 13.000000px);
    --sf-label-1-x: calc(146.666667vw - 3.000000px);
    --sf-label-1-width: calc(53.333333vw - 13.000000px);
    --sf-label-2-y: 186.000000px;
    --sf-label-2-width: calc(53.333333vw - 13.000000px);
    --sf-label-3-x: calc(146.666667vw - 3.000000px);
    --sf-label-3-y: 186.000000px;
    --sf-label-3-width: calc(53.333333vw - 13.000000px);
    --sf-label-4-y: 352.000000px;
    --sf-label-4-width: calc(53.333333vw - 13.000000px);
    --sf-label-5-x: calc(146.666667vw - 3.000000px);
    --sf-label-5-y: 352.000000px;
    --sf-label-5-width: calc(53.333333vw - 13.000000px);
    --sf-label-6-y: 518.000000px;
    --sf-label-6-width: calc(53.333333vw - 13.000000px);
    --sf-label-7-x: calc(146.666667vw - 3.000000px);
    --sf-label-7-y: 518.000000px;
    --sf-label-7-width: calc(53.333333vw - 13.000000px);
    --sf-photo-left-x: calc(53.333333vw + 3.000000px);
    --sf-photo-left-y: calc(-33.333333vw + 341.000000px);
    --sf-photo-left-width: calc(46.666667vw - 3.000000px);
    --sf-photo-left-height: calc(68.271586vw - 4.388824px);
    --sf-photo-left-image-x: calc(-17.322769vw + 1.111359px);
    --sf-photo-left-image-y: calc(1.728395vw - 0.111110px);
    --sf-photo-left-image-width: calc(127.980143vw - 8.227478px);
    --sf-photo-left-image-height: calc(68.275960vw - 4.389297px);
    --sf-photo-right-y: calc(-33.333333vw + 341.000000px);
    --sf-photo-right-width: calc(46.666667vw - 3.000000px);
    --sf-photo-right-height: calc(68.271586vw - 4.388824px);
    --sf-photo-right-image-x: calc(-53.596903vw + 3.443237px);
    --sf-photo-right-image-y: calc(1.728395vw - 0.111110px);
    --sf-photo-right-image-width: calc(107.195028vw - 6.890991px);
    --sf-photo-right-image-height: calc(68.811747vw - 4.423676px);
    --sf-anchor-0-x: calc(92.438354vw - 3.514191px);
    --sf-anchor-0-y: calc(-11.728312vw + 335.610809px);
    --sf-ray-0-stub-x: calc(53.333333vw - 1.000000px);
    --sf-ray-0-x: calc(53.333333vw + 15.000000px);
    --sf-ray-0-width: calc(39.105021vw - 14.514191px);
    --sf-ray-0-height: calc(-11.728312vw + 251.610809px);
    --sf-anchor-1-x: calc(122.361043vw - 5.437256px);
    --sf-anchor-1-y: calc(-11.080119vw + 335.568970px);
    --sf-ray-1-stub-x: calc(146.666667vw - 31.000000px);
    --sf-ray-1-x: calc(122.361043vw - 1.437256px);
    --sf-ray-1-width: calc(24.305623vw - 29.562744px);
    --sf-ray-1-height: calc(-11.080119vw + 251.568970px);
    --sf-anchor-2-x: calc(82.716064vw - 2.888947px);
    --sf-anchor-2-y: calc(-6.867269vw + 335.298553px);
    --sf-ray-2-stub-x: calc(53.333333vw - 1.000000px);
    --sf-ray-2-stub-y: 253.000000px;
    --sf-ray-2-x: calc(53.333333vw + 15.000000px);
    --sf-ray-2-y: 254.000000px;
    --sf-ray-2-width: calc(29.382731vw - 13.888947px);
    --sf-ray-2-height: calc(-6.867269vw + 85.298553px);
    --sf-anchor-3-x: calc(137.268473vw - 6.395660px);
    --sf-anchor-3-y: calc(-4.166667vw + 335.125000px);
    --sf-ray-3-stub-x: calc(146.666667vw - 31.000000px);
    --sf-ray-3-stub-y: 253.000000px;
    --sf-ray-3-x: calc(137.268473vw - 2.395660px);
    --sf-ray-3-y: 254.000000px;
    --sf-ray-3-width: calc(9.398193vw - 28.604340px);
    --sf-ray-3-height: calc(-4.166667vw + 85.125000px);
    --sf-anchor-4-x: calc(92.438354vw - 3.514191px);
    --sf-anchor-4-y: calc(10.092570vw + 334.208405px);
    --sf-ray-4-stub-x: calc(53.333333vw - 1.000000px);
    --sf-ray-4-stub-y: calc(-0.000025vw + 419.000080px);
    --sf-ray-4-x: calc(53.333333vw + 15.000000px);
    --sf-ray-4-y: calc(10.092570vw + 338.208405px);
    --sf-ray-4-width: calc(39.105021vw - 14.514191px);
    --sf-ray-4-height: calc(-10.092595vw + 81.791676px);
    --sf-anchor-5-x: calc(119.336548vw - 5.243530px);
    --sf-anchor-5-y: calc(14.737752vw + 333.909363px);
    --sf-ray-5-stub-x: calc(146.666667vw - 31.000000px);
    --sf-ray-5-stub-y: calc(0.000102vw + 418.999626px);
    --sf-ray-5-x: calc(119.336548vw - 1.243530px);
    --sf-ray-5-y: calc(14.737752vw + 337.909363px);
    --sf-ray-5-width: calc(27.330119vw - 29.756470px);
    --sf-ray-5-height: calc(-14.737651vw + 82.090263px);
    --sf-anchor-6-x: calc(82.716064vw - 2.888947px);
    --sf-anchor-6-y: calc(24.459839vw + 333.284851px);
    --sf-ray-6-stub-x: calc(53.333333vw - 1.000000px);
    --sf-ray-6-stub-y: calc(-0.000102vw + 585.000366px);
    --sf-ray-6-x: calc(53.333333vw + 15.000000px);
    --sf-ray-6-y: calc(24.459839vw + 337.284851px);
    --sf-ray-6-width: calc(29.382731vw - 13.888947px);
    --sf-ray-6-height: calc(-24.459941vw + 248.715515px);
    --sf-anchor-7-x: calc(110.802409vw - 4.694214px);
    --sf-anchor-7-y: calc(25.000000vw + 333.250000px);
    --sf-ray-7-stub-x: calc(146.666667vw - 31.000000px);
    --sf-ray-7-stub-y: 585.000000px;
    --sf-ray-7-x: calc(110.802409vw - 0.694214px);
    --sf-ray-7-y: calc(25.000000vw + 337.250000px);
    --sf-ray-7-width: calc(35.864258vw - 30.305786px);
    --sf-ray-7-height: calc(-25.000000vw + 248.750000px);
  }

}

@media (min-width: 375.000000px) {
  .sf-safety__construction-plane {
    --sf-photo-left-image-x: calc(-17.323380vw + 1.113647px);
    --sf-photo-left-image-width: calc(127.979940vw - 8.226715px);
    --sf-photo-left-image-height: calc(68.275859vw - 4.388916px);
    --sf-photo-right-image-x: calc(-53.597819vw + 3.446671px);
    --sf-photo-right-image-width: calc(107.195231vw - 6.891754px);
    --sf-anchor-0-x: calc(92.438151vw - 3.513428px);
    --sf-anchor-0-y: calc(-11.728516vw + 335.611572px);
    --sf-ray-0-width: calc(39.104818vw - 14.513428px);
    --sf-ray-0-height: calc(-11.728516vw + 251.611572px);
    --sf-anchor-1-x: calc(122.361247vw - 5.438019px);
    --sf-anchor-1-y: calc(-11.080322vw + 335.569733px);
    --sf-ray-1-x: calc(122.361247vw - 1.438019px);
    --sf-ray-1-width: calc(24.305420vw - 29.561981px);
    --sf-ray-1-height: calc(-11.080322vw + 251.569733px);
    --sf-anchor-3-x: calc(137.268677vw - 6.396423px);
    --sf-ray-3-x: calc(137.268677vw - 2.396423px);
    --sf-ray-3-width: calc(9.397990vw - 28.603577px);
    --sf-anchor-4-x: calc(92.438151vw - 3.513428px);
    --sf-anchor-4-y: calc(10.092773vw + 334.207642px);
    --sf-ray-4-stub-y: calc(0.000203vw + 418.999222px);
    --sf-ray-4-y: calc(10.092773vw + 338.207642px);
    --sf-ray-4-width: calc(39.104818vw - 14.513428px);
    --sf-ray-4-height: calc(-10.092570vw + 81.791580px);
    --sf-anchor-5-x: calc(119.336344vw - 5.242767px);
    --sf-anchor-5-y: calc(14.737549vw + 333.910126px);
    --sf-ray-5-stub-y: calc(-0.000102vw + 419.000389px);
    --sf-ray-5-x: calc(119.336344vw - 1.242767px);
    --sf-ray-5-y: calc(14.737549vw + 337.910126px);
    --sf-ray-5-width: calc(27.330322vw - 29.757233px);
    --sf-anchor-6-y: calc(24.460042vw + 333.284088px);
    --sf-ray-6-stub-y: calc(0.000203vw + 584.999222px);
    --sf-ray-6-y: calc(24.460042vw + 337.284088px);
    --sf-ray-6-height: calc(-24.459839vw + 248.715134px);
  }

}

@media (min-width: 390.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-height: calc(-200.000000vw + 1464.000000px);
    --sf-label-0-width: calc(50.000000vw + 0.000000px);
    --sf-label-1-x: calc(150.000000vw - 16.000000px);
    --sf-label-1-width: calc(50.000000vw + 0.000000px);
    --sf-label-2-y: calc(-100.000000vw + 576.000000px);
    --sf-label-2-width: calc(50.000000vw + 0.000000px);
    --sf-label-3-x: calc(150.000000vw - 16.000000px);
    --sf-label-3-y: calc(-100.000000vw + 576.000000px);
    --sf-label-3-width: calc(50.000000vw + 0.000000px);
    --sf-label-4-y: calc(-100.000000vw + 742.000000px);
    --sf-label-4-width: calc(50.000000vw + 0.000000px);
    --sf-label-5-x: calc(150.000000vw - 16.000000px);
    --sf-label-5-y: calc(-100.000000vw + 742.000000px);
    --sf-label-5-width: calc(50.000000vw + 0.000000px);
    --sf-label-6-y: calc(-100.000000vw + 908.000000px);
    --sf-label-6-width: calc(50.000000vw + 0.000000px);
    --sf-label-7-x: calc(150.000000vw - 16.000000px);
    --sf-label-7-y: calc(-100.000000vw + 908.000000px);
    --sf-label-7-width: calc(50.000000vw + 0.000000px);
    --sf-photo-left-x: calc(50.000000vw + 16.000000px);
    --sf-photo-left-y: calc(-137.500000vw + 747.250000px);
    --sf-photo-left-width: calc(50.000000vw - 16.000000px);
    --sf-photo-left-height: calc(73.148219vw - 23.407692px);
    --sf-photo-left-image-x: calc(-18.560759vw + 5.939428px);
    --sf-photo-left-image-y: calc(1.851853vw - 0.592596px);
    --sf-photo-left-image-width: calc(137.121455vw - 43.878624px);
    --sf-photo-left-image-height: calc(73.152796vw - 23.408974px);
    --sf-photo-right-y: calc(-137.500000vw + 747.250000px);
    --sf-photo-right-width: calc(50.000000vw - 16.000000px);
    --sf-photo-right-height: calc(73.148219vw - 23.407692px);
    --sf-photo-right-image-x: calc(-57.425944vw + 18.376358px);
    --sf-photo-right-image-y: calc(1.851853vw - 0.592596px);
    --sf-photo-right-image-width: calc(114.851761vw - 36.752220px);
    --sf-photo-right-image-height: calc(73.726781vw - 23.592308px);
    --sf-anchor-0-x: calc(91.898219vw - 1.407692px);
    --sf-anchor-0-y: calc(-114.351781vw + 735.842308px);
    --sf-ray-0-stub-x: calc(50.000000vw + 12.000000px);
    --sf-ray-0-x: calc(50.000000vw + 28.000000px);
    --sf-ray-0-width: calc(41.898219vw - 25.407692px);
    --sf-ray-0-height: calc(-114.351781vw + 651.842308px);
    --sf-anchor-1-x: calc(123.958333vw - 11.666656px);
    --sf-anchor-1-y: calc(-113.657379vw + 735.620255px);
    --sf-ray-1-stub-x: calc(150.000000vw - 44.000000px);
    --sf-ray-1-x: calc(123.958333vw - 7.666656px);
    --sf-ray-1-width: calc(26.041667vw - 36.333344px);
    --sf-ray-1-height: calc(-113.657379vw + 651.620255px);
    --sf-anchor-2-x: calc(81.481425vw + 1.926147px);
    --sf-anchor-2-y: calc(-109.143575vw + 734.176147px);
    --sf-ray-2-stub-x: calc(50.000000vw + 12.000000px);
    --sf-ray-2-stub-y: calc(-100.000000vw + 643.000000px);
    --sf-ray-2-x: calc(50.000000vw + 28.000000px);
    --sf-ray-2-y: calc(-100.000000vw + 644.000000px);
    --sf-ray-2-width: calc(31.481425vw - 22.073853px);
    --sf-ray-2-height: calc(-9.143575vw + 94.176147px);
    --sf-anchor-3-x: calc(139.930471vw - 16.777420px);
    --sf-anchor-3-y: calc(-106.250000vw + 733.250000px);
    --sf-ray-3-stub-x: calc(150.000000vw - 44.000000px);
    --sf-ray-3-stub-y: calc(-100.000000vw + 643.000000px);
    --sf-ray-3-x: calc(139.930471vw - 12.777420px);
    --sf-ray-3-y: calc(-100.000000vw + 644.000000px);
    --sf-ray-3-width: calc(10.069529vw - 31.222580px);
    --sf-ray-3-height: calc(-6.250000vw + 93.250000px);
    --sf-anchor-4-x: calc(91.898219vw - 1.407692px);
    --sf-anchor-4-y: calc(-90.972265vw + 728.361290px);
    --sf-ray-4-stub-x: calc(50.000000vw + 12.000000px);
    --sf-ray-4-stub-y: calc(-100.000048vw + 809.000201px);
    --sf-ray-4-x: calc(50.000000vw + 28.000000px);
    --sf-ray-4-y: calc(-90.972265vw + 732.361290px);
    --sf-ray-4-width: calc(41.898219vw - 25.407692px);
    --sf-ray-4-height: calc(-9.027783vw + 77.638911px);
    --sf-anchor-5-x: calc(120.717621vw - 10.629745px);
    --sf-anchor-5-y: calc(-85.995356vw + 726.768456px);
    --sf-ray-5-stub-x: calc(150.000000vw - 44.000000px);
    --sf-ray-5-stub-y: calc(-99.999984vw + 808.999930px);
    --sf-ray-5-x: calc(120.717621vw - 6.629745px);
    --sf-ray-5-y: calc(-85.995356vw + 730.768456px);
    --sf-ray-5-width: calc(29.282379vw - 37.370255px);
    --sf-ray-5-height: calc(-14.004628vw + 79.231475px);
    --sf-anchor-6-x: calc(81.481425vw + 1.926147px);
    --sf-anchor-6-y: calc(-75.578817vw + 723.435638px);
    --sf-ray-6-stub-x: calc(50.000000vw + 12.000000px);
    --sf-ray-6-stub-y: calc(-100.000127vw + 975.000511px);
    --sf-ray-6-x: calc(50.000000vw + 28.000000px);
    --sf-ray-6-y: calc(-75.578817vw + 727.435638px);
    --sf-ray-6-width: calc(31.481425vw - 22.073853px);
    --sf-ray-6-height: calc(-24.421310vw + 248.564873px);
    --sf-anchor-7-x: calc(111.574046vw - 7.703598px);
    --sf-anchor-7-y: calc(-75.000000vw + 723.250000px);
    --sf-ray-7-stub-x: calc(150.000000vw - 44.000000px);
    --sf-ray-7-stub-y: calc(-100.000000vw + 975.000000px);
    --sf-ray-7-x: calc(111.574046vw - 3.703598px);
    --sf-ray-7-y: calc(-75.000000vw + 727.250000px);
    --sf-ray-7-width: calc(38.425954vw - 40.296402px);
  }

}

@media (min-width: 414.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-height: calc(-581.250000vw + 3042.375000px);
    --sf-label-0-width: calc(56.250000vw - 25.875000px);
    --sf-label-1-x: calc(143.750000vw + 9.875000px);
    --sf-label-1-width: calc(56.250000vw - 25.875000px);
    --sf-label-2-y: calc(-143.750000vw + 757.125000px);
    --sf-label-2-width: calc(56.250000vw - 25.875000px);
    --sf-label-3-x: calc(143.750000vw + 9.875000px);
    --sf-label-3-y: calc(-143.750000vw + 757.125000px);
    --sf-label-3-width: calc(56.250000vw - 25.875000px);
    --sf-label-4-y: calc(-437.500000vw + 2139.250000px);
    --sf-label-4-width: calc(56.250000vw - 25.875000px);
    --sf-label-5-x: calc(143.750000vw + 9.875000px);
    --sf-label-5-y: calc(-437.500000vw + 2139.250000px);
    --sf-label-5-width: calc(56.250000vw - 25.875000px);
    --sf-label-6-y: calc(-581.250000vw + 2900.375000px);
    --sf-label-6-width: calc(56.250000vw - 25.875000px);
    --sf-label-7-x: calc(143.750000vw + 9.875000px);
    --sf-label-7-y: calc(-581.250000vw + 2900.375000px);
    --sf-label-7-width: calc(56.250000vw - 25.875000px);
    --sf-photo-left-x: calc(56.250000vw - 9.875000px);
    --sf-photo-left-y: calc(-318.750000vw + 1497.625000px);
    --sf-photo-left-width: calc(43.750000vw + 9.875000px);
    --sf-photo-left-height: calc(64.004517vw + 14.447235px);
    --sf-photo-left-image-x: calc(-16.240644vw - 3.665847px);
    --sf-photo-left-image-y: calc(1.620370vw + 0.365742px);
    --sf-photo-left-image-width: calc(119.981384vw + 27.081268px);
    --sf-photo-left-image-height: calc(64.008713vw + 14.447533px);
    --sf-photo-right-y: calc(-318.750000vw + 1497.625000px);
    --sf-photo-right-width: calc(43.750000vw + 9.875000px);
    --sf-photo-right-height: calc(64.004517vw + 14.447235px);
    --sf-photo-right-image-x: calc(-50.247383vw - 11.342884px);
    --sf-photo-right-image-y: calc(1.620370vw + 0.365742px);
    --sf-photo-right-image-width: calc(100.495338vw + 22.683369px);
    --sf-photo-right-image-height: calc(64.511108vw + 14.560577px);
    --sf-anchor-0-x: calc(92.910767vw - 5.599640px);
    --sf-anchor-0-y: calc(-298.495388vw + 1498.196840px);
    --sf-ray-0-stub-x: calc(56.250000vw - 13.875000px);
    --sf-ray-0-x: calc(56.250000vw + 2.125000px);
    --sf-ray-0-width: calc(36.660767vw - 3.724640px);
    --sf-ray-0-height: calc(-298.495388vw + 1414.196840px);
    --sf-anchor-1-x: calc(120.963478vw + 0.732044px);
    --sf-anchor-1-y: calc(-297.887707vw + 1498.333811px);
    --sf-ray-1-stub-x: calc(143.750000vw - 18.125000px);
    --sf-ray-1-x: calc(120.963478vw + 4.732044px);
    --sf-ray-1-width: calc(22.786522vw - 22.857044px);
    --sf-ray-1-height: calc(-297.887707vw + 1414.333811px);
    --sf-anchor-2-x: calc(83.796310vw - 7.657478px);
    --sf-anchor-2-y: calc(-293.937969vw + 1499.224939px);
    --sf-ray-2-stub-x: calc(56.250000vw - 13.875000px);
    --sf-ray-2-stub-y: calc(-143.750000vw + 824.125000px);
    --sf-ray-2-x: calc(56.250000vw + 2.125000px);
    --sf-ray-2-y: calc(-143.750000vw + 825.125000px);
    --sf-ray-2-width: calc(27.546310vw - 5.782478px);
    --sf-ray-2-height: calc(-150.187969vw + 678.099939px);
    --sf-anchor-3-x: calc(134.939194vw + 3.886467px);
    --sf-anchor-3-y: calc(-291.406250vw + 1499.796875px);
    --sf-ray-3-stub-x: calc(143.750000vw - 18.125000px);
    --sf-ray-3-stub-y: calc(-143.750000vw + 824.125000px);
    --sf-ray-3-x: calc(134.939194vw + 7.886467px);
    --sf-ray-3-y: calc(-143.750000vw + 825.125000px);
    --sf-ray-3-width: calc(8.810806vw - 26.011467px);
    --sf-ray-3-height: calc(-147.656250vw + 678.671875px);
    --sf-anchor-4-x: calc(92.910767vw - 5.599640px);
    --sf-anchor-4-y: calc(-278.038216vw + 1502.814327px);
    --sf-ray-4-stub-x: calc(56.250000vw - 13.875000px);
    --sf-ray-4-stub-y: calc(-437.500024vw + 2206.250103px);
    --sf-ray-4-x: calc(56.250000vw + 2.125000px);
    --sf-ray-4-y: calc(-278.038216vw + 1506.814327px);
    --sf-ray-4-width: calc(36.660767vw - 3.724640px);
    --sf-ray-4-height: calc(-159.461808vw + 700.435775px);
    --sf-anchor-5-x: calc(118.127823vw + 0.092018px);
    --sf-anchor-5-y: calc(-273.683357vw + 1503.796780px);
    --sf-ray-5-stub-x: calc(143.750000vw - 18.125000px);
    --sf-ray-5-stub-y: calc(-437.499976vw + 2206.249897px);
    --sf-ray-5-x: calc(118.127823vw + 4.092018px);
    --sf-ray-5-y: calc(-273.683357vw + 1507.796780px);
    --sf-ray-5-width: calc(25.622177vw - 22.217018px);
    --sf-ray-5-height: calc(-163.739537vw + 699.133999px);
    --sf-anchor-6-x: calc(83.796310vw - 7.657478px);
    --sf-anchor-6-y: calc(-264.568710vw + 1505.853798px);
    --sf-ray-6-stub-x: calc(56.250000vw - 13.875000px);
    --sf-ray-6-stub-y: calc(-581.249857vw + 2967.374393px);
    --sf-ray-6-x: calc(56.250000vw + 2.125000px);
    --sf-ray-6-y: calc(-264.568710vw + 1509.853798px);
    --sf-ray-6-width: calc(27.546310vw - 5.782478px);
    --sf-ray-6-height: calc(-316.681147vw + 1458.520595px);
    --sf-anchor-7-x: calc(110.127449vw - 1.714687px);
    --sf-anchor-7-y: calc(-264.062500vw + 1505.968750px);
    --sf-ray-7-stub-x: calc(143.750000vw - 18.125000px);
    --sf-ray-7-stub-y: calc(-581.250000vw + 2967.375000px);
    --sf-ray-7-x: calc(110.127449vw + 2.285313px);
    --sf-ray-7-y: calc(-264.062500vw + 1509.968750px);
    --sf-ray-7-width: calc(33.622551vw - 20.410313px);
    --sf-ray-7-height: calc(-317.187500vw + 1458.406250px);
  }

}

@media (min-width: 426.973235px) {
  .sf-safety__construction-plane {
    --sf-ray-5-y: calc(-437.499976vw + 2207.249897px);
    --sf-ray-5-height: calc(163.486233vw - 698.032459px);
  }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 430.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-height: calc(5.599114vw + 518.923810px);
    --sf-label-0-width: calc(2.352941vw + 205.882353px);
    --sf-label-1-x: calc(197.647059vw - 221.882353px);
    --sf-label-1-width: calc(2.352941vw + 205.882353px);
    --sf-label-2-y: 139.000000px;
    --sf-label-2-width: calc(2.352941vw + 205.882353px);
    --sf-label-3-x: calc(197.647059vw - 221.882353px);
    --sf-label-3-y: 139.000000px;
    --sf-label-3-width: calc(2.352941vw + 205.882353px);
    --sf-label-4-y: 258.000000px;
    --sf-label-4-width: calc(2.352941vw + 205.882353px);
    --sf-label-5-x: calc(197.647059vw - 221.882353px);
    --sf-label-5-y: 258.000000px;
    --sf-label-5-width: calc(2.352941vw + 205.882353px);
    --sf-label-6-y: 401.000000px;
    --sf-label-6-width: calc(2.352941vw + 205.882353px);
    --sf-label-7-x: calc(197.647059vw - 221.882353px);
    --sf-label-7-y: 401.000000px;
    --sf-label-7-width: calc(2.352941vw + 205.882353px);
    --sf-photo-left-x: calc(2.352941vw + 221.882353px);
    --sf-photo-left-y: calc(-62.941176vw + 397.647059px);
    --sf-photo-left-width: calc(97.647059vw - 221.882353px);
    --sf-photo-left-height: calc(142.854022vw - 324.605637px);
    --sf-photo-left-image-x: calc(-36.248200vw + 82.366644px);
    --sf-photo-left-image-y: calc(3.616558vw - 8.217865px);
    --sf-photo-left-image-width: calc(267.790276vw - 608.496966px);
    --sf-photo-left-image-height: calc(142.863051vw - 324.626124px);
    --sf-photo-right-y: calc(-62.941176vw + 397.647059px);
    --sf-photo-right-width: calc(97.647059vw - 221.882353px);
    --sf-photo-right-height: calc(142.854022vw - 324.605637px);
    --sf-photo-right-image-x: calc(-112.149559vw + 254.836474px);
    --sf-photo-right-image-y: calc(3.616558vw - 8.217865px);
    --sf-photo-right-image-width: calc(224.298904vw - 509.671961px);
    --sf-photo-right-image-height: calc(143.984213vw - 327.173774px);
    --sf-anchor-0-x: calc(84.177551vw + 31.953186px);
    --sf-anchor-0-y: calc(-17.734204vw + 290.923751px);
    --sf-ray-0-stub-x: calc(2.352941vw + 217.882353px);
    --sf-ray-0-x: calc(2.352941vw + 233.882353px);
    --sf-ray-0-width: calc(81.824610vw - 197.929167px);
    --sf-ray-0-height: calc(-17.734204vw + 206.923751px);
    --sf-anchor-1-x: calc(146.789228vw - 110.318679px);
    --sf-anchor-1-y: calc(-16.377994vw + 287.842047px);
    --sf-ray-1-stub-x: calc(197.647059vw - 249.882353px);
    --sf-ray-1-x: calc(146.789228vw - 106.318679px);
    --sf-ray-1-width: calc(50.857831vw - 143.563674px);
    --sf-ray-1-height: calc(-16.377994vw + 203.842047px);
    --sf-anchor-2-x: calc(63.834426vw + 78.178625px);
    --sf-anchor-2-y: calc(-7.562642vw + 267.811032px);
    --sf-ray-2-stub-x: calc(2.352941vw + 217.882353px);
    --sf-ray-2-stub-y: 206.000000px;
    --sf-ray-2-x: calc(2.352941vw + 233.882353px);
    --sf-ray-2-y: 207.000000px;
    --sf-ray-2-width: calc(61.481485vw - 151.703728px);
    --sf-ray-2-height: calc(-7.562642vw + 64.811032px);
    --sf-anchor-3-x: calc(177.982034vw - 181.197747px);
    --sf-anchor-3-y: calc(-1.911765vw + 254.970588px);
    --sf-ray-3-stub-x: calc(197.647059vw - 249.882353px);
    --sf-ray-3-stub-y: 206.000000px;
    --sf-ray-3-x: calc(177.982034vw - 177.197747px);
    --sf-ray-3-y: 207.000000px;
    --sf-ray-3-width: calc(19.665025vw - 72.684606px);
    --sf-ray-3-height: calc(-1.911765vw + 51.970588px);
    --sf-anchor-4-x: calc(84.177551vw + 31.953186px);
    --sf-anchor-4-y: calc(27.924841vw + 187.173185px);
    --sf-ray-4-stub-x: calc(2.352941vw + 217.882353px);
    --sf-ray-4-stub-y: 325.000000px;
    --sf-ray-4-x: calc(2.352941vw + 233.882353px);
    --sf-ray-4-y: calc(27.924841vw + 191.173185px);
    --sf-ray-4-width: calc(81.824610vw - 197.929167px);
    --sf-ray-4-height: calc(-27.905908vw + 134.745407px);
    --sf-anchor-5-x: calc(140.460259vw - 95.937457px);
    --sf-anchor-5-y: calc(37.644330vw + 165.087724px);
    --sf-ray-5-stub-x: calc(197.647059vw - 249.882353px);
    --sf-ray-5-stub-y: 325.000000px;
    --sf-ray-5-x: calc(140.460259vw - 91.937457px);
    --sf-ray-5-y: 326.000000px;
    --sf-ray-5-width: calc(57.186800vw - 157.944896px);
    --sf-ray-5-height: calc(37.644330vw - 156.912276px);
    --sf-anchor-6-x: calc(63.834426vw + 78.178625px);
    --sf-anchor-6-y: calc(57.987473vw + 118.862208px);
    --sf-ray-6-stub-x: calc(2.352941vw + 217.882353px);
    --sf-ray-6-stub-y: calc(-0.000004vw + 468.000027px);
    --sf-ray-6-x: calc(2.352941vw + 233.882353px);
    --sf-ray-6-y: calc(57.987473vw + 122.862208px);
    --sf-ray-6-width: calc(61.481485vw - 151.703728px);
    --sf-ray-6-height: calc(-57.987478vw + 346.137819px);
    --sf-anchor-7-x: calc(122.603490vw - 55.361666px);
    --sf-anchor-7-y: calc(59.117647vw + 116.294118px);
    --sf-ray-7-stub-x: calc(197.647059vw - 249.882353px);
    --sf-ray-7-stub-y: 468.000000px;
    --sf-ray-7-x: calc(122.603490vw - 51.361666px);
    --sf-ray-7-y: calc(59.117647vw + 120.294118px);
    --sf-ray-7-width: calc(75.043568vw - 198.520687px);
    --sf-ray-7-height: calc(-59.117647vw + 348.705882px);
  }

}

@media (min-width: 482.820355px) {
  .sf-safety__construction-plane {
    --sf-ray-4-y: 326.000000px;
    --sf-ray-4-height: calc(27.915497vw - 134.771704px);
    --sf-ray-7-height: calc(-59.108304vw + 348.660772px);
  }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 589.850746px) {
  .sf-safety__construction-plane {
    --sf-ray-4-height: calc(27.924841vw - 134.826815px);
    --sf-ray-6-stub-y: 468.000000px;
    --sf-ray-6-height: calc(-57.845985vw + 345.303220px);
    --sf-ray-7-y: 469.000000px;
    --sf-ray-7-height: calc(58.976154vw - 347.861283px);
  }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 596.918217px) {
  .sf-safety__construction-plane {
    --sf-ray-6-y: 469.000000px;
    --sf-ray-6-height: calc(57.662990vw - 344.190894px);
    --sf-ray-7-height: calc(59.117647vw - 348.705882px);
  }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 600.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-width: calc(143.712575vw + 337.724551px);
    --sf-diagram-height: calc(105.123116vw - 78.220200px);
    --sf-label-0-width: 220.000000px;
    --sf-label-1-x: calc(143.712575vw + 101.724551px);
    --sf-label-1-width: 220.000000px;
    --sf-label-2-width: 220.000000px;
    --sf-label-3-x: calc(143.712575vw + 101.724551px);
    --sf-label-3-width: 220.000000px;
    --sf-label-4-width: 220.000000px;
    --sf-label-5-x: calc(143.712575vw + 101.724551px);
    --sf-label-5-width: 220.000000px;
    --sf-label-6-width: 220.000000px;
    --sf-label-7-x: calc(143.712575vw + 101.724551px);
    --sf-label-7-width: 220.000000px;
    --sf-photo-left-x: 236.000000px;
    --sf-photo-left-y: 20.000000px;
    --sf-photo-left-width: calc(71.856287vw - 67.137725px);
    --sf-photo-left-height: calc(105.123116vw - 98.220200px);
    --sf-photo-left-image-x: calc(-26.674191vw + 24.922585px);
    --sf-photo-left-image-y: calc(2.661344vw - 2.486583px);
    --sf-photo-left-image-width: calc(197.060920vw - 184.120828px);
    --sf-photo-left-image-height: calc(105.129731vw - 98.226200px);
    --sf-photo-right-x: calc(71.856287vw + 168.862275px);
    --sf-photo-right-y: 20.000000px;
    --sf-photo-right-width: calc(71.856287vw - 67.137725px);
    --sf-photo-right-height: calc(105.123116vw - 98.220200px);
    --sf-photo-right-image-x: calc(-82.528284vw + 77.108824px);
    --sf-photo-right-image-y: calc(2.661344vw - 2.486583px);
    --sf-photo-right-image-width: calc(165.056606vw - 154.218173px);
    --sf-photo-right-image-height: calc(105.954729vw - 98.996866px);
    --sf-anchor-0-x: calc(60.212936vw + 175.740878px);
    --sf-anchor-0-y: calc(33.266801vw - 15.082280px);
    --sf-ray-0-stub-x: 232.000000px;
    --sf-ray-0-x: 248.000000px;
    --sf-ray-0-width: calc(60.212936vw - 68.259122px);
    --sf-ray-0-height: calc(33.266801vw - 99.082280px);
    --sf-anchor-1-x: calc(106.287425vw + 132.692136px);
    --sf-anchor-1-y: calc(34.264799vw - 16.014710px);
    --sf-ray-1-stub-x: calc(143.712575vw + 73.724551px);
    --sf-ray-1-x: calc(106.287425vw + 136.692136px);
    --sf-ray-1-width: calc(37.425150vw - 62.967585px);
    --sf-ray-1-height: calc(34.264799vw - 100.014710px);
    --sf-anchor-2-x: calc(45.242840vw + 189.728144px);
    --sf-anchor-2-y: calc(40.751840vw - 22.075858px);
    --sf-ray-2-stub-x: 232.000000px;
    --sf-ray-2-x: 248.000000px;
    --sf-ray-2-width: calc(45.242840vw - 54.271856px);
    --sf-ray-2-height: calc(40.751840vw - 225.075858px);
    --sf-anchor-3-x: calc(129.241541vw + 111.245210px);
    --sf-anchor-3-y: calc(44.910180vw - 25.961078px);
    --sf-ray-3-stub-x: calc(143.712575vw + 73.724551px);
    --sf-ray-3-x: calc(129.241541vw + 115.245210px);
    --sf-ray-3-width: calc(14.471034vw - 41.520659px);
    --sf-ray-3-height: calc(44.910180vw - 228.961078px);
    --sf-anchor-4-x: calc(60.212936vw + 175.740878px);
    --sf-anchor-4-y: calc(66.866261vw - 46.475339px);
    --sf-ray-4-stub-x: 232.000000px;
    --sf-ray-4-x: 248.000000px;
    --sf-ray-4-width: calc(60.212936vw - 68.259122px);
    --sf-ray-4-height: calc(66.866261vw - 368.475339px);
    --sf-anchor-5-x: calc(101.630077vw + 137.043633px);
    --sf-anchor-5-y: calc(74.018631vw - 53.158084px);
    --sf-ray-5-stub-x: calc(143.712575vw + 73.724551px);
    --sf-ray-5-x: calc(101.630077vw + 141.043633px);
    --sf-ray-5-width: calc(42.082498vw - 67.319082px);
    --sf-ray-5-height: calc(74.018631vw - 375.158084px);
    --sf-anchor-6-x: calc(45.242840vw + 189.728144px);
    --sf-anchor-6-y: calc(88.988673vw - 67.144990px);
    --sf-ray-6-stub-x: 232.000000px;
    --sf-ray-6-x: 248.000000px;
    --sf-ray-6-width: calc(45.242840vw - 54.271856px);
    --sf-ray-6-height: calc(88.988673vw - 532.144990px);
    --sf-anchor-7-x: calc(88.489683vw + 149.321178px);
    --sf-anchor-7-y: calc(89.820359vw - 67.922156px);
    --sf-ray-7-stub-x: calc(143.712575vw + 73.724551px);
    --sf-ray-7-x: calc(88.489683vw + 153.321178px);
    --sf-ray-7-width: calc(55.222892vw - 79.596627px);
    --sf-ray-7-height: calc(89.820359vw - 532.922156px);
  }

}

@media (min-width: 767.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-width: 1440.000000px;
    --sf-diagram-height: 728.074097px;
    --sf-label-1-x: 1204.000000px;
    --sf-label-3-x: 1204.000000px;
    --sf-label-5-x: 1204.000000px;
    --sf-label-7-x: 1204.000000px;
    --sf-photo-left-width: 484.000000px;
    --sf-photo-left-height: 708.074097px;
    --sf-photo-left-image-x: -179.668457px;
    --sf-photo-left-image-y: 17.925926px;
    --sf-photo-left-image-width: 1327.336426px;
    --sf-photo-left-image-height: 708.118835px;
    --sf-photo-right-x: 720.000000px;
    --sf-photo-right-width: 484.000000px;
    --sf-photo-right-height: 708.074097px;
    --sf-photo-right-image-x: -555.883118px;
    --sf-photo-right-image-y: 17.925926px;
    --sf-photo-right-image-width: 1111.765991px;
    --sf-photo-right-image-height: 713.675903px;
    --sf-anchor-0-x: 637.574097px;
    --sf-anchor-0-y: 240.074081px;
    --sf-ray-0-width: 393.574097px;
    --sf-ray-0-height: 156.074081px;
    --sf-anchor-1-x: 947.916687px;
    --sf-anchor-1-y: 246.796295px;
    --sf-ray-1-stub-x: 1176.000000px;
    --sf-ray-1-x: 951.916687px;
    --sf-ray-1-width: 224.083313px;
    --sf-ray-1-height: 162.796295px;
    --sf-anchor-2-x: 536.740723px;
    --sf-anchor-2-y: 290.490753px;
    --sf-ray-2-width: 292.740723px;
    --sf-ray-2-height: 87.490753px;
    --sf-anchor-3-x: 1102.527832px;
    --sf-anchor-3-y: 318.500000px;
    --sf-ray-3-stub-x: 1176.000000px;
    --sf-ray-3-x: 1106.527832px;
    --sf-ray-3-width: 69.472168px;
    --sf-ray-3-height: 115.500000px;
    --sf-anchor-4-x: 637.574097px;
    --sf-anchor-4-y: 466.388885px;
    --sf-ray-4-width: 393.574097px;
    --sf-ray-4-height: 144.388885px;
    --sf-anchor-5-x: 916.546326px;
    --sf-anchor-5-y: 514.564819px;
    --sf-ray-5-stub-x: 1176.000000px;
    --sf-ray-5-x: 920.546326px;
    --sf-ray-5-width: 255.453674px;
    --sf-ray-5-height: 192.564819px;
    --sf-anchor-6-x: 536.740723px;
    --sf-anchor-6-y: 615.398132px;
    --sf-ray-6-width: 292.740723px;
    --sf-ray-6-height: 150.398132px;
    --sf-anchor-7-x: 828.037048px;
    --sf-anchor-7-y: 621.000000px;
    --sf-ray-7-stub-x: 1176.000000px;
    --sf-ray-7-x: 832.037048px;
    --sf-ray-7-width: 343.962952px;
    --sf-ray-7-height: 156.000000px;
  }

}

@media (min-width: 768.000000px) {
  .sf-safety__construction-plane {
    --sf-label-1-x: 1196.000000px;
    --sf-label-3-x: 1196.000000px;
    --sf-label-5-x: 1196.000000px;
    --sf-label-7-x: 1196.000000px;
    --sf-ray-1-stub-x: 1168.000000px;
    --sf-ray-1-width: 216.083313px;
    --sf-ray-3-stub-x: 1168.000000px;
    --sf-ray-3-width: 61.472168px;
    --sf-ray-5-stub-x: 1168.000000px;
    --sf-ray-5-width: 247.453674px;
    --sf-ray-7-stub-x: 1168.000000px;
    --sf-ray-7-width: 335.962952px;
  }

}

@media (min-width: 1025.000000px) {
  .sf-safety__construction-plane {
    --sf-label-1-x: 1180.000000px;
    --sf-label-3-x: 1180.000000px;
    --sf-label-5-x: 1180.000000px;
    --sf-label-7-x: 1180.000000px;
    --sf-ray-1-stub-x: 1152.000000px;
    --sf-ray-1-width: 200.083313px;
    --sf-ray-3-stub-x: 1152.000000px;
    --sf-ray-3-width: 45.472168px;
    --sf-ray-5-stub-x: 1152.000000px;
    --sf-ray-5-width: 231.453674px;
    --sf-ray-7-stub-x: 1152.000000px;
    --sf-ray-7-width: 319.962952px;
  }

}

@media (min-width: 1280.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-width: calc(100.000000vw - 80.000000px);
    --sf-diagram-height: calc(16.041679vw + 488.999817px);
    --sf-label-0-width: calc(18.750000vw - 12.000000px);
    --sf-label-1-x: calc(81.250000vw - 68.000000px);
    --sf-label-1-width: calc(18.750000vw - 12.000000px);
    --sf-label-2-y: 195.000000px;
    --sf-label-2-width: calc(18.750000vw - 12.000000px);
    --sf-label-3-x: calc(81.250000vw - 68.000000px);
    --sf-label-3-y: 195.000000px;
    --sf-label-3-width: calc(18.750000vw - 12.000000px);
    --sf-label-4-y: calc(5.416660vw + 292.000092px);
    --sf-label-4-width: calc(18.750000vw - 12.000000px);
    --sf-label-5-x: calc(81.250000vw - 68.000000px);
    --sf-label-5-y: calc(5.416660vw + 292.000092px);
    --sf-label-5-width: calc(18.750000vw - 12.000000px);
    --sf-label-6-y: calc(10.833321vw + 389.000183px);
    --sf-label-6-width: calc(18.750000vw - 12.000000px);
    --sf-label-7-x: calc(81.250000vw - 68.000000px);
    --sf-label-7-y: calc(10.833321vw + 389.000183px);
    --sf-label-7-width: calc(18.750000vw - 12.000000px);
    --sf-photo-left-x: calc(18.750000vw + 4.000000px);
    --sf-photo-left-y: 0.000000px;
    --sf-photo-left-width: calc(31.250000vw - 44.000000px);
    --sf-photo-left-height: calc(45.717583vw - 64.370239px);
    --sf-photo-left-image-x: calc(-11.600494vw + 16.333496px);
    --sf-photo-left-image-y: calc(1.157407vw - 1.629626px);
    --sf-photo-left-image-width: calc(85.700951vw - 120.666931px);
    --sf-photo-left-image-height: calc(45.720482vw - 64.374390px);
    --sf-photo-right-x: calc(50.000000vw - 40.000000px);
    --sf-photo-right-y: 0.000000px;
    --sf-photo-right-width: calc(31.250000vw - 44.000000px);
    --sf-photo-right-height: calc(45.717583vw - 64.370239px);
    --sf-photo-right-image-x: calc(-35.891228vw + 50.535004px);
    --sf-photo-right-image-y: calc(1.157407vw - 1.629626px);
    --sf-photo-right-image-width: calc(71.782417vw - 101.069763px);
    --sf-photo-right-image-height: calc(46.079292vw - 64.879761px);
    --sf-anchor-0-x: calc(44.936333vw - 36.870239px);
    --sf-anchor-0-y: calc(14.467592vw - 24.370361px);
    --sf-ray-0-stub-x: calc(18.750000vw + 0.000000px);
    --sf-ray-0-x: calc(18.750000vw + 16.000000px);
    --sf-ray-0-width: calc(26.186333vw - 48.870239px);
    --sf-ray-0-height: calc(14.467592vw - 108.370361px);
    --sf-anchor-1-x: calc(64.973984vw - 65.083679px);
    --sf-anchor-1-y: calc(14.901619vw - 24.981461px);
    --sf-ray-1-stub-x: calc(81.250019vw - 96.000259px);
    --sf-ray-1-x: calc(64.973984vw - 61.083679px);
    --sf-ray-1-width: calc(16.276035vw - 34.916580px);
    --sf-ray-1-height: calc(14.901619vw - 108.981461px);
    --sf-anchor-2-x: calc(38.425922vw - 27.703644px);
    --sf-anchor-2-y: calc(17.722797vw - 28.953659px);
    --sf-ray-2-stub-x: calc(18.750000vw + 0.000000px);
    --sf-ray-2-stub-y: calc(-0.000005vw + 262.000061px);
    --sf-ray-2-x: calc(18.750000vw + 16.000000px);
    --sf-ray-2-y: calc(17.722797vw - 24.953659px);
    --sf-ray-2-width: calc(19.675922vw - 39.703644px);
    --sf-ray-2-height: calc(-17.722802vw + 287.953720px);
    --sf-anchor-3-x: calc(74.956589vw - 79.138794px);
    --sf-anchor-3-y: calc(19.531250vw - 31.500000px);
    --sf-ray-3-stub-x: calc(81.249990vw - 95.999893px);
    --sf-ray-3-stub-y: 262.000000px;
    --sf-ray-3-x: calc(74.956589vw - 75.138794px);
    --sf-ray-3-y: calc(19.531250vw - 27.500000px);
    --sf-ray-3-width: calc(6.293402vw - 20.861099px);
    --sf-ray-3-height: calc(-19.531250vw + 290.500000px);
    --sf-anchor-4-x: calc(44.936333vw - 36.870239px);
    --sf-anchor-4-y: calc(29.079857vw - 44.944397px);
    --sf-ray-4-stub-x: calc(18.750000vw + 0.000000px);
    --sf-ray-4-stub-y: calc(5.416660vw + 359.000076px);
    --sf-ray-4-x: calc(18.750000vw + 16.000000px);
    --sf-ray-4-y: calc(29.079857vw - 40.944397px);
    --sf-ray-4-width: calc(26.186333vw - 48.870239px);
    --sf-ray-4-height: calc(-23.663197vw + 400.944473px);
    --sf-anchor-5-x: calc(62.948494vw - 62.231445px);
    --sf-anchor-5-y: calc(32.190399vw - 49.324158px);
    --sf-ray-5-stub-x: calc(81.250000vw - 95.999985px);
    --sf-ray-5-stub-y: calc(5.416673vw + 358.999901px);
    --sf-ray-5-x: calc(62.948494vw - 58.231445px);
    --sf-ray-5-y: calc(32.190399vw - 45.324158px);
    --sf-ray-5-width: calc(18.301506vw - 37.768539px);
    --sf-ray-5-height: calc(-26.773726vw + 405.324059px);
    --sf-anchor-6-x: calc(38.425922vw - 27.703644px);
    --sf-anchor-6-y: calc(38.700809vw - 58.490723px);
    --sf-ray-6-stub-x: calc(18.750000vw + 0.000000px);
    --sf-ray-6-stub-y: calc(10.833335vw + 455.999985px);
    --sf-ray-6-x: calc(18.750000vw + 16.000000px);
    --sf-ray-6-y: calc(38.700809vw - 54.490723px);
    --sf-ray-6-width: calc(19.675922vw - 39.703644px);
    --sf-ray-6-height: calc(-27.867475vw + 511.490707px);
    --sf-anchor-7-x: calc(57.233810vw - 54.185364px);
    --sf-anchor-7-y: calc(39.062500vw - 59.000000px);
    --sf-ray-7-stub-x: calc(81.250019vw - 96.000244px);
    --sf-ray-7-stub-y: calc(10.833330vw + 456.000046px);
    --sf-ray-7-x: calc(57.233810vw - 50.185364px);
    --sf-ray-7-y: calc(39.062500vw - 55.000000px);
    --sf-ray-7-width: calc(24.016209vw - 45.814880px);
    --sf-ray-7-height: calc(-28.229170vw + 512.000046px);
  }
  .sf-safety__ray--2 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--2 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--4 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--6 .sf-safety__ray-diagonal--up { display: block; }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--down { display: none; }
  .sf-safety__ray--7 .sf-safety__ray-diagonal--up { display: block; }
}

@media (min-width: 1440.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-height: 720.000000px;
    --sf-label-0-width: calc(2.500000vw + 222.000000px);
    --sf-label-1-x: calc(97.500000vw - 302.000000px);
    --sf-label-1-width: calc(2.500000vw + 222.000000px);
    --sf-label-2-width: calc(2.500000vw + 222.000000px);
    --sf-label-3-x: calc(97.500000vw - 302.000000px);
    --sf-label-3-width: calc(2.500000vw + 222.000000px);
    --sf-label-4-y: 370.000000px;
    --sf-label-4-width: calc(2.500000vw + 222.000000px);
    --sf-label-5-x: calc(97.500000vw - 302.000000px);
    --sf-label-5-y: 370.000000px;
    --sf-label-5-width: calc(2.500000vw + 222.000000px);
    --sf-label-6-y: 545.000000px;
    --sf-label-6-width: calc(2.500000vw + 222.000000px);
    --sf-label-7-x: calc(97.500000vw - 302.000000px);
    --sf-label-7-y: 545.000000px;
    --sf-label-7-width: calc(2.500000vw + 222.000000px);
    --sf-photo-left-x: calc(2.500000vw + 238.000000px);
    --sf-photo-left-width: calc(47.500000vw - 278.000000px);
    --sf-photo-left-height: calc(69.490738vw - 406.703674px);
    --sf-photo-left-image-x: calc(-17.632751vw + 103.197998px);
    --sf-photo-left-image-y: calc(1.759260vw - 10.296303px);
    --sf-photo-left-image-width: calc(130.265503vw - 762.396484px);
    --sf-photo-left-image-height: calc(69.495087vw - 406.728699px);
    --sf-photo-right-width: calc(47.500000vw - 278.000000px);
    --sf-photo-right-height: calc(69.490738vw - 406.703674px);
    --sf-photo-right-image-x: calc(-54.554634vw + 319.288055px);
    --sf-photo-right-image-y: calc(1.759260vw - 10.296303px);
    --sf-photo-right-image-width: calc(109.109268vw - 638.576416px);
    --sf-photo-right-image-height: calc(70.040512vw - 409.921326px);
    --sf-anchor-0-x: calc(42.303238vw + 1.046326px);
    --sf-anchor-0-y: calc(21.990738vw - 132.703659px);
    --sf-ray-0-stub-x: calc(2.500000vw + 234.000000px);
    --sf-ray-0-x: calc(2.500000vw + 250.000000px);
    --sf-ray-0-width: calc(39.803238vw - 244.953674px);
    --sf-ray-0-height: calc(21.990738vw - 216.703659px);
    --sf-anchor-1-x: calc(72.760391vw - 177.207947px);
    --sf-anchor-1-y: calc(22.650471vw - 136.564926px);
    --sf-ray-1-stub-x: calc(97.499981vw - 329.999710px);
    --sf-ray-1-x: calc(72.760391vw - 173.207947px);
    --sf-ray-1-width: calc(24.739590vw - 156.791763px);
    --sf-ray-1-height: calc(22.650471vw - 220.564926px);
    --sf-anchor-2-x: calc(32.407379vw + 58.963379px);
    --sf-anchor-2-y: calc(26.938667vw - 161.662186px);
    --sf-ray-2-stub-x: calc(2.500000vw + 234.000000px);
    --sf-ray-2-stub-y: calc(0.000012vw + 261.999821px);
    --sf-ray-2-x: calc(2.500000vw + 250.000000px);
    --sf-ray-2-y: calc(26.938667vw - 157.662186px);
    --sf-ray-2-width: calc(29.907379vw - 187.036621px);
    --sf-ray-2-height: calc(-26.938655vw + 420.662006px);
    --sf-anchor-3-x: calc(87.934113vw - 266.015137px);
    --sf-anchor-3-y: calc(29.687500vw - 177.750000px);
    --sf-ray-3-stub-x: calc(97.500086vw - 330.001266px);
    --sf-ray-3-x: calc(87.934113vw - 262.015137px);
    --sf-ray-3-y: calc(29.687500vw - 173.750000px);
    --sf-ray-3-width: calc(9.565973vw - 67.986130px);
    --sf-ray-3-height: calc(-29.655405vw + 436.287838px);
    --sf-anchor-4-x: calc(42.303238vw + 1.046326px);
    --sf-anchor-4-y: calc(44.201393vw - 262.694519px);
    --sf-ray-4-stub-x: calc(2.500000vw + 234.000000px);
    --sf-ray-4-stub-y: calc(0.000007vw + 436.999882px);
    --sf-ray-4-x: calc(2.500000vw + 250.000000px);
    --sf-ray-4-y: calc(44.201393vw - 258.694519px);
    --sf-ray-4-width: calc(39.803238vw - 244.953674px);
    --sf-ray-4-height: calc(-44.201386vw + 696.694401px);
    --sf-anchor-5-x: calc(69.681702vw - 159.189636px);
    --sf-anchor-5-y: calc(48.929405vw - 290.365845px);
    --sf-ray-5-stub-x: calc(97.499981vw - 329.999710px);
    --sf-ray-5-stub-y: 436.999998px;
    --sf-ray-5-x: calc(69.681702vw - 155.189636px);
    --sf-ray-5-y: calc(48.929405vw - 286.365845px);
    --sf-ray-5-width: calc(27.818279vw - 174.810074px);
    --sf-ray-5-height: calc(-48.929403vw + 724.365808px);
    --sf-anchor-6-x: calc(32.407379vw + 58.963379px);
    --sf-anchor-6-y: calc(58.825188vw - 348.281769px);
    --sf-ray-6-stub-x: calc(2.500000vw + 234.000000px);
    --sf-ray-6-stub-y: calc(-0.000043vw + 612.000626px);
    --sf-ray-6-x: calc(2.500000vw + 250.000000px);
    --sf-ray-6-y: calc(58.825188vw - 344.281769px);
    --sf-ray-6-width: calc(29.907379vw - 187.036621px);
    --sf-ray-6-height: calc(-58.825231vw + 957.282394px);
    --sf-anchor-7-x: calc(60.995331vw - 108.351257px);
    --sf-anchor-7-y: calc(59.375000vw - 351.500000px);
    --sf-ray-7-stub-x: calc(97.499962vw - 329.999420px);
    --sf-ray-7-stub-y: 612.000000px;
    --sf-ray-7-x: calc(60.995331vw - 104.351257px);
    --sf-ray-7-y: calc(59.375000vw - 347.500000px);
    --sf-ray-7-width: calc(36.504631vw - 225.648163px);
    --sf-ray-7-height: calc(-59.375000vw + 960.500000px);
  }

}

@media (min-width: 1471.157895px) {
  .sf-safety__construction-plane {
    --sf-ray-3-y: 263.000000px;
    --sf-ray-3-height: calc(29.579656vw - 435.153438px);
    --sf-ray-4-stub-y: 436.999987px;
    --sf-ray-5-stub-y: 436.999999px;
    --sf-ray-5-height: calc(-48.821558vw + 722.779247px);
  }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--3 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 1480.430511px) {
  .sf-safety__construction-plane {
    --sf-ray-3-height: calc(29.687500vw - 436.750000px);
    --sf-ray-4-stub-y: calc(0.000007vw + 436.999882px);
    --sf-ray-5-y: 437.999999px;
    --sf-ray-5-height: calc(48.904131vw - 723.981674px);
  }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--down { display: block; }
  .sf-safety__ray--5 .sf-safety__ray-diagonal--up { display: none; }
}

@media (min-width: 1520.000000px) {
  .sf-safety__construction-plane {
    --sf-diagram-width: 1440.000000px;
    --sf-label-0-width: 260.000000px;
    --sf-label-1-x: 1180.000000px;
    --sf-label-1-width: 260.000000px;
    --sf-label-2-width: 260.000000px;
    --sf-label-3-x: 1180.000000px;
    --sf-label-3-width: 260.000000px;
    --sf-label-4-width: 260.000000px;
    --sf-label-5-x: 1180.000000px;
    --sf-label-5-width: 260.000000px;
    --sf-label-6-width: 260.000000px;
    --sf-label-7-x: 1180.000000px;
    --sf-label-7-width: 260.000000px;
    --sf-photo-left-x: 276.000000px;
    --sf-photo-left-width: 444.000000px;
    --sf-photo-left-height: 649.555542px;
    --sf-photo-left-image-x: -164.819824px;
    --sf-photo-left-image-y: 16.444445px;
    --sf-photo-left-image-width: 1217.639160px;
    --sf-photo-left-image-height: 649.596619px;
    --sf-photo-right-x: 720.000000px;
    --sf-photo-right-width: 444.000000px;
    --sf-photo-right-height: 649.555542px;
    --sf-photo-right-image-x: -509.942383px;
    --sf-photo-right-image-y: 16.444445px;
    --sf-photo-right-image-width: 1019.884460px;
    --sf-photo-right-image-height: 654.694458px;
    --sf-anchor-0-x: 644.055542px;
    --sf-anchor-0-y: 201.555557px;
    --sf-ray-0-stub-x: 272.000000px;
    --sf-ray-0-x: 288.000000px;
    --sf-ray-0-width: 360.055542px;
    --sf-ray-0-height: 117.555557px;
    --sf-anchor-1-x: 928.750000px;
    --sf-anchor-1-y: 207.722229px;
    --sf-ray-1-stub-x: 1152.000000px;
    --sf-ray-1-x: 932.750000px;
    --sf-ray-1-width: 219.250000px;
    --sf-ray-1-height: 123.722229px;
    --sf-anchor-2-x: 551.555542px;
    --sf-anchor-2-y: 247.805557px;
    --sf-ray-2-stub-x: 272.000000px;
    --sf-ray-2-stub-y: 262.000002px;
    --sf-ray-2-x: 288.000000px;
    --sf-ray-2-y: 251.805557px;
    --sf-ray-2-width: 267.555542px;
    --sf-ray-2-height: 11.194445px;
    --sf-anchor-3-x: 1070.583374px;
    --sf-anchor-3-y: 273.500000px;
    --sf-ray-3-stub-x: 1152.000038px;
    --sf-ray-3-x: 1074.583374px;
    --sf-ray-3-width: 77.416664px;
    --sf-ray-3-height: 14.500000px;
    --sf-anchor-4-x: 644.055542px;
    --sf-anchor-4-y: 409.166656px;
    --sf-ray-4-stub-x: 272.000000px;
    --sf-ray-4-stub-y: 436.999990px;
    --sf-ray-4-x: 288.000000px;
    --sf-ray-4-y: 413.166656px;
    --sf-ray-4-width: 360.055542px;
    --sf-ray-4-height: 24.833334px;
    --sf-anchor-5-x: 899.972229px;
    --sf-anchor-5-y: 453.361115px;
    --sf-ray-5-stub-x: 1152.000000px;
    --sf-ray-5-stub-y: 437.000000px;
    --sf-ray-5-x: 903.972229px;
    --sf-ray-5-y: 438.000000px;
    --sf-ray-5-width: 248.027771px;
    --sf-ray-5-height: 19.361115px;
    --sf-anchor-6-x: 551.555542px;
    --sf-anchor-6-y: 545.861084px;
    --sf-ray-6-stub-x: 272.000000px;
    --sf-ray-6-stub-y: 611.999973px;
    --sf-ray-6-x: 288.000000px;
    --sf-ray-6-y: 549.861084px;
    --sf-ray-6-width: 267.555542px;
    --sf-ray-6-height: 63.138889px;
    --sf-anchor-7-x: 818.777771px;
    --sf-anchor-7-y: 551.000000px;
    --sf-ray-7-stub-x: 1152.000000px;
    --sf-ray-7-x: 822.777771px;
    --sf-ray-7-y: 555.000000px;
    --sf-ray-7-width: 329.222229px;
    --sf-ray-7-height: 58.000000px;
  }

}

/* Native CTA and shared motion control use one wrapping action row. Its full
 * inner width keeps the control on the existing gutter axis outside tablet copy.
 * The negative bottom margin reproduces the approved 20px control inset from
 * the existing inner padding (36px phone / 48px tablet), without positioning an
 * overlay. The control owns its 12px row separation, so a hidden native button
 * cannot leave a phantom flex gap. Its 12px left padding also owns the minimum
 * horizontal separation, without depending on old Safari flex-gap support.
 * Enlarged CTA copy wraps the control while its 44px native target stays intact. */
.sf-safety .sf-safety__hero-actions {
 width: calc(100vw - 2 * var(--sf-safety-gutter)); max-width: 1440px;
 display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0;
}
.sf-safety .sf-safety__hero-actions > .sf-safety__hero-cta { max-width: 100%; }
.sf-safety .sf-safety__hero-actions > .sf-page-motion-control {
 position: static; margin-left: auto; padding-left: 12px; margin-top: 12px; margin-bottom: -16px;
}
@media (min-width: 768px) {
 .sf-safety .sf-safety__hero-actions > .sf-page-motion-control { margin-bottom: -28px; }
}