@duetds/components 6.6.2 → 6.7.1

package/lib/collection/components/duet-header/duet-header.js

@@ -594,7 +594,8 @@ export class DuetHeader {
               "path": "../../common-types"
             },
             "I18nText": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         },
@@ -619,7 +620,8 @@ export class DuetHeader {
           "resolved": "I18nText",
           "references": {
             "I18nText": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         },
@@ -974,7 +976,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -993,7 +996,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1012,7 +1016,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1031,7 +1036,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1050,7 +1056,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1069,7 +1076,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1088,7 +1096,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1107,7 +1116,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1126,7 +1136,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1145,7 +1156,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1164,7 +1176,8 @@ export class DuetHeader {
           "resolved": "{ analyticsId: string; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderAnalyticsEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1183,7 +1196,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; open: boolean; }",
           "references": {
             "DuetHeaderMobileNavToggleEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }
@@ -1202,7 +1216,8 @@ export class DuetHeader {
           "resolved": "{ originalEvent: Event; data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession; component: \"duet-header\"; }",
           "references": {
             "DuetHeaderChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx"
             }
           }
         }

package/lib/collection/components/duet-heading/duet-heading.css

@@ -33,7 +33,7 @@
   font-weight: 800;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-decoration: none;
   letter-spacing: -0.01rem;
   word-break: break-word;
@@ -47,14 +47,14 @@
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-style: italic;
   font-weight: 700;
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-heading.duet-heading-border {
   padding-bottom: 20px;
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-heading.duet-heading-border.duet-heading-border-solid {
-  border-bottom-color: #657787;
+  border-bottom-color: rgb(101, 119, 135);
 }
 .duet-heading.duet-heading-hyphenate {
   -webkit-hyphens: auto;

package/lib/collection/components/duet-heading/duet-heading.js

@@ -149,7 +149,8 @@ export class DuetHeading {
           "resolved": "\"auto\" | \"normal\" | \"semibold\"",
           "references": {
             "DuetHeadingWeight": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-heading/duet-heading.tsx"
             }
           }
         },

package/lib/collection/components/duet-hero/duet-hero.css

@@ -37,7 +37,7 @@
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
-  background: #00294d;
+  background: rgb(0, 41, 77);
 }
 .duet-hero.duet-p-0 {
   padding: 0 !important;
@@ -72,9 +72,9 @@
   }
 }
 .duet-hero.duet-hero-light, .duet-hero.duet-hero-with-image {
-  color: #00294d;
-  background-color: white;
-  background-image: linear-gradient(#f3f9fc, #f9fcfe);
+  color: rgb(0, 41, 77);
+  background-color: rgb(255, 255, 255);
+  background-image: linear-gradient(rgb(243, 249, 252), #f9fcfe);
 }
 .duet-hero.duet-hero-light::before, .duet-hero.duet-hero-with-image::before {
   position: absolute;
@@ -84,21 +84,21 @@
   width: 100%;
   height: 400px;
   content: "";
-  background-image: linear-gradient(#f9fcfe, white);
+  background-image: linear-gradient(#f9fcfe, rgb(255, 255, 255));
 }
 .duet-hero.duet-hero-light.duet-theme-turva, .duet-hero.duet-hero-with-image.duet-theme-turva {
-  color: #171c3a;
-  background-image: linear-gradient(#f5f5f7, #fafafb);
+  color: rgb(23, 28, 58);
+  background-image: linear-gradient(rgb(245, 245, 247), #fafafb);
 }
 .duet-hero.duet-hero-light.duet-theme-turva::before, .duet-hero.duet-hero-with-image.duet-theme-turva::before {
-  background-image: linear-gradient(#fafafb, white);
+  background-image: linear-gradient(#fafafb, rgb(255, 255, 255));
 }
 .duet-hero.duet-hero-gray {
-  color: #00294d;
-  background: #f5f8fa;
+  color: rgb(0, 41, 77);
+  background: rgb(245, 248, 250);
 }
 .duet-hero.duet-hero-gray.duet-theme-turva {
-  background: #f5f5f7;
+  background: rgb(245, 245, 247);
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-gray .duet-hero-text {
@@ -121,7 +121,7 @@
 }
 .duet-hero.duet-hero-campaign, .duet-hero.duet-hero-section {
   padding: 0;
-  margin: 0 0 72px;
+  margin: 0 0 48px;
   overflow: hidden;
   background: none;
 }
@@ -129,32 +129,58 @@
   position: absolute;
   right: 0;
   left: 0;
-  width: 1000px;
-  min-height: 580px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  height: 220px;
   margin: 0 auto;
 }
+.duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
+  height: 100%;
+}
+@media (min-width: 106.25em) {
+  .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
+    width: 100%;
+    height: auto;
+  }
+}
 @media (min-width: 36em) {
   .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
-    width: 1200px;
+    height: 300px;
+  }
+}
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
+    height: 450px;
   }
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
-    width: 1440px;
+    height: 500px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
+    height: 580px;
+  }
+}
+@media (min-width: 106.25em) {
+  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
+    width: 1600px;
+    overflow: hidden;
   }
 }
 .duet-hero.duet-hero-campaign .background .brand-container, .duet-hero.duet-hero-section .background .brand-container {
   position: relative;
   width: 100%;
   height: 100%;
-  min-height: 580px;
+  min-height: 220px;
   overflow: hidden;
 }
 .duet-hero.duet-hero-campaign .background .brand, .duet-hero.duet-hero-section .background .brand {
   position: absolute;
-  left: -300px;
   width: 100%;
-  height: 540px;
+  height: 220px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
@@ -178,29 +204,50 @@
 }
 .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
   position: absolute;
-  top: 230px;
+  top: 153px;
   right: 0;
   left: -100px;
   width: 712.18px;
   height: 712.18px;
   margin-right: auto;
   margin-left: auto;
-  background: white;
+  background: rgb(255, 255, 255);
   border-radius: 20%;
   mix-blend-mode: normal;
   transform: rotate(8deg);
 }
+@media (min-width: 22.5em) {
+  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
+    top: 185px;
+  }
+}
 @media (min-width: 36em) {
   .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
+    top: 215px;
     left: -50px;
   }
 }
