@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&display=swap";:root{--bg-primary: #FAF9F7;--bg-secondary: #F4F2EE;--text-primary: #1A1A1A;--text-secondary: #5C5C5C;--accent-color: #9A703E;--accent-light: #F2ECE2;--border: #E3DFD5;--font-serif-display: "Cormorant Garamond", Georgia, serif;--font-serif-body: "Source Serif 4", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-speed: .3s;--shadow-low: 0 2px 8px rgba(26, 26, 26, .03), 0 1px 2px rgba(26, 26, 26, .02);--shadow-md: 0 8px 24px rgba(26, 26, 26, .05), 0 2px 8px rgba(26, 26, 26, .03);--shadow-high: 0 16px 48px rgba(26, 26, 26, .08), 0 4px 16px rgba(26, 26, 26, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-serif-body);font-size:16px;line-height:1.6;width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif-display);font-weight:500;color:var(--text-primary);line-height:1.25;margin-bottom:.5em}h1{font-size:3rem;letter-spacing:-.01em}h2{font-size:2.25rem;border-bottom:1px solid var(--border);padding-bottom:8px;margin-top:1.5em}h3{font-size:1.5rem}p{margin-bottom:1.25em}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed) var(--ease-standard);border-bottom:1px dashed var(--border)}a:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:var(--radius-sm)}.page-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.slides-wrapper{flex:1;width:100%;height:100%;overflow:hidden;position:relative}.slides-container{display:flex;flex-direction:column;width:100%;height:100%;transition:transform .85s cubic-bezier(.77,0,.175,1);will-change:transform}.slide-section{width:100%;height:100%;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:100px 24px 64px;position:relative;background-color:var(--bg-primary);-webkit-overflow-scrolling:touch}.slide-section::-webkit-scrollbar{width:6px}.slide-section::-webkit-scrollbar-track{background:transparent}.slide-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.slide-section::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.content-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-low);transition:all var(--transition-speed) var(--ease-standard)}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.badge{font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background-color:var(--accent-light);color:var(--accent-color);padding:4px 8px;border-radius:var(--radius-sm);display:inline-block;border:1px solid rgba(154,112,62,.15)}.btn-primary{font-family:var(--font-sans);font-size:.875rem;font-weight:500;background-color:var(--accent-color);color:var(--bg-primary);border:1px solid var(--accent-color);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-speed) var(--ease-standard)}.btn-primary:hover{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s var(--ease-out) forwards}@media(min-width:768px){.slide-section{padding:80px 48px}}
