:root{--bg-deep: #0e0f11;--bg-section: #131416;--bg-card: #1a1b1f;--text-primary: #d4d0c8;--text-secondary: #8a8680;--text-dim: #5a5750;--accent: #b8a88a;--accent-dim: rgba(184, 168, 138, .15);--rule: rgba(184, 168, 138, .12);--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", sans-serif;--mono: "DM Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-deep);overflow-x:hidden}body{font-family:var(--sans);font-weight:300;color:var(--text-primary);background:var(--bg-deep);line-height:1.85;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 40px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(184,168,138,.04) 0%,transparent 70%);pointer-events:none}.hero-label{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);margin-bottom:48px;opacity:0;animation:fadeUp 1.2s ease .3s forwards}.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,6vw,72px);line-height:1.15;color:var(--text-primary);letter-spacing:-.01em;max-width:780px;opacity:0;animation:fadeUp 1.4s ease .6s forwards}.hero-subtitle{font-family:var(--sans);font-weight:300;font-size:clamp(16px,2vw,20px);color:var(--text-secondary);margin-top:32px;max-width:560px;line-height:1.7;opacity:0;animation:fadeUp 1.4s ease .9s forwards}.hero-rule{width:1px;height:80px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);margin-top:60px;opacity:0;animation:fadeIn 2s ease 1.4s forwards}.section{max-width:680px;margin:0 auto;padding:100px 32px;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.section.visible{opacity:1;transform:translateY(0)}.section-number{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.2em;color:var(--text-dim);margin-bottom:40px;display:block}.section h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.2;color:var(--text-primary);margin-bottom:40px;letter-spacing:-.01em}.section p{margin-bottom:24px;color:var(--text-secondary)}.section p:last-child{margin-bottom:0}.lead{font-family:var(--serif);font-size:22px;font-weight:300;font-style:italic;line-height:1.7;color:var(--text-primary);margin-bottom:36px}.definition{border-left:1px solid var(--accent);padding:24px 0 24px 28px;margin:40px 0}.definition p{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.65;color:var(--text-primary);margin-bottom:0}.stack{margin:36px 0}.stack p{color:var(--text-primary);margin-bottom:6px;font-weight:400}.contrast-block{margin:40px 0;padding:32px;background:var(--bg-card);border-radius:2px;border:1px solid var(--rule)}.contrast-block p{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.contrast-block p:last-child{margin-bottom:0}.contrast-block .then{margin-top:20px;padding-top:20px;border-top:1px solid var(--rule);color:var(--accent);font-weight:400}.moment{margin:44px 0;padding:28px 0 28px 28px;border-left:1px solid var(--rule)}.moment p{font-style:italic;color:var(--text-dim);font-size:16px;line-height:1.8;margin-bottom:4px}.divider{width:40px;height:1px;background:var(--rule);margin:80px auto}.divider-wide{max-width:680px;margin:0 auto;padding:0 32px}.divider-wide hr{border:none;height:1px;background:var(--rule)}strong,.em{color:var(--text-primary);font-weight:400}.accent-text{color:var(--accent)}.triad{margin:48px 0;text-align:center}.triad p{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--text-primary);margin-bottom:8px;line-height:1.7}.triad .arrow{color:var(--text-dim);font-size:14px;margin:4px 0;display:block}.layer-model{margin:48px 0}.layer{padding:28px 0;border-bottom:1px solid var(--rule)}.layer:last-child{border-bottom:none}.layer-name{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:block}.layer p{font-size:16px;color:var(--text-secondary);margin-bottom:4px}.closing{max-width:680px;margin:0 auto;padding:120px 32px 160px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.closing.visible{opacity:1;transform:translateY(0)}.closing p{font-family:var(--serif);font-size:clamp(22px,3.5vw,30px);font-weight:300;line-height:1.6;color:var(--text-primary);max-width:560px;margin:0 auto}.closing .sig{margin-top:60px;font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim)}.postscript{max-width:480px;margin:0 auto;padding:0 32px 160px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.postscript.visible{opacity:1;transform:translateY(0)}.postscript-rule{width:1px;height:48px;background:linear-gradient(to bottom,var(--rule),transparent);margin:0 auto 48px}.postscript p{font-family:var(--sans);font-size:15px;font-weight:300;color:var(--text-dim);line-height:1.8;margin-bottom:28px}.postscript a{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-decoration:none;padding-bottom:2px;border-bottom:1px solid rgba(184,168,138,.3);transition:border-color .3s ease,color .3s ease}.postscript a:hover{border-color:var(--accent);color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.section{padding:72px 24px}.closing{padding:80px 24px 120px}.hero{padding:60px 24px}body{font-size:16px}.definition,.moment{padding-left:20px}}.hero h1,.section h2,.definition p strong,.layer-name,.accent-text{font-family:Cormorant Garamond,Georgia,serif!important}.hero-label,.section-number,.definition p,.contrast-block strong,.stack p strong{font-family:DM Sans,sans-serif!important}body,.section p,.lead,.moment p,.contrast-block p,.stack p{font-family:Libre Baskerville,Georgia,serif!important}