/*
Theme Name: J8i DENT Unified
Description: Responsive wide layout with fluid logo.
Version: 1.2
*/
:root{--bg:#f7f6f2;--surface:#fbfbf9;--surface-2:#f3f0ec;--text:#28251d;--muted:#66645f;--primary-j8i:#7b1e2b;--primary-j8i-2:#c86a78;--primary-dent:#8a640f;--primary-dent-2:#d2aa4c;--border:rgba(40,37,29,.12);--max:min(90vw,1400px)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.j8i-wrap{width:100%}.j8i-inner{max-width:var(--max);margin:0 auto;padding:0 clamp(1rem,2vw,2rem);padding-bottom:clamp(2rem,4vw,4rem)}.j8i-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.site-header img{width:clamp(110px,12vw,170px);height:auto;display:block}
.j8i-nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,2rem);padding:clamp(0.75rem,2vw,1rem) 0}.j8i-links{display:flex;align-items:center;gap:clamp(0.75rem,1.5vw,1.5rem);flex-wrap:wrap}.j8i-links a{font-size:clamp(0.85rem,1vw,0.95rem);color:var(--muted);white-space:nowrap}.j8i-links a:hover{color:var(--text)}
.j8i-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:clamp(0.6rem,1vw,0.8rem) clamp(0.8rem,1.5vw,1.2rem);border-radius:999px;border:1px solid transparent;font-weight:700;transition:all .18s ease}.j8i-btn:hover{transform:translateY(-1px)}
.j8i-btn-primary{color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,0.1)}.j8i-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.j8i-btn-secondary:hover{background:var(--surface-2);border-color:rgba(40,37,29,.2)}
.j8i-j8i .j8i-btn-primary{background:var(--primary-j8i);border-color:var(--primary-j8i)}.j8i-dent .j8i-btn-primary{background:var(--primary-dent);border-color:var(--primary-dent)}
.hero,.section,.footer{padding:clamp(3rem,6vw,5rem) 0}.eyebrow{font-size:clamp(0.75rem,0.8vw,0.85rem);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.hero-grid,.footer-grid,.cap-grid,.eng-grid{display:grid;gap:clamp(1.5rem,3vw,3rem)}.hero-grid{grid-template-columns:1.3fr .8fr;align-items:end}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(1.5rem,3vw,3rem);margin-bottom:clamp(1.5rem,3vw,3rem)}
h1,h2{font-family:Georgia,serif;line-height:1.05;margin:0}h1{font-size:clamp(2rem,2.5vw,3.5rem);max-width:14ch}h2{font-size:clamp(1.5rem,1.8vw,2.25rem)}p{margin:0}.lead{font-size:clamp(1.1rem,1.2vw,1.45rem);color:var(--muted);margin-top:1.25rem;max-width:42ch}
.panel,.card,.person{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 1px 2px rgba(20,20,20,.05);padding:clamp(1rem,2vw,1.5rem);transition:all .18s ease}.panel:hover,.card:hover,.person:hover{transform:translateY(-2px);border-color:rgba(40,37,29,.18);box-shadow:0 16px 36px rgba(15,25,25,.10)}
.stats,.link-row{display:flex;flex-wrap:wrap;gap:1rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid .card h3{margin:0 0 .5rem;font-size:1.1rem}.cap-grid .card p{color:var(--muted)}
.footer{border-top:1px solid var(--border)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-link{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.9rem}
@media (max-width:980px){.hero-grid,.section-head,.cap-grid,.footer-grid{grid-template-columns:1fr}.j8i-nav{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr}}