* { padding: 0; margin: 0; box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; line-height: 1.1; background: #fff; }
section { position: relative; height: 100vh; overflow: hidden; }

#no-scroll { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 9999; }

#container { position: relative; width: 100vw; height: 100vh; overflow: hidden; z-index: 10; }

.text_container { position: absolute; left: 50%; top: 10%;  text-align: center; text-transform: uppercase; font-family: 'Playfair Display', serif; transform: translateX(-50%); z-index: 100; }

.text_container div { font-size: 5vw; white-space: nowrap; }
.text_container > span { display: block; font-size: 1vw; }
.text_container h1 { margin-top: 2rem; }
.text_container span { font-weight: 300; font-family: 'Arial',sans-serif; font-style: italic; }

.image_container { width: 200vw; display: flex; align-items: center; justify-content: center; gap:2rem; padding-top: 15rem; }
.image_container div img { width: 100%; }

.small { width: 100%; }
.medium { width: 130%; }
.large { width: 200%; }