:root{--color-navy:#1f2a1e;--color-green:#7a8472;--color-terracotta:#b7553a;--color-gold:#b7553a;--color-rose:#f2ede0;--color-sky:#7a8472;--color-red:#b7553a;--color-cream:#f2ede0;--color-surface:#f8f4e9;--color-primary:var(--color-navy);--color-secondary:var(--color-green);--color-accent:var(--color-terracotta);--color-neutral:var(--color-cream);--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Lora", Georgia, serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:16px;--radius-pill:999px;--shadow-card:0 2px 12px #1f2a1e12;--shadow-lift:0 8px 32px #1f2a1e1f;--shadow-glow:0 4px 20px #b7553a40;--border-card:1px solid #1f2a1e1f;--border-divider:1px solid #1f2a1e14;--border-green:1px solid #7a847240;--border-gold:1px solid #b7553a59;--transition-base:.32s cubic-bezier(.25, .46, .45, .94);--transition-fast:.18s cubic-bezier(.25, .46, .45, .94);--transition-slow:.5s cubic-bezier(.25, .46, .45, .94);--content-max:1120px;--page-pad:64px;--margin-w:180px;--col-gap:48px;--section-py:88px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-cream);color:var(--color-navy);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.7}img{max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;display:block;transform:translateZ(0)}a{color:var(--color-terracotta);transition:opacity var(--transition-fast);text-decoration:underline}a:hover{opacity:.78}.btn{cursor:pointer;font-family:var(--font-display);transition:all var(--transition-fast);border-radius:var(--radius-md);border:none;outline:none;align-items:center;gap:8px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:4px}.btn:active{filter:brightness(.95);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-navy);color:var(--color-cream);border:1px solid var(--color-navy);letter-spacing:.01em;padding:13px 28px;font-size:1rem}.btn-primary:hover{background:var(--color-terracotta);border-color:var(--color-terracotta);color:var(--color-cream)}.btn-green{background:var(--color-green);color:var(--color-cream);border:1px solid var(--color-green);letter-spacing:.01em;padding:13px 28px;font-size:1rem}.btn-green:hover{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-cream)}.btn-outline{color:var(--color-terracotta);border:1.5px solid var(--color-terracotta);letter-spacing:.02em;text-transform:uppercase;background:0 0;padding:12px 24px;font-size:.9375rem}.btn-outline:hover{background:#b7553a14}.btn-gold{color:var(--color-terracotta);border:1.5px solid var(--color-terracotta);letter-spacing:.02em;text-transform:uppercase;background:0 0;padding:12px 24px;font-size:.9375rem}.btn-gold:hover{background:#b7553a14}.btn-ghost{color:var(--color-terracotta);background:0 0;border:none;padding:10px 4px;font-size:1rem}.btn-ghost:hover{text-decoration:underline}.btn-whatsapp{color:#fff;font-size:1rem;font-family:var(--font-body);border-radius:var(--radius-md);letter-spacing:.01em;background:#25d366;border:none;gap:10px;padding:14px 28px;font-weight:600}.btn-whatsapp:hover{color:#fff;background:#1ebe5a;box-shadow:0 4px 20px #25d36666}.card{background:var(--color-surface);border:var(--border-card);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), transform var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card-navy{background:var(--color-navy);color:var(--color-cream);border-radius:var(--radius-lg);border:none;padding:32px}.card-green{background:var(--color-green);color:var(--color-cream);border-radius:var(--radius-lg);border:none;padding:32px}.container{max-width:var(--content-max);padding:0 var(--page-pad);margin:0 auto}.section{padding:var(--section-py) 0}.marginalia-block{grid-template-columns:var(--margin-w) 1fr;column-gap:var(--col-gap);border-bottom:var(--border-divider);padding:72px 0;display:grid}.marginalia-margin{font-family:var(--font-mono);color:#1f2a1e8c;padding-top:4px;font-size:.75rem;line-height:1.5}.marginalia-margin .label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-terracotta);margin-bottom:6px;font-size:.6875rem;font-weight:500}.marginalia-margin .note{color:var(--color-green);margin-top:6px;font-size:.6875rem}.marginalia-prose{max-width:65ch}.marginalia-prose p{margin-bottom:1.5em;line-height:1.7}.marginalia-prose p:last-child{margin-bottom:0}.text-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-terracotta);font-size:.6875rem;font-weight:500}.rule-terracotta,.rule-gold{background:var(--color-terracotta);width:40px;height:2px;margin-bottom:16px;display:block}.rule-green{background:var(--color-green);width:40px;height:2px;margin-bottom:16px;display:block}.img-cover{object-fit:cover;object-position:center;backface-visibility:hidden;width:100%;height:100%;transform:translateZ(0)}.img-rounded{border-radius:var(--radius-lg);overflow:hidden}.tag{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:3px 10px;font-size:.5625rem;font-weight:500;display:inline-flex}.tag-navy{color:var(--color-navy);background:#1f2a1e14}.tag-green{color:var(--color-navy);background:#7a84722e}.tag-gold{color:var(--color-terracotta);background:#b7553a1f}.tag-sky{color:var(--color-navy);background:#7a847226}.tag-rose{color:var(--color-terracotta);background:#f2ede0cc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#1f2a1e33;border-radius:3px}@media (width<=900px){:root{--page-pad:32px;--section-py:64px}}@media (width<=768px){:root{--page-pad:20px;--section-py:48px}.marginalia-block{grid-template-columns:1fr;row-gap:12px;padding:48px 0}.marginalia-margin .note{display:none}.marginalia-prose{max-width:100%}}