/* Hillman site family visual system, rolled out 2026-10-17. Site: andrew-hillman.com (flagship). Visual layer only. */
@font-face{font-family:"BX Display";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"BX Body";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Syne";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Unbounded";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/brand-2026/fonts/fraunces-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/brand-2026/fonts/inter-400-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html[data-bx],html[data-bx] body{--bx-navy-950:#08142A;--bx-navy-900:#0B1F3A;--bx-navy-800:#132C52;--bx-navy-700:#1C3D6E;--bx-navy-100:#E3E9F2;--bx-brass-300:#D9BE8A;--bx-brass-400:#C9A45C;--bx-brass-500:#B08D57;--bx-brass-700:#7A5C2A;--bx-brass-800:#5E4520;--bx-ivory-50:#FBF8F1;--bx-ivory-100:#F4EEE1;--bx-ink-900:#141820;--bx-slate-600:#4A5568;--bx-line:#D8D2C4;--bx-accent:#B08D57;--bx-accent-ink:#7A5C2A;--bx-accent-light:#D9BE8A;--bx-on-accent:#08142A;--bx-font-display:"BX Display",Georgia,serif;--bx-font-body:"BX Body",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--serif:"BX Display",Georgia,serif!important;--display:"BX Display",Georgia,serif!important;--dr-serif:"BX Display",Georgia,serif!important;--font-heading:"BX Display",Georgia,serif!important;--sans:"BX Body",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;--body:"BX Body",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;--dr-sans:"BX Body",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;--font-body:"BX Body",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;--dr-accent:#7A5C2A!important;--dr-accent-ink:#FBF8F1!important;--dr-bg:#FBF8F1!important;--dr-hero-accent:#B08D57!important;--dr-hero-bg:#08142A!important;--dr-hero-ink:#FBF8F1!important;--dr-ink:#0B1F3A!important;--dr-muted:#4A5568!important}
html[data-bx] body{font-family:var(--bx-font-body)!important;-webkit-font-smoothing:antialiased}
html[data-bx] :is(h1,h2,h3,h4){font-family:var(--bx-font-display)!important;letter-spacing:-.01em}
html[data-bx] ::selection{background:var(--bx-accent-light);color:var(--bx-navy-950)}
html[data-bx] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--bx-brass-400)!important;outline-offset:3px!important}
/* Hero */
html[data-bx] .bx-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:var(--bx-navy-950)!important;color:var(--bx-ivory-50)!important;border-bottom:1px solid var(--bx-brass-500)!important}
html[data-bx] .bx-hero .bx-hero-media{position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;background:var(--bx-navy-950);margin:0!important;padding:0!important;max-width:none!important;width:auto!important;height:auto!important}
html[data-bx] .bx-hero .bx-hero-media :is(picture,img,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 50%!important;display:block!important;border-radius:0!important;margin:0!important;opacity:1!important;transform:none!important;box-shadow:none!important;border:0!important}
html[data-bx] .bx-hero .bx-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,42,.92) 0%,rgba(8,20,42,.74) 45%,rgba(8,20,42,.38) 100%)}
html[data-bx] .bx-hero.bx-center .bx-hero-media::after{background:rgba(8,20,42,.72)}
@media (max-width:820px){html[data-bx] .bx-hero .bx-hero-media::after{background:rgba(8,20,42,.82)}}
@media (prefers-reduced-motion:reduce){html[data-bx] .bx-hero .bx-hero-media video{display:none!important}}
html[data-bx] .bx-hero :is(h1,h2,h3,p,li,dt,dd,small,span,.dr-name,.dr-role,.lede):not(form *):not(.bx-hero-media *):not(.dr-cta):not(.dr-cta *):not(.cta):not(.btn){color:var(--bx-ivory-50)!important}
html[data-bx] .bx-hero :is(.eyebrow,.kick):not(form *){color:var(--bx-accent-light)!important}
html[data-bx] .bx-hero a:not(form *):not(.dr-cta):not(.cta):not(.btn){color:var(--bx-accent-light)!important}
html[data-bx] .bx-hero :is(a.dr-cta,a.cta,a.btn):not(form *){background:var(--bx-accent)!important;color:var(--bx-on-accent)!important;border:1px solid transparent!important;border-radius:4px!important;min-height:44px;display:inline-flex!important;align-items:center;font-family:var(--bx-font-body)!important;font-weight:600!important;letter-spacing:.04em;text-decoration:none!important;box-shadow:none!important;transition:filter .2s,transform .2s}
html[data-bx] .bx-hero :is(a.dr-cta,a.cta,a.btn):not(form *):hover{filter:brightness(1.08);transform:translateY(-1px)}
html[data-bx] .bx-hero .dr-hero-photo img{border:1px solid rgba(217,190,138,.45)!important;box-shadow:0 18px 48px rgba(0,0,0,.35)!important}
html[data-bx] .bx-hero .dr-name::after{content:"";display:block;width:64px;height:2px;background:var(--bx-accent-light);margin-top:.28em}
html[data-bx] .bx-hero > picture{display:none!important}
/* Image strip */
html[data-bx] .bx-strip{padding:clamp(40px,6vw,72px) 0;background:var(--bx-ivory-100);border-top:1px solid var(--bx-line);border-bottom:1px solid var(--bx-line)}
html[data-bx] .bx-strip-in{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){html[data-bx] .bx-strip-in{grid-template-columns:1fr;max-width:560px}}
html[data-bx] .bx-card{margin:0!important;background:#fff;border:1px solid var(--bx-line);border-top:3px solid var(--bx-accent);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(8,20,42,.06),0 8px 24px rgba(8,20,42,.08);transition:box-shadow .25s,transform .25s}
html[data-bx] .bx-card:hover{box-shadow:0 2px 4px rgba(8,20,42,.08),0 16px 40px rgba(8,20,42,.14);transform:translateY(-2px)}
html[data-bx] .bx-card :is(picture,img){display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;margin:0!important;border-radius:0!important;max-width:none!important}
@media (prefers-reduced-motion:reduce){html[data-bx] .bx-card{transition:none}html[data-bx] .bx-card:hover{transform:none}}