:root{
  --bg:#090a09; --panel:#10120f; --panel2:#151811; --text:#f5efe3; --muted:#b8b09f;
  --gold:#d6a649; --gold2:#f0ca7b; --line:rgba(214,166,73,.34); --ok:#9bcf9b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
radial-gradient(circle at 70% 18%,rgba(182,120,35,.16),transparent 25rem),
radial-gradient(circle at 18% 30%,rgba(91,116,63,.11),transparent 22rem),
linear-gradient(180deg,#080907,#0b0d09 54%,#080907);
color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(8,9,7,.78);border-bottom:1px solid var(--line)}
.nav{min-height:68px;display:flex;align-items:center;gap:18px}
.brand{font-family:Georgia,serif;letter-spacing:.16em;color:var(--gold2);font-size:1.15rem;white-space:nowrap}
.navlinks{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.navlinks a,.navlinks button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:999px;cursor:pointer}
.navlinks a:hover,.navlinks a:focus-visible,.navlinks button:hover,.navlinks button:focus-visible{color:var(--text);background:rgba(255,255,255,.055);outline:none}
.eyebrow{color:var(--gold2);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem}
h1,h2,h3{font-family:Georgia,serif;font-weight:500;margin:0}
h1{font-size:clamp(3.2rem,8vw,7.2rem);line-height:.89;letter-spacing:-.035em}
.lead{color:var(--muted);max-width:760px;line-height:1.75}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:22px;padding:24px}
.card h3{font-size:1.4rem;margin-bottom:10px;color:var(--gold2)}
.card p{color:var(--muted);line-height:1.65;margin:0}
.page-main{min-height:70vh;padding:76px 0}
.page-main h1{font-size:clamp(3rem,7vw,6rem);margin-bottom:28px}
.prose{max-width:800px;color:var(--muted);line-height:1.8}
.prose strong{color:var(--text)}
footer{padding:32px 0 48px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
footer a{color:var(--gold2)}footer a:hover,footer a:focus-visible{text-decoration:underline}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#777;margin-right:6px}.status-dot.online{background:var(--ok)}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:100}
@media(max-width:820px){
 .nav{align-items:flex-start;padding:14px 0;flex-direction:column}.navlinks{margin-left:0;width:100%;flex-wrap:wrap;gap:2px 6px}.navlinks a,.navlinks button{padding:8px 10px}
 .cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}

/* Founder artwork preserved: separate full compositions, never background-cover. */
.founder-home{position:relative;width:100%;line-height:0;background:#080e20}
.founder-art,.founder-art img{display:block;width:100%;height:auto}
.bee-hotspot{position:absolute;left:11.1%;top:43%;width:9%;height:19%;border-radius:45%;cursor:pointer;line-height:normal}
.bee-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;background:rgba(0,0,0,.18)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){.bee-hotspot{left:16%;top:45%;width:20%;height:15%}}

@media(max-width:767px){.founder-art img{height:auto}}

/* Artwork aspect ratio follows the actual source image on each viewport. */
@media(max-width:767px){.founder-art{aspect-ratio:864/1536}.founder-art img{aspect-ratio:864/1536}}
@media(min-width:768px){.founder-art{aspect-ratio:1536/864}.founder-art img{aspect-ratio:1536/864}}

/* v1.3.3: explicit image ratio and skip-target keyboard focus. */
#main:focus{outline:none}
.founder-art img{object-fit:contain}
@media(max-width:767px){.founder-art,.founder-art img{aspect-ratio:864/1536}}
@media(min-width:768px){.founder-art,.founder-art img{aspect-ratio:1536/864}}

/* Home-only viewport contract: artwork is the entire homepage; no scrolling. */
html:has(body.home-only),body.home-only{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body.home-only{position:relative;background:#080e20}
body.home-only .site-header{position:absolute;inset:0 0 auto 0;z-index:30;background:transparent;border:0;backdrop-filter:none;pointer-events:none}
body.home-only .site-header .nav{min-height:0;justify-content:flex-end;padding:8px}
body.home-only .site-header .brand{display:none}
body.home-only .site-header .navlinks{width:auto;max-width:100%;margin:0;gap:2px;flex-wrap:nowrap;overflow-x:auto;background:rgba(5,7,12,.62);border-radius:12px;pointer-events:auto}
body.home-only .site-header .navlinks a,body.home-only .site-header .navlinks button{font-size:clamp(10px,1.5vw,13px);padding:9px 7px;white-space:nowrap}
body.home-only main,body.home-only .founder-home,body.home-only .founder-art{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
body.home-only .founder-art img{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:auto}
body.home-only .founder-home{background:#080e20}
body.home-only .bee-hotspot{z-index:5}
@media(max-width:767px){body.home-only .site-header .nav{padding:4px;align-items:flex-end}body.home-only .site-header .navlinks{max-width:100%;gap:0}body.home-only .site-header .navlinks a,body.home-only .site-header .navlinks button{font-size:10px;padding:9px 5px}}

/* v1.3.5: overlay coordinates are relative to the *rendered image*, not letterbox margins. */
body.home-only .founder-home{display:grid;place-items:center}
body.home-only .founder-art{position:relative;inset:auto;width:min(100vw,177.777778dvh);height:auto;aspect-ratio:1536/864;overflow:visible}
body.home-only .founder-art img{display:block;width:100%;height:100%;object-fit:contain}
body.home-only .bee-hotspot{left:11.1%;top:43%;width:9%;height:19%}
@media(max-width:767px){
 body.home-only .founder-art{width:min(100vw,56.25dvh);aspect-ratio:864/1536}
 body.home-only .bee-hotspot{left:16%;top:45%;width:20%;height:15%}
}
body.home-only .bee-hotspot:focus-visible{outline:3px solid white;outline-offset:2px}