:root{--surface: #0F0E0C;--text: #EFE7DA;--border: #2C2A26;--accent-marmon: #B87333;--accent-cortez: #5FA8D3;--maxw: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--surface);color:var(--text);font-family:Chivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .6s ease,color .6s ease;display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.nav{border-bottom:1px solid var(--border)}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.nav-links{display:flex;gap:26px;align-items:center;font-weight:600;font-size:.9rem}.nav-links a{opacity:.82;transition:color .2s,opacity .2s}.nav-links a:hover,.nav-links a[aria-current=page]{opacity:1;color:var(--accent-marmon)}.logo{font-family:Chivo;font-weight:900;font-size:1.65rem}.logo .dm,.emark .dm{color:var(--accent-marmon)}.logo .dc,.emark .dc{color:var(--accent-cortez)}.mode{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;line-height:0}.eyebrow{color:var(--accent-cortez);font-size:.72rem;letter-spacing:.2em;font-weight:800;text-transform:uppercase}h1{font-weight:900;font-size:clamp(2.6rem,6vw,4rem);line-height:1.02;margin:.5rem 0 1rem}h2{font-weight:900;font-size:clamp(2rem,4vw,2.6rem);line-height:1.05;margin:.5rem 0 1rem}.lead{opacity:.74;font-size:1.05rem;line-height:1.55;max-width:48ch}.hero{padding:44px 0 30px}.section{padding:28px 0;border-top:1px solid var(--border)}.label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;font-weight:700}.btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{border-radius:9px;padding:13px 22px;font-weight:800;font-size:.9rem;display:inline-block;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.btn-primary{background:var(--accent-marmon);color:var(--surface)}.btn-outline{border:1.5px solid var(--accent-cortez);color:var(--text)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.cards-2{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.cards,.cards-2{grid-template-columns:1fr}}.card{background:color-mix(in srgb,var(--text) 7%,transparent);border:1px solid var(--border);border-radius:14px;padding:20px;display:block}.card h3{margin:0;font-weight:700;font-size:1rem}.card p{margin:.4rem 0 0;opacity:.62;font-size:.85rem;line-height:1.45}.emark{font-family:Chivo;font-weight:900;font-size:1.25rem}.emark .colon{color:var(--accent-marmon)}.fam .emark{font-size:1.4rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px}@media(max-width:760px){.principles{grid-template-columns:1fr}}.principles .num{font-weight:900;font-size:1.5rem;color:var(--accent-cortez)}.principles h3{margin:.4rem 0 .3rem;font-size:1rem}.principles p{margin:0;opacity:.62;font-size:.85rem;line-height:1.45}.story p{opacity:.8;font-size:1rem;line-height:1.6;max-width:64ch}.foot-wrap{border-top:1px solid var(--border);margin-top:8px}.foot{display:flex;justify-content:space-between;padding:22px 0;opacity:.6;font-size:.8rem;flex-wrap:wrap;gap:8px}.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}@media(max-width:820px){.vgrid{grid-template-columns:1fr}}.vgrid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:820px){.vgrid--2{grid-template-columns:1fr}}.flip{perspective:1400px;transition:transform .3s ease}.flip-inner{position:relative;width:100%;min-height:150px;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;cursor:pointer}.flip-inner.flipped{transform:rotateY(180deg)}@media(hover:hover){.flip:hover{transform:translateY(-5px)}.flip:hover .flip-inner{transform:rotateY(180deg)}}.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:28px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--text) 6%,var(--surface));box-shadow:0 16px 40px #0000004d,inset 0 1px color-mix(in srgb,var(--text) 9%,transparent);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-back p{max-width:30ch}.flip-back{transform:rotateY(180deg)}.flip-front .emark{font-size:1.4rem}.flip-front h3{margin:0;font-size:1.02rem;font-weight:700;line-height:1.25}.flip-front .num{font-weight:900;font-size:1.5rem;color:var(--accent-cortez)}.flip-icon{position:absolute;top:16px;right:18px;font-size:1rem;opacity:.35}.flip-back .alias{color:var(--accent-cortez);font-weight:800;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.flip-back p{margin:0;opacity:.82;line-height:1.55;font-size:.95rem}@media(prefers-reduced-motion:no-preference){.js .hero>.wrap,.js .section>.wrap{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js .hero>.wrap.in,.js .section>.wrap.in{opacity:1;transform:none}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent-marmon) 45%,transparent)}.btn-outline:hover{background:var(--accent-cortez);color:var(--surface)}a:focus-visible,button:focus-visible,.btn:focus-visible,.flip-inner:focus-visible{outline:2px solid var(--accent-cortez);outline-offset:3px;border-radius:5px}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 75% at 78% 16%,color-mix(in srgb,var(--accent-cortez) 13%,transparent),transparent 68%)}.hero>.wrap{position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.sheen{overflow:hidden}.sheen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,var(--sheen-color, rgba(255, 255, 255, .16)) 50%,transparent 62%);transform:translate(-130%);animation:sheen-sweep var(--sheen-dur, 14s) ease-in-out var(--sheen-delay, 0s) infinite}@keyframes sheen-sweep{0%{transform:translate(-130%)}16%{transform:translate(130%)}to{transform:translate(130%)}}}
