/* Fonts are served from this site (site/fonts/); the files come from the fonts lane. Until they are there the stack in the page falls back to Garamond and the system monospace. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:local("Cormorant Garamond Medium"),local("CormorantGaramond-Medium"),url("/fonts/CormorantGaramond-Medium.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:local("JetBrains Mono Medium"),local("JetBrainsMono-Medium"),url("/fonts/JetBrainsMono-Medium.woff2") format("woff2")}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#D7D3CB}
a{color:#151412;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
.lc{color-scheme:light}
.lc p{text-wrap:pretty}
.lc h2{text-wrap:balance}
.lc a,.lc button,.lc label,.lc input,.lc textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.lc *{box-sizing:border-box}
.lc :focus-visible{outline:2px solid #151412;outline-offset:3px}
.lc .skip{position:absolute;left:16px;top:-80px}
.lc .skip:focus{top:12px}
.lc .btn{text-decoration:none;box-shadow:inset 0 0 0 0 #151412,inset 0 0 0 0 #D7D3CB;transition:box-shadow .28s ease-out,transform .12s ease-out,background-color .2s ease-out}
.lc .btn:active{transform:translateY(1px) scale(.985);background:#2B2925 !important}
@media (hover:hover){
a:hover{color:#2B2925;text-decoration-thickness:2px}
.lc .btn:hover{box-shadow:inset 0 0 0 4px #151412,inset 0 0 0 5px #D7D3CB}
.lc .ico:hover{background:#151412;color:#D7D3CB}
}
.lc .ico:active{background:#151412;color:#D7D3CB}
.lc input[type=text],.lc input[type=email],.lc textarea{font:inherit;color:#151412;background:transparent;border:1px solid #151412;border-radius:0;width:100%;-webkit-appearance:none;appearance:none}
.lc input[type=radio]{accent-color:#151412;width:18px;height:18px;margin:0}
.lc ::placeholder{color:#4A4741}
.lc .aff li{display:inline}
.lc .aff li:not(:last-child)::after{content:"\00a0· "}
.lc .fade{animation:lcfade 700ms ease-out both}
@keyframes lcfade{from{opacity:0}to{opacity:1}}
@container (max-width: 599px){
.lc .nav{gap:8px 20px !important}
.lc .cta{width:100%}
.lc .hdr{min-height:64px !important;padding:8px 0 !important}
.lc .hero{padding:48px 0 !important}
.lc .lead{margin-top:40px !important}
.lc .spacer{display:none}
.lc .sec{padding:48px 0 !important}
.lc .stack{gap:24px !important}
.lc .cstack{gap:32px !important}
.lc .cform{padding-top:32px !important}
.lc .legal{padding:24px 0 calc(32px + env(safe-area-inset-bottom)) !important}
.lc .aff{display:flex;flex-direction:column;gap:12px;line-height:1.3 !important}
.lc .aff li{display:block}
.lc .aff li::after{content:none !important}
.lc .needs{display:grid !important;grid-template-columns:auto auto;justify-content:start;gap:0 24px !important}
.lc .icons{margin:4px 0 0 -12px !important}
.lc .legal a{display:inline-block;padding:14px 2px;margin:-14px 0}
.lc address a{display:inline-block;padding:10px 0;margin:-10px 0}
}
@container (max-width: 379px){.lc .needs{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.lc .fade{animation:none}.lc .btn{transition:none}}

/* contact form: the trap field sits off screen (not display:none, so simple bots still fill it) and the answer line */
.lc .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.lc .status{margin:0;min-height:1.5em;font-size:13px;letter-spacing:0.08em;text-transform:uppercase}
