.section--intro-animation { align-items: center; display: flex; justify-content: center; padding: 1.875rem; } .section--intro-animation .section__inner { display: none; } .js .section--intro-animation .section__inner { display: block; } .section--intro-animation .section__logo { max-width: 43.75rem; position: relative; width: calc(100vw - 4.375rem); z-index: 2; } .section--intro-animation .section__logo .intro-logo { width: 100%; display: flex; justify-content: space-between; } .section--intro-animation .section__logo .intro-logo:before { content: ""; display: block; padding-top: 25.3333333333%; width: 100%; } .section--intro-animation .section__logo .intro-logo svg { position: absolute; } .section--intro-animation .section__logo .intro-logo svg:first-child { height: 85.7368421053%; left: 0; top: 2.1578947368%; width: 17.68636505%; } .section--intro-animation .section__logo .intro-logo svg:nth-child(2) { height: 85.7368421053%; left: 17.68636505%; top: 2.1578947368%; width: 15.51859845%; } .section--intro-animation .section__logo .intro-logo svg:nth-child(3) { height: 85.7368421053%; left: 33.2049635%; top: 2.1578947368%; width: 18.61330213%; } .section--intro-animation .section__logo .intro-logo svg:nth-child(4) { height: 85.7368421053%; left: 51.81826563%; top: 2.1578947368%; width: 14.80876914%; } .section--intro-animation .section__logo .intro-logo svg:nth-child(5) { height: 85.7368421053%; left: 66.62703477%; top: 2.1578947368%; width: 18.61330213%; } .section--intro-animation .section__logo .intro-logo svg:nth-child(6) { height: 85.7368421053%; left: 85.24033689%; top: 2.1578947368%; width: 14.75966311%; } .section--intro-animation .section__logo-shape { display: block; left: -5%; position: absolute; top: 63.2768361582%; width: 35.7142857143%; z-index: -1; } .section--intro-animation .section__logo-shape svg { color: #fae1b7; display: block; height: auto; transform: scaleY(-1); width: 100%; } .section--intro-animation .section__image { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); display: block; height: 100%; left: 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='527' height='687' viewBox='0 0 527 687' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 522.892H527C527 548.879 505.933 569.946 479.946 569.946H47.0535C21.0665 569.946 0 548.879 0 522.892Z' fill='currentColor'/%3E%3Cpath d='M256.3 313.759C266.405 313.759 274.601 307.097 274.601 298.872C274.601 290.662 266.405 283.999 256.3 283.999C246.196 283.999 237.999 290.662 237.999 298.872C237.999 307.097 246.196 313.759 256.3 313.759Z' fill='%23F20519'/%3E%3Cpath d='M86.0885 445.111C91.4517 418.599 108.094 389.654 134.122 378.43C138.96 376.357 143.176 383.489 138.297 385.59C114.052 396.04 99.068 422.635 94.078 447.308C93.0137 452.547 85.0242 450.322 86.0885 445.111ZM477.697 510.893C477.78 508.819 477.849 506.76 477.849 504.672C477.849 405.191 378.658 324.55 256.3 324.55C133.942 324.55 34.7651 405.191 34.7651 504.672C34.7651 506.76 34.8204 508.819 34.9034 510.893H477.697Z' fill='currentColor'/%3E%3Cpath d='M54.0616 161.495C54.4072 162.034 54.7389 162.56 55.0706 163.085C55.0845 163.113 55.9415 164.536 56.0382 164.688C57.7108 167.508 59.2866 170.37 60.7656 173.314C62.2308 176.23 63.5992 179.216 64.8156 182.257C65.4376 183.833 66.032 185.422 66.5849 187.04C66.7784 187.62 66.9719 188.201 67.1654 188.795C67.3037 189.237 67.4419 189.694 67.5663 190.122C67.6078 190.274 67.6631 190.481 67.7322 190.758C68.451 193.716 69.073 196.688 69.46 199.715C69.6397 201.222 69.7917 202.728 69.8609 204.249C69.8747 204.373 69.9023 205.977 69.9161 206.06C69.9023 206.889 69.8747 207.718 69.8194 208.548C69.6397 211.672 69.1836 214.754 68.4924 217.809C68.4095 218.113 68.216 218.887 68.1468 219.094C67.9257 219.813 67.7045 220.532 67.4557 221.251C66.9305 222.799 66.3637 224.319 65.7694 225.84C61.1664 237.465 55.1121 248.398 52.4305 260.728C49.5554 274.012 52.7484 287.212 60.6273 298.174C68.99 309.826 81.4027 318.106 93.1658 325.929C97.3126 328.68 103.45 328.431 106.463 324.036C109.242 319.986 108.993 313.683 104.569 310.738C99.3169 307.255 94.0781 303.744 89.1019 299.86C86.8489 298.132 84.6649 296.307 82.5638 294.4C82.4394 294.276 81.1678 293.045 81.3751 293.253C81.1539 293.032 80.9328 292.824 80.7254 292.589C79.592 291.414 78.5 290.198 77.4633 288.926C76.5372 287.793 75.6525 286.604 74.8232 285.388C74.6158 285.083 74.4085 284.766 74.2012 284.448C74.0906 284.213 73.5515 283.287 73.4547 283.107C72.8604 281.946 72.3213 280.757 71.8375 279.541C71.6578 279.057 71.5057 278.559 71.3122 278.062C71.2569 277.923 71.2155 277.785 71.1878 277.688C71.1049 277.357 71.022 277.025 70.9528 276.693C70.6764 275.38 70.4829 274.053 70.3585 272.712C70.3032 272.104 70.2755 271.51 70.2617 270.901C70.2617 270.791 70.2755 270.68 70.2894 270.542C70.5105 267.626 70.9114 264.833 71.5472 261.972C71.561 261.861 71.5887 261.765 71.6025 261.682C71.644 261.571 71.6993 261.447 71.7546 261.267C71.9619 260.631 72.1416 259.982 72.3489 259.332C72.8189 257.922 73.3165 256.512 73.8556 255.116C74.9338 252.282 76.1502 249.504 77.3804 246.726C79.7302 241.418 82.2183 236.165 84.2364 230.719C89.1987 217.297 90.1663 202.894 86.7521 188.961C82.8403 172.941 74.9752 158.606 65.8661 144.977C63.1016 140.831 56.1765 140.264 52.5273 143.429C48.3805 147.037 48.0211 152.345 50.9791 156.782C52.0297 158.33 53.0664 159.906 54.0616 161.495Z' fill='currentColor'/%3E%3Cpath d='M106.809 145.219C107.154 145.744 107.486 146.283 107.818 146.822C107.818 146.822 108.689 148.273 108.785 148.412C110.444 151.231 112.034 154.107 113.499 157.023C114.978 159.954 116.346 162.939 117.563 165.98C118.185 167.57 118.779 169.159 119.332 170.763C119.526 171.343 119.719 171.938 119.899 172.518C120.051 172.961 120.175 173.417 120.313 173.859C120.355 174.011 120.41 174.218 120.479 174.481C121.198 177.439 121.82 180.425 122.207 183.438C122.387 184.945 122.525 186.465 122.608 187.972C122.622 188.096 122.649 189.714 122.663 189.797C122.649 190.626 122.622 191.455 122.566 192.285C122.373 195.395 121.931 198.491 121.226 201.546C121.157 201.836 120.963 202.61 120.894 202.818C120.673 203.536 120.452 204.255 120.203 204.974C119.678 206.522 119.111 208.056 118.503 209.563C113.9 221.202 107.859 232.135 105.178 244.451C102.303 257.735 105.496 270.949 113.374 281.911C121.737 293.549 134.15 301.843 145.913 309.653C150.06 312.403 156.197 312.154 159.21 307.773C161.989 303.709 161.74 297.406 157.317 294.475C152.064 290.978 146.825 287.467 141.849 283.597C139.596 281.855 137.412 280.044 135.311 278.123C135.173 277.999 133.915 276.769 134.122 276.99C133.901 276.769 133.68 276.547 133.473 276.312C132.339 275.151 131.247 273.921 130.21 272.663C129.284 271.516 128.4 270.341 127.57 269.125C127.349 268.807 127.156 268.489 126.948 268.185C126.838 267.936 126.299 267.01 126.202 266.83C125.607 265.683 125.068 264.494 124.585 263.264C124.405 262.78 124.239 262.282 124.059 261.799C124.004 261.647 123.963 261.522 123.935 261.412C123.852 261.08 123.769 260.748 123.7 260.416C123.423 259.103 123.23 257.79 123.106 256.449C123.05 255.841 123.023 255.233 122.995 254.625C123.009 254.514 123.023 254.404 123.023 254.265C123.258 251.349 123.658 248.557 124.294 245.695C124.308 245.585 124.336 245.502 124.35 245.419C124.391 245.308 124.433 245.17 124.488 244.99C124.709 244.354 124.889 243.705 125.096 243.069C125.552 241.645 126.064 240.249 126.603 238.839C127.681 236.019 128.883 233.227 130.127 230.449C132.477 225.155 134.965 219.888 136.97 214.442C141.946 201.021 142.913 186.631 139.499 172.698C135.587 156.678 127.722 142.33 118.613 128.701C115.849 124.554 108.924 123.987 105.261 127.166C101.128 130.76 100.768 136.068 103.726 140.505C104.777 142.067 105.8 143.643 106.809 145.219Z' fill='currentColor'/%3E%3Cpath d='M156.874 138.093C157.206 138.618 157.538 139.157 157.869 139.682C157.883 139.71 158.754 141.134 158.851 141.286C160.509 144.092 162.099 146.967 163.564 149.897C165.029 152.827 166.398 155.813 167.614 158.854C168.25 160.43 168.844 162.02 169.384 163.637C169.591 164.217 169.784 164.798 169.964 165.378C170.102 165.835 170.241 166.277 170.379 166.719C170.42 166.871 170.475 167.079 170.545 167.341C171.263 170.313 171.885 173.285 172.259 176.312C172.452 177.805 172.59 179.325 172.673 180.832C172.673 180.97 172.701 182.574 172.729 182.657C172.715 183.486 172.673 184.315 172.632 185.145C172.438 188.255 171.982 191.351 171.291 194.406C171.208 194.696 171.015 195.484 170.959 195.691C170.738 196.41 170.503 197.129 170.268 197.848C169.743 199.382 169.176 200.916 168.568 202.423C163.965 214.062 157.911 224.995 155.243 237.311C152.354 250.609 155.561 263.809 163.426 274.771C171.789 286.423 184.201 294.703 195.978 302.526C200.111 305.263 206.262 305.028 209.276 300.633C212.04 296.583 211.791 290.266 207.368 287.335C202.129 283.838 196.877 280.327 191.901 276.457C189.661 274.715 187.477 272.905 185.376 270.983C185.238 270.859 183.98 269.642 184.174 269.85C183.953 269.629 183.745 269.407 183.524 269.186C182.391 268.011 181.299 266.795 180.276 265.523C179.336 264.376 178.451 263.201 177.622 261.985C177.414 261.681 177.221 261.349 177.014 261.045C176.889 260.796 176.364 259.884 176.267 259.69C175.659 258.543 175.12 257.354 174.65 256.138C174.456 255.654 174.304 255.143 174.111 254.659C174.069 254.507 174.028 254.382 173.986 254.272C173.917 253.954 173.834 253.622 173.765 253.29C173.475 251.977 173.281 250.65 173.171 249.309C173.116 248.701 173.088 248.093 173.06 247.485C173.06 247.388 173.074 247.277 173.088 247.139C173.323 244.223 173.71 241.43 174.346 238.555C174.373 238.459 174.387 238.362 174.415 238.279C174.456 238.168 174.498 238.03 174.553 237.864C174.761 237.215 174.94 236.579 175.148 235.929C175.618 234.505 176.129 233.109 176.654 231.713C177.746 228.88 178.949 226.087 180.179 223.323C182.543 218.015 185.017 212.762 187.035 207.316C192.011 193.881 192.965 179.491 189.565 165.558C185.653 149.538 177.774 135.204 168.665 121.561C165.9 117.428 158.989 116.861 155.326 120.026C151.179 123.62 150.834 128.942 153.792 133.365C154.828 134.927 155.865 136.503 156.874 138.093Z' fill='currentColor'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='527' height='687' viewBox='0 0 527 687' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 522.892H527C527 548.879 505.933 569.946 479.946 569.946H47.0535C21.0665 569.946 0 548.879 0 522.892Z' fill='currentColor'/%3E%3Cpath d='M256.3 313.759C266.405 313.759 274.601 307.097 274.601 298.872C274.601 290.662 266.405 283.999 256.3 283.999C246.196 283.999 237.999 290.662 237.999 298.872C237.999 307.097 246.196 313.759 256.3 313.759Z' fill='%23F20519'/%3E%3Cpath d='M86.0885 445.111C91.4517 418.599 108.094 389.654 134.122 378.43C138.96 376.357 143.176 383.489 138.297 385.59C114.052 396.04 99.068 422.635 94.078 447.308C93.0137 452.547 85.0242 450.322 86.0885 445.111ZM477.697 510.893C477.78 508.819 477.849 506.76 477.849 504.672C477.849 405.191 378.658 324.55 256.3 324.55C133.942 324.55 34.7651 405.191 34.7651 504.672C34.7651 506.76 34.8204 508.819 34.9034 510.893H477.697Z' fill='currentColor'/%3E%3Cpath d='M54.0616 161.495C54.4072 162.034 54.7389 162.56 55.0706 163.085C55.0845 163.113 55.9415 164.536 56.0382 164.688C57.7108 167.508 59.2866 170.37 60.7656 173.314C62.2308 176.23 63.5992 179.216 64.8156 182.257C65.4376 183.833 66.032 185.422 66.5849 187.04C66.7784 187.62 66.9719 188.201 67.1654 188.795C67.3037 189.237 67.4419 189.694 67.5663 190.122C67.6078 190.274 67.6631 190.481 67.7322 190.758C68.451 193.716 69.073 196.688 69.46 199.715C69.6397 201.222 69.7917 202.728 69.8609 204.249C69.8747 204.373 69.9023 205.977 69.9161 206.06C69.9023 206.889 69.8747 207.718 69.8194 208.548C69.6397 211.672 69.1836 214.754 68.4924 217.809C68.4095 218.113 68.216 218.887 68.1468 219.094C67.9257 219.813 67.7045 220.532 67.4557 221.251C66.9305 222.799 66.3637 224.319 65.7694 225.84C61.1664 237.465 55.1121 248.398 52.4305 260.728C49.5554 274.012 52.7484 287.212 60.6273 298.174C68.99 309.826 81.4027 318.106 93.1658 325.929C97.3126 328.68 103.45 328.431 106.463 324.036C109.242 319.986 108.993 313.683 104.569 310.738C99.3169 307.255 94.0781 303.744 89.1019 299.86C86.8489 298.132 84.6649 296.307 82.5638 294.4C82.4394 294.276 81.1678 293.045 81.3751 293.253C81.1539 293.032 80.9328 292.824 80.7254 292.589C79.592 291.414 78.5 290.198 77.4633 288.926C76.5372 287.793 75.6525 286.604 74.8232 285.388C74.6158 285.083 74.4085 284.766 74.2012 284.448C74.0906 284.213 73.5515 283.287 73.4547 283.107C72.8604 281.946 72.3213 280.757 71.8375 279.541C71.6578 279.057 71.5057 278.559 71.3122 278.062C71.2569 277.923 71.2155 277.785 71.1878 277.688C71.1049 277.357 71.022 277.025 70.9528 276.693C70.6764 275.38 70.4829 274.053 70.3585 272.712C70.3032 272.104 70.2755 271.51 70.2617 270.901C70.2617 270.791 70.2755 270.68 70.2894 270.542C70.5105 267.626 70.9114 264.833 71.5472 261.972C71.561 261.861 71.5887 261.765 71.6025 261.682C71.644 261.571 71.6993 261.447 71.7546 261.267C71.9619 260.631 72.1416 259.982 72.3489 259.332C72.8189 257.922 73.3165 256.512 73.8556 255.116C74.9338 252.282 76.1502 249.504 77.3804 246.726C79.7302 241.418 82.2183 236.165 84.2364 230.719C89.1987 217.297 90.1663 202.894 86.7521 188.961C82.8403 172.941 74.9752 158.606 65.8661 144.977C63.1016 140.831 56.1765 140.264 52.5273 143.429C48.3805 147.037 48.0211 152.345 50.9791 156.782C52.0297 158.33 53.0664 159.906 54.0616 161.495Z' fill='currentColor'/%3E%3Cpath d='M106.809 145.219C107.154 145.744 107.486 146.283 107.818 146.822C107.818 146.822 108.689 148.273 108.785 148.412C110.444 151.231 112.034 154.107 113.499 157.023C114.978 159.954 116.346 162.939 117.563 165.98C118.185 167.57 118.779 169.159 119.332 170.763C119.526 171.343 119.719 171.938 119.899 172.518C120.051 172.961 120.175 173.417 120.313 173.859C120.355 174.011 120.41 174.218 120.479 174.481C121.198 177.439 121.82 180.425 122.207 183.438C122.387 184.945 122.525 186.465 122.608 187.972C122.622 188.096 122.649 189.714 122.663 189.797C122.649 190.626 122.622 191.455 122.566 192.285C122.373 195.395 121.931 198.491 121.226 201.546C121.157 201.836 120.963 202.61 120.894 202.818C120.673 203.536 120.452 204.255 120.203 204.974C119.678 206.522 119.111 208.056 118.503 209.563C113.9 221.202 107.859 232.135 105.178 244.451C102.303 257.735 105.496 270.949 113.374 281.911C121.737 293.549 134.15 301.843 145.913 309.653C150.06 312.403 156.197 312.154 159.21 307.773C161.989 303.709 161.74 297.406 157.317 294.475C152.064 290.978 146.825 287.467 141.849 283.597C139.596 281.855 137.412 280.044 135.311 278.123C135.173 277.999 133.915 276.769 134.122 276.99C133.901 276.769 133.68 276.547 133.473 276.312C132.339 275.151 131.247 273.921 130.21 272.663C129.284 271.516 128.4 270.341 127.57 269.125C127.349 268.807 127.156 268.489 126.948 268.185C126.838 267.936 126.299 267.01 126.202 266.83C125.607 265.683 125.068 264.494 124.585 263.264C124.405 262.78 124.239 262.282 124.059 261.799C124.004 261.647 123.963 261.522 123.935 261.412C123.852 261.08 123.769 260.748 123.7 260.416C123.423 259.103 123.23 257.79 123.106 256.449C123.05 255.841 123.023 255.233 122.995 254.625C123.009 254.514 123.023 254.404 123.023 254.265C123.258 251.349 123.658 248.557 124.294 245.695C124.308 245.585 124.336 245.502 124.35 245.419C124.391 245.308 124.433 245.17 124.488 244.99C124.709 244.354 124.889 243.705 125.096 243.069C125.552 241.645 126.064 240.249 126.603 238.839C127.681 236.019 128.883 233.227 130.127 230.449C132.477 225.155 134.965 219.888 136.97 214.442C141.946 201.021 142.913 186.631 139.499 172.698C135.587 156.678 127.722 142.33 118.613 128.701C115.849 124.554 108.924 123.987 105.261 127.166C101.128 130.76 100.768 136.068 103.726 140.505C104.777 142.067 105.8 143.643 106.809 145.219Z' fill='currentColor'/%3E%3Cpath d='M156.874 138.093C157.206 138.618 157.538 139.157 157.869 139.682C157.883 139.71 158.754 141.134 158.851 141.286C160.509 144.092 162.099 146.967 163.564 149.897C165.029 152.827 166.398 155.813 167.614 158.854C168.25 160.43 168.844 162.02 169.384 163.637C169.591 164.217 169.784 164.798 169.964 165.378C170.102 165.835 170.241 166.277 170.379 166.719C170.42 166.871 170.475 167.079 170.545 167.341C171.263 170.313 171.885 173.285 172.259 176.312C172.452 177.805 172.59 179.325 172.673 180.832C172.673 180.97 172.701 182.574 172.729 182.657C172.715 183.486 172.673 184.315 172.632 185.145C172.438 188.255 171.982 191.351 171.291 194.406C171.208 194.696 171.015 195.484 170.959 195.691C170.738 196.41 170.503 197.129 170.268 197.848C169.743 199.382 169.176 200.916 168.568 202.423C163.965 214.062 157.911 224.995 155.243 237.311C152.354 250.609 155.561 263.809 163.426 274.771C171.789 286.423 184.201 294.703 195.978 302.526C200.111 305.263 206.262 305.028 209.276 300.633C212.04 296.583 211.791 290.266 207.368 287.335C202.129 283.838 196.877 280.327 191.901 276.457C189.661 274.715 187.477 272.905 185.376 270.983C185.238 270.859 183.98 269.642 184.174 269.85C183.953 269.629 183.745 269.407 183.524 269.186C182.391 268.011 181.299 266.795 180.276 265.523C179.336 264.376 178.451 263.201 177.622 261.985C177.414 261.681 177.221 261.349 177.014 261.045C176.889 260.796 176.364 259.884 176.267 259.69C175.659 258.543 175.12 257.354 174.65 256.138C174.456 255.654 174.304 255.143 174.111 254.659C174.069 254.507 174.028 254.382 173.986 254.272C173.917 253.954 173.834 253.622 173.765 253.29C173.475 251.977 173.281 250.65 173.171 249.309C173.116 248.701 173.088 248.093 173.06 247.485C173.06 247.388 173.074 247.277 173.088 247.139C173.323 244.223 173.71 241.43 174.346 238.555C174.373 238.459 174.387 238.362 174.415 238.279C174.456 238.168 174.498 238.03 174.553 237.864C174.761 237.215 174.94 236.579 175.148 235.929C175.618 234.505 176.129 233.109 176.654 231.713C177.746 228.88 178.949 226.087 180.179 223.323C182.543 218.015 185.017 212.762 187.035 207.316C192.011 193.881 192.965 179.491 189.565 165.558C185.653 149.538 177.774 135.204 168.665 121.561C165.9 117.428 158.989 116.861 155.326 120.026C151.179 123.62 150.834 128.942 153.792 133.365C154.828 134.927 155.865 136.503 156.874 138.093Z' fill='currentColor'/%3E%3C/svg%3E"); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto clamp(0px, 62.5vw, 42.9375rem); mask-size: auto clamp(0px, 62.5vw, 42.9375rem); position: absolute; top: 0; width: 100%; } .section--intro-animation .section__image:after { background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .01) 8.1%, rgba(0, 0, 0, .039) 15.5%, rgba(0, 0, 0, .083) 22.5%, rgba(0, 0, 0, .14) 29%, rgba(0, 0, 0, .207) 35.3%, rgba(0, 0, 0, .282) 41.2%, rgba(0, 0, 0, .36) 47.1%, rgba(0, 0, 0, .44) 52.9%, rgba(0, 0, 0, .518) 58.8%, rgba(0, 0, 0, .593) 64.7%, rgba(0, 0, 0, .66) 71%, rgba(0, 0, 0, .717) 77.5%, rgba(0, 0, 0, .761) 84.5%, rgba(0, 0, 0, .79) 91.9%, rgba(0, 0, 0, .8)); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 36.7708333333%; content: ""; display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .section--intro-animation .section__image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .slider--home.swiper { z-index: 0; } .section--home-scroll { color: #fff; margin-bottom: clamp(4.0625rem, 9.1666666667vw, 8.25rem); overflow: hidden; position: relative; width: 100%; } .section--home-scroll .section__inner { display: flex; flex-direction: column; width: 100%; } .section--home-scroll .section__title { font-size: 1.875rem; font-weight: 400; letter-spacing: .0033333333em; line-height: 1.0833333333; margin-bottom: .7em; width: 12.3125rem; } .section--home-scroll .section__image { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .section--home-scroll .section__image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; z-index: -1; } .section--home-scroll .section__left { flex-shrink: 0; overflow: hidden; position: relative; width: 100vw; } .section--home-scroll .section__left-inner { height: 104.1062801932vw; } .section--home-scroll .section__left .section__image img { -o-object-position: center right; object-position: center right; } .section--home-scroll .section__left-content { padding-left: 2.25rem; padding-top: calc(var(--header-height, 3.875rem) + .625rem); position: relative; z-index: 2; } .section--home-scroll .section__full { flex-grow: 1; position: relative; } .section--home-scroll .section__full-inner { height: 100vh; } .section--home-scroll .section__full img { display: block; height: 100vh; left: auto; max-width: none; -o-object-position: var(--pos, bottom right); object-position: var(--pos, bottom right); right: 0; transform-origin: var(--pos, bottom right); width: 100vw; } .section--home-scroll .section__full .section__title { margin-left: auto; margin-right: auto; width: 20.4375rem; } .section--home-scroll .section__full-content { align-items: center; box-shadow: inset 0 0 0 13.0952380952vw #e8e5e2; display: flex; flex-direction: column; height: 100%; justify-content: center; position: relative; text-align: center; z-index: 2; } .section--home-scroll .section__full-buttons { --row-gap: 1.25rem; } .section--home-scroll .section__left-title, .section--home-scroll-initial .section__left-title { opacity: 0; } .section--home-scroll-mobile { margin-bottom: min(24.6153846154vw, 6rem); } .section--home-scroll-mobile .section__left-inner { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 2.375rem; position: relative; z-index: 1; } .section--home-scroll-mobile .section__full { position: relative; z-index: 2; } .section--home-scroll-mobile .section__full-inner { display: grid; grid-template-areas: "image""content"; } .section--home-scroll-mobile .section__full-content { grid-area: content; } .section--home-scroll-mobile .section__full-title { max-width: 20.75rem; } .section--home-scroll-mobile .section__full-note { font-size: .875rem; } .section--home-scroll-mobile .section__full-image { grid-area: image; margin-bottom: 2.25rem; margin-left: 2.1875rem; position: relative; } .section--home-scroll-mobile .section__full-image:before { content: ""; display: block; padding-top: 79.3201133144%; width: 100%; } .section--home-scroll-mobile .section__full-image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .section--home-scroll-mobile .section__full-buttons { --column-gap: 0.5625rem; margin-top: 1.875rem; } .section--home-scroll-mobile .section__full-shape .shape--1 { height: auto; left: 0; position: absolute; top: 6.2360801782%; width: 20.5128205128%; z-index: 3; } .section--home-scroll-mobile .section__full-shape .shape--1 svg { display: block; height: auto; width: 100%; } .loader__inner>div { animation-delay: calc(var(--nth, 0)*.125s); animation-direction: forwards; animation-duration: 2s; animation-iteration-count: infinite; animation-name: fadeInOut; animation-timing-function: ease-in-out; } @keyframes fadeInOut { 0% { opacity: 1; } 25% { opacity: 0; } 75% { opacity: 0; } to { opacity: 1; } } .btn--icon .btn__icon { transition-duration: .3s; transition-property: color; transition-timing-function: ease-in-out; } .btn--icon .btn__icon-inner { transition-duration: .3s; transition-property: background, box-shadow; transition-timing-function: ease-in-out; } .btn--icon .btn__icon-inner .btn__icon-hover { transition-duration: .3s; transition-property: opacity, transform; transition-timing-function: ease-in-out; } .btn--icon .btn__icon svg { transition-duration: .3s; transition-property: transform, opacity; transition-timing-function: ease-in-out; } .btn--icon-hover .btn__icon .btn__icon-inner .btn__icon-hover, .btn--icon:hover .btn__icon .btn__icon-inner .btn__icon-hover, .card--article-hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover, .card--article.card--has-link:focus-within .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover, .card--article.card--has-link:hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover, .card--design-hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover, .card--design:focus-within .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover, .card--design:hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover, html:not(.no-focus-outline) .btn--icon:focus .btn__icon .btn__icon-inner .btn__icon-hover { opacity: 1; transform: translateX(0); } .btn--icon-hover .btn__icon .btn__icon-inner .btn__icon-hover+svg, .btn--icon:hover .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--article-hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--article.card--has-link:focus-within .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--article.card--has-link:hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--design-hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--design:focus-within .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg, .card--design:hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg, html:not(.no-focus-outline) .btn--icon:focus .btn__icon .btn__icon-inner .btn__icon-hover+svg { opacity: 0; } .card--design .card__link:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .card--design .card__caption { transition-duration: 0s; transition-property: opacity, visibility; transition-timing-function: ease-in-out, step-start; } .card--design .card__caption-alt { transition-duration: 0s; transition-property: opacity, visibility; transition-timing-function: ease-in-out, step-end; } .card--design .card__caption-alt-specifications { transition-delay: 0s; transition-duration: 0s; transition-property: opacity; transition-timing-function: ease-in-out; } .card--design .card__caption-alt-icon svg { transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out; } .card--design .card__cta { flex-shrink: 0; } .card--design .card__title-inner { transition-duration: .5s; transition-property: transform; transition-timing-function: ease-in-out; } .card--design .card__image { transition-duration: .5s; transition-property: background-position; transition-timing-function: ease-in-out; } .card--design .card__image-alt { transition-duration: .5s; transition-property: opacity; transition-timing-function: ease-in-out; } .card--design-hover .card__content, .card--design:focus-within .card__content, .card--design:hover .card__content { opacity: 1; } .card--design-hover .card__image, .card--design:focus-within .card__image, .card--design:hover .card__image { background-position: 0 106%; } .card--design-hover .card__image-alt, .card--design:focus-within .card__image-alt, .card--design:hover .card__image-alt { opacity: 1; } .card--design-hover .card__cta, .card--design:focus-within .card__cta, .card--design:hover .card__cta { transform: translateX(0); } .card--design-hover .card__title-inner, .card--design:focus-within .card__title-inner, .card--design:hover .card__title-inner { transform: translateY(0); } .slide--designs { height: 100%; } .slide--designs * { box-sizing: border-box; } .slide--designs .card--design { height: 100%; } .slider--designs { height: 100%; width: 100%; } .slider--designs .swiper-wrapper { transition-timing-function: cubic-bezier(.45, 0, .49, 1); width: 100%; } .slider--designs .swiper-pagination { align-items: center; display: flex; margin-top: clamp(1.1875rem, 4.8611111111vw, 4.375rem); } .slider--designs .swiper-arrow--next { order: 1; } .slider--designs .swiper-dots { flex-grow: 1; } .slider--designs .swiper-slide { max-width: calc(100vw - 4.375rem); width: clamp(20.625rem, 46.1805555556vw, 41.5625rem); } .section--designs .section__slider .swiper { transition-duration: .3s; transition-property: opacity; transition-timing-function: ease-in-out; } .section--5050 { font-size: 1rem; font-weight: 400; line-height: 1.5555555556; position: relative; } .section--5050 .section__inner { display: grid; grid-auto-columns: 1fr auto; grid-auto-rows: 97.619047619vw 2.375rem auto auto; grid-template-areas: "image image"". btn""content content""note note"; } .section--5050 .section__content { grid-area: content; padding: 1.1875rem 0 2.5rem; } .section--5050 .section__content-inner { padding-left: 2.1875rem; padding-right: 2.1875rem; } .section--5050 .section__note { align-items: center; display: flex; font-size: 1.125rem; font-weight: 400; grid-area: note; justify-content: space-between; letter-spacing: .0111111111em; line-height: 1.1111111111; margin-left: 2.1875rem; margin-right: 2.1875rem; order: 1; padding: 2.5rem 0; position: relative; } .section--5050 .section__note-icon { align-items: center; color: currentColor; display: flex; flex-shrink: 0; font-size: 1.5625rem; height: 1em; justify-content: center; margin-left: .625rem; position: relative; width: 1em; } .section--5050 .section__note-icon:before { background: currentColor; border-radius: 100%; content: ""; display: block; height: 100%; left: 0; opacity: .1; position: absolute; top: 0; width: 100%; } .section--5050 .section__note-icon svg { display: block; font-size: .75rem; height: 1em; width: var(--icon-width, 1em); } .section--5050 .section__note:before { background: currentColor; display: block; height: 1px; left: 0; opacity: .2; position: absolute; top: 0; width: 100%; } .section--5050 .section__title { font-size: 2.8125rem; font-weight: 300; letter-spacing: .0033333333em; line-height: 1.0666666667; margin-bottom: .3333333333em; width: 100%; } .section--5050 .section__title .text--iskry { font-size: .9em; } .section--5050 .section__description { max-width: 24.25rem; } .section--5050 .section__description>* { opacity: .8; } .section--5050 .section__buttons { margin-top: 1.375rem; } .section--5050 .section__image { background: rgba(37, 30, 30, .1); grid-area: image; overflow: hidden; position: relative; transition-duration: .3s; transition-property: background; transition-timing-function: ease-in-out; } .section--5050 .section__image:before { content: ""; display: block; padding-top: 97.619047619%; width: 100%; } [data-text=light] .section--5050 .section__image { background: hsla(0, 0%, 100%, .1); } .section--5050 .section__image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .section--5050 .section__image-inner { display: block; height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .section--5050 .section__image iframe { border: none; display: block; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; } .section--5050-short-image .section__image:before { content: ""; display: block; padding-top: 79.7619047619%; width: 100%; } .section--5050 .section__shape { color: #fae1b7; display: block; max-width: 6.3125rem; position: absolute; right: 0; top: 0; width: 24.3961352657vw; } .section--5050 .section__shape svg { margin-top: -31.25%; position: relative; } .section--5050 .section__video-controls { grid-area: btn; order: 3; padding-right: .625rem; position: relative; z-index: 5; } .section--5050 .section__video-controls .btn { transform: translateY(-50%); } .section--5050[data-orientation=left] .section__description { max-width: 28.8125rem; } .card--list-item { font-size: 1rem; font-weight: 400; line-height: 1.5555555556; } .card--list-item .card__inner { align-items: flex-start; -moz-column-gap: clamp(.4375rem, .7638888889vw, .6875rem); column-gap: clamp(.4375rem, .7638888889vw, .6875rem); display: grid; grid-template-areas: "icon content"; grid-template-columns: 1.875rem 1fr; } .card--list-item .card__title { font-size: 1.125rem; font-weight: 400; letter-spacing: .01em; line-height: 1.25; margin-bottom: 1em; } .card--list-item .card__title span { display: block; margin-top: .2222222222em; } .card--list-item .card__content { grid-area: content; } .card--list-item .card__icon { grid-area: icon; } .card--list-item-sm, .section--5050-list .card--list-item { font-size: .875rem; line-height: 1.3571428571; } .card--list-item-sm .card__title, .section--5050-list .card--list-item .card__title { font-size: 1rem; } .card--list-item-sm .card__description, .section--5050-list .card--list-item .card__description { opacity: .8; } .section--5050-list { font-size: 1rem; font-weight: 400; line-height: 1.5555555556; margin-bottom: clamp(4.6875rem, 9.7916666667vw, 8.8125rem); margin-top: clamp(3.75rem, 7.8472222222vw, 7.0625rem); position: relative; } .section--5050-list .section__inner { align-items: flex-start; display: grid; grid-auto-columns: 1fr auto; grid-auto-rows: 97.619047619vw 2.375rem auto auto; grid-template-areas: "image image"". btn""content content""note note"; } .section--5050-list .section__content { grid-area: content; padding: 1.1875rem 0 2.5rem; } .section--5050-list .section__content-inner { padding-left: 2.1875rem; padding-right: 2.1875rem; } .section--5050-list .section__list { -moz-column-gap: 6.3157894737%; column-gap: 6.3157894737%; display: grid; grid-template-columns: 1fr; margin-bottom: 2.5rem; padding-top: 1.875rem; row-gap: clamp(1.5625rem, 3.2638888889vw, 2.9375rem); } .section--5050-list .section__note { align-items: center; display: flex; font-size: 1.125rem; font-weight: 400; grid-area: note; justify-content: space-between; letter-spacing: .0111111111em; line-height: 1.1111111111; margin-left: 2.1875rem; margin-right: 2.1875rem; order: 1; padding: 2.5rem 0; position: relative; } .section--5050-list .section__note-icon { align-items: center; color: currentColor; display: flex; flex-shrink: 0; font-size: 1.5625rem; height: 1em; justify-content: center; margin-left: .625rem; position: relative; width: 1em; } .section--5050-list .section__note-icon:before { background: currentColor; border-radius: 100%; content: ""; display: block; height: 100%; left: 0; opacity: .1; position: absolute; top: 0; width: 100%; } .section--5050-list .section__note-icon svg { display: block; font-size: .75rem; height: 1em; width: var(--icon-width, 1em); } .section--5050-list .section__note:before { background: currentColor; display: block; height: 1px; left: 0; opacity: .2; position: absolute; top: 0; width: 100%; } .section--5050-list .section__title { font-size: 2.8125rem; font-weight: 300; letter-spacing: .0033333333em; line-height: 1.0666666667; margin-bottom: .3333333333em; max-width: 25.125rem; width: 100%; } .section--5050-list .section__title .text--iskry { font-size: .9em; } .section--5050-list .section__description { max-width: 35.8125rem; } .section--5050-list .section__description>* { opacity: .8; } .section--5050-list .section__buttons { margin-top: 1.375rem; } .section--5050-list .section__image { background: rgba(37, 30, 30, .1); grid-area: image; overflow: hidden; position: relative; transition-duration: .3s; transition-property: background; transition-timing-function: ease-in-out; } .section--5050-list .section__image:before { content: ""; display: block; padding-top: 86.835106383%; width: 100%; } [data-text=light] .section--5050-list .section__image { background: hsla(0, 0%, 100%, .1); } .section--5050-list .section__image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .section--5050-list .section__image-inner { display: block; height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .section--5050-list .section__image iframe { border: none; display: block; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; } .section--5050-list-short-image .section__image:before { content: ""; display: block; padding-top: 79.7619047619%; width: 100%; } .section--5050-list .section__shape { color: #fae1b7; display: block; left: 0; max-width: 4.25rem; position: absolute; top: 97.619047619vw; width: 16.4251207729vw; } .section--5050-list .section__shape svg { margin-left: -26.4705882353%; margin-top: -197.0588235294%; position: relative; } .section--5050-list .section__video-controls { grid-area: btn; order: 3; padding-right: .625rem; position: relative; z-index: 5; } .section--5050-list .section__video-controls .btn { transform: translateY(-50%); } .section--5050-list[data-orientation=left] .section__description { max-width: 28.8125rem; } .specifications .specifications__image { overflow: hidden; position: relative; } .specifications .specifications__image:before { content: ""; display: block; padding-top: 97.619047619%; width: 100%; } .specifications .specifications__image img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .specifications__marker { color: #251e1e; color: rgba(37, 30, 30, .8); display: block; filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0)); font-size: 1rem; font-weight: 600; left: var(--left, 0); line-height: 1.625; overflow: hidden; position: absolute; top: var(--top, 0); z-index: 2; } .specifications__marker .btn__inner { align-items: center; display: flex; padding: .5em; position: relative; z-index: 1; } .specifications__marker .btn__label { max-width: 0; opacity: 0; overflow: hidden; visibility: hidden; } .specifications__marker .btn__label>span { display: block; padding-left: .625em; padding-right: 1.0625em; } .specifications__marker .btn__icon { border-radius: 100%; box-shadow: 0 0 0 1.4583333333rem #fff; filter: drop-shadow(0 .25rem 1.875rem rgba(0, 0, 0, .5)); flex-shrink: 0; height: 3.125rem; order: -1; position: relative; transform: scale(.3); width: 3.125rem; } .specifications__marker .btn__icon:before { animation-delay: calc(2s + var(--nth, 1)*.25s); animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: pulse; animation-timing-function: ease-in-out; border-radius: 100%; display: block; height: 100%; left: 0; position: absolute; top: 0; transform-origin: center center; width: 100%; } .specifications__marker .btn__icon img { border-radius: 100%; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .specifications__marker[data-position=right] { left: auto; right: calc(100% - var(--left, 0%) - 4.125rem); } .specifications__marker[data-position=right] .btn__icon { order: 0; } .specifications__marker-hover, .specifications__marker:focus, .specifications__marker:hover { background: #fff; filter: drop-shadow(0 0 2.5rem rgba(0, 0, 0, .4)); z-index: 5; } .specifications__marker-hover .btn__label, .specifications__marker:focus .btn__label, .specifications__marker:hover .btn__label { max-width: 9.5rem; opacity: 1; transition-timing-function: cubic-bezier(.45, 0, .49, 1), step-start, step-start; visibility: visible; } .specifications__marker-hover .btn__icon, .specifications__marker:focus .btn__icon, .specifications__marker:hover .btn__icon { box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0); filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0)); transform: scale(1); } .specifications__marker-hover .btn__icon:before, .specifications__marker:focus .btn__icon:before, .specifications__marker:hover .btn__icon:before { animation-duration: 0s; opacity: 0; } .specifications__marker-hover .btn__icon img, .specifications__marker:focus .btn__icon img, .specifications__marker:hover .btn__icon img { opacity: 1; } @keyframes pulse { 0% { box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, .75); transform: scale(1); } 25% { box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0); transform: scale(1.7045454545); } to { box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0); transform: scale(1.7045454545); } } .section--specifications { font-size: 1rem; font-weight: 400; line-height: calc(1em + .625rem); overflow: hidden; } .section--specifications .section__inner { display: grid; grid-auto-columns: 100%; grid-template-areas: "image""content"; } .section--specifications .section__content { align-self: center; grid-area: content; padding: 4.8125rem 0 2.5rem; } .section--specifications .section__content-inner { padding-left: 2.1875rem; padding-right: 2.1875rem; } .section--specifications .section__title { font-size: 2.5rem; font-weight: 300; letter-spacing: .0033333333em; line-height: 1.0666666667; margin-bottom: 1.3125rem; width: 100%; } .front-page .section--specifications .section__title { font-size: 1.875rem; } .section--specifications .section__description { max-width: 24.25rem; } .section--specifications .section__description>* { opacity: .8; } .section--specifications .section__buttons { margin-bottom: calc(var(--row-gap, .75rem)*-1); margin-left: calc(var(--column-gap, .75rem)*-1); margin-top: clamp(1.5625rem, 3.0555555556vw, 2.75rem); } .section--specifications .section__buttons>* { margin-bottom: var(--row-gap, .75rem); padding-left: var(--column-gap, .75rem); } .section--specifications .section__image { background: rgba(37, 30, 30, .1); grid-area: image; position: relative; transition-duration: .3s; transition-property: background; transition-timing-function: ease-in-out; } [data-text=light] .section--specifications .section__image { background: hsla(0, 0%, 100%, .1); } .section--specifications[data-orientation=left] .section__description { max-width: 28.8125rem; } .section--testimonial { margin-bottom: clamp(4.9375rem, 12.5vw, 11.25rem); padding-top: clamp(5.6875rem, 15.6944444444vw, 14.125rem); } .section--testimonial .section__inner { display: grid; grid-auto-columns: auto 1fr; grid-template-areas: "aside aside""header content"; } .section--testimonial .section__header { align-items: center; display: flex; flex-direction: column; grid-area: header; } .section--testimonial .section__title { color: #f7cc87; flex-grow: 1; font-size: .75rem; font-weight: 500; letter-spacing: .0714285714em; line-height: 1; margin: 0; min-height: calc(var(--title-height, 0) + 4em); position: relative; text-align: center; text-transform: uppercase; } .section--testimonial .section__title>span { bottom: -.6666666667em; display: block; position: absolute; transform: rotate(-90deg); transform-origin: left top; white-space: nowrap; } .section--testimonial .section__icon { color: #f7cc87; flex-shrink: 0; font-size: 1.125rem; margin-bottom: 1.5rem; order: -1; padding-top: .6666666667em; } .section--testimonial .section__icon svg { display: block; height: 1em; width: var(--icon-width, 1em); } .section--testimonial .section__aside { grid-area: aside; margin-bottom: 2.625rem; } .section--testimonial .section__image { position: relative; } .section--testimonial .section__image-wrap { max-width: 38.75rem; position: relative; } .section--testimonial .section__image-wrap:before { content: ""; display: block; padding-top: 64.1935483871%; width: 100%; } .section--testimonial .section__image-wrap img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .section--testimonial .section__image .section__shape { color: #d0825a; position: absolute; right: -2.1875rem; top: -20.9439528024%; width: 65.191740413%; z-index: -1; } .section--testimonial .section__cta { grid-area: cta; margin-right: 2.1875rem; max-width: 38.75rem; text-align: right; } .section--testimonial .section__cta .btn { min-width: 14.75rem; } .section--testimonial .section__content { grid-area: content; padding-left: clamp(2.1875rem, 5.8333333333vw, 5.25rem); } .section--testimonial .section__content blockquote { display: flex; flex-direction: column; height: 100%; max-width: 45.625rem; } .section--testimonial .section__content blockquote .text--cite { margin-top: auto; } .btn--outline { background: var(--background, transparent); border: .0625rem solid var(--outline, rgba(37, 30, 30, .2)); border-radius: 6.25rem; color: var(--color, #251e1e); font-family: Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 1rem; font-weight: 400; transition-duration: .3s; transition-property: color, border-color, background; transition-timing-function: ease-in-out; } .btn--outline-thunder { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #251e1e; --icon-background: rgba(37, 30, 30, .1); } [data-text=light] .btn--outline-thunder { --outline: hsla(0, 0%, 100%, .2); --color: #fff; --icon-color: #fff; --icon-background: hsla(0, 0%, 100%, .1); } .panel--light .btn--outline-thunder, .panel--white .btn--outline-thunder { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #251e1e; --icon-background: rgba(37, 30, 30, .1); } .btn--outline-ebonyclay:hover, .btn--outline-thunder-hover, .btn--outline-thunder:hover, .card--article-hover .card__readmore .btn--outline, .card--article.card--has-link:focus-within .card__readmore .btn--outline, .card--article.card--has-link:hover .card__readmore .btn--outline, html:not(.no-focus-outline) .btn--outline-ebonyclay:focus, html:not(.no-focus-outline) .btn--outline-thunder:focus { --color: #251e1e; --icon-color: #251e1e; --icon-background: rgba(37, 30, 30, .1); --background: #fff; --outline: #fff; } .card--article-hover .card__readmore .panel--white .btn--outline, .card--article.card--has-link:focus-within .card__readmore .panel--white .btn--outline, .card--article.card--has-link:hover .card__readmore .panel--white .btn--outline, .panel--white .btn--outline-ebonyclay:hover, .panel--white .btn--outline-thunder-hover, .panel--white .btn--outline-thunder:hover, .panel--white .card--article-hover .card__readmore .btn--outline, .panel--white .card--article.card--has-link:focus-within .card__readmore .btn--outline, .panel--white .card--article.card--has-link:hover .card__readmore .btn--outline, .panel--white html:not(.no-focus-outline) .btn--outline-ebonyclay:focus, .panel--white html:not(.no-focus-outline) .btn--outline-thunder:focus, html:not(.no-focus-outline) .panel--white .btn--outline-ebonyclay:focus, html:not(.no-focus-outline) .panel--white .btn--outline-thunder:focus { --background: #e8e5e2; --outline: #e8e5e2; } .btn--outline-thunder-alt, .panel--dark .btn--outline-white, [data-text=dark] .btn--outline-white { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .btn--outline-thunder-alt-hover, .btn--outline-thunder-alt:hover, .panel--dark .btn--outline-white:hover, .panel--dark html:not(.no-focus-outline) .btn--outline-white:focus, [data-text=dark] .btn--outline-white:hover, [data-text=dark] html:not(.no-focus-outline) .btn--outline-white:focus, html:not(.no-focus-outline) .btn--outline-thunder-alt:focus, html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus, html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus { --background: #e8e5e2; --outline: #e8e5e2; --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .panel--dark .panel--ebb .btn--outline-white:hover, .panel--dark .panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus, .panel--dark [data-background-current=ebb] .btn--outline-white:hover, .panel--dark [data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-white:focus, .panel--dark html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus, .panel--dark html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-white:focus, .panel--ebb .btn--outline-thunder-alt-hover, .panel--ebb .btn--outline-thunder-alt:hover, .panel--ebb .panel--dark .btn--outline-white:hover, .panel--ebb [data-text=dark] .btn--outline-white:hover, .panel--ebb html:not(.no-focus-outline) .btn--outline-thunder-alt:focus, .panel--ebb html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus, .panel--ebb html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus, [data-background-current=ebb] .btn--outline-thunder-alt-hover, [data-background-current=ebb] .btn--outline-thunder-alt:hover, [data-background-current=ebb] .panel--dark .btn--outline-white:hover, [data-background-current=ebb] [data-text=dark] .btn--outline-white:hover, [data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-thunder-alt:focus, [data-background-current=ebb] html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus, [data-background-current=ebb] html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus, [data-text=dark] .panel--ebb .btn--outline-white:hover, [data-text=dark] .panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus, [data-text=dark] [data-background-current=ebb] .btn--outline-white:hover, [data-text=dark] [data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-white:focus, [data-text=dark] html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus, [data-text=dark] html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-white:focus, html:not(.no-focus-outline) .panel--ebb .btn--outline-thunder-alt:focus, html:not(.no-focus-outline) .panel--ebb .panel--dark .btn--outline-white:focus, html:not(.no-focus-outline) .panel--ebb [data-text=dark] .btn--outline-white:focus, html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-thunder-alt:focus, html:not(.no-focus-outline) [data-background-current=ebb] .panel--dark .btn--outline-white:focus, html:not(.no-focus-outline) [data-background-current=ebb] [data-text=dark] .btn--outline-white:focus { --outline: #fff; --background: #fff; --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .btn--outline-ebonyclay { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #fff; --icon-background: #252a35; } .btn--outline-ebonyclay-hover { --background: #fff; --outline: #fff; } .btn--outline-lavender { --outline: hsla(0, 0%, 100%, .2); --color: #fff; --icon-color: #251e1e; --icon-background: #fae1b7; } [data-text=dark] .btn--outline-lavender { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #251e1e; --icon-background: #fae1b7; } .btn--outline-lavender-hover, .btn--outline-lavender:hover, html:not(.no-focus-outline) .btn--outline-lavender:focus { --icon-color: #251e1e; --icon-background: #fae1b7; --background: #fff; --outline: #fff; --color: #251e1e; } .btn--outline-white { --outline: hsla(0, 0%, 100%, .2); --color: #fff; --icon-color: #fff; --icon-background: hsla(0, 0%, 100%, .1); } .panel--light .btn--outline-white, [data-text=light] .btn--outline-white { --outline: hsla(0, 0%, 100%, .2); --color: #fff; --icon-color: #fff; --icon-background: hsla(0, 0%, 100%, .1); } .btn--outline-white-hover, .btn--outline-white:hover, html:not(.no-focus-outline) .btn--outline-white:focus { --background: #fff; --outline: #fff; --icon-color: #251e1e; --color: #251e1e; --icon-background: rgba(37, 30, 30, .1); } [data-text=dark] .btn--outline-white-hover, [data-text=dark] .btn--outline-white:hover, [data-text=dark] html:not(.no-focus-outline) .btn--outline-white:focus, html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus { --outline: #e8e5e2; --background: #e8e5e2; --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .panel--light .btn--outline-white-hover, .panel--light .btn--outline-white:hover, .panel--light html:not(.no-focus-outline) .btn--outline-white:focus, [data-text=light] .btn--outline-white-hover, [data-text=light] .btn--outline-white:hover, [data-text=light] html:not(.no-focus-outline) .btn--outline-white:focus, html:not(.no-focus-outline) .panel--light .btn--outline-white:focus, html:not(.no-focus-outline) [data-text=light] .btn--outline-white:focus { --background: #fff; --outline: #fff; --icon-color: #251e1e; --color: #251e1e; --icon-background: rgba(37, 30, 30, .1); } .panel--ebb .btn--outline-white-hover, .panel--ebb .btn--outline-white:hover, .panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus, html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus { --outline: #fff; --background: #fff; --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .btn--outline-white-alt { --outline: hsla(0, 0%, 100%, .2); --color: #fff; --icon-background: #fff; --icon-color: #251e1e; } [data-text=dark] .btn--outline-white-alt { --outline: rgba(37, 30, 30, .12); --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .btn--outline-white-alt-hover, .btn--outline-white-alt:hover, html:not(.no-focus-outline) .btn--outline-white-alt:focus { --background: #fff; --outline: #fff; --icon-color: #251e1e; --color: #251e1e; --icon-background: rgba(37, 30, 30, .1); } [data-text=dark] .btn--outline-white-alt-hover, [data-text=dark] .btn--outline-white-alt:hover, [data-text=dark] html:not(.no-focus-outline) .btn--outline-white-alt:focus, html:not(.no-focus-outline) [data-text=dark] .btn--outline-white-alt:focus { --background: #e8e5e2; --outline: #e8e5e2; --color: #251e1e; --icon-color: #fff; --icon-background: #251e1e; } .btn--outline-royalblue { --outline: rgba(37, 30, 30, .2); --color: #251e1e; --icon-color: #fff; --icon-background: #0a4097; } .btn--outline-royalblue-hover, .btn--outline-royalblue:hover, html:not(.no-focus-outline) .btn--outline-royalblue:focus { --background: #fff; --outline: #fff; } .btn--outline-norway { --outline: hsla(0, 0%, 100%, .2); --color: #fdf5e7; --icon-color: #fdf5e7; --icon-background: transparent; } .btn--outline-norway-hover, .btn--outline-norway:hover, html:not(.no-focus-outline) .btn--outline-norway:focus { --background: #fdf5e7; --outline: #fdf5e7; --color: #251e1e; --icon-color: #251e1e; } .card--article .card__inner { display: flex; flex-direction: column; position: relative; } .card--article .card__content-inner { display: flex; flex-direction: column; } .card--article .card__title { -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; font-size: 1rem; font-weight: 400; line-height: 1.375; margin: 0; overflow: hidden; width: 97.2413793103%; } .card--article .card__image { background-color: var(--theme-background, #482e05); margin-bottom: clamp(1.0625rem, 2.7083333333vw, 2.4375rem); order: -1; position: relative; } .card--article .card__image:before { content: ""; display: block; padding-top: 80.6451612903%; width: 100%; } .card--article .card__image picture { border: 1px solid transparent; } .card--article .card__image img { -webkit-clip-path: url(#card-article-arch); clip-path: url(#card-article-arch); display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; } .card--article .card__meta { --column-gap: clamp(0.5625rem, 0.9722222222vw, 0.875rem); align-items: center; display: flex; flex-wrap: wrap; font-size: .75rem; line-height: 1.0714285714; margin-bottom: .3125rem; margin-left: calc(var(--column-gap)*-1); order: -1; } .card--article .card__meta p { margin: 0; margin-bottom: .75rem; margin-left: var(--column-gap); opacity: .7; } .card--article .card__meta .card__category { align-items: center; display: flex; font-weight: 500; opacity: 1; position: relative; z-index: 2; } .card--article .card__meta .card__category a { text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .card--article .card__meta .card__category a:hover, html:not(.no-focus-outline) .card--article .card__meta .card__category a:focus { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .card--article .card__meta .bullet-wedge { display: block; font-size: .9285714286em; margin-right: clamp(.4375rem, 1.0416666667vw, .9375rem); } .card--article .card__meta .bullet-wedge svg { display: block; font-size: 1em; height: 1em; width: var(--icon-width, 1em); } .card--article .card__readmore { --column-gap: 1.1111111111em; font-size: 1.125rem; font-weight: 400; margin-top: 3.75rem; } .card--article-featured .card__title { -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.25rem; line-height: 1.5; max-width: 31.875rem; overflow: hidden; } .menu-item__aside .card--article-featured a.card__link { color: #251e1e; } .card--article.card--has-link .card__link { text-decoration: none; } .card--article.card--has-link .card__link:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .card--article[data-shape=arch] .card__image img { -webkit-clip-path: unset; clip-path: unset; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='445' height='479' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M170 113.968H171.751C172.046 113.968 172.341 113.954 172.636 113.929C173.06 113.894 173.485 113.852 173.906 113.803C174.373 113.75 174.84 113.691 175.303 113.624C175.749 113.561 176.191 113.487 176.633 113.41C177.121 113.322 177.602 113.22 178.082 113.101C178.683 112.954 179.283 112.796 179.879 112.627C180.493 112.455 181.101 112.273 181.708 112.08C182.238 111.911 182.764 111.729 183.287 111.532C183.835 111.325 184.371 111.097 184.898 110.841C185.554 110.525 186.203 110.195 186.846 109.848C187.505 109.49 188.158 109.118 188.8 108.728C189.362 108.388 189.913 108.03 190.45 107.654C190.98 107.282 191.496 106.893 191.998 106.489C192.556 106.036 193.107 105.573 193.644 105.096C194.156 104.643 194.654 104.18 195.142 103.703C195.518 103.334 195.876 102.948 196.213 102.541C196.521 102.169 196.827 101.79 197.125 101.407C197.455 100.979 197.781 100.551 198.101 100.116C198.406 99.7017 198.704 99.284 198.999 98.8629C199.227 98.54 199.445 98.2101 199.652 97.8732C199.866 97.5328 200.066 97.1819 200.252 96.8239C200.505 96.3431 200.747 95.8552 200.982 95.3674C201.235 94.8445 201.48 94.3146 201.719 93.7846C201.937 93.2968 202.144 92.802 202.34 92.3071C202.558 91.7596 202.747 91.2051 202.912 90.6401C203.123 89.9136 203.316 89.1802 203.495 88.4432C203.681 87.6676 203.849 86.892 204 86.1093C204.137 85.411 204.249 84.7055 204.341 84.0001L204.962 79.143H235.817L236.175 76.9004C236.239 76.4968 236.323 76.0932 236.425 75.6966C236.593 75.0439 236.768 74.3911 236.951 73.7418C237.162 72.9978 237.383 72.2538 237.611 71.5133C237.839 70.7728 238.078 70.0358 238.323 69.2988C238.583 68.5197 238.857 67.7476 239.141 66.979C239.46 66.1297 239.787 65.2839 240.127 64.4416C240.446 63.645 240.776 62.8553 241.117 62.0692C241.376 61.4691 241.654 60.8795 241.949 60.2969C242.243 59.7108 242.549 59.1352 242.872 58.5667C243.296 57.8192 243.731 57.0752 244.174 56.3382C244.64 55.5555 245.118 54.7799 245.602 54.0114C246.041 53.313 246.49 52.6216 246.95 51.9372C247.423 51.2318 247.915 50.5369 248.42 49.8526C249.01 49.0559 249.613 48.2663 250.224 47.4837C250.828 46.7151 251.438 45.9535 252.063 45.199C252.572 44.5848 253.095 43.9812 253.635 43.3916C254.165 42.816 254.709 42.251 255.264 41.6965C255.92 41.0437 256.583 40.3945 257.257 39.7592C257.924 39.1275 258.601 38.5028 259.285 37.8887C259.854 37.3798 260.433 36.8814 261.023 36.4006C261.612 35.9198 262.212 35.4496 262.82 34.9933C263.553 34.4423 264.297 33.8984 265.045 33.3649C265.799 32.828 266.557 32.3015 267.322 31.7821C267.968 31.3434 268.621 30.9188 269.284 30.5082C269.947 30.0976 270.618 29.701 271.299 29.3184C272.102 28.8692 272.909 28.427 273.724 27.9989C274.534 27.5742 275.349 27.1601 276.17 26.7565C276.847 26.4231 277.535 26.1037 278.23 25.8019C278.939 25.4931 279.651 25.2018 280.374 24.9281C281.28 24.5841 282.189 24.2472 283.101 23.9243C284.042 23.5944 284.982 23.2716 285.93 22.9627C286.754 22.6925 287.586 22.4363 288.421 22.1941C289.246 21.9555 290.064 21.6958 290.875 21.415C291.682 21.1343 292.482 20.836 293.275 20.5131C293.988 20.2253 294.689 19.9165 295.384 19.5866C295.907 19.3409 296.413 19.0601 296.897 18.7513C297.325 18.4776 297.736 18.1828 298.132 17.8669C298.603 17.4879 299.066 17.0983 299.512 16.6912C299.961 16.2841 300.396 15.863 300.821 15.4278C301.179 15.0628 301.515 14.6768 301.831 14.2767C302.144 13.8801 302.438 13.473 302.716 13.0519C303.032 12.5711 303.333 12.0762 303.621 11.5779C303.902 11.0901 304.169 10.5952 304.421 10.0934C304.625 9.68625 304.807 9.26862 304.965 8.84046C305.123 8.41931 305.264 7.99116 305.386 7.55949C305.537 7.04008 305.674 6.51716 305.801 5.99073C305.927 5.4608 306.043 4.93086 306.144 4.39742C306.232 3.94469 306.306 3.49196 306.362 3.03573C306.425 2.52334 306.499 2.01095 306.587 1.50207C306.639 1.20376 306.724 0.912473 306.839 0.631712C306.913 0.452727 307.029 0.294799 307.176 0.168456C307.436 -0.0561522 307.822 -0.0561522 308.082 0.168456C308.229 0.294799 308.345 0.452727 308.419 0.631712C308.534 0.912473 308.619 1.20376 308.671 1.50207C308.759 2.01095 308.833 2.52334 308.896 3.03573C308.952 3.49196 309.026 3.94469 309.114 4.39742C309.215 4.93086 309.331 5.4608 309.457 5.99073C309.584 6.51716 309.721 7.04008 309.872 7.55949C309.994 7.99116 310.135 8.41931 310.293 8.84046C310.451 9.26862 310.633 9.68625 310.837 10.0934C311.089 10.5952 311.356 11.0901 311.637 11.5779C311.925 12.0762 312.226 12.5711 312.542 13.0519C312.82 13.473 313.114 13.8801 313.427 14.2767C313.743 14.6768 314.079 15.0628 314.437 15.4278C314.862 15.863 315.297 16.2841 315.746 16.6912C316.192 17.0983 316.655 17.4879 317.126 17.8669C317.522 18.1828 317.933 18.4776 318.361 18.7513C318.845 19.0601 319.351 19.3409 319.874 19.5866C320.569 19.9165 321.27 20.2253 321.983 20.5131C322.776 20.836 323.576 21.1343 324.383 21.415C325.194 21.6958 326.012 21.9555 326.837 22.1941C327.672 22.4363 328.504 22.6925 329.328 22.9627C330.276 23.2716 331.216 23.5944 332.157 23.9243C333.069 24.2472 333.978 24.5841 334.884 24.9281C335.607 25.2018 336.319 25.4931 337.028 25.8019C337.723 26.1037 338.411 26.4231 339.088 26.7565C339.909 27.1601 340.724 27.5742 341.534 27.9989C342.349 28.427 343.156 28.8692 343.959 29.3184C344.64 29.701 345.311 30.0976 345.974 30.5082C346.637 30.9188 347.29 31.3434 347.936 31.7821C348.701 32.3015 349.459 32.828 350.213 33.3649C350.961 33.8984 351.705 34.4423 352.438 34.9933C353.046 35.4496 353.646 35.9198 354.235 36.4006C354.825 36.8814 355.404 37.3798 355.973 37.8887C356.657 38.5028 357.334 39.1275 358.001 39.7592C358.675 40.3945 359.338 41.0437 359.994 41.6965C360.549 42.251 361.093 42.816 361.623 43.3916C362.163 43.9812 362.686 44.5848 363.195 45.199C363.82 45.9535 364.43 46.7151 365.034 47.4837C365.645 48.2663 366.248 49.0559 366.838 49.8526C367.343 50.5369 367.835 51.2318 368.308 51.9372C368.768 52.6216 369.217 53.313 369.656 54.0114C370.14 54.7799 370.618 55.5555 371.084 56.3382C371.527 57.0752 371.962 57.8192 372.386 58.5667C372.709 59.1352 373.015 59.7108 373.309 60.2969C373.604 60.8795 373.882 61.4691 374.141 62.0692C374.482 62.8553 374.812 63.645 375.131 64.4416C375.471 65.2839 375.798 66.1297 376.117 66.979C376.401 67.7476 376.675 68.5197 376.935 69.2988C377.18 70.0358 377.419 70.7728 377.647 71.5133C377.875 72.2538 378.096 72.9978 378.307 73.7418C378.49 74.3911 378.665 75.0439 378.833 75.6966C378.935 76.0932 379.019 76.4968 379.083 76.9004L379.441 79.143H410.296L410.917 84.0001C411.009 84.7055 411.121 85.411 411.258 86.1093C411.409 86.892 411.577 87.6676 411.763 88.4432C411.942 89.1802 412.135 89.9136 412.346 90.6401C412.511 91.2051 412.7 91.7596 412.918 92.3071C413.114 92.802 413.321 93.2968 413.539 93.7846C413.778 94.3146 414.023 94.8445 414.276 95.3674C414.511 95.8552 414.753 96.3431 415.006 96.8239C415.192 97.1819 415.392 97.5328 415.606 97.8732C415.813 98.2101 416.031 98.54 416.259 98.8629C416.554 99.284 416.852 99.7017 417.157 100.116C417.477 100.551 417.803 100.979 418.133 101.407C418.431 101.79 418.737 102.169 419.045 102.541C419.382 102.948 419.74 103.334 420.116 103.703C420.604 104.18 421.102 104.643 421.614 105.096C422.151 105.573 422.702 106.036 423.26 106.489C423.762 106.893 424.278 107.282 424.808 107.654C425.345 108.03 425.896 108.388 426.458 108.728C427.1 109.118 427.753 109.49 428.412 109.848C429.055 110.195 429.704 110.525 430.36 110.841C430.887 111.097 431.423 111.325 431.971 111.532C432.494 111.729 433.02 111.911 433.55 112.08C434.157 112.273 434.764 112.455 435.379 112.627C435.975 112.796 436.575 112.954 437.176 113.101C437.656 113.22 438.137 113.322 438.625 113.41C439.067 113.487 439.509 113.561 439.955 113.624C440.418 113.691 440.885 113.75 441.352 113.803C441.773 113.852 442.198 113.894 442.622 113.929C442.917 113.954 443.212 113.968 443.507 113.968H445.258V176.521H170M444.899 167.025V432.34H237.725V580H0.102051V167.025H107.746C204.5 167.025 132 167.025 281 167.025C376.5 167.025 379.5 167.025 444.882 167.025H444.899Z' fill='%23233185'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='445' height='479' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M170 113.968H171.751C172.046 113.968 172.341 113.954 172.636 113.929C173.06 113.894 173.485 113.852 173.906 113.803C174.373 113.75 174.84 113.691 175.303 113.624C175.749 113.561 176.191 113.487 176.633 113.41C177.121 113.322 177.602 113.22 178.082 113.101C178.683 112.954 179.283 112.796 179.879 112.627C180.493 112.455 181.101 112.273 181.708 112.08C182.238 111.911 182.764 111.729 183.287 111.532C183.835 111.325 184.371 111.097 184.898 110.841C185.554 110.525 186.203 110.195 186.846 109.848C187.505 109.49 188.158 109.118 188.8 108.728C189.362 108.388 189.913 108.03 190.45 107.654C190.98 107.282 191.496 106.893 191.998 106.489C192.556 106.036 193.107 105.573 193.644 105.096C194.156 104.643 194.654 104.18 195.142 103.703C195.518 103.334 195.876 102.948 196.213 102.541C196.521 102.169 196.827 101.79 197.125 101.407C197.455 100.979 197.781 100.551 198.101 100.116C198.406 99.7017 198.704 99.284 198.999 98.8629C199.227 98.54 199.445 98.2101 199.652 97.8732C199.866 97.5328 200.066 97.1819 200.252 96.8239C200.505 96.3431 200.747 95.8552 200.982 95.3674C201.235 94.8445 201.48 94.3146 201.719 93.7846C201.937 93.2968 202.144 92.802 202.34 92.3071C202.558 91.7596 202.747 91.2051 202.912 90.6401C203.123 89.9136 203.316 89.1802 203.495 88.4432C203.681 87.6676 203.849 86.892 204 86.1093C204.137 85.411 204.249 84.7055 204.341 84.0001L204.962 79.143H235.817L236.175 76.9004C236.239 76.4968 236.323 76.0932 236.425 75.6966C236.593 75.0439 236.768 74.3911 236.951 73.7418C237.162 72.9978 237.383 72.2538 237.611 71.5133C237.839 70.7728 238.078 70.0358 238.323 69.2988C238.583 68.5197 238.857 67.7476 239.141 66.979C239.46 66.1297 239.787 65.2839 240.127 64.4416C240.446 63.645 240.776 62.8553 241.117 62.0692C241.376 61.4691 241.654 60.8795 241.949 60.2969C242.243 59.7108 242.549 59.1352 242.872 58.5667C243.296 57.8192 243.731 57.0752 244.174 56.3382C244.64 55.5555 245.118 54.7799 245.602 54.0114C246.041 53.313 246.49 52.6216 246.95 51.9372C247.423 51.2318 247.915 50.5369 248.42 49.8526C249.01 49.0559 249.613 48.2663 250.224 47.4837C250.828 46.7151 251.438 45.9535 252.063 45.199C252.572 44.5848 253.095 43.9812 253.635 43.3916C254.165 42.816 254.709 42.251 255.264 41.6965C255.92 41.0437 256.583 40.3945 257.257 39.7592C257.924 39.1275 258.601 38.5028 259.285 37.8887C259.854 37.3798 260.433 36.8814 261.023 36.4006C261.612 35.9198 262.212 35.4496 262.82 34.9933C263.553 34.4423 264.297 33.8984 265.045 33.3649C265.799 32.828 266.557 32.3015 267.322 31.7821C267.968 31.3434 268.621 30.9188 269.284 30.5082C269.947 30.0976 270.618 29.701 271.299 29.3184C272.102 28.8692 272.909 28.427 273.724 27.9989C274.534 27.5742 275.349 27.1601 276.17 26.7565C276.847 26.4231 277.535 26.1037 278.23 25.8019C278.939 25.4931 279.651 25.2018 280.374 24.9281C281.28 24.5841 282.189 24.2472 283.101 23.9243C284.042 23.5944 284.982 23.2716 285.93 22.9627C286.754 22.6925 287.586 22.4363 288.421 22.1941C289.246 21.9555 290.064 21.6958 290.875 21.415C291.682 21.1343 292.482 20.836 293.275 20.5131C293.988 20.2253 294.689 19.9165 295.384 19.5866C295.907 19.3409 296.413 19.0601 296.897 18.7513C297.325 18.4776 297.736 18.1828 298.132 17.8669C298.603 17.4879 299.066 17.0983 299.512 16.6912C299.961 16.2841 300.396 15.863 300.821 15.4278C301.179 15.0628 301.515 14.6768 301.831 14.2767C302.144 13.8801 302.438 13.473 302.716 13.0519C303.032 12.5711 303.333 12.0762 303.621 11.5779C303.902 11.0901 304.169 10.5952 304.421 10.0934C304.625 9.68625 304.807 9.26862 304.965 8.84046C305.123 8.41931 305.264 7.99116 305.386 7.55949C305.537 7.04008 305.674 6.51716 305.801 5.99073C305.927 5.4608 306.043 4.93086 306.144 4.39742C306.232 3.94469 306.306 3.49196 306.362 3.03573C306.425 2.52334 306.499 2.01095 306.587 1.50207C306.639 1.20376 306.724 0.912473 306.839 0.631712C306.913 0.452727 307.029 0.294799 307.176 0.168456C307.436 -0.0561522 307.822 -0.0561522 308.082 0.168456C308.229 0.294799 308.345 0.452727 308.419 0.631712C308.534 0.912473 308.619 1.20376 308.671 1.50207C308.759 2.01095 308.833 2.52334 308.896 3.03573C308.952 3.49196 309.026 3.94469 309.114 4.39742C309.215 4.93086 309.331 5.4608 309.457 5.99073C309.584 6.51716 309.721 7.04008 309.872 7.55949C309.994 7.99116 310.135 8.41931 310.293 8.84046C310.451 9.26862 310.633 9.68625 310.837 10.0934C311.089 10.5952 311.356 11.0901 311.637 11.5779C311.925 12.0762 312.226 12.5711 312.542 13.0519C312.82 13.473 313.114 13.8801 313.427 14.2767C313.743 14.6768 314.079 15.0628 314.437 15.4278C314.862 15.863 315.297 16.2841 315.746 16.6912C316.192 17.0983 316.655 17.4879 317.126 17.8669C317.522 18.1828 317.933 18.4776 318.361 18.7513C318.845 19.0601 319.351 19.3409 319.874 19.5866C320.569 19.9165 321.27 20.2253 321.983 20.5131C322.776 20.836 323.576 21.1343 324.383 21.415C325.194 21.6958 326.012 21.9555 326.837 22.1941C327.672 22.4363 328.504 22.6925 329.328 22.9627C330.276 23.2716 331.216 23.5944 332.157 23.9243C333.069 24.2472 333.978 24.5841 334.884 24.9281C335.607 25.2018 336.319 25.4931 337.028 25.8019C337.723 26.1037 338.411 26.4231 339.088 26.7565C339.909 27.1601 340.724 27.5742 341.534 27.9989C342.349 28.427 343.156 28.8692 343.959 29.3184C344.64 29.701 345.311 30.0976 345.974 30.5082C346.637 30.9188 347.29 31.3434 347.936 31.7821C348.701 32.3015 349.459 32.828 350.213 33.3649C350.961 33.8984 351.705 34.4423 352.438 34.9933C353.046 35.4496 353.646 35.9198 354.235 36.4006C354.825 36.8814 355.404 37.3798 355.973 37.8887C356.657 38.5028 357.334 39.1275 358.001 39.7592C358.675 40.3945 359.338 41.0437 359.994 41.6965C360.549 42.251 361.093 42.816 361.623 43.3916C362.163 43.9812 362.686 44.5848 363.195 45.199C363.82 45.9535 364.43 46.7151 365.034 47.4837C365.645 48.2663 366.248 49.0559 366.838 49.8526C367.343 50.5369 367.835 51.2318 368.308 51.9372C368.768 52.6216 369.217 53.313 369.656 54.0114C370.14 54.7799 370.618 55.5555 371.084 56.3382C371.527 57.0752 371.962 57.8192 372.386 58.5667C372.709 59.1352 373.015 59.7108 373.309 60.2969C373.604 60.8795 373.882 61.4691 374.141 62.0692C374.482 62.8553 374.812 63.645 375.131 64.4416C375.471 65.2839 375.798 66.1297 376.117 66.979C376.401 67.7476 376.675 68.5197 376.935 69.2988C377.18 70.0358 377.419 70.7728 377.647 71.5133C377.875 72.2538 378.096 72.9978 378.307 73.7418C378.49 74.3911 378.665 75.0439 378.833 75.6966C378.935 76.0932 379.019 76.4968 379.083 76.9004L379.441 79.143H410.296L410.917 84.0001C411.009 84.7055 411.121 85.411 411.258 86.1093C411.409 86.892 411.577 87.6676 411.763 88.4432C411.942 89.1802 412.135 89.9136 412.346 90.6401C412.511 91.2051 412.7 91.7596 412.918 92.3071C413.114 92.802 413.321 93.2968 413.539 93.7846C413.778 94.3146 414.023 94.8445 414.276 95.3674C414.511 95.8552 414.753 96.3431 415.006 96.8239C415.192 97.1819 415.392 97.5328 415.606 97.8732C415.813 98.2101 416.031 98.54 416.259 98.8629C416.554 99.284 416.852 99.7017 417.157 100.116C417.477 100.551 417.803 100.979 418.133 101.407C418.431 101.79 418.737 102.169 419.045 102.541C419.382 102.948 419.74 103.334 420.116 103.703C420.604 104.18 421.102 104.643 421.614 105.096C422.151 105.573 422.702 106.036 423.26 106.489C423.762 106.893 424.278 107.282 424.808 107.654C425.345 108.03 425.896 108.388 426.458 108.728C427.1 109.118 427.753 109.49 428.412 109.848C429.055 110.195 429.704 110.525 430.36 110.841C430.887 111.097 431.423 111.325 431.971 111.532C432.494 111.729 433.02 111.911 433.55 112.08C434.157 112.273 434.764 112.455 435.379 112.627C435.975 112.796 436.575 112.954 437.176 113.101C437.656 113.22 438.137 113.322 438.625 113.41C439.067 113.487 439.509 113.561 439.955 113.624C440.418 113.691 440.885 113.75 441.352 113.803C441.773 113.852 442.198 113.894 442.622 113.929C442.917 113.954 443.212 113.968 443.507 113.968H445.258V176.521H170M444.899 167.025V432.34H237.725V580H0.102051V167.025H107.746C204.5 167.025 132 167.025 281 167.025C376.5 167.025 379.5 167.025 444.882 167.025H444.899Z' fill='%23233185'/%3E%3C/svg%3E"); -webkit-mask-position: calc(100% + 1px) calc(100% + 1px); mask-position: calc(100% + 1px) calc(100% + 1px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 72.2402597403% auto; mask-size: 72.2402597403% auto; } .card--article[data-shape=arch]:hover .card__image img, html:not(.no-focus-outline) .card--article[data-shape=arch]:focus .card__image img { -webkit-mask-position: calc(100% + 1px) 79%; mask-position: calc(100% + 1px) 79%; -webkit-mask-size: 145.1724137931% auto; mask-size: 145.1724137931% auto; } .card--article[data-shape=window] .card__image img { -webkit-clip-path: unset; clip-path: unset; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:0.9342105263em' width='213' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 162.342V58.046h99.21V0H213v162.342h-51.548C161.22 198.638 125.166 228 80.726 228S.241 198.638.008 162.342H0Z' fill='%23902623'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:0.9342105263em' width='213' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 162.342V58.046h99.21V0H213v162.342h-51.548C161.22 198.638 125.166 228 80.726 228S.241 198.638.008 162.342H0Z' fill='%23902623'/%3E%3C/svg%3E"); -webkit-mask-position: calc(100% + 1px) calc(100% + 9px); mask-position: calc(100% + 1px) calc(100% + 9px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 96.6101694915%; mask-size: auto 96.6101694915%; } .card--article[data-shape=window]:hover .card__image img, html:not(.no-focus-outline) .card--article[data-shape=window]:focus .card__image img { -webkit-mask-position: calc(100% + 1px) calc(50% + 9px); mask-position: calc(100% + 1px) calc(50% + 9px); -webkit-mask-size: auto 220.3389830508%; mask-size: auto 220.3389830508%; } .card--article[data-shape=semi] .card__image img { -webkit-clip-path: unset; clip-path: unset; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:2.4786324786em' width='580' height='234' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0c-.025 30.71 7.456 61.121 22.015 89.5 14.56 28.38 35.913 54.17 62.842 75.9 26.927 21.728 58.902 38.97 94.099 50.74 35.197 11.771 72.925 17.84 111.032 17.86 38.109-.017 75.84-6.084 111.04-17.854s67.177-29.01 94.107-50.74c26.93-21.73 48.287-47.52 62.847-75.9C572.544 61.124 580.025 30.71 580 0' fill='%23902623'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:2.4786324786em' width='580' height='234' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0c-.025 30.71 7.456 61.121 22.015 89.5 14.56 28.38 35.913 54.17 62.842 75.9 26.927 21.728 58.902 38.97 94.099 50.74 35.197 11.771 72.925 17.84 111.032 17.86 38.109-.017 75.84-6.084 111.04-17.854s67.177-29.01 94.107-50.74c26.93-21.73 48.287-47.52 62.847-75.9C572.544 61.124 580.025 30.71 580 0' fill='%23902623'/%3E%3C/svg%3E"); -webkit-mask-position: 0 100%; mask-position: 0 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 101%; mask-size: auto 101%; } .card--article[data-shape=semi]:hover .card__image img, html:not(.no-focus-outline) .card--article[data-shape=semi]:focus .card__image img { -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: auto 130%; mask-size: auto 130%; } .card--article[data-shape=semi][data-theme=pearlbush] .card__image img { -webkit-mask-position: -8% 50%; mask-position: -8% 50%; -webkit-mask-size: auto 82.5301204819%; mask-size: auto 82.5301204819%; } .card--article[data-shape=semi][data-theme=pearlbush]:hover .card__image img, html:not(.no-focus-outline) .card--article[data-shape=semi][data-theme=pearlbush]:focus .card__image img { -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: auto 130%; mask-size: auto 130%; } .card--article[data-shape=house] .card__image img { -webkit-clip-path: unset; clip-path: unset; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:1.18em' class='fill' width='590' height='500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 500V128.933L180.805 0 590 157.231V500H0Z' fill='currentColor'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:1.18em' class='fill' width='590' height='500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 500V128.933L180.805 0 590 157.231V500H0Z' fill='currentColor'/%3E%3C/svg%3E"); -webkit-mask-position: calc(100% + 1px) calc(100% + 1px); mask-position: calc(100% + 1px) calc(100% + 1px); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 89.6551724138% auto; mask-size: 89.6551724138% auto; } .card--article[data-shape=house]:hover .card__image img, html:not(.no-focus-outline) .card--article[data-shape=house]:focus .card__image img { -webkit-mask-position: calc(100% + 1px) calc(100% + 1px); mask-position: calc(100% + 1px) calc(100% + 1px); -webkit-mask-size: 144.8275862069% auto; mask-size: 144.8275862069% auto; } .card--article[data-theme=palmgreen] { --theme-background: #fdf5e7; } .card--article[data-theme=bayofmany] { --theme-background: #f7cc87; } .card--article[data-theme=pearlbush] { --theme-background: #251e1e; } .card--article[data-theme=mojo] { --theme-background: #c64f40; } .card--article[data-theme=thunder] { --theme-background: #d0825a; } .card--article[data-theme=norway] { --theme-background: #eed062; } .card--article[data-theme=sandybrown] { --theme-background: #78260a; } .card--article[data-theme=lavender] { --theme-background: #3f4ab2; } .section--explore-blog { font-size: 1.25rem; line-height: 1.6; margin-bottom: clamp(5.625rem, 9.375vw, 8.4375rem); } .section--explore-blog .section__inner { grid-column-gap: clamp(1.4375rem, 2.7777777778vw, 2.5rem); grid-row-gap: clamp(3.125rem, 4.2361111111vw, 3.8125rem); display: grid; grid-template-areas: "content content""article1 article1""article2 article3"; grid-template-columns: 1fr 1fr; } .section--explore-blog .section__title { font-size: 3.125rem; font-weight: 400; letter-spacing: .0028571429em; line-height: 1.0714285714; margin-bottom: .5em; } .section--explore-blog .section__content { display: flex; flex-direction: column; grid-area: content; justify-content: space-between; } .section--explore-blog .section__cta { flex-shrink: 0; } .section--explore-blog .section__cta .btn { --column-gap: 1.0625em; font-size: 1rem; } .section--explore-blog .section__article--0 { grid-area: article1; } .section--explore-blog .section__article--1 { grid-area: article2; } .section--explore-blog .section__article--2 { grid-area: article3; } @media (min-width:480px) { .section--intro-animation .section__image { -webkit-mask-size: auto clamp(0px, 55.3571428571vw, 42.9375rem); mask-size: auto clamp(0px, 55.3571428571vw, 42.9375rem); } } @media (min-width:768px) { .section--intro-animation .section__logo { width: 90vw; } .section--home-scroll .section__title { font-size: 2rem; } .section--home-scroll .section__title { width: 13.3333333333rem; } .section--home-scroll .section__full .section__title { width: 25.7333333333rem; } .section--home-scroll-mobile .section__full-image { margin-left: calc(5vw + 2.1875rem); } .section--5050 .section__content-inner { width: 95%; } .section--5050-list .section__content-inner { width: 95%; } .section--specifications .section__content-inner { width: 95%; } .front-page .section--specifications .section__title { font-size: 2rem; } } @media (min-width:992px) { .section--home-scroll .section__inner { flex-direction: row; } .section--home-scroll .section__title { font-size: 2.5833333333rem; } .section--home-scroll .section__title { width: 17.2222222222rem; } .section--home-scroll .section__title { margin-bottom: .5em; } .section--home-scroll .section__left { width: 50vw; } .section--home-scroll .section__left-inner { height: 100vh; } .section--home-scroll .section__left .section__image { aspect-ratio: 840/960; height: auto; left: 50vw; min-height: 100vh; min-width: 50vw; top: 50%; transform: translateY(-50%) translateX(-100%); width: auto; } .section--home-scroll .section__left-content { padding-left: 11.5476190476vw; padding-top: 8.3333333333vw; } .section--home-scroll .section__full { width: 50vw; } .section--home-scroll .section__full .section__title { width: 33.2388888889rem; } .card--design-active .card__caption, .swiper-slide-active .slide--designs .card--design .card__caption { transition-timing-function: ease-in-out, step-end; } .card--design-active .card__caption-alt, .swiper-slide-active .slide--designs .card--design .card__caption-alt { transition-timing-function: ease-in-out, step-start; } .slider--designs .swiper-slide { height: 30rem; width: clamp(20.625rem, 29.1666666667vw, 26.25rem); } .slider--designs .swiper-slide-active { width: 41.5625rem; } .section--5050 .section__inner { grid-auto-columns: 50% 1fr auto; grid-auto-rows: 1fr auto; grid-template-areas: "content image image""content note btn"; } .section--5050 .section__content { padding: 9.5833333333vw 0 3.5rem; } .section--5050 .section__content-inner { margin-left: auto; max-width: 38.5625rem; } .section--5050 .section__note { justify-content: flex-start; margin: 0; padding: 3.5rem 2.1875rem 3.5rem 0; } .section--5050 .section__image { max-height: 100vh; } .section--5050-short-image .section__image { flex-shrink: 0; max-height: calc(100vh - 8.6875rem); } .section--5050 .section__shape { bottom: 3.75rem; left: 0; max-width: 27.875rem; right: auto; top: auto; width: calc(5vw + 2.1875rem); z-index: -1; } .section--5050 .section__shape svg { margin-left: -67.0403587444%; margin-top: 0; } .section--5050 .section__video-controls { background: #902623; padding-right: 3.4375rem; } .section--5050 .section__video-controls .btn { display: block; margin-top: -5.75rem; transform: none; } .section--5050[data-orientation=left] .section__inner { grid-auto-columns: auto 1fr 50%; grid-template-areas: "image image content""btn note content"; } .section--5050[data-orientation=left] .section__shape { left: auto; right: 0; transform: scale(-1); } .section--5050[data-orientation=left] .section__shape svg { margin-left: -67.0403587444%; } .section--5050[data-orientation=left] .section__content-inner { margin-left: 0; margin-right: auto; max-width: 43.75rem; padding-left: calc(5vw + 2.1875rem); padding-right: 2.1875rem; } .section--5050[data-orientation=left] .section__video-controls { padding-left: 3.125rem; padding-right: 0; } .section--5050[data-orientation=left] .section__note { padding: 3.625rem 0 3.625rem 2.1875rem; } .card--list-item .card__title { margin-bottom: .85em; } .card--list-item .card__title span { margin-top: 0; } .section--5050-list .section__inner { grid-auto-columns: 55.2380952381% 1fr auto; grid-auto-rows: 1fr auto; grid-template-areas: "content image image""content note btn"; } .section--5050-list .section__content { align-self: center; padding: 0; } .section--5050-list .section__content-inner { margin-left: auto; max-width: 48.25rem; } .section--5050-list .section__list { margin-left: calc((1.875rem + clamp(.4375rem, .7638888889vw, .6875rem))*-1); max-width: 37.625rem; } .section--5050-list .section__note { justify-content: flex-start; margin: 0; padding: 3.5rem 2.1875rem 3.5rem 0; } .section--5050-list-short-image .section__image { flex-shrink: 0; max-height: calc(100vh - 8.6875rem); } .section--5050-list .section__shape { bottom: -17rem; left: 0; max-width: 11.25rem; right: auto; top: auto; width: calc(5vw + 2.1875rem); z-index: -1; } .section--5050-list .section__shape svg { margin-left: 0; margin-top: 0; } .section--5050-list .section__video-controls { background: #902623; padding-right: 3.4375rem; } .section--5050-list .section__video-controls .btn { display: block; margin-top: -5.75rem; transform: none; } .section--5050-list[data-orientation=left] .section__inner { grid-auto-columns: auto 1fr 55.2380952381%; grid-template-areas: "image image content""btn note content"; } .section--5050-list[data-orientation=left] .section__content-inner { margin-left: 0; margin-right: auto; max-width: 43.75rem; padding-left: calc(5vw + 2.1875rem); padding-right: 2.1875rem; } .section--5050-list[data-orientation=left] .section__video-controls { padding-left: 3.125rem; padding-right: 0; } .section--5050-list[data-orientation=left] .section__note { padding: 3.625rem 0 3.625rem 2.1875rem; } .section--specifications .section__inner { grid-auto-columns: 50% 50%; grid-template-areas: "content image"; } .section--specifications .section__content { padding: 3.5rem 0; } .section--specifications .section__content-inner { margin-left: auto; max-width: 39.875rem; } .section--specifications .section__title { font-size: 2.5833333333rem; } .front-page .section--specifications .section__title { font-size: 2.5833333333rem; } .section--specifications[data-orientation=left] .section__inner { grid-auto-columns: auto 1fr 50%; grid-template-areas: "image image content""btn note content"; } .section--specifications[data-orientation=left] .section__content-inner { margin-left: 0; margin-right: auto; max-width: 43.75rem; padding-left: calc(5vw + 2.1875rem); padding-right: 2.1875rem; } .section--testimonial .section__inner { grid-auto-columns: auto 1fr 48.4375%; grid-template-areas: "header content aside""header content cta"; grid-template-rows: auto 1fr; } .section--testimonial .section__header { padding-bottom: 4rem; } .section--testimonial .section__title { text-align: left; } .section--testimonial .section__aside { margin-bottom: 0; } .section--testimonial .section__image { padding-right: 2.1875rem; } .section--testimonial .section__image .section__shape { right: 0; top: -45.2261306533%; width: min(84.2857142857%, 36.875rem); } .section--testimonial .section__content { padding-bottom: 4rem; padding-right: clamp(2.1875rem, 5.8333333333vw, 5.25rem); } .section--explore-blog .card--article .card__content { min-height: var(--content-height, 0); } .card--article .card__title { line-height: 1.5; } .card--article .card__meta { margin-bottom: clamp(.3125rem, 1.1805555556vw, 1.0625rem); } .card--article-featured .card__title { font-size: 1.2916666667rem; } .card--article-featured .card__title { line-height: 1.3333333333; } .section__article--0 .card--article-featured .card__content-inner { padding-bottom: .5rem; } .section--explore-blog .section__inner { grid-template-areas: "content content article1""article2 article3 article1"; grid-template-columns: 1fr 1fr 48.4375%; grid-template-rows: 1fr auto; } .section--explore-blog .section__title { margin-bottom: .3285714286em; } .section--explore-blog .section__content { align-items: flex-end; flex-direction: row; } .section--explore-blog .section__content-inner { flex-grow: 1; max-width: 21.6875rem; } .section--explore-blog .section__article--0 { display: flex; flex-direction: column; justify-content: flex-end; padding-top: clamp(1.125rem, 2.2222222222vw, 2rem); } } @media (min-width:1200px) { .section--home-scroll .section__title { font-size: 3.125rem; } .section--home-scroll .section__title { width: 20.8333333333rem; } .section--home-scroll .section__full .section__title { width: 40.2083333333rem; } .section--5050 .section__title { font-size: 3.125rem; } .section--5050[data-orientation=left] .section__content-inner { padding-left: clamp(2.1875rem, 11.8055555556vw, 10.625rem); } .section--5050-list .section__title { font-size: 3.125rem; } .section--5050-list[data-orientation=left] .section__content-inner { padding-left: clamp(2.1875rem, 11.8055555556vw, 10.625rem); } .section--specifications .section__title { font-size: 3.125rem; } .front-page .section--specifications .section__title { font-size: 3.125rem; } .section--specifications[data-orientation=left] .section__content-inner { padding-left: clamp(2.1875rem, 11.8055555556vw, 10.625rem); } .card--article .card__title { font-size: 1.0416666667rem; } .card--article-featured .card__title { font-size: 1.5625rem; } .section--explore-blog .section__title { font-size: 3.6458333333rem; } } @media (min-width:1295px) { .section--5050 .section__shape { width: calc(50vw - 34.25rem); } .section--5050-list .section__shape { width: calc(50vw - 34.25rem); } } @media (min-width:1300px) and (max-width:1800px) { .section--5050-list .section__shape { width: 6.25rem; } } @media (min-width:1440px) { .section--home-scroll .section__title { font-size: 3.75rem; } .section--home-scroll .section__title { width: 25rem; } .section--home-scroll .section__full .section__title { width: 48.25rem; } .section--5050 { font-size: 1.125rem; } .section--5050 .section__title { font-size: 3.75rem; } .card--list-item { font-size: 1.125rem; } .card--list-item .card__title { font-size: 1.25rem; } .section--5050-list { font-size: 1.125rem; } .section--5050-list .section__title { font-size: 3.75rem; } .section--specifications { font-size: 1.125rem; } .section--specifications .section__title { font-size: 3.75rem; } .front-page .section--specifications .section__title { font-size: 3.75rem; } .section--testimonial .section__title { font-size: .875rem; } .btn--outline { font-size: 1.125rem; } .card--article .card__title { font-size: 1.25rem; } .card--article .card__meta { font-size: .875rem; } .card--article-featured .card__title { font-size: 1.875rem; } .section--explore-blog .section__title { font-size: 4.375rem; } .section--explore-blog .section__cta .btn { font-size: 1.125rem; } } @media (min-width:1680px) { .section--explore-blog .section__article--0 { padding-top: 0; } } @media (max-width:991px) { .card--design-carousel .card__caption { transition-duration: .3s; transition-property: opacity, transform; transition-timing-function: ease-in-out; } .slider--designs .swiper-pagination { margin-left: -1.25rem; margin-right: -1.25rem; } .section--5050 .section__note:before { content: ""; } .section--5050 .section__buttons { flex-direction: column; margin-top: 2.4375rem; } .section--5050 .section__buttons>div:first-child, .section--5050 .section__buttons>div:first-child .btn--outline, .section--5050 .section__buttons>div:first-child .btn--solid { width: 100%; } .section--5050 .section__shape { max-width: 10rem; width: 38.6473429952vw; } .section--5050-list .section__note:before { content: ""; } .section--5050-list .section__buttons { flex-direction: column; margin-top: 2.4375rem; } .section--5050-list .section__buttons>div:first-child, .section--5050-list .section__buttons>div:first-child .btn--outline, .section--5050-list .section__buttons>div:first-child .btn--solid { width: 100%; } .section--specifications .section__buttons { flex-direction: column; margin-top: 1.5625rem; } .section--specifications .section__buttons>div, .section--specifications .section__buttons>div .btn--outline, .section--specifications .section__buttons>div .btn--solid { width: 100%; } .section--testimonial .section__cta { display: none; } .card--article-featured .card__meta { --column-gap: 1.1666666667em; margin-bottom: .1875rem; } .card--article-featured .card__meta .bullet-wedge { margin-right: .8181818182em; } .section--explore-blog .section__title .title-mask+.title-mask { margin-top: -.22em; } .section--explore-blog .section__cta { margin-top: 1.8125rem; } } @media (prefers-reduced-motion:no-preference) { .btn--icon .btn__icon-inner .btn__icon-hover { transform: translateX(-.375rem); } .btn--icon-hover[data-hover-direction=right] .btn__icon svg, .card--article-hover .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg, .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg, .card--article.card--has-link:hover .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg, .card--design-hover .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg, .card--design:focus-within .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg, .card--design:hover .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg, [data-hover-direction=right].btn--icon:hover .btn__icon svg, html:not(.no-focus-outline) [data-hover-direction=right].btn--icon:focus .btn__icon svg { transform: translateX(.1875rem); } .btn--icon-hover[data-hover-direction=left] .btn__icon svg, .card--article-hover .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg, .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg, .card--article.card--has-link:hover .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg, .card--design-hover .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg, .card--design:focus-within .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg, .card--design:hover .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg, [data-hover-direction=left].btn--icon:hover .btn__icon svg, html:not(.no-focus-outline) [data-hover-direction=left].btn--icon:focus .btn__icon svg { transform: translateX(-.1875rem); } .btn--icon-hover[data-hover-direction=down] .btn__icon svg, .card--article-hover .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg, .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg, .card--article.card--has-link:hover .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg, .card--design-hover .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg, .card--design:focus-within .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg, .card--design:hover .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg, [data-hover-direction=down].btn--icon:hover .btn__icon svg, html:not(.no-focus-outline) [data-hover-direction=down].btn--icon:focus .btn__icon svg { transform: translateY(.1875rem); } .btn--icon-hover[data-hover-direction=up] .btn__icon svg, .card--article-hover .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg, .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg, .card--article.card--has-link:hover .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg, .card--design-hover .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg, .card--design:focus-within .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg, .card--design:hover .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg, [data-hover-direction=up].btn--icon:hover .btn__icon svg, html:not(.no-focus-outline) [data-hover-direction=up].btn--icon:focus .btn__icon svg { transform: translateY(-.1875rem); } .card--design .card__caption { transition-duration: .3s; } .card--design .card__caption-alt { transition-duration: .3s; } .card--design .card__caption-alt-specifications { transition-duration: .3s; } .card--design .card__content { transition-delay: 0s; transition-duration: .3s; transition-property: opacity, max-height, visibility; transition-timing-function: ease-in-out, ease-in-out, step-start; } .card--design .card__cta { transition-delay: 0s; transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out; } .card--design-hover .card__content, .card--design:focus-within .card__content, .card--design:hover .card__content { transition-delay: .2s; } .card--design-hover .card__cta, .card--design:focus-within .card__cta, .card--design:hover .card__cta { transition-delay: .2s; } .card--design-hover .card__caption-alt-icon svg, .card--design:focus-within .card__caption-alt-icon svg, .card--design:hover .card__caption-alt-icon svg { transform: translateX(.1875rem); } .slider--designs .swiper-slide { transition-duration: 1s; transition-property: width; transition-timing-function: cubic-bezier(.45, 0, .49, 1); } .specifications__marker { transition-duration: .3s; transition-property: background, filter; transition-timing-function: cubic-bezier(0, .53, .26, 1); } .specifications__marker .btn__label { transition-duration: .3s; transition-property: opacity, max-width, visibility; transition-timing-function: cubic-bezier(0, .53, .26, 1), step-end, step-end; } .specifications__marker .btn__icon { transition-duration: .3s; transition-property: transform, box-shadow, filter; transition-timing-function: cubic-bezier(0, .53, .26, 1); } .specifications__marker .btn__icon:before { content: ""; } .specifications__marker .btn__icon img { transition-duration: .3s; transition-property: opacity; transition-timing-function: cubic-bezier(0, .53, .26, 1); } .card--article .card__image img { transition-duration: .5s; transition-property: -webkit-mask-size, -webkit-mask-position; transition-property: mask-size, mask-position; transition-property: mask-size, mask-position, -webkit-mask-size, -webkit-mask-position; transition-timing-function: ease-in-out; } }