@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #C05A3D;--accent-dim: rgba(192, 90, 61, .08);--accent-glow: rgba(192, 90, 61, .04);--accent-light: #D4674D;--accent-muted: #8A4732;--accent-secondary: #2A6F6F;--accent-secondary-dim: rgba(42, 111, 111, .08);--bg-primary: #F5F0E8;--bg-secondary: #FFFFFF;--bg-tertiary: #EDE8DD;--bg-card: #FFFFFF;--bg-card-hover: #F5F0E8;--bg-elevated: #FFFFFF;--parchment-deep: #E8DDC9;--text-primary: #1A1A1A;--text-secondary: #4A453E;--text-muted: #8A8278;--text-dim: #BFB9AE;--border-subtle: #E8E3D9;--border-light: #D4CFC4;--border-accent: rgba(192, 90, 61, .25);--shadow-sm: 0 1px 3px rgba(80, 60, 30, .04);--shadow-md: 0 4px 16px rgba(80, 60, 30, .06);--shadow-lg: 0 12px 40px rgba(80, 60, 30, .08);--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Instrument Sans", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", monospace;--ease-draft: cubic-bezier(.2, .8, .2, 1);--ease-ink: cubic-bezier(.65, 0, .35, 1);--ease-paper: cubic-bezier(.77, 0, .175, 1);--duration-tap: .18s;--duration-phrase: .45s;--duration-page: .9s}html{scroll-behavior:smooth;font-optical-sizing:auto}body{font-family:var(--font-body);font-size:17px;font-weight:400;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.gradient-text,.gradient-text-animated,.gradient-text-shimmer{color:var(--accent)}.mono{font-family:var(--font-mono);font-feature-settings:"zero"}.serif{font-family:var(--font-display)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#c05a3d2e;color:var(--text-primary)}.typewriter{display:inline}.typewriter-cursor{display:inline-block;color:var(--accent);animation:blink 1s step-end infinite;font-weight:300;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.typewriter-cursor{animation:none;opacity:1}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:transparent;transition:all .4s var(--ease-draft)}.navbar.scrolled{padding:.85rem 2rem;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.nav-logo{font-family:var(--font-display);font-variation-settings:"opsz" 32,"wght" 500,"SOFT" 30;font-size:1.5rem;color:var(--text-primary);letter-spacing:-.03em;transition:all .3s var(--ease-draft);font-feature-settings:"ss01"}.nav-logo:hover{color:var(--accent)}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{color:var(--text-secondary);font-family:var(--font-mono);font-weight:500;font-size:.78rem;transition:all .3s var(--ease-draft);padding:.5rem 1rem;letter-spacing:.05em;text-transform:lowercase;position:relative;display:inline-block}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:after{display:none}.mobile-overlay{display:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:transparent;padding:8px;border-radius:2px;transition:all .3s var(--ease-draft)}.mobile-menu-btn span{width:20px;height:1.5px;background:var(--text-primary);transition:all .3s var(--ease-draft);border-radius:1px}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-fullscreen{display:none}@media(max-width:768px){.navbar{padding:1rem 1.25rem}.nav-logo{z-index:1002}.mobile-menu-btn{display:flex;z-index:1002}.nav-links-desktop{display:none}.mobile-menu-fullscreen{display:flex;position:fixed;inset:0;width:100%;height:100%;background:#f5f0e8fa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:1001;align-items:center;justify-content:center}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;margin:0}.mobile-menu-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--text-muted);padding:8px;border-radius:2px;cursor:pointer;transition:color .2s ease;z-index:1}.mobile-menu-close:hover{color:var(--text-primary)}.mobile-menu-links a{display:block;font-family:var(--font-display);font-variation-settings:"opsz" 72,"wght" 400,"SOFT" 30;font-size:2.25rem;padding:.75rem 2rem;color:var(--text-primary);text-decoration:none;transition:color .3s var(--ease-draft);letter-spacing:-.02em}.mobile-menu-links a:hover,.mobile-menu-links a.active{color:var(--accent);font-style:italic}.mobile-overlay{display:none}}.page{min-height:100vh;padding-top:88px;position:relative;overflow-x:hidden}@media(max-width:480px){.page{padding-top:72px}}.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden}@media(max-width:480px){.hero{padding:2rem 1rem;min-height:calc(100vh - 72px)}}.hero-content{max-width:1100px;width:100%;position:relative;z-index:1;display:flex;flex-direction:column;margin:0 auto}.section{padding:7rem 2rem;max-width:1100px;margin:0 auto;width:100%;position:relative;z-index:1}@media(max-width:768px){.section{padding:4rem 1.5rem}}.section-header{margin-bottom:4rem;display:flex;flex-direction:column}.section-label{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.section-label:before{content:"";width:24px;height:1px;background:var(--accent);display:inline-block}.section-title{font-family:var(--font-display);font-variation-settings:"opsz" 72,"wght" 400,"SOFT" 30;font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-.03em;line-height:1.05;color:var(--text-primary);font-feature-settings:"ss01"}.section-subtitle{font-family:var(--font-body);color:var(--text-secondary);max-width:550px;font-size:1.05rem;line-height:1.7;font-weight:400;margin-top:1.25rem}@media(max-width:768px){.section-subtitle{max-width:100%}}.pencil-line{width:100%;height:1px;background:var(--border-light);border:none}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px}.not-found-content{display:flex;flex-direction:column;align-items:center;text-align:center}.not-found-animation{width:clamp(280px,50vw,400px);height:clamp(280px,50vw,400px);margin-bottom:1rem;transition:transform .3s ease}.not-found-animation:hover{transform:scale(1.05)}.not-found-animation>canvas{width:100%!important;height:100%!important}.not-found-title{font-family:var(--font-display);font-variation-settings:"opsz" 144,"wght" 300;font-size:clamp(6rem,15vw,12rem);line-height:1;margin-bottom:.5rem;letter-spacing:-.04em}.not-found-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.not-found-page{padding:100px 1rem 2rem}.not-found-animation{width:250px;height:250px;margin-bottom:.5rem}.not-found-title{font-size:5rem}.not-found-buttons{flex-direction:column;width:100%}}.footer{padding:2rem;text-align:center;border-top:1px solid var(--border-subtle);margin-top:auto}.rule-sweep{position:fixed;left:0;right:0;top:50%;height:1.5px;background:var(--text-primary);opacity:.7;transform-origin:left;z-index:9999;pointer-events:none}.paper-card{position:relative;transition:transform .25s var(--ease-draft),box-shadow .25s var(--ease-draft)}.paper-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #503c1e14}.paper-card:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--text-primary);opacity:.8;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-draft)}.paper-card:hover:after{transform:scaleX(1)}.link-weight{position:relative;display:inline-block;transition:font-variation-settings .22s var(--ease-draft),color .22s var(--ease-draft)}.link-weight:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease-draft)}.link-weight:hover:after{transform:scaleX(1)}