@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap";:root{--color-primary:#1a1a1a;--color-on-primary:#fff;--color-background:#f9f9f9;--color-on-background:#1a1a1a;--color-surface:#f9f9f9;--color-on-surface:#1a1a1c;--color-accent:#775a19;--color-outline:#747878;--color-outline-variant:#c4c7c7;--color-surface-container:#eee;--color-surface-container-low:#f3f3f3;--color-surface-container-lowest:#fff;--font-heading:"Newsreader", serif;--font-body:"Manrope", sans-serif;--spacing-unit:8px;--container-max:1280px;--section-padding:120px;--stack-sm:16px;--stack-md:32px;--stack-lg:64px;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}main{padding-top:80px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600;line-height:1.1}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--stack-md);font-size:1.125rem}.label-caps{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-outline);font-size:.75rem;font-weight:700}.container{max-width:var(--container-max);padding:0 var(--stack-md);margin:0 auto}section{padding:var(--section-padding) 0}.btn{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:0;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-accent)}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-on-primary)}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--color-outline-variant);background:#f9f9f9e6;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0}nav .container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-heading);color:var(--color-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-content{align-items:center;gap:var(--stack-md);display:flex}.nav-links{gap:var(--stack-md);display:flex}.nav-links a{color:var(--color-outline);font-family:var(--font-heading);transition:var(--transition-smooth);font-style:italic;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a.active-link{color:var(--color-primary)}.nav-links a.active-link{border-bottom:1px solid var(--color-primary)}.mobile-menu-toggle{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;padding:0;display:none}.hamburger-line{background-color:var(--color-primary);width:24px;height:1.5px;transition:var(--transition-smooth)}.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1050;background:#fffffffa;justify-content:center;align-items:center;width:100%;height:100vh;transition:transform .6s cubic-bezier(.85,0,.15,1);display:flex;position:fixed;top:0;right:-100%}.mobile-menu.active{transform:translate(-100%)}.mobile-menu-links{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2rem;display:flex}.mobile-menu-links a{font-family:var(--font-heading);color:var(--color-primary);opacity:0;font-size:1.75rem;font-style:italic;font-weight:500;text-decoration:none;transition:all .4s;transform:translateY(20px)}.mobile-menu.active .mobile-menu-links a{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-menu-links a:first-child{transition-delay:.1s}.mobile-menu.active .mobile-menu-links a:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu-links a:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu-links a:nth-child(4){transition-delay:.25s}.mobile-menu.active .mobile-menu-links a:nth-child(5){transition-delay:.3s}.mobile-menu.active .mobile-menu-links a:nth-child(6){transition-delay:.35s}.mobile-menu.active .mobile-menu-links a:nth-child(7){transition-delay:.4s}.mobile-menu-links a.active-link{color:var(--color-accent)}.grid{gap:var(--stack-md);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-content{display:none}.mobile-menu-toggle{display:flex}section{padding:60px 0}}footer{background-color:var(--color-background);border-top:1px solid var(--color-outline-variant);padding:var(--stack-lg) 0}footer .grid{align-items:start}.footer-bottom{margin-top:var(--stack-lg);padding-top:var(--stack-md);border-top:1px solid var(--color-outline-variant);color:var(--color-outline);justify-content:space-between;font-size:.75rem;display:flex}.text-center{text-align:center}.mb-sm{margin-bottom:var(--stack-sm)}.mb-md{margin-bottom:var(--stack-md)}.mb-lg{margin-bottom:var(--stack-lg)}.grayscale{filter:grayscale()}.opacity-30{opacity:.3}