-@media (min-width: 62em) {
+@media (min-width: 48em) {
   .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
-    top: 300px;
+    top: 250px;
     left: 0;
   }
 }
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
+    top: 240px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
+    top: 280px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
+    top: 310px;
+  }
+}
 .duet-hero.duet-hero-campaign .duet-hero-text, .duet-hero.duet-hero-section .duet-hero-text {
   width: 100%;
 }
@@ -211,28 +258,53 @@
 }
 @media (min-width: 36em) {
   .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
-.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
-.duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
+  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
     width: 70%;
   }
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
-.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
-.duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
+  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
     width: 52%;
   }
 }
 .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
   display: flex;
   align-items: center;
-  height: 15rem;
-  margin-bottom: 2rem;
+  height: 6rem;
+  padding: 0 1rem;
+  margin: 1rem 0 4rem;
+}
+@media (min-width: 22.5em) {
+  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
+    margin: 2rem 0 7rem;
+  }
+}
+@media (min-width: 36em) {
+  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
+    margin: 3rem 0 9rem;
+  }
+}
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
+    margin: 4rem 0 10rem;
+  }
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
-    height: 17.875rem;
-    margin-bottom: 6.25rem;
+    margin: 5rem 0 11rem;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
+    margin: 6rem 0 13rem;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
+    margin: 8rem 0 13rem;
   }
 }
 .duet-hero.duet-hero-campaign.duet-theme-turva, .duet-hero.duet-hero-section.duet-theme-turva {
@@ -240,44 +312,68 @@
   background: none;
 }
 .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
-  top: 200px;
-  background: white;
+  top: 115px;
+  left: -125px;
+  background: rgb(255, 255, 255);
   transform: none;
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
   mask-repeat: no-repeat;
 }
-@media (min-width: 36em) {
+@media (min-width: 22.5em) {
   .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
-    left: -50px;
+    top: 150px;
+    left: -75px;
   }
 }
-@media (min-width: 62em) {
+@media (min-width: 36em) {
   .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
-    top: 300px;
+    top: 180px;
     left: 0;
   }
 }
