/* ========================================================================== DAC — shared site styles Loaded by every page: design tokens, nav, hero, footer, buttons. Page-specific rules live in assets/css/page-*.css, which load after this file and therefore win on conflicts. ========================================================================== */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} ::selection{background:var(--brand);color:#fff} :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px} .wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem} @media(min-width:768px){ .wrap{padding:0 2.5rem} } @media(min-width:1280px){ .wrap{padding:0 3rem} } .rv.in{opacity:1;transform:none} #bar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--brand);z-index:60;transition:width .1s linear} /* ── NAV ── */ nav.sc{background:rgba(237,238,245,.85);backdrop-filter:blur(20px);border-bottom-color:var(--line);padding:.7rem 0} .nav-in{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem; width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem} @media(min-width:768px){ .nav-in{padding:0 2.5rem} } @media(min-width:1280px){ .nav-in{padding:0 3rem} } .brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;min-height:42px;flex-shrink:0} .brand img{width:28px;height:28px;user-select:none} .brand b{font-family:'Outfit';font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)} .brand i{display:none;font-style:normal;border-left:1px solid rgba(0,0,0,.1);padding-left:.55rem; font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)} @media(min-width:640px){ .brand i{display:block} } .nav-links{display:none;gap:.1rem} @media(min-width:1180px){ .nav-links{display:flex} } .nav-links a{padding:.5rem .7rem;border-radius:999px;font-size:.79rem;color:var(--body);text-decoration:none;white-space:nowrap;transition:.2s} .nav-links a:hover{color:#000;background:rgba(255,255,255,.75)} .nav-act{display:flex;align-items:center;gap:.55rem;flex-shrink:0} .ghost:hover{background:#fff;color:var(--ink);border-color:rgba(0,0,0,.3)} .burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0; border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#fff;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)} @media(min-width:1180px){ .burger{display:none} } .burger div{position:relative;width:16px;height:12px} .burger span{position:absolute;left:0;height:1.5px;width:100%;background:var(--ink);border-radius:2px} .burger span:nth-child(1){top:0} .burger span:nth-child(2){top:50%;transform:translateY(-50%)} .burger span:nth-child(3){bottom:0} /* full-screen menu — a direct child of . Never put it inside