:root{--color-bg: #FDF9F3;--color-cream: #F5F0E6;--color-sand: #EADBC8;--color-taupe: #3D352E;--color-taupe-light: #8E7D6A;--color-text-main: #3D352E;--color-text-muted: #6B6158;--color-accent: #A38C75;--font-main: "Averia Serif Libre", serif;--section-padding: 120px 20px;--section-padding-mobile: 80px 20px;--container-max-width: 1400px;--transition-smooth: all .8s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-main);font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.serif{font-family:var(--font-main);font-weight:700;letter-spacing:.02em;text-transform:uppercase}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}.section{padding:var(--section-padding)}@media (max-width: 768px){.section{padding:var(--section-padding-mobile)}}.button{display:inline-block;padding:16px 32px;background-color:var(--color-taupe);color:#fff;border:none;font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border-radius:4px}.button:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.button-outline{background:transparent;border:1px solid var(--color-taupe);color:var(--color-taupe)}.button-outline:hover{background:var(--color-taupe);color:#fff}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.fade-in{opacity:0;transform:translateY(20px)}.grid-about{display:grid;grid-template-columns:minmax(400px,1fr) 1.2fr;gap:80px;align-items:center}.grid-surroundings{display:grid;grid-template-columns:1.2fr .8fr;gap:120px;align-items:start}.desktop-nav{display:flex}.mobile-nav-toggle,.mobile-menu{display:none}@media (max-width: 992px){.grid-about{grid-template-columns:1fr;gap:40px}.grid-surroundings{grid-template-columns:1fr;gap:60px}.desktop-nav{display:none!important}.mobile-nav-toggle{display:block;background:none;border:none;cursor:pointer;color:var(--color-text-main)}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:rgba(253,249,243,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 40px;gap:20px;box-shadow:0 10px 30px #0000000d}}