-.duet-hero.duet-hero-section .background {
-  min-height: 520px;
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
+    top: 220px;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
+    top: 210px;
+  }
 }
-.duet-hero.duet-hero-section .background .brand-container {
-  min-height: 520px;
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
+    top: 260px;
+  }
 }
-.duet-hero.duet-hero-section .background .brand {
-  height: 500px;
+@media (min-width: 106.25em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
+    top: 290px;
+  }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-section .background .brand {
-    height: 1100px;
+  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
+    margin: 5rem 0 10rem;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
+    margin: 6rem 0 12rem;
+  }
+}
+@media (min-width: 106.25em) {
+  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
+    margin: 8rem 0 13rem;
   }
 }
 .duet-hero.duet-hero-product {
   position: relative;
   padding: 0;
+  margin: 0 0 48px;
   overflow: hidden;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-product {
@@ -373,8 +469,7 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow) {
-    /* stylelint-disable-line */
+  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow) { /* stylelint-disable-line */
     width: 800px;
     height: 470px;
   }
@@ -385,7 +480,7 @@
   right: 50%;
   width: 240px;
   height: 240px;
-  background: #e6f2f8;
+  background: rgb(230, 242, 248);
   border-radius: 25%;
   mix-blend-mode: normal;
   transform: rotate(7deg);
@@ -461,8 +556,7 @@
   transform: rotate(-7deg);
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon:not(.narrow) {
-    /* stylelint-disable-line */
+  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon:not(.narrow) { /* stylelint-disable-line */
     width: 120px;
     height: 120px;
   }
@@ -514,7 +608,7 @@
   }
 }
 .duet-hero.duet-hero-product.duet-theme-turva {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-hero.duet-hero-product.duet-theme-turva .background-mask {
   position: absolute;
@@ -609,7 +703,7 @@
 .duet-hero.duet-hero-content {
   padding: 0 0 48px;
   overflow: hidden;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-hero.duet-hero-content:not(.duet-hero-has-image) {
   padding: 72px 0 48px;
@@ -677,7 +771,7 @@
   height: 240px;
   margin-right: auto;
   margin-left: auto;
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   border-radius: 20%;
   mix-blend-mode: normal;
   opacity: 0.07;
@@ -736,7 +830,7 @@
   }
 }
 .duet-hero.duet-hero-content.duet-theme-turva {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-hero.duet-hero-content.duet-theme-turva .background-mask {
   position: absolute;
@@ -786,7 +880,7 @@
 }
 .duet-hero.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 @media (min-width: 62em) {
   .duet-hero {
@@ -1068,28 +1162,28 @@ duet-heading + duet-button {
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.25;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
   text-align: left;
   text-decoration: none;
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
   transition: background-color 300ms ease;
 }
 .duet-hero-link:focus {
   outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-hero-link:focus, .duet-hero-link:focus.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-hero-link:hover, .duet-hero-link:hover .duet-hero-action-arrow {
-  color: #004d80 !important;
+  color: rgb(0, 77, 128) !important;
   background: transparent !important;
 }
 .duet-theme-turva .duet-hero-link:hover, .duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow {
-  color: #940925 !important;
+  color: rgb(148, 9, 37) !important;
 }
 .duet-theme-turva .duet-hero-link {
-  color: #c60c30;
+  color: rgb(198, 12, 48);
 }
 @media (min-width: 36em) {
   .duet-hero-link {
@@ -1116,7 +1210,7 @@ duet-heading + duet-button {
   }
 }
 .duet-hero-link:first-of-type {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 @media (min-width: 62em) {
   .duet-hero-link:first-of-type {
@@ -1153,7 +1247,7 @@ duet-heading + duet-button {
 
 .duet-hero-action-arrow {
   margin: 0 0 0 8px;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
 }
 @media (max-width: 35.9375em) {
   .duet-hero-action-arrow {
@@ -1161,7 +1255,7 @@ duet-heading + duet-button {
   }
 }
 .duet-theme-turva .duet-hero-action-arrow {
-  color: #c60c30;
+  color: rgb(198, 12, 48);
 }
 
 .duet-hero-back {