@layer theme,base;@layer components{.df{background:var(--color-ink);width:100%}.df-inner{max-width:1000px;margin:0 auto;padding:52px 24px 44px}.df-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.df-mark{font-family:var(--font-family-display);color:var(--color-cream);font-size:34px;line-height:1}.df-sf{letter-spacing:-.08em}.df-nav{flex-wrap:wrap;gap:44px;display:flex}.df-nav a{font-family:var(--font-family-mono);letter-spacing:.16em;text-transform:uppercase;color:#ede8dbb8;font-size:11px;text-decoration-line:none;transition:color .2s}.df-nav a:hover{color:var(--color-cream)}.df-rule{background:#ede8db29;height:.5px;margin:30px 0 22px}.df-copy{font-family:var(--font-family-sans);color:#ede8db80;font-size:13px}@media(max-width:768px){.df-nav{gap:14px 26px}}}@layer utilities;