Tweaks and fixes

src/style/_base.scss

@@ -1,12 +1,7 @@
 html {
     font: #{$base-font-size} $font-sans;
     color: $color-text;
-    scroll-behavior: smooth;
     min-width: 320px;
-
-    @media screen and (prefers-reduced-motion: reduce) {
-		scroll-behavior: auto;
-    }
 }
 body {
     @include font-smooth;
@@ -64,7 +59,10 @@ button {
     pointer-events: none;
     user-select: none;
 
-    @include breakpoint (xxl) {
+    @include breakpoint (lg) {
+        font-size: pxVW(700);
+    }
+    @include breakpoint (1920px) {
         font-size: rem(900px);
     }
 }
@@ -158,6 +156,7 @@ button {
 }
 
 .style-description {
+    color: $color-tertiary;
     font-family: $font-sans-light;
     font-size: rem(18px);
     line-height: 1.55;

src/style/organisms/_photos.scss

@@ -22,8 +22,8 @@
             left: 24px;
             flex-direction: row-reverse;
             align-items: flex-end;
-            transform: rotate(270deg) translate(-46%,-240%);
-            transform-origin: 50% 50%;
+            transform-origin: left top;
+            transform: rotate(-90deg) translateX(-100%);
         }
 
         // Container
@@ -80,8 +80,8 @@
         }
 
         // Photo
-        @include breakpoint (sm) {
-            .photo {
+        .photo {
+            @include breakpoint (sm) {
                 // Even photos
                 &:nth-child(even) {
                     // Location
@@ -134,7 +134,7 @@
             @include breakpoint (xxl) {
                 padding-left: 192px;
             }
-            @include breakpoint (1648px) {
+            @include breakpoint (1776px) {
                 padding-right: 0;
             }
         }

src/style/pages/_homepage.scss

@@ -12,6 +12,7 @@
     // Description
     &__description {
         margin-bottom: 72px;
+        color: $color-text;
 
         @include breakpoint (sm) {
             margin: 0 auto 120px;
@@ -34,7 +35,7 @@
         &:after {
             content: "";
             position: absolute;
-            z-index: -1;
+            z-index: 0;
             top: 0;
             left: 0;
             right: 0;

src/style/tools/_helpers.scss

@@ -39,7 +39,7 @@
 
 // Wrapper (inside and more spaced)
 .wrapper {
-    max-width: calc(892px + 28vw);
+    max-width: calc(892px + 32vw);
     margin: 0 auto;
     padding: 0 pxVW(128);