.metamodern-page,.metamodern-page *,.metamodern-page *:before,.metamodern-page *:after{margin:0;padding:0;box-sizing:border-box}.metamodern-page{--mm-black: #111;--mm-gray: #888;--mm-light: #f5f5f2;--mm-border: #222;--mm-serif: "EB Garamond", Georgia, serif;--mm-sans: "Jost", sans-serif;background:#fff;color:var(--mm-black);font-family:var(--mm-serif);font-size:18px;line-height:1.7;scroll-behavior:smooth}.metamodern-page nav{padding:28px 60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.metamodern-page .nav-title{font-family:var(--mm-sans);font-size:.65rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mm-black);text-decoration:none}.metamodern-page .nav-links{display:flex;gap:32px;list-style:none}.metamodern-page .nav-links a{font-family:var(--mm-sans);font-size:.65rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-gray);text-decoration:none;transition:color .2s}.metamodern-page .nav-links a:hover{color:var(--mm-black)}.metamodern-page #hero{max-width:760px;margin:0 auto;padding:100px 40px 80px;text-align:center}.metamodern-page .eyebrow{font-family:var(--mm-sans);font-size:.6rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--mm-gray);margin-bottom:28px}.metamodern-page h1{font-family:var(--mm-serif);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;margin-bottom:32px}.metamodern-page h1 em{font-style:italic;font-weight:400}.metamodern-page .hero-sub{font-size:1.15rem;color:#555;max-width:520px;margin:0 auto 48px;line-height:1.8}.metamodern-page .scroll-cue{font-family:var(--mm-sans);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ccc;display:flex;flex-direction:column;align-items:center;gap:10px}.metamodern-page .scroll-line{width:1px;height:40px;background:#ccc;animation:mm-grow 2s ease-in-out infinite;transform-origin:top}@keyframes mm-grow{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.metamodern-page #three-ages{padding:80px 60px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fafaf8}.metamodern-page .ages-grid{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.metamodern-page .age-col{display:flex;flex-direction:column;align-items:center;padding:0 32px;border-right:1px solid #ddd}.metamodern-page .age-col:last-child{border-right:none}.metamodern-page .age-icon{font-size:2.4rem;margin-bottom:20px;line-height:1}.metamodern-page .age-label{font-family:var(--mm-sans);font-size:.6rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--mm-gray);text-align:center;margin-bottom:6px}.metamodern-page .age-name{font-family:var(--mm-sans);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-black);text-align:center;margin-bottom:24px}.metamodern-page .age-box{width:100%;border:2px solid var(--mm-border);padding:16px 20px;text-align:center}.metamodern-page .age-box-label{font-family:var(--mm-sans);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-black)}.metamodern-page .content-section{max-width:680px;margin:0 auto;padding:80px 40px}.metamodern-page .content-section+.content-section{border-top:1px solid #e0e0e0}.metamodern-page h2{font-family:var(--mm-serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;line-height:1.2;margin-bottom:28px}.metamodern-page h2 em{font-style:italic}.metamodern-page p{color:#333;margin-bottom:20px;font-size:1.05rem}.metamodern-page p:last-child{margin-bottom:0}.metamodern-page .pendulum-wrap{max-width:860px;margin:0 auto;padding:60px 40px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.metamodern-page .pendulum-label{font-family:var(--mm-sans);font-size:.6rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mm-gray);text-align:center;margin-bottom:40px}.metamodern-page .pendulum-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:20px}.metamodern-page .pendulum-left{text-align:right}.metamodern-page .pendulum-right{text-align:left}.metamodern-page .pendulum-term{font-family:var(--mm-sans);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-black);display:block;margin-bottom:4px}.metamodern-page .pendulum-desc{font-size:.9rem;color:var(--mm-gray);font-style:italic}.metamodern-page .pendulum-arrow{font-family:var(--mm-sans);font-size:1.2rem;color:#ccc;-webkit-user-select:none;user-select:none}.metamodern-page .pull-quote{border-left:3px solid var(--mm-black);padding:8px 0 8px 32px;margin:40px 0}.metamodern-page .pull-quote p{font-size:1.3rem;font-style:italic;color:var(--mm-black);line-height:1.5;margin:0 0 10px}.metamodern-page .pull-quote cite{font-family:var(--mm-sans);font-size:.65rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-gray);font-style:normal}.metamodern-page .examples-wrap{background:#fafaf8;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:80px 60px}.metamodern-page .examples-inner{max-width:860px;margin:0 auto}.metamodern-page .examples-title{font-family:var(--mm-sans);font-size:.6rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mm-gray);margin-bottom:40px;text-align:center}.metamodern-page .examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;border:1px solid #ddd}.metamodern-page .example-cell{background:#fff;padding:28px 24px}.metamodern-page .example-tag{font-family:var(--mm-sans);font-size:.55rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--mm-gray);margin-bottom:10px}.metamodern-page .example-title{font-family:var(--mm-serif);font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--mm-black)}.metamodern-page .example-desc{font-size:.85rem;color:#666;line-height:1.6;margin:0}.metamodern-page footer{padding:48px 60px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.metamodern-page .footer-left{font-family:var(--mm-sans);font-size:.6rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-gray)}.metamodern-page .footer-right{display:flex;align-items:center;gap:20px;font-family:var(--mm-serif);font-size:.85rem;font-style:italic;color:#bbb}.metamodern-page .footer-x{display:inline-flex;align-items:center;justify-content:center;color:var(--mm-gray);transition:color .2s}.metamodern-page .footer-x:hover{color:var(--mm-black)}.metamodern-page .footer-x svg{width:16px;height:16px;display:block}.metamodern-page .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.metamodern-page .reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:680px){.metamodern-page nav{padding:20px 24px}.metamodern-page .nav-links{display:none}.metamodern-page #hero,.metamodern-page #three-ages{padding:60px 24px}.metamodern-page .ages-grid{grid-template-columns:1fr;gap:40px}.metamodern-page .age-col{border-right:none;border-bottom:1px solid #ddd;padding-bottom:40px}.metamodern-page .age-col:last-child{border-bottom:none}.metamodern-page .content-section,.metamodern-page .pendulum-wrap{padding:60px 24px}.metamodern-page .pendulum-row{grid-template-columns:1fr;gap:8px}.metamodern-page .pendulum-left,.metamodern-page .pendulum-right,.metamodern-page .pendulum-arrow{text-align:center}.metamodern-page .examples-wrap{padding:60px 24px}.metamodern-page .examples-grid{grid-template-columns:1fr}.metamodern-page footer{padding:40px 24px;flex-direction:column;align-items:flex-start}}