/* ○Ṛ● WORKS hybrid MPA successor v0.6
   Progressive enhancement only: ordinary URLs remain functional without JS. */

/* Homepage: approved full-bleed composition, no redundant home brand. */
body.home-only.hybrid-home .site-header{position:fixed;inset:auto 0 calc(4px + env(safe-area-inset-bottom,0px)) 0;z-index:35;background:transparent;border:0;backdrop-filter:none;pointer-events:none}
body.home-only.hybrid-home .site-header .nav{width:100%;min-height:0;padding:0;justify-content:center;align-items:center;pointer-events:none}
body.home-only.hybrid-home .brand,body.home-only.hybrid-home .navlinks{display:none!important}
.explore-wrap{position:relative;pointer-events:auto}
.explore-toggle{min-height:48px;padding:10px 18px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:transparent;color:#fff;font-weight:750;letter-spacing:.04em;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.9);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.explore-toggle:hover,.explore-toggle:focus-visible,.explore-toggle[aria-expanded="true"]{background:rgba(5,8,12,.34);outline:none;border-color:rgba(255,255,255,.48)}
.explore-mark{display:inline-block;min-width:1ch;text-align:center}
.explore-panel{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:min(290px,calc(100vw - 28px));max-height:min(68dvh,540px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(5,8,12,.72);backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.42)}
.explore-panel[hidden]{display:none!important}
.explore-panel a{display:block;padding:12px 14px;border-radius:12px;color:#f5efe3;font-weight:650;letter-spacing:.02em}
.explore-panel a:hover,.explore-panel a:focus-visible{background:rgba(255,255,255,.08);outline:none}
.explore-panel .menu-secondary{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}

body.home-only.hybrid-home main,body.home-only.hybrid-home .founder-home{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}
body.home-only.hybrid-home .founder-home{display:block;background:#080e20}
body.home-only.hybrid-home .founder-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
body.home-only.hybrid-home .founder-art picture,body.home-only.hybrid-home .founder-art img{display:block;width:100%;height:100%}
body.home-only.hybrid-home .founder-art img{object-fit:cover;object-position:center center;aspect-ratio:auto}
.art-hotspot{position:absolute;z-index:7;display:block;background:transparent;border:0;border-radius:22px;cursor:pointer}
.art-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;background:rgba(0,0,0,.12)}
body.home-only .art-hotspot:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px;background:transparent;box-shadow:0 0 0 5px rgba(0,0,0,.22)}
.workstation-hotspot{position:absolute}

/* Journey overlay preserves perceptual continuity while destination remains a normal URL. */
.journey{position:fixed;inset:0;z-index:80;display:grid;place-items:center;overflow:hidden;background:#05070b;pointer-events:none}
.journey[hidden]{display:none!important}
.journey-art{position:absolute;inset:0;background-image:url('../images/1000079538.png');background-size:cover;background-position:center center;transform-origin:var(--journey-x,84%) var(--journey-y,72%);animation:deskJourney 1080ms cubic-bezier(.22,.72,.16,1) forwards}
.journey::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--journey-x,84%) var(--journey-y,72%),transparent 0 13%,rgba(3,5,9,.14) 28%,rgba(3,5,9,.78) 74%);animation:journeyFade 1080ms ease forwards}
@media(max-width:767px){.journey-art{background-image:url('../images/1000079539.png');transform-origin:var(--journey-x,63.35%) var(--journey-y,74.25%)}.journey::after{background:radial-gradient(circle at var(--journey-x,63.35%) var(--journey-y,74.25%),transparent 0 13%,rgba(3,5,9,.14) 28%,rgba(3,5,9,.78) 74%)}}
.journey-note{position:relative;z-index:2;align-self:end;margin-bottom:clamp(56px,9vh,90px);padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(3,5,9,.48);color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
/* transform-origin is set per-click from the actual rendered workstation-hotspot position (see home-progressive.js);
   the var(--journey-x/--journey-y) fallback values are the desktop/landscape hotspot center, kept for safety only. */
@keyframes deskJourney{0%{transform:scale(1);filter:none}100%{transform:scale(2.35);filter:blur(.5px)}}
@keyframes journeyFade{0%{opacity:.25}100%{opacity:1}}

/* Workstation destination: production-safe local fixture, no connected records. */
.workstation-page{background:radial-gradient(circle at 73% 16%,rgba(59,102,151,.14),transparent 29rem),linear-gradient(180deg,#070b11,#090d12 50%,#07090d)}
.workstation-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:76px 0 86px}
.workstation-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:clamp(28px,6vw,86px);align-items:start}
.workstation-intro h1{font-size:clamp(3.2rem,7vw,6.4rem);margin:12px 0 24px}
.workstation-intro p{color:var(--muted);line-height:1.75}
.status-row{margin-top:24px;display:flex;align-items:center;gap:8px;color:var(--gold2);font-size:.75rem;letter-spacing:.09em}
.terminal-panel{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(9,12,14,.76);box-shadow:0 28px 90px rgba(0,0,0,.38)}
.terminal-top{display:flex;align-items:center;gap:7px;padding:13px 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.panel-dot{width:8px;height:8px;border-radius:50%;background:#6f6b61}.terminal-title{margin-left:7px;color:var(--muted);font-size:.72rem;letter-spacing:.1em}
.terminal-body{padding:24px}.terminal-body h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:7px 0 12px}.helper{color:var(--muted);line-height:1.65}
.search-row{display:flex;gap:10px;margin-top:8px}.search-row input{flex:1;min-width:0;background:#090c0f;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:13px;font-size:16px}.search-row button{border:0;border-radius:14px;background:var(--gold2);color:#181106;font-weight:800;padding:0 18px;cursor:pointer}
.results{margin-top:22px}.results-placeholder{color:var(--muted)}.result-item{border-top:1px solid rgba(214,166,73,.18);padding:16px 0}.result-item small{color:var(--gold2);letter-spacing:.08em}.result-item h3{margin:6px 0 7px}.result-item p{margin:0;color:var(--muted);line-height:1.6}

/* Dedicated OWLBEE v1.0.0 destination remains separate from predecessor guide/chat. */
.owlbee-v1-page{background:radial-gradient(ellipse at 68% 42%,#252018 0%,#11121a 36%,#070a10 72%)}
.owlbee-v1-shell{width:min(1220px,calc(100% - 32px));margin:auto;padding:74px 0 90px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(330px,1.2fr);gap:clamp(28px,6vw,88px);align-items:center}
.owlbee-v1-copy h1{font-size:clamp(3.2rem,7vw,6.8rem);margin:12px 0 24px;color:#fff1d7}.owlbee-v1-copy p{color:#d7d0c7;line-height:1.72}.owlbee-v1-copy .lead{font-size:clamp(1.05rem,1.7vw,1.35rem);color:#f2e6d4}
.owlbee-stage-panel{justify-self:center;width:min(100%,520px);padding:14px;border:1px solid rgba(250,222,175,.28);border-radius:24px;background:linear-gradient(180deg,rgba(20,16,15,.72),rgba(4,6,10,.88));box-shadow:0 30px 110px rgba(0,0,0,.55)}
#owlbee-runtime-stage,#owlbee-reduced-static{display:block;width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#0a0a0d}#owlbee-runtime-stage:empty{aspect-ratio:1196/1548}#owlbee-reduced-static{height:auto;object-fit:contain}
.owlbee-chat{margin-top:16px;border:1px solid rgba(250,222,175,.24);border-radius:18px;background:rgba(6,7,11,.6);padding:14px;display:flex;flex-direction:column;gap:10px}
.owlbee-chat-note{margin:0;color:#a89e8e;font-size:.78rem;line-height:1.5}
.owlbee-chat-log{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}
.owlbee-msg{max-width:88%;padding:9px 12px;border-radius:14px;line-height:1.45;font-size:.92rem;white-space:pre-wrap}
.owlbee-msg.bot{align-self:flex-start;background:#191c15;border:1px solid rgba(214,166,73,.18);color:#f5efe3}
.owlbee-msg.user{align-self:flex-end;background:#2a2114;border:1px solid rgba(240,202,123,.3);color:#f5efe3}
.owlbee-chat-form{display:flex;gap:8px}
.owlbee-chat-form input{flex:1;min-width:0;background:#0d0f0c;border:1px solid rgba(214,166,73,.34);color:#f5efe3;border-radius:14px;padding:11px 13px;font-size:16px}
.owlbee-chat-form button{border:0;border-radius:14px;background:#f0ca7b;color:#181106;font-weight:800;padding:0 16px;cursor:pointer;min-height:44px}

/* Projects public successor has one public project card. */
body.projects-successor .cards{grid-template-columns:minmax(0,680px)}

@media(max-width:820px){
  body.home-only.hybrid-home .site-header{bottom:calc(3px + env(safe-area-inset-bottom,0px))}
  .explore-toggle{min-height:48px;padding:10px 17px}
  .workstation-grid,.owlbee-v1-shell{grid-template-columns:1fr}
  .owlbee-stage-panel{width:min(100%,420px)}
  .owlbee-v1-shell .owlbee-stage-panel{order:1}
  .owlbee-v1-shell .owlbee-v1-copy{order:2}
}
@media(max-width:520px){.workstation-shell,.owlbee-v1-shell{width:min(100% - 28px,1180px);padding-top:58px}.search-row{flex-direction:column}.search-row button{min-height:46px}.owlbee-stage-panel{padding:7px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.journey{display:none!important}.journey-art,.journey::after{animation:none!important}}
#owlbee-reduced-static[hidden]{display:none!important}