@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-color: #FAF9F6;--text-primary: #3E2723;--text-secondary: #5D4037;--accent: #D7CCC8;--accent-hover: #A1887F;--font-main: "Inter", sans-serif;--font-heading: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.navbar-container{display:flex;gap:2rem;font-family:var(--font-heading);font-size:1.2rem;color:var(--text-secondary)}.hero-title{font-family:var(--font-heading);font-size:8rem;line-height:.9;color:#e0e0e0;opacity:.9;margin-bottom:1rem;font-weight:700}.hero-subtitle{font-family:var(--font-heading);font-size:4rem;color:var(--text-primary);font-weight:400}.scroll-section-card{width:100%;max-width:450px;background:#5d4037;color:#faf9f6;padding:2.5rem;border-radius:8px;box-shadow:0 10px 40px #3e272326;border:1px solid rgba(255,255,255,.1)}.scroll-section-title{font-size:2rem;margin-bottom:1rem;color:#faf9f6;font-family:var(--font-heading)}.scroll-section-content{color:#faf9f6e6;font-size:1rem;line-height:1.8}.app-container{position:relative;width:100%;min-height:100vh}.fixed-image-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:-1;pointer-events:none}.center-portrait{height:80vh;max-height:800px;border-radius:20px;box-shadow:0 10px 30px #3e272333;object-fit:cover;background-color:#efebe9}.content-scroller{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto}.project-card{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.project-card:last-child{border-bottom:none}.project-card h3{font-size:1.2rem;margin-bottom:.25rem;color:#faf9f6;font-family:var(--font-heading)}.hero-section-container{min-height:100vh;display:flex;align-items:center;padding:0 5%;pointer-events:none}.scroll-section-container{min-height:100vh;display:flex;align-items:center;padding:0 5%;position:relative;z-index:10}@media(max-width:768px){.app-container{display:flex;flex-direction:column;padding-top:80px}.navbar-container{padding:1rem 5%;background:#faf9f6fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:center;gap:1.5rem;font-size:1rem;flex-wrap:wrap;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.hero-section-container{min-height:auto!important;padding:2rem 5% 1rem!important;align-items:flex-start!important;pointer-events:auto!important;position:relative;z-index:2}.hero-title{font-size:3.5rem;line-height:1;margin-bottom:.5rem;color:var(--text-primary);opacity:1}.hero-subtitle{font-size:2rem}.fixed-image-container{position:relative;height:auto;width:auto;top:auto;left:auto;margin:2rem 1.5rem;z-index:1;display:flex;justify-content:center}.center-portrait{height:auto;width:100%;max-height:70vh;object-fit:contain;object-position:center top;border-radius:12px;box-shadow:none}.content-scroller{background:transparent;pointer-events:auto;padding-bottom:4rem}.scroll-section-container{min-height:auto!important;padding:2rem 5%!important;justify-content:center!important;pointer-events:auto}.scroll-section-card{width:100%;max-width:100%;padding:2rem;background:#5d4037;box-shadow:0 4px 15px #0000001a;margin:0}}@media(min-width:769px)and (max-width:1024px){.scroll-section-container{padding:0 3%}.scroll-section-card{max-width:400px;background:#5d4037fa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fixed-image-container{width:60%;left:20%;height:60vh;top:20vh}.center-portrait{object-fit:contain;width:100%;height:100%;border-radius:12px}}