[wip] Create cropped version of Globe2?

Probably not ideal as the canvas is still bigger, mostly styling for now

src/components/organisms/InteractiveGlobe2.svelte

@@ -110,7 +110,9 @@
     on:resize={resize}
 />
 
-<div class="globe" bind:this={globeParentEl}>
+<div class="globe" bind:this={globeParentEl}
+    class:is-cropped={type === 'cropped'}
+>
     <div class="globe__inner">
         <div class="globe__canvas" bind:this={globeEl} />
     </div>

src/style/modules/_globe2.scss

@@ -241,12 +241,17 @@
     /*
     ** States and Variants
     */
+    // Cropped version
+    &.is-cropped {
+        overflow: hidden;
+        height: clamp(300px, 30vw, 500px);
+    }
+
     // When dragging
     :global(.is-grabbing) {
         cursor: grabbing;
     }
 
-
     // Tweakpane
     :global(.tp-rotv) {
         position: absolute;

src/style/pages/_credits.scss

@@ -118,16 +118,4 @@
             }
         }
     }
-}
-
-:global(.credits) {
-    // Globe
-    :global(.globe) {
-        :global(*) {
-            pointer-events: none;
-        }
-        :global(canvas) {
-            opacity: 0.5;
-        }
-    }
 }

src/style/pages/_subscribe.scss

@@ -60,7 +60,7 @@
 }
 
 // Globe
-:global(.subscribe .globe-cropped) {
+:global(.subscribe .globe) {
     margin-top: 96px;
 
     @include bp (sm) {