:root{
  --bg:#070809;
  --bg-soft:#0c0e11;
  --panel:rgba(17,19,23,.78);
  --panel-strong:#111319;
  --text:#f4f1eb;
  --muted:#9e9a92;
  --subtle:#6f6c67;
  --line:rgba(244,241,235,.10);
  --line-strong:rgba(244,241,235,.18);
  --gold:#d8ae64;
  --cyan:#7af3ff;
  --coral:#ff8d73;
  --violet:#bd9cff;
  --sage:#87cfae;
  --max:1240px;
  --radius:22px;
  --shadow:0 24px 80px rgba(0,0,0,.32);
  --scroll-progress:0%;
  --pointer-x:50vw;
  --pointer-y:20vh;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

html[data-theme="light"]{
  --bg:#f4f1e9;
  --bg-soft:#ece8de;
  --panel:rgba(255,255,255,.72);
  --panel-strong:#fbf8f2;
  --text:#111316;
  --muted:#5c5a56;
  --subtle:#77736c;
  --line:rgba(17,19,22,.10);
  --line-strong:rgba(17,19,22,.18);
  --shadow:0 24px 70px rgba(75,63,47,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color:var(--text)}
body{
  margin:0;
  min-width:280px;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(216,174,100,.06),transparent 28rem),
    radial-gradient(circle at 88% 26%,rgba(122,243,255,.045),transparent 30rem),
    var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.55;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.command-open,
body.menu-open{overflow:hidden}
a{color:inherit}
button,input{font:inherit}
button{color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:rgba(122,243,255,.22);color:var(--text)}

.skip-link{
  position:fixed;
  left:1rem;
  top:1rem;
  z-index:1000;
  transform:translateY(-180%);
  border:1px solid var(--line-strong);
  border-radius:999px;
  padding:.6rem 1rem;
  background:var(--panel-strong);
  color:var(--text);
  text-decoration:none;
}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

.ambient{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
  pointer-events:none;
}
.ambient-grid{
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 65%);
}
.ambient-orb{
  position:absolute;
  width:40rem;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.08;
}
.ambient-orb-a{left:-16rem;top:8rem;background:var(--gold)}
.ambient-orb-b{right:-18rem;top:28rem;background:var(--cyan)}
.ambient-noise{
  position:absolute;
  inset:0;
  opacity:.035;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.12) 3px);
}

.scroll-progress{
  position:fixed;
  z-index:80;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:transparent;
}
.scroll-progress i{
  display:block;
  width:var(--scroll-progress);
  height:100%;
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  box-shadow:0 0 12px rgba(122,243,255,.4);
}

.section-shell{
  width:min(calc(100% - 2rem),var(--max));
  margin-inline:auto;
}

.topbar{
  position:sticky;
  top:0;
  z-index:70;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:76px;
  padding:0 max(1rem,calc((100vw - var(--max))/2));
  border-bottom:1px solid transparent;
  background:linear-gradient(to bottom,rgba(7,8,9,.84),rgba(7,8,9,.42));
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  transition:border-color .2s ease,background-color .2s ease;
}
html[data-theme="light"] .topbar{
  background:linear-gradient(to bottom,rgba(244,241,233,.9),rgba(244,241,233,.62));
}
.topbar.is-scrolled{border-bottom-color:var(--line)}

.brand{
  display:inline-flex;
  align-items:center;
  gap:.72rem;
  min-width:0;
  text-decoration:none;
}
.brand-mark{
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  border:1px solid rgba(216,174,100,.35);
  border-radius:50%;
  color:var(--gold);
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  box-shadow:inset 0 0 0 4px rgba(216,174,100,.04);
}
.brand-copy{display:grid;line-height:1.15}
.brand-copy strong{
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.16em;
}
.brand-copy small{
  margin-top:.22rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.48rem;
  letter-spacing:.12em;
}

.desktop-nav{
  display:flex;
  align-items:center;
  gap:1.35rem;
}
.desktop-nav a{
  position:relative;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-.4rem;
  height:1px;
  background:var(--cyan);
  transition:right .2s ease;
}
.desktop-nav a:hover{color:var(--text)}
.desktop-nav a:hover::after{right:0}

.topbar-actions{
  display:flex;
  align-items:center;
  gap:.45rem;
}
.command-open,
.theme-toggle,
.menu-toggle{
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
}
.command-open{
  display:flex;
  align-items:center;
  gap:.18rem;
  height:2.25rem;
  padding:0 .6rem;
  border-radius:999px;
  color:var(--muted);
  cursor:pointer;
}
.command-open span{
  font-family:var(--mono);
  font-size:.58rem;
}
.segment{
  display:flex;
  padding:.16rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.025);
}
.segment button{
  min-width:2rem;
  height:1.9rem;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.56rem;
  cursor:pointer;
}
.segment button.is-active{
  background:var(--text);
  color:var(--bg);
}
.theme-toggle{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  align-items:center;
  width:3.7rem;
  height:2.25rem;
  border-radius:999px;
  padding:.18rem;
  cursor:pointer;
}
.theme-toggle span{
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--subtle);
  font-size:.75rem;
}
html[data-theme="dark"] .theme-moon,
html[data-theme="light"] .theme-sun{
  height:1.8rem;
  background:var(--text);
  color:var(--bg);
}
.menu-toggle{
  display:none;
  align-items:center;
  gap:.32rem;
  height:2.25rem;
  border-radius:999px;
  padding:0 .7rem;
  cursor:pointer;
}
.menu-toggle span{
  position:absolute;
  width:.72rem;
  height:1px;
  background:currentColor;
}
.menu-toggle span:first-child{transform:translateY(-3px)}
.menu-toggle span:nth-child(2){transform:translateY(3px)}
.menu-toggle b{
  margin-left:1rem;
  font-family:var(--mono);
  font-size:.55rem;
  font-weight:500;
}
.menu-toggle.is-open span:first-child{transform:rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){transform:rotate(-45deg)}

.mobile-menu{
  position:fixed;
  z-index:65;
  inset:76px 0 auto;
  padding:1rem;
  border-bottom:1px solid var(--line);
  background:rgba(7,8,9,.96);
  backdrop-filter:blur(20px);
}
html[data-theme="light"] .mobile-menu{background:rgba(244,241,233,.97)}
.mobile-menu nav{
  display:grid;
  width:min(100%,38rem);
  margin:auto;
}
.mobile-menu a{
  padding:1rem .5rem;
  border-bottom:1px solid var(--line);
  font-family:var(--serif);
  font-size:1.5rem;
  text-decoration:none;
}

.hero{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(24rem,.96fr);
  gap:clamp(2rem,5vw,5.5rem);
  align-items:center;
  min-height:calc(100svh - 76px);
  padding-block:clamp(4rem,8vw,7.5rem);
}
.eyebrow{
  margin:0 0 .8rem;
  color:var(--gold);
  font-family:var(--mono);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.17em;
}
.hero h1{
  margin:0;
  max-width:12ch;
  font-family:var(--serif);
  font-size:clamp(3.2rem,6.7vw,6.8rem);
  font-weight:500;
  line-height:.93;
  letter-spacing:-.052em;
}
.hero h1 span,
.hero h1 em{display:block}
.hero h1 em{
  margin-top:.18em;
  color:var(--muted);
  font-style:italic;
  font-weight:400;
}
.hero-role{
  margin:1.8rem 0 .55rem;
  color:var(--text);
  font-family:var(--mono);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hero-lead{
  max-width:47rem;
  margin:.4rem 0 0;
  color:var(--muted);
  font-size:clamp(1rem,1.45vw,1.18rem);
  line-height:1.75;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.7rem;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:3rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  padding:.68rem 1rem;
  font-family:var(--mono);
  font-size:.61rem;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button-primary{
  border-color:var(--gold);
  background:var(--gold);
  color:#111;
}
.button-primary:hover{background:#e7bd72}
.button-secondary{
  border-color:rgba(122,243,255,.28);
  background:rgba(122,243,255,.05);
}
.button-secondary:hover{border-color:rgba(122,243,255,.62)}
.button-ghost{color:var(--muted)}

.hero-proof{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-top:1.6rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.56rem;
  letter-spacing:.06em;
}
.hero-proof p{margin:0}
.hero-proof strong{color:var(--text);font-weight:600}
.live-dot{
  flex:0 0 auto;
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:var(--sage);
  box-shadow:0 0 0 5px rgba(135,207,174,.08),0 0 14px rgba(135,207,174,.4);
}

.hero-system{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 6px);
  background:
    radial-gradient(circle at 90% 8%,rgba(122,243,255,.08),transparent 15rem),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  box-shadow:var(--shadow);
}
.hero-system::before{
  content:"";
  position:absolute;
  width:18rem;
  aspect-ratio:1;
  left:var(--pointer-x);
  top:var(--pointer-y);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(122,243,255,.09),transparent 65%);
  filter:blur(20px);
  pointer-events:none;
}
.system-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--line);
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.15em;
}
.signal-chain{
  list-style:none;
  margin:0;
  padding:0;
}
.signal{
  position:relative;
  display:grid;
  grid-template-columns:2.3rem 1fr;
  gap:.2rem .8rem;
  padding:1rem 1.15rem;
  border-bottom:1px solid var(--line);
}
.signal::after{
  content:"";
  position:absolute;
  left:1.8rem;
  top:2.75rem;
  bottom:-.6rem;
  width:1px;
  background:linear-gradient(var(--line-strong),transparent);
}
.signal:last-child::after{display:none}
.signal > span{
  grid-row:1/3;
  color:var(--cyan);
  font-family:var(--mono);
  font-size:.53rem;
}
.signal strong{
  font-family:var(--serif);
  font-size:1.2rem;
  font-weight:500;
}
.signal small{
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.53rem;
}
.system-footer{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem 1.15rem;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.1em;
}
.system-footer i{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--gold),var(--cyan),transparent);
}

.facts-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:min(calc(100% - 2rem),var(--max));
  margin:0 auto clamp(5rem,9vw,8rem);
  border-block:1px solid var(--line);
}
.facts-strip > div{
  display:grid;
  gap:.15rem;
  padding:1.2rem 1rem;
  border-right:1px solid var(--line);
}
.facts-strip > div:last-child{border-right:0}
.facts-strip strong{
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:500;
}
.facts-strip span{
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.section-head{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(18rem,.58fr);
  gap:2rem;
  align-items:end;
  margin-bottom:2rem;
}
.section-head h2{
  margin:0;
  max-width:16ch;
  font-family:var(--serif);
  font-size:clamp(2.25rem,4.2vw,4.4rem);
  font-weight:500;
  line-height:1;
  letter-spacing:-.035em;
}
.section-head > p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.evidence-section{padding-bottom:clamp(5rem,10vw,9rem)}
.evidence-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1rem;
}
.evidence-card{
  --accent:var(--gold);
  grid-column:span 6;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:31rem;
  padding:1.25rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 32%),
    var(--panel);
  overflow:hidden;
}
.evidence-card:nth-child(3),
.evidence-card:nth-child(4),
.evidence-card:nth-child(5){grid-column:span 4}
.evidence-gold{--accent:var(--gold)}
.evidence-cyan{--accent:var(--cyan)}
.evidence-coral{--accent:var(--coral)}
.evidence-violet{--accent:var(--violet)}
.evidence-sage{--accent:var(--sage)}
.evidence-card::before{
  content:"";
  position:absolute;
  left:1.25rem;
  top:0;
  width:5rem;
  height:2px;
  background:var(--accent);
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 40%,transparent);
}
.card-top{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.11em;
}
.card-top b{
  color:var(--accent);
  font-size:.48rem;
}
.evidence-card h3{
  margin:2rem 0 .8rem;
  font-family:var(--serif);
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:500;
  letter-spacing:-.03em;
}
.evidence-card > p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.evidence-card dl{
  display:grid;
  gap:.9rem;
  margin:1.8rem 0 1.4rem;
}
.evidence-card dl div{
  display:grid;
  grid-template-columns:4.5rem 1fr;
  gap:.6rem;
  padding-top:.8rem;
  border-top:1px solid var(--line);
}
.evidence-card dt{
  color:var(--accent);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.evidence-card dd{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
.card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1rem;
  margin-top:auto;
}
.card-actions a{
  color:var(--text);
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.05em;
  text-decoration:none;
}
.card-actions a:hover{color:var(--accent)}

.method-section{
  padding-block:clamp(5rem,9vw,8rem);
  border-block:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.method-head{margin-bottom:2.6rem}
.method-flow{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.method-flow li{
  position:relative;
  min-height:10rem;
  padding:1rem .85rem;
  border-right:1px solid var(--line);
}
.method-flow li:last-child{border-right:0}
.method-flow li::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:0;
  height:1px;
  background:var(--cyan);
  transition:width .45s ease;
}
.method-flow li.is-visible::before{width:100%}
.method-flow span{
  display:block;
  color:var(--cyan);
  font-family:var(--mono);
  font-size:.48rem;
}
.method-flow strong{
  display:block;
  margin-top:1.25rem;
  font-family:var(--serif);
  font-size:1.2rem;
  font-weight:500;
}
.method-flow small{
  display:block;
  margin-top:.55rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.48rem;
  line-height:1.5;
}

.arc-section{padding-block:clamp(5rem,9vw,8rem)}
.arc-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--panel);
}
.arc-grid article{
  min-height:21rem;
  padding:1.15rem;
  border-right:1px solid var(--line);
}
.arc-grid article:last-child{border-right:0}
.arc-grid article > span{
  color:var(--gold);
  font-family:var(--mono);
  font-size:.5rem;
}
.arc-years{
  margin:2.7rem 0 .55rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.arc-grid h3{
  margin:0;
  font-family:var(--serif);
  font-size:1.45rem;
  font-weight:500;
  line-height:1.08;
}
.arc-grid article > p:last-child{
  margin:1rem 0 0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.65;
}
.arc-future{
  background:
    radial-gradient(circle at 90% 10%,rgba(122,243,255,.10),transparent 10rem),
    rgba(122,243,255,.025);
}

.doors-section{padding-bottom:clamp(5rem,10vw,9rem)}
.doors-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.door{
  --accent:var(--gold);
  display:flex;
  flex-direction:column;
  min-height:21rem;
  padding:1.2rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  text-decoration:none;
  transition:transform .25s ease,border-color .25s ease;
}
.door-gold{--accent:var(--gold)}
.door-cyan{--accent:var(--cyan)}
.door-sage{--accent:var(--sage)}
.door:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--accent) 42%,transparent);
}
.door > span{
  color:var(--accent);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.1em;
}
.door h3{
  margin:2.6rem 0 .7rem;
  font-family:var(--serif);
  font-size:2rem;
  font-weight:500;
}
.door p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.door b{
  margin-top:auto;
  padding-top:2rem;
  color:var(--accent);
  font-family:var(--mono);
  font-size:.58rem;
  letter-spacing:.06em;
}

.documents-section{
  padding-block:clamp(5rem,9vw,8rem);
  border-block:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.documents-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.document-group{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
}
.document-group-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--line);
}
.document-group-head span{
  color:var(--gold);
  font-family:var(--mono);
  font-size:.5rem;
}
.document-group-head h3{
  margin:0;
  font-family:var(--serif);
  font-size:1.4rem;
  font-weight:500;
}
.document-group > a{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  text-decoration:none;
}
.document-group > a:last-child{border-bottom:0}
.document-group > a:hover{
  background:rgba(122,243,255,.025);
  color:var(--text);
}
.document-group > a b{
  color:var(--cyan);
  font-family:var(--mono);
  font-size:.53rem;
}

.contact-section{padding-block:clamp(5rem,9vw,8rem)}
.contact-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
  padding:clamp(1.5rem,4vw,3rem);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 6px);
  background:
    radial-gradient(circle at 80% 0%,rgba(216,174,100,.08),transparent 22rem),
    var(--panel);
}
.contact-panel h2{
  margin:0;
  max-width:18ch;
  font-family:var(--serif);
  font-size:clamp(2.4rem,4.6vw,4.8rem);
  font-weight:500;
  line-height:1;
  letter-spacing:-.035em;
}
.contact-panel p:last-child{
  max-width:48rem;
  margin:1rem 0 0;
  color:var(--muted);
  line-height:1.7;
}
.contact-actions{
  display:grid;
  gap:.55rem;
  min-width:12rem;
}

.footer{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding-block:1.5rem 2rem;
  border-top:1px solid var(--line);
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.5rem;
  letter-spacing:.06em;
}
.footer > div{display:flex;align-items:center;gap:1rem}
.footer strong{color:var(--text);font-weight:600}
.footer a{text-decoration:none}
.footer a:hover{color:var(--cyan)}

.command{
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:start center;
  padding:12vh 1rem 1rem;
}
.command[hidden]{display:none}
.command-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(9px);
}
.command-panel{
  position:relative;
  z-index:1;
  width:min(100%,42rem);
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:1.2rem;
  background:var(--panel-strong);
  box-shadow:0 40px 120px rgba(0,0,0,.48);
}
.command-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1rem .8rem;
  border-bottom:1px solid var(--line);
}
.command-head span{
  color:var(--cyan);
  font-family:var(--mono);
  font-size:.46rem;
  letter-spacing:.12em;
}
.command-head h2{
  margin:.2rem 0 0;
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:500;
}
.command-head button{
  border:1px solid var(--line);
  border-radius:999px;
  padding:.35rem .55rem;
  background:transparent;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.48rem;
  cursor:pointer;
}
#command-input{
  width:calc(100% - 2rem);
  margin:1rem;
  border:1px solid var(--line);
  border-radius:.75rem;
  padding:.8rem .9rem;
  background:rgba(255,255,255,.02);
  color:var(--text);
}
#command-list{
  max-height:48vh;
  overflow:auto;
  list-style:none;
  margin:0;
  padding:0 1rem 1rem;
}
#command-list li{border-top:1px solid var(--line)}
#command-list li:first-child{border-top:0}
#command-list li.is-active{background:rgba(122,243,255,.045)}
#command-list a{
  display:block;
  padding:.82rem .65rem;
  text-decoration:none;
}
#command-list li.is-active a{color:var(--cyan)}
.noscript{
  position:fixed;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:200;
  padding:.8rem 1rem;
  border:1px solid var(--line-strong);
  border-radius:.75rem;
  background:var(--panel-strong);
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible{
  opacity:1;
  transform:none;
}

@media (max-width:1080px){
  .desktop-nav{display:none}
  .menu-toggle{display:flex}
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-copy{padding-top:2rem}
  .hero-system{max-width:44rem}
  .evidence-card,
  .evidence-card:nth-child(3),
  .evidence-card:nth-child(4),
  .evidence-card:nth-child(5){grid-column:span 6}
  .method-flow{grid-template-columns:repeat(4,1fr)}
  .method-flow li:nth-child(4){border-right:0}
  .method-flow li:nth-child(n+5){border-top:1px solid var(--line)}
  .arc-grid{grid-template-columns:repeat(2,1fr)}
  .arc-grid article{
    min-height:17rem;
    border-bottom:1px solid var(--line);
  }
  .arc-grid article:nth-child(2n){border-right:0}
  .arc-grid article:last-child{
    grid-column:1/-1;
    border-bottom:0;
  }
  .contact-panel{grid-template-columns:1fr}
  .contact-actions{display:flex;flex-wrap:wrap}
}

@media (max-width:760px){
  .topbar{min-height:66px;padding-inline:.75rem}
  .brand-copy small{display:none}
  .command-open{display:none}
  .mobile-menu{inset:66px 0 auto}
  .section-shell{width:min(calc(100% - 1.25rem),var(--max))}
  .hero{
    padding-block:3.5rem 4rem;
    gap:2.2rem;
  }
  .hero h1{font-size:clamp(2.8rem,14vw,4.7rem)}
  .hero-role{font-size:.58rem}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .button{width:100%}
  .hero-proof{align-items:flex-start}
  .hero-system{border-radius:1.1rem}
  .facts-strip{
    grid-template-columns:1fr 1fr;
    width:calc(100% - 1.25rem);
  }
  .facts-strip > div:nth-child(2){border-right:0}
  .facts-strip > div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section-head{
    grid-template-columns:1fr;
    gap:1rem;
  }
  .section-head h2{font-size:clamp(2.1rem,11vw,3.4rem)}
  .evidence-grid{grid-template-columns:1fr}
  .evidence-card,
  .evidence-card:nth-child(3),
  .evidence-card:nth-child(4),
  .evidence-card:nth-child(5){
    grid-column:auto;
    min-height:auto;
  }
  .evidence-card dl div{grid-template-columns:1fr}
  .method-flow{grid-template-columns:1fr 1fr}
  .method-flow li{min-height:8.5rem}
  .method-flow li:nth-child(2n){border-right:0}
  .method-flow li:nth-child(n+3){border-top:1px solid var(--line)}
  .method-flow li:last-child{
    grid-column:1/-1;
    border-right:0;
  }
  .arc-grid{grid-template-columns:1fr}
  .arc-grid article,
  .arc-grid article:nth-child(2n){
    min-height:auto;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .arc-grid article:last-child{grid-column:auto}
  .arc-years{margin-top:2rem}
  .doors-grid,
  .documents-grid{grid-template-columns:1fr}
  .door{min-height:17rem}
  .contact-actions{display:grid}
  .footer{
    display:grid;
    justify-items:start;
  }
  .footer > div{flex-wrap:wrap}
}

@media (max-width:420px){
  .brand-copy strong{font-size:.57rem}
  .brand-mark{width:2rem;height:2rem;font-size:.58rem}
  .segment{display:none}
  .theme-toggle{width:3.35rem;height:2.1rem}
  .menu-toggle{height:2.1rem}
  .hero h1{font-size:clamp(2.55rem,15vw,3.65rem)}
  .hero-lead{font-size:.96rem}
  .signal{grid-template-columns:2rem 1fr;padding:.9rem}
  .signal strong{font-size:1.05rem}
  .system-label,.system-footer{padding:.85rem .9rem}
  .facts-strip strong{font-size:1.12rem}
  .facts-strip span{font-size:.44rem}
  .evidence-card{padding:1rem}
  .evidence-card h3{font-size:1.8rem}
  .method-flow{grid-template-columns:1fr}
  .method-flow li,
  .method-flow li:nth-child(2n){
    min-height:auto;
    border-right:0;
    border-top:1px solid var(--line);
  }
  .method-flow li:first-child{border-top:0}
  .method-flow li:last-child{grid-column:auto}
  .method-flow strong{margin-top:.7rem}
  .door h3{font-size:1.7rem}
  .contact-panel{padding:1.1rem}
  .contact-panel h2{font-size:2.35rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .reveal{opacity:1;transform:none}
  .hero-system::before{display:none}
}

@media (forced-colors:active){
  .brand-mark,
  .evidence-card,
  .door,
  .document-group,
  .contact-panel,
  .hero-system{border-color:CanvasText}
}


/* ==========================================================================
   V7.1 · IDENTITY COVER
   Name first. Thesis second. The diagram is evidence of how the profile connects.
   ========================================================================== */

.hero-wow{
  grid-template-columns:minmax(0,1.18fr) minmax(27rem,.82fr);
  gap:clamp(2.5rem,5vw,6rem);
  align-items:center;
  min-height:calc(100svh - 76px);
  padding-block:clamp(2.4rem,5vw,5rem);
}

.hero-identity{
  min-width:0;
}

.hero-kicker-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  max-width:52rem;
  margin-bottom:clamp(1.2rem,2.2vw,2rem);
}

.hero-kicker-row .eyebrow{
  margin:0;
}

.hero-edition{
  flex:0 0 auto;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.48rem;
  letter-spacing:.16em;
}

.hero-name{
  position:relative;
  display:grid;
  align-content:start;
  width:min(100%,56rem);
  margin:0;
  line-height:.72;
  isolation:isolate;
}

.hero-name::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8%;
  top:23%;
  width:58%;
  height:42%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,174,100,.11),transparent 68%);
  filter:blur(28px);
}

.hero-name-first,
.hero-name-last{
  display:block;
  white-space:nowrap;
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.068em;
}

.hero-name-first{
  font-size:clamp(4.1rem,7.3vw,7.4rem);
  color:var(--text);
}

.hero-name-last{
  margin-top:.08em;
  padding-left:.16em;
  font-size:clamp(4.65rem,8.25vw,8.5rem);
  font-style:italic;
  color:var(--gold);
  text-shadow:0 18px 70px rgba(216,174,100,.12);
}

.hero-role-wow{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  margin:clamp(1.65rem,3vw,2.5rem) 0 .75rem;
  color:var(--text);
  font-size:.64rem;
  letter-spacing:.13em;
}

.hero-role-wow::before{
  content:"";
  width:2.7rem;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),transparent);
}

.hero-wow .hero-thesis{
  margin:0;
  max-width:30ch;
  font-family:var(--serif);
  font-size:clamp(1.95rem,3.2vw,3.4rem);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
}

.hero-thesis span,
.hero-thesis em{
  display:block;
}

.hero-wow .hero-thesis em{
  margin-top:.1em;
  color:var(--muted);
  font-style:italic;
  font-weight:400;
}

.hero-lead-wow{
  max-width:48rem;
  margin-top:1rem;
  font-size:clamp(.98rem,1.25vw,1.12rem);
  line-height:1.72;
}

.hero-proof-wow{
  margin-top:1.25rem;
}

.hero-orbit{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:clamp(1.35rem,2vw,2rem);
  background:
    radial-gradient(circle at 50% 48%,rgba(122,243,255,.055),transparent 18rem),
    radial-gradient(circle at 82% 8%,rgba(216,174,100,.06),transparent 13rem),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006));
  box-shadow:var(--shadow);
}

.hero-orbit::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.3;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at center,#000,transparent 74%);
}

.orbit-meta{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.46rem;
  letter-spacing:.14em;
}

.orbit-meta-top{
  border-bottom:1px solid var(--line);
}

.orbit-meta-bottom{
  border-top:1px solid var(--line);
}

.orbit-meta b{
  color:var(--cyan);
  font-size:.44rem;
  font-weight:600;
}

.orbit-field{
  position:relative;
  width:min(100%,35rem);
  aspect-ratio:1;
  margin:auto;
}

.orbit-ring,
.orbit-axis{
  position:absolute;
  pointer-events:none;
}

.orbit-ring{
  left:50%;
  top:50%;
  border:1px solid var(--line);
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.orbit-ring-1{
  width:35%;
  height:35%;
  border-color:rgba(122,243,255,.18);
}

.orbit-ring-2{
  width:63%;
  height:63%;
}

.orbit-ring-3{
  width:88%;
  height:88%;
  border-style:dashed;
  border-color:rgba(244,241,235,.09);
  animation:gb-orbit-spin 42s linear infinite;
}

.orbit-axis{
  background:linear-gradient(90deg,transparent,var(--line),transparent);
}

.orbit-axis-x{
  left:6%;
  right:6%;
  top:50%;
  height:1px;
}

.orbit-axis-y{
  top:6%;
  bottom:6%;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,var(--line),transparent);
}

.orbit-core{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:31%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(122,243,255,.26);
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 35%,rgba(122,243,255,.12),transparent 45%),
    rgba(7,8,9,.88);
  box-shadow:
    0 0 0 1rem rgba(122,243,255,.018),
    0 0 0 2.3rem rgba(122,243,255,.012),
    0 22px 70px rgba(0,0,0,.35);
  text-align:center;
}

html[data-theme="light"] .orbit-core{
  background:
    radial-gradient(circle at 42% 35%,rgba(122,243,255,.18),transparent 45%),
    rgba(244,241,233,.9);
}

.orbit-core small{
  color:var(--gold);
  font-family:var(--mono);
  font-size:.48rem;
  letter-spacing:.18em;
}

.orbit-core strong{
  margin-top:-.15rem;
  font-family:var(--serif);
  font-size:clamp(1.3rem,2.2vw,2rem);
  font-weight:500;
  letter-spacing:-.02em;
}

.orbit-core span{
  margin-top:-.2rem;
  color:var(--subtle);
  font-family:var(--mono);
  font-size:.38rem;
  line-height:1.5;
  letter-spacing:.14em;
}

.orbit-node{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:.45rem;
  min-height:2.2rem;
  padding:.45rem .62rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:var(--muted);
  font-family:var(--mono);
  font-size:.48rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.orbit-node i{
  color:var(--cyan);
  font-style:normal;
  font-size:.42rem;
}

.orbit-node-people{left:8%;top:17%}
.orbit-node-ops{right:6%;top:20%}
.orbit-node-data{right:2%;top:54%}
.orbit-node-systems{right:18%;bottom:9%}
.orbit-node-ai{left:6%;bottom:17%}

@keyframes gb-orbit-spin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@media (max-width:1080px){
  .hero-wow{
    grid-template-columns:1fr;
    gap:3rem;
    min-height:auto;
    padding-block:3.5rem 5rem;
  }

  .hero-name{
    width:min(100%,50rem);
  }

  .hero-name-first{font-size:clamp(4.4rem,11vw,7rem)}
  .hero-name-last{font-size:clamp(5rem,12.5vw,7.8rem)}

  .hero-orbit{
    width:min(100%,40rem);
    justify-self:center;
  }
}

@media (max-width:760px){
  .hero-wow{
    padding-block:2.6rem 4rem;
  }

  .hero-kicker-row{
    align-items:flex-start;
    margin-bottom:1.15rem;
  }

  .hero-kicker-row .eyebrow{
    max-width:20rem;
    font-size:.52rem;
    line-height:1.55;
  }

  .hero-edition{
    display:none;
  }

  .hero-name-first{
    font-size:clamp(3.55rem,17vw,5.35rem);
  }

  .hero-name-last{
    padding-left:.08em;
    font-size:clamp(4rem,19.5vw,6rem);
  }

  .hero-role-wow{
    margin-top:1.6rem;
    font-size:.53rem;
  }

  .hero-wow .hero-thesis{
    font-size:clamp(1.8rem,8.5vw,2.7rem);
  }

  .hero-lead-wow{
    font-size:.95rem;
  }

  .hero-orbit{
    border-radius:1.15rem;
  }

  .orbit-field{
    width:min(100%,29rem);
  }

  .orbit-node{
    min-height:1.9rem;
    padding:.38rem .5rem;
    font-size:.42rem;
  }

  .orbit-node-people{left:4%;top:14%}
  .orbit-node-ops{right:3%;top:18%}
  .orbit-node-data{right:0;top:54%}
  .orbit-node-systems{right:12%;bottom:8%}
  .orbit-node-ai{left:3%;bottom:14%}

  .orbit-meta{
    padding:.75rem .8rem;
    font-size:.4rem;
  }

  .orbit-meta-bottom span{
    max-width:70%;
    line-height:1.5;
  }
}

@media (max-width:420px){
  .hero-name-first{
    font-size:clamp(3.25rem,16.5vw,4.4rem);
  }

  .hero-name-last{
    font-size:clamp(3.7rem,18.5vw,5rem);
  }

  .hero-wow .hero-thesis{
    font-size:clamp(1.65rem,8.2vw,2.25rem);
  }

  .hero-actions{
    margin-top:1.35rem;
  }

  .orbit-node span{
    font-size:.38rem;
  }

  .orbit-node i{
    display:none;
  }

  .orbit-core{
    width:34%;
  }
}

@media (prefers-reduced-motion:reduce){
  .orbit-ring-3{animation:none}
}


/* ==========================================================================
   V8 · FINAL THREE WORLDS
   Identity first, then an unmistakable choice: Professional · Yoga · Systems Lab.
   ========================================================================== */

.world-selector{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:clamp(1.35rem,2vw,2rem);
  background:
    radial-gradient(circle at 82% 4%,rgba(122,243,255,.06),transparent 15rem),
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
  box-shadow:var(--shadow);
  touch-action:pan-y;
}

.world-selector-head{
  position:relative;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  border-bottom:1px solid var(--line);
}

.world-selector-head > div:first-child{
  display:grid;
  gap:.22rem;
}

.world-selector-head span{
  color:var(--gold);
  font-family:var(--mono);
  font-size:.46rem;
  font-weight:700;
  letter-spacing:.15em;
}

.world-selector-head strong{
  color:var(--muted);
  font-family:var(--mono);
  font-size:.48rem;
  font-weight:500;
  letter-spacing:.04em;
}

.world-carousel-controls{
  display:flex;
  align-items:center;
  gap:.42rem;
  flex:0 0 auto;
}

.world-carousel-controls button{
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:var(--muted);
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease;
}

.world-carousel-controls button:hover{
  color:var(--text);
  border-color:rgba(122,243,255,.42);
  background:rgba(122,243,255,.05);
  transform:translateY(-1px);
}

.world-carousel-controls > span{
  min-width:3.2rem;
  color:var(--subtle);
  text-align:center;
  font-size:.43rem;
}

.world-stage{
  position:relative;
  min-height:34.5rem;
  overflow:hidden;
  isolation:isolate;
}

.world-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.23;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at center,#000,transparent 80%);
}

.world-card{
  --world-accent:var(--gold);
  position:absolute;
  inset:0;
  display:grid;
  opacity:0;
  visibility:hidden;
  transform:translateX(7%) scale(.985);
  transition:
    opacity .38s ease,
    transform .46s cubic-bezier(.2,.75,.2,1),
    visibility 0s linear .46s;
  pointer-events:none;
}

.world-card.is-active{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0s;
  pointer-events:auto;
}

.world-professional{--world-accent:var(--gold)}
.world-yoga{--world-accent:var(--sage)}
.world-lab{--world-accent:var(--cyan)}

.world-card-link{
  display:grid;
  grid-template-rows:minmax(16.5rem,1fr) auto;
  min-height:100%;
  color:inherit;
  text-decoration:none;
}

.world-card-link::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid transparent;
  border-radius:inherit;
  pointer-events:none;
  transition:border-color .22s ease,box-shadow .22s ease;
}

.world-card-link:hover::after{
  border-color:color-mix(in srgb,var(--world-accent) 30%,transparent);
  box-shadow:inset 0 0 80px color-mix(in srgb,var(--world-accent) 4%,transparent);
}

.world-art{
  position:relative;
  min-height:0;
  overflow:hidden;
}

.world-art::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18rem;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--world-accent) 10%,transparent),transparent 68%);
  filter:blur(4px);
}

.world-card-copy{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:1fr auto;
  gap:.45rem 1rem;
  align-items:end;
  padding:1rem 1.1rem 1.15rem;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(7,8,9,.36),rgba(7,8,9,.78));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

html[data-theme="light"] .world-card-copy{
  background:linear-gradient(180deg,rgba(244,241,233,.46),rgba(244,241,233,.9));
}

.world-code{
  grid-column:1/-1;
  color:var(--world-accent);
  font-family:var(--mono);
  font-size:.46rem;
  font-weight:700;
  letter-spacing:.14em;
}

.world-card h2{
  grid-column:1/-1;
  margin:.15rem 0 0;
  max-width:14ch;
  font-family:var(--serif);
  font-size:clamp(1.85rem,3vw,2.75rem);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.035em;
}

.world-card p{
  margin:.25rem 0 0;
  max-width:34rem;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.55;
}

.world-enter{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  align-self:end;
  gap:.85rem;
  min-width:10.5rem;
  min-height:2.7rem;
  border:1px solid color-mix(in srgb,var(--world-accent) 55%,transparent);
  border-radius:999px;
  padding:.62rem .8rem;
  background:color-mix(in srgb,var(--world-accent) 12%,transparent);
  color:var(--text);
  font-family:var(--mono);
  font-size:.5rem;
  font-weight:700;
  letter-spacing:.045em;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
}

.world-card-link:hover .world-enter{
  transform:translateX(3px);
  background:color-mix(in srgb,var(--world-accent) 20%,transparent);
  border-color:var(--world-accent);
}

.world-enter b{
  color:var(--world-accent);
  font-size:.8rem;
}

/* Professional world: customer signals becoming action. */
.customer-ring{
  position:absolute;
  left:50%;
  top:49%;
  border:1px solid rgba(216,174,100,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.ring-a{width:53%;aspect-ratio:1}
.ring-b{width:79%;aspect-ratio:1;border-style:dashed;animation:world-spin 36s linear infinite}
.customer-core{
  position:absolute;
  left:50%;
  top:49%;
  display:grid;
  place-items:center;
  width:26%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(216,174,100,.34);
  border-radius:50%;
  background:rgba(216,174,100,.055);
  color:var(--gold);
  font:700 .48rem/1.45 var(--mono);
  letter-spacing:.13em;
  text-align:center;
  box-shadow:0 0 0 1rem rgba(216,174,100,.018);
}
.customer-node{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:3.1rem;
  height:2rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:color-mix(in srgb,var(--bg) 84%,transparent);
  color:var(--muted);
  font:700 .43rem var(--mono);
  letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.node-a{left:15%;top:20%}
.node-b{right:14%;top:21%}
.node-c{left:11%;bottom:20%}
.node-d{right:13%;bottom:18%}

/* Yoga world: deliberately quiet, but alive. */
.world-art-yoga{
  background:
    radial-gradient(circle at 50% 52%,rgba(135,207,174,.09),transparent 30%),
    linear-gradient(180deg,rgba(135,207,174,.018),transparent);
}
.lotus{
  position:absolute;
  left:50%;
  top:49%;
  width:14rem;
  height:12rem;
  transform:translate(-50%,-50%);
}
.lotus-petal,
.lotus-center{
  position:absolute;
  left:50%;
  bottom:13%;
  width:4.5rem;
  height:8.1rem;
  transform-origin:50% 100%;
  border:1px solid rgba(135,207,174,.42);
  border-radius:70% 70% 55% 55%;
  background:linear-gradient(180deg,rgba(135,207,174,.13),rgba(135,207,174,.015));
  box-shadow:inset 0 0 30px rgba(135,207,174,.05);
}
.lotus .p1{transform:translateX(-50%) rotate(-58deg)}
.lotus .p2{transform:translateX(-50%) rotate(-36deg)}
.lotus .p3{transform:translateX(-50%) rotate(-17deg)}
.lotus .p4{transform:translateX(-50%) rotate(17deg)}
.lotus .p5{transform:translateX(-50%) rotate(36deg)}
.lotus .p6{transform:translateX(-50%) rotate(58deg)}
.lotus-center{
  width:4rem;
  height:8.7rem;
  transform:translateX(-50%);
  border-color:rgba(216,174,100,.32);
  background:linear-gradient(180deg,rgba(216,174,100,.11),rgba(135,207,174,.02));
}
.breath-ring{
  position:absolute;
  left:50%;
  top:53%;
  border:1px solid rgba(135,207,174,.12);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:world-breathe 5.6s ease-in-out infinite;
}
.breath-a{width:18rem;aspect-ratio:1}
.breath-b{width:24rem;aspect-ratio:1;animation-delay:-2.8s}

/* Systems Lab world: wand, sparks, things becoming real. */
.world-art-lab{
  background:
    radial-gradient(circle at 65% 34%,rgba(122,243,255,.08),transparent 24%),
    radial-gradient(circle at 37% 62%,rgba(189,156,255,.07),transparent 26%);
}
.lab-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(122,243,255,.14);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-18deg);
}
.lab-orbit-a{width:68%;height:30%}
.lab-orbit-b{width:38%;height:75%;transform:translate(-50%,-50%) rotate(46deg)}
.magic-wand{
  position:absolute;
  left:50%;
  top:51%;
  width:12.5rem;
  height:.62rem;
  transform:translate(-55%,-50%) rotate(-38deg);
  border:1px solid rgba(122,243,255,.36);
  border-radius:999px;
  background:linear-gradient(90deg,#202329 0 72%,rgba(122,243,255,.42) 72% 100%);
  box-shadow:0 0 24px rgba(122,243,255,.1);
}
.magic-wand::after{
  content:"";
  position:absolute;
  right:-.3rem;
  top:50%;
  width:.8rem;
  aspect-ratio:1;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px var(--cyan),0 0 30px rgba(122,243,255,.58),0 0 55px rgba(189,156,255,.28);
}
.magic-wand i{
  position:absolute;
  left:9%;
  top:50%;
  width:12%;
  height:1px;
  transform:translateY(-50%);
  background:var(--gold);
}
.spark{
  position:absolute;
  color:var(--cyan);
  font-family:var(--serif);
  text-shadow:0 0 18px rgba(122,243,255,.65);
  animation:world-spark 3.8s ease-in-out infinite;
}
.s1{left:68%;top:26%;font-size:1.4rem}
.s2{left:76%;top:39%;font-size:1rem;animation-delay:-1.1s}
.s3{left:58%;top:17%;font-size:.85rem;animation-delay:-2s;color:var(--violet)}
.s4{left:82%;top:23%;font-size:2rem;animation-delay:-2.8s}

.world-dots{
  position:relative;
  z-index:8;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
}

.world-dots button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  min-height:2.8rem;
  border:0;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.012);
  color:var(--subtle);
  cursor:pointer;
  transition:color .2s ease,background-color .2s ease;
}

.world-dots button:last-child{border-right:0}
.world-dots button:hover{color:var(--text);background:rgba(255,255,255,.025)}
.world-dots button.is-active{color:var(--text);background:rgba(122,243,255,.025)}
.world-dots button > span{
  width:.38rem;
  height:.38rem;
  border-radius:50%;
  background:currentColor;
}
.world-dots button.is-active > span{
  background:var(--cyan);
  box-shadow:0 0 10px rgba(122,243,255,.55);
}
.world-dots b{
  font-family:var(--mono);
  font-size:.45rem;
  font-weight:700;
  letter-spacing:.13em;
}

/* Clicks should look clickable. Revolutionary concept. */
.card-actions{
  gap:.5rem;
}
.card-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.55rem;
  border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  border-radius:999px;
  padding:.56rem .78rem;
  background:color-mix(in srgb,var(--accent) 7%,transparent);
  color:var(--text);
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;
}
.card-actions a:first-child{
  border-color:color-mix(in srgb,var(--accent) 66%,transparent);
  background:color-mix(in srgb,var(--accent) 14%,transparent);
}
.card-actions a:hover{
  transform:translateY(-2px);
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 20%,transparent);
  color:var(--text);
}

.door{
  box-shadow:0 16px 55px -42px color-mix(in srgb,var(--accent) 48%,transparent);
}
.door b{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,transparent);
  padding-bottom:.2rem;
}

@keyframes world-spin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes world-breathe{
  0%,100%{opacity:.22;transform:translate(-50%,-50%) scale(.93)}
  50%{opacity:.72;transform:translate(-50%,-50%) scale(1.04)}
}
@keyframes world-spark{
  0%,100%{opacity:.28;transform:translateY(0) scale(.92)}
  50%{opacity:1;transform:translateY(-5px) scale(1.06)}
}

@media (max-width:1080px){
  .world-selector{
    width:min(100%,42rem);
    justify-self:center;
  }
  .world-stage{min-height:32rem}
}

@media (max-width:760px){
  .world-selector-head{
    align-items:flex-start;
    padding:.8rem;
  }
  .world-selector-head strong{
    max-width:15rem;
    line-height:1.4;
  }
  .world-carousel-controls button{
    width:2rem;
    height:2rem;
  }
  .world-carousel-controls > span{display:none}
  .world-stage{min-height:31rem}
  .world-card-link{
    grid-template-rows:minmax(14rem,1fr) auto;
  }
  .world-card-copy{
    grid-template-columns:1fr;
    gap:.42rem;
    padding:.9rem;
  }
  .world-card h2{
    font-size:clamp(1.65rem,8vw,2.25rem);
  }
  .world-card p{
    font-size:.82rem;
  }
  .world-enter{
    width:100%;
    min-width:0;
    margin-top:.25rem;
  }
  .customer-core{width:29%}
  .lotus{transform:translate(-50%,-48%) scale(.82)}
  .breath-a{width:15rem}
  .breath-b{width:20rem}
  .magic-wand{width:10rem}
}

@media (max-width:420px){
  .world-stage{min-height:29rem}
  .world-selector-head > div:first-child strong{font-size:.42rem}
  .world-card-link{grid-template-rows:minmax(12.5rem,1fr) auto}
  .world-card h2{font-size:1.6rem}
  .world-card p{font-size:.78rem;line-height:1.48}
  .world-dots button{min-height:2.55rem}
  .customer-node{min-width:2.65rem;height:1.8rem;font-size:.38rem}
  .customer-core{font-size:.4rem}
  .lotus{transform:translate(-50%,-47%) scale(.7)}
  .lab-orbit-a{width:76%}
  .lab-orbit-b{width:44%}
}

@media (prefers-reduced-motion:reduce){
  .ring-b,
  .breath-ring,
  .spark{animation:none}
  .world-card{transition:none}
}


.world-noscript{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.5rem;
  padding:.8rem;
  border-top:1px solid var(--line);
}
.world-noscript a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.8rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font:700 .5rem var(--mono);
  text-decoration:none;
}
.world-noscript a:hover{border-color:var(--cyan)}
@media (max-width:760px){
  .world-noscript{grid-template-columns:1fr}
}


/* GRACIANB · CV 2026 signature.
   Source: the actual CV artwork (#14140f / #f7f5ef / #daa428 / #26332f).
   The parent hub owns ink, parchment and ochre; the world cards retain
   Professional silver, Yoga botanical green, and Systems Lab electric cyan. */
:root{
 --cv-ink:#14140f;--cv-paper:#f7f5ef;--cv-ochre:#daa428;--cv-forest:#26332f;
 --bg:var(--cv-ink);--bg-soft:#1b1c16;--panel:rgba(31,32,25,.93);
 --panel-strong:#25261f;--text:var(--cv-paper);--muted:#cbc4b5;--subtle:#aaa293;
 --line:rgba(247,245,239,.15);--line-strong:rgba(247,245,239,.28);
 --gold:var(--cv-ochre);--cyan:#c9b99a;--coral:#c09c62;--violet:#a8afa1;--sage:#a0b0a0;
 --shadow:0 24px 80px rgba(0,0,0,.38);
}
html[data-theme="light"]{
 --bg:var(--cv-paper);--bg-soft:#eeece5;--panel:rgba(255,254,250,.94);
 --panel-strong:#fffefa;--text:var(--cv-forest);--muted:#55574f;--subtle:#64655c;
 --line:rgba(38,51,47,.16);--line-strong:rgba(38,51,47,.30);
 --gold:#80600d;--cyan:#53675a;--coral:#8e6524;--violet:#596a59;--sage:#486c55;
 --shadow:0 22px 66px rgba(38,51,47,.08);
}
body{background:radial-gradient(circle at 12% 10%,rgba(218,164,40,.075),transparent 29rem),radial-gradient(circle at 85% 28%,rgba(113,132,109,.045),transparent 32rem),var(--bg)}
html[data-theme="light"] body{background:radial-gradient(circle at 12% 10%,rgba(218,164,40,.055),transparent 29rem),radial-gradient(circle at 86% 26%,rgba(38,51,47,.035),transparent 32rem),var(--bg)}
::selection{background:rgba(218,164,40,.27);color:var(--text)}
:focus-visible{outline-color:var(--gold)}
.ambient-orb-a{background:var(--cv-ochre)}.ambient-orb-b{background:var(--cv-forest)}
.scroll-progress i{background:linear-gradient(90deg,var(--cv-ochre),#8c987d);box-shadow:0 0 12px rgba(218,164,40,.16)}
.topbar{background:linear-gradient(to bottom,rgba(20,20,15,.97),rgba(20,20,15,.89));border-bottom-color:var(--line)}
html[data-theme="light"] .topbar{background:linear-gradient(to bottom,rgba(247,245,239,.98),rgba(247,245,239,.91))}
.brand-mark{border-color:rgba(218,164,40,.43);border-radius:12px;color:var(--gold);box-shadow:inset 0 0 0 4px rgba(218,164,40,.055)}
.desktop-nav a::after{background:var(--gold)}
.topbar-actions{flex-shrink:0}
.segment,.theme-toggle,.command-open,.menu-toggle{border-color:var(--line-strong);background:color-mix(in srgb,var(--panel-strong) 88%,transparent)}
.segment button{color:var(--muted);min-width:2.15rem}
.segment button.is-active{background:var(--cv-ochre);color:var(--cv-ink)}
html[data-theme="light"] .segment button.is-active{background:var(--cv-forest);color:var(--cv-paper)}
html[data-theme="dark"] .theme-moon,html[data-theme="light"] .theme-sun{background:var(--cv-ochre);color:var(--cv-ink)}
html[data-theme="light"] .theme-sun{background:var(--cv-forest);color:var(--cv-paper)}
.mobile-menu{background:#1b1c16}
html[data-theme="light"] .mobile-menu{background:var(--cv-paper)}
.hero{padding-block:clamp(3.5rem,7vw,7rem)}
.hero-name-last{color:var(--cv-ochre)}
html[data-theme="light"] .hero-name-last{color:#80600d}
.hero-thesis em{color:#c8c0af}
html[data-theme="light"] .hero-thesis em{color:#4a4842}
.button-primary{background:var(--cv-ochre);border-color:var(--cv-ochre);color:var(--cv-ink)}
.button-primary:hover{background:#edbb43}
html[data-theme="light"] .button-primary{background:var(--cv-forest);border-color:var(--cv-forest);color:var(--cv-paper)}
.button-secondary{border-color:rgba(218,164,40,.34);background:rgba(218,164,40,.065)}
.button-secondary:hover{border-color:var(--gold)}
.live-dot{background:#a0b0a0;box-shadow:0 0 0 5px rgba(160,176,160,.10)}
.world-selector{border-color:var(--line-strong);box-shadow:var(--shadow);background:radial-gradient(circle at 80% 10%,rgba(218,164,40,.05),transparent 18rem),var(--panel)}
.world-selector-head{border-bottom-color:var(--line-strong)}
/* Local identity belongs to each world, not to the parent hub. */
.world-professional{--world-accent:#d7cbb8}
html[data-theme="light"] .world-professional{--world-accent:#786d62}
.world-yoga{--world-accent:#87cfae;--sage:#87cfae}
html[data-theme="light"] .world-yoga{--world-accent:#286953}
.world-lab{--world-accent:#7af3ff;--cyan:#7af3ff;--violet:#bd9cff}
html[data-theme="light"] .world-lab{--world-accent:#176b92}
.world-professional .world-art{background:radial-gradient(circle at 52% 45%,rgba(221,213,198,.13),transparent 46%),linear-gradient(145deg,#353b3d,#1d272d)}
html[data-theme="light"] .world-professional .world-art{background:radial-gradient(circle at 52% 45%,rgba(193,175,151,.2),transparent 46%),linear-gradient(145deg,#fffaf3,#ded6c9)}
.world-professional .customer-ring{border-color:rgba(221,207,186,.4)}
.world-professional .customer-core{border-color:rgba(221,207,186,.6);background:rgba(208,199,185,.09);color:#e7daca}
html[data-theme="light"] .world-professional .customer-core{color:#655547}
.world-professional .customer-node{border-color:rgba(221,207,186,.42);color:#eee2d1;background:rgba(31,39,42,.88)}
html[data-theme="light"] .world-professional .customer-node{color:#344249;background:rgba(252,248,241,.89)}
.world-professional .world-enter{border-color:var(--world-accent)}
.world-yoga .world-art{background:radial-gradient(circle at 50% 53%,rgba(79,164,120,.16),transparent 48%),linear-gradient(145deg,#15392e,#112821)}
html[data-theme="light"] .world-yoga .world-art{background:radial-gradient(circle at 50% 53%,rgba(115,180,141,.2),transparent 48%),linear-gradient(145deg,#e7f3e9,#cfe5d6)}
.world-lab .world-art{background:radial-gradient(circle at 65% 34%,rgba(122,243,255,.18),transparent 40%),linear-gradient(145deg,#102b49,#171b3a)}
html[data-theme="light"] .world-lab .world-art{background:radial-gradient(circle at 65% 34%,rgba(70,161,217,.14),transparent 42%),linear-gradient(145deg,#e7f3fb,#dce5fc)}
/* The active carousel dot follows the selected universe using CSS :has. */
.world-selector:has(.world-professional.is-active){--active-world-color:#d7cbb8}
.world-selector:has(.world-yoga.is-active){--active-world-color:#87cfae}
.world-selector:has(.world-lab.is-active){--active-world-color:#7af3ff}
.world-dots button.is-active{background:color-mix(in srgb,var(--active-world-color,var(--gold)) 11%,transparent)}
.world-dots button.is-active>span{background:var(--active-world-color,var(--gold));box-shadow:0 0 10px color-mix(in srgb,var(--active-world-color,var(--gold)) 45%,transparent)}
.world-noscript a:hover{border-color:var(--gold)}
@media(max-width:760px){.topbar{gap:.45rem}.topbar-actions{gap:.3rem}.hero{padding-block:clamp(2.5rem,7vw,4rem)}}
@media(prefers-reduced-motion:reduce){.ambient-orb{filter:none;opacity:.025}}


/* HUB V10 · Readable interactive controls and responsive motion contract */
:root{--control-font:clamp(.82rem,.68rem + .22vw,.96rem);--control-small:clamp(.72rem,.67rem + .13vw,.82rem);--control-touch:44px;--control-ease:cubic-bezier(.22,1,.36,1)}
.button,.card-actions a,.world-enter,.world-dots button,.world-carousel-controls button,.world-noscript a,.door,.segment button,.command-open,.menu-toggle,.theme-toggle{
  -webkit-tap-highlight-color:transparent;
  transition:transform .24s var(--control-ease),background-color .2s ease,border-color .2s ease,box-shadow .24s ease,color .2s ease;
}
.button,.card-actions a,.world-enter,.world-noscript a{
  font-size:var(--control-font);line-height:1.35;letter-spacing:.015em;
  min-height:48px;padding:.78rem 1.05rem;gap:.75rem;white-space:normal;overflow-wrap:break-word;
}
.hero-actions .button{font-weight:700;border-radius:12px;box-shadow:0 8px 24px rgba(7,12,15,.08)}
.hero-actions .button-primary{box-shadow:0 10px 26px rgba(216,201,178,.12)}
.card-actions a{justify-content:center;text-align:center;border-radius:10px}
.door{border-radius:16px}
.door b{font-size:var(--control-small);line-height:1.35;letter-spacing:.035em}
.world-enter{width:max-content;min-width:0;border-radius:12px;font-weight:750}
.world-enter b{font-size:1.12rem;line-height:1}
.world-selector-head>div:first-child strong{font-size:clamp(.84rem,.73rem + .2vw,1.05rem);line-height:1.4}
.world-selector-head>div:first-child>span{font-size:var(--control-small);letter-spacing:.09em}
.world-dots button{min-height:48px;gap:.48rem;padding:.65rem .35rem}
.world-dots b{font-size:var(--control-small);line-height:1.25;letter-spacing:.04em}
.world-carousel-controls button{min-width:44px;width:44px;min-height:44px;height:44px;font-size:1.05rem;border-radius:10px}
.world-carousel-controls>span{font-size:.75rem}
.segment{border-radius:11px}
.segment button{min-width:42px;min-height:42px;height:42px;font-size:.81rem;border-radius:9px;font-weight:700}
.command-open,.theme-toggle,.menu-toggle{min-height:44px;height:44px;border-radius:11px}
.command-open span,.menu-toggle b{font-size:var(--control-small)}
.theme-toggle{width:76px}
.theme-toggle span{min-width:33px;min-height:33px;font-size:1rem}
html[data-theme="dark"] .theme-moon,html[data-theme="light"] .theme-sun{height:34px}
.desktop-nav a{font-size:clamp(.7rem,.63rem + .12vw,.83rem);letter-spacing:.05em}
.mobile-menu a{min-height:48px}
:where(.button,.card-actions a,.world-enter,.world-dots button,.world-carousel-controls button,.world-noscript a,.door,.segment button,.command-open,.menu-toggle,.theme-toggle):focus-visible{
  outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 15%,transparent);
}
@media(hover:hover) and (pointer:fine){
 .button:hover,.card-actions a:hover,.world-enter:hover,.world-noscript a:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(8,12,15,.16)}
 .world-carousel-controls button:hover,.world-dots button:hover,.segment button:hover,.theme-toggle:hover,.command-open:hover{border-color:var(--gold);transform:translateY(-1px)}
 .door:hover{transform:translateY(-3px)}
}
:where(.button,.card-actions a,.world-enter,.world-carousel-controls button,.world-dots button,.segment button,.theme-toggle,.command-open):active{transform:translateY(0) scale(.985)}
html[data-theme="light"] .hero-actions .button-secondary{background:#fffefa;border-color:#a69a7a;color:var(--cv-forest)}
html[data-theme="light"] .hero-actions .button-ghost{background:#eeece5;border-color:#b1ab9b;color:var(--cv-forest)}
html[data-theme="light"] .world-dots button.is-active{background:#ece8de}
html[data-theme="light"] .world-dots button{color:#4e544d}
html[data-theme="light"] .world-enter{color:var(--cv-forest)}
@media(max-width:1080px){
 .desktop-nav{gap:.75rem}
 .topbar{padding-inline:max(.8rem,env(safe-area-inset-left))}
}
@media(max-width:760px){
 .topbar{min-height:76px;gap:.4rem}
 .topbar-actions{gap:.32rem}
 .button,.card-actions a,.world-enter{font-size:.88rem}
 .world-enter{width:100%}
 .world-dots b{font-size:clamp(.68rem,2.6vw,.8rem)}
 .world-selector-head>div:first-child strong{font-size:.88rem;max-width:none}
 .world-carousel-controls button{width:44px;height:44px}
 .brand-copy small{display:none}
}
@media(max-width:420px){
 .topbar .brand-copy strong{font-size:.65rem}
 .topbar .brand-mark{flex-shrink:0}
 .topbar .command-open{display:none}
 .world-dots button{padding:.6rem .15rem}
 .world-dots b{font-size:.67rem}
 .world-card-copy{padding:1rem}
 .world-card p{font-size:.87rem;line-height:1.55}
 .world-selector-head{gap:.55rem}
}
@media(prefers-reduced-motion:reduce){
 .button,.card-actions a,.world-enter,.world-dots button,.world-carousel-controls button,.world-noscript a,.door,.segment button,.command-open,.menu-toggle,.theme-toggle{transition:none;animation:none}
 :where(.button,.card-actions a,.world-enter,.world-carousel-controls button,.world-dots button,.segment button,.theme-toggle,.command-open):hover{transform:none}
}


/* V12 shared design grammar: each world owns its visual language. */
.world-professional .world-professional-sigil,.world-lab .world-lab-sigil{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(64%,285px);height:min(86%,320px);pointer-events:none;filter:drop-shadow(0 0 16px color-mix(in srgb,currentColor 22%,transparent))}
.world-professional .world-professional-sigil{color:#d9cbb8;opacity:.84}
.world-lab .world-lab-sigil{color:#7af3ff;opacity:.88;width:min(50%,210px)}
.world-professional .customer-ring,.world-professional .customer-node,.world-professional .customer-core{opacity:.23}
.world-lab .lab-orbit,.world-lab .magic-wand,.world-lab .spark{opacity:.18}
.world-yoga .lotus{filter:drop-shadow(0 0 15px rgba(135,207,174,.16))}
html[data-theme="light"] .world-professional .world-professional-sigil{color:#786a58}
html[data-theme="light"] .world-lab .world-lab-sigil{color:#176b92}
@media(max-width:760px){.world-professional .world-professional-sigil{width:min(64%,220px)}.world-lab .world-lab-sigil{width:min(45%,180px)}}
@media(prefers-reduced-motion:reduce){.world-professional-sigil,.world-lab-sigil{animation:none}}

/* RevOps is a roadmap item, never a live entry point. */
.revops-soon{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);font-size:var(--control-font);font-weight:700;cursor:not-allowed;text-align:center}

/* V13 · CV parchment light mode and ink signature. World-specific colors remain scoped. */
html[data-theme="light"] body{background:radial-gradient(circle at 70% 8%,rgba(218,164,40,.045),transparent 38rem),var(--cv-paper);color:var(--cv-forest)}
html[data-theme="light"] .topbar{background:rgba(247,245,239,.96)}
html[data-theme="light"] .hero-actions .button-secondary{background:#fffefa;border-color:#9e947b;color:var(--cv-forest)}
html[data-theme="light"] .hero-actions .button-ghost{background:#eeece5;border-color:#b1aa9d;color:var(--cv-forest)}
html[data-theme="light"] .world-dots button{color:#4c554d}
html[data-theme="light"] .world-dots button.is-active{background:color-mix(in srgb,var(--active-world-color,var(--cv-ochre)) 13%,var(--cv-paper))}
html[data-theme="light"] .world-enter{color:var(--text)}


/* V14 · Strict independent identity per world; silver and beige only in Professional. */
.world-professional {--world-accent:#d6d5d0;--gold:#d6d5d0}
.world-professional .world-art{background:radial-gradient(circle at 51% 47%,rgba(220,219,214,.21),transparent 45%),linear-gradient(135deg,#373a3d,#171a1d 80%)}
.world-professional .world-professional-sigil{color:#e2ded4;opacity:1;filter:drop-shadow(0 0 12px rgba(235,232,225,.48)) drop-shadow(0 0 32px rgba(214,203,184,.3))}
.world-professional .customer-node,.world-professional .customer-core{color:#ede2d2;border-color:rgba(219,216,209,.3)}
.world-professional .world-card-copy{background:linear-gradient(180deg,rgba(30,32,34,.93),#1c1e20);color:#f4f0ea}
.world-professional .world-code,.world-professional .world-enter b{color:#e5d4bc}
.world-professional .world-enter{background:rgba(214,209,200,.1);border-color:#bfc0bc;color:#f4f0ea}
html[data-theme="light"] .world-professional{--world-accent:#807565}
html[data-theme="light"] .world-professional .world-art{background:radial-gradient(circle at center,rgba(211,201,182,.36),transparent 48%),linear-gradient(145deg,#fdfaf5,#e5ded3)}
html[data-theme="light"] .world-professional .world-professional-sigil{color:#827362;filter:drop-shadow(0 0 10px rgba(173,156,132,.25))}
html[data-theme="light"] .world-professional .world-card-copy{background:linear-gradient(180deg,#f8f4ed,#e9e2d7);color:#293136}
html[data-theme="light"] .world-professional .world-code,html[data-theme="light"] .world-professional .world-enter b{color:#75624d}
html[data-theme="light"] .world-professional .world-enter{color:#293136;border-color:#938674;background:rgba(139,121,99,.08)}
.world-yoga .lotus{filter:drop-shadow(0 0 13px rgba(135,207,174,.37)) drop-shadow(0 0 34px rgba(82,155,117,.17))}
.world-lab .world-lab-sigil{opacity:1;filter:drop-shadow(0 0 10px rgba(122,243,255,.6)) drop-shadow(0 0 34px rgba(32,169,229,.26))}
.world-selector:has(.world-professional.is-active){--active-world-color:#d6d5d0}
html[data-theme="light"] .world-selector:has(.world-professional.is-active){--active-world-color:#807565}
@media(prefers-reduced-motion:reduce){.world-professional .world-professional-sigil,.world-yoga .lotus,.world-lab .world-lab-sigil{animation:none}}


/* V16 · Full-canvas editorial hub cover: one identity, three distinct universes. */
@media(min-width:1081px){
.hero.hero-wow{width:min(100% - 2.5rem,1440px);max-width:1440px;min-height:calc(100svh - 88px);padding-block:clamp(1.3rem,3vh,2.8rem);grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);gap:clamp(2rem,3.4vw,4.5rem);align-items:stretch}
.hero.hero-wow .hero-identity{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-block:clamp(.5rem,2vh,1.8rem)}
.hero.hero-wow .hero-kicker-row{margin-bottom:clamp(1rem,2vh,1.5rem)}
.hero.hero-wow .hero-name{line-height:.78;width:100%}
.hero.hero-wow .hero-name-first{font-size:clamp(4rem,6.1vw,6.8rem)}
.hero.hero-wow .hero-name-last{font-size:clamp(4.4rem,6.75vw,7.7rem);margin-top:.04em}
.hero.hero-wow .hero-role-wow{margin:clamp(1.1rem,2.5vh,1.8rem) 0 .65rem}
.hero.hero-wow .hero-thesis{font-size:clamp(1.9rem,2.75vw,3.05rem);line-height:1.07;max-width:29ch}
.hero.hero-wow .hero-lead-wow{max-width:57ch;margin-top:clamp(.7rem,1.6vh,1.15rem);line-height:1.57}
.hero.hero-wow .hero-actions{margin-top:clamp(1.2rem,2.2vh,1.9rem)}
.hero.hero-wow .hero-proof-wow{margin-top:clamp(1rem,2.2vh,1.8rem)}
.hero.hero-wow .world-selector{display:flex;flex-direction:column;min-height:0;height:100%;align-self:stretch}
.hero.hero-wow .world-stage{flex:1;min-height:0;height:auto}
.hero.hero-wow .world-card{height:100%}
.hero.hero-wow .world-card-link{height:100%;grid-template-rows:minmax(0,1fr) auto}
.hero.hero-wow .world-art{min-height:0}
}
@media(min-width:1081px) and (max-height:790px){
.hero.hero-wow{min-height:calc(100svh - 80px);padding-block:1.2rem}
.hero.hero-wow .hero-name-first{font-size:clamp(3.6rem,5.25vw,5.4rem)}
.hero.hero-wow .hero-name-last{font-size:clamp(4rem,5.75vw,6.15rem)}
.hero.hero-wow .hero-role-wow{margin-top:1rem}
.hero.hero-wow .hero-thesis{font-size:clamp(1.7rem,2.4vw,2.55rem)}
.hero.hero-wow .hero-lead-wow{font-size:.95rem;line-height:1.45}
.hero.hero-wow .hero-actions{margin-top:1rem}
.hero.hero-wow .hero-proof-wow{margin-top:.8rem}
}
@media(max-width:1080px){
.hero.hero-wow{padding-block:clamp(1.5rem,4vw,3rem) clamp(2.3rem,5vw,4rem);gap:clamp(1.4rem,3vw,2.5rem)}
.hero.hero-wow .hero-identity{min-width:0}
.hero.hero-wow .hero-name-first{font-size:clamp(3.7rem,10vw,6.5rem)}
.hero.hero-wow .hero-name-last{font-size:clamp(4.1rem,11.5vw,7.2rem)}
.hero.hero-wow .world-selector{width:min(100%,760px);justify-self:center}
}
@media(max-width:600px){
.hero.hero-wow{padding-block:1.4rem 3rem;gap:1.4rem}
.hero.hero-wow .hero-kicker-row{margin-bottom:1rem}
.hero.hero-wow .hero-name-first{font-size:clamp(3rem,14vw,4.75rem)}
.hero.hero-wow .hero-name-last{font-size:clamp(3.3rem,16vw,5.3rem)}
.hero.hero-wow .hero-role-wow{margin-top:1.1rem}
.hero.hero-wow .hero-thesis{font-size:clamp(1.7rem,7.8vw,2.55rem)}
.hero.hero-wow .hero-lead-wow{line-height:1.55}
.hero.hero-wow .world-stage{min-height:28rem}
}
@media(prefers-reduced-motion:reduce){.hero.hero-wow .world-card,.hero.hero-wow .world-card-link{transition:none}}

/* Complementary TCP documents belong to the CV area, not the three-world hero. */
@media (min-width:761px) and (max-width:1100px){
  .documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .documents-grid>.document-group:last-child{grid-column:1/-1}
}


/* CV 2026 finishing details: eliminate legacy blue / pink accents in the hub.
   Do not apply this treatment to .world-*-scoped artwork. */
.hero-name::before{background:radial-gradient(circle,rgba(218,164,40,.10),transparent 68%)}
.hero-name-last{text-shadow:0 18px 68px rgba(218,164,40,.12)}
.hero-role-wow::before{background:linear-gradient(90deg,var(--cv-ochre),transparent)}
.hero-actions .button-primary{box-shadow:0 10px 26px rgba(218,164,40,.13)}
.hero-system{background:radial-gradient(circle at 90% 8%,rgba(218,164,40,.065),transparent 15rem),linear-gradient(180deg,rgba(255,254,250,.022),rgba(255,254,250,.006))}
.hero-system::before{background:radial-gradient(circle,rgba(218,164,40,.075),transparent 65%)}
.arc-future{background:radial-gradient(circle at 90% 10%,rgba(113,132,109,.11),transparent 10rem),rgba(113,132,109,.035)}
.document-group > a:hover{background:rgba(218,164,40,.045)}
.contact-panel{background:radial-gradient(circle at 80% 0%,rgba(218,164,40,.07),transparent 22rem),var(--panel)}
#command-list li.is-active{background:rgba(218,164,40,.085)}
.world-carousel-controls button:hover{border-color:rgba(218,164,40,.46);background:rgba(218,164,40,.065)}
.world-dots button.is-active{background:rgba(218,164,40,.042)}
.world-selector:has(.world-professional.is-active) .world-dots button.is-active{background:rgba(214,213,208,.07)}
.world-selector:has(.world-yoga.is-active) .world-dots button.is-active{background:rgba(135,207,174,.07)}
.world-selector:has(.world-lab.is-active) .world-dots button.is-active{background:rgba(122,243,255,.07)}
html[data-theme="light"] .world-dots button.is-active{background:color-mix(in srgb,var(--active-world-color,var(--cv-ochre)) 10%,var(--cv-paper))}
html[data-theme="light"] .world-selector{background:radial-gradient(circle at 80% 10%,rgba(218,164,40,.045),transparent 18rem),var(--panel)}
html[data-theme="light"] .hero-actions .button-primary{box-shadow:0 10px 26px rgba(38,51,47,.11)}
html[data-theme="light"] .world-carousel-controls button:hover{background:rgba(218,164,40,.065)}


/* V19 · CV-inspired editorial finish, legible at normal viewing distance.
   Scoped to the GracianB hub. The world emblems/palettes remain untouched. */
:where(#evidence,#method,#arc,#documents,#contact){scroll-margin-top:6.3rem}
.hero-lead-wow,.section-head > p,.evidence-card > p,.contact-panel p:last-child{
  text-wrap:pretty;
}
.section-head h2,.contact-panel h2{text-wrap:balance}
.facts-strip span{font-size:clamp(.66rem,.61rem + .16vw,.76rem);letter-spacing:.045em}
.card-top{font-size:clamp(.66rem,.61rem + .16vw,.76rem);letter-spacing:.055em;align-items:center}
.card-top b{font-size:clamp(.62rem,.57rem + .16vw,.72rem);letter-spacing:.055em;text-align:right}
.evidence-card{min-height:28rem;padding:clamp(1.2rem,1.9vw,1.65rem)}
.evidence-card h3{margin:clamp(1.4rem,2.8vw,2rem) 0 .6rem;line-height:1.08;text-wrap:balance}
.evidence-card dt{font-size:.7rem;letter-spacing:.06em}
.evidence-card dd{font-size:clamp(.9rem,.84rem + .12vw,1rem);line-height:1.55}
.card-actions a{font-size:var(--control-small);letter-spacing:.012em}
.method-flow span,.method-flow small,.arc-grid article > span,.arc-years,.document-group-head span{
  font-size:clamp(.66rem,.62rem + .12vw,.74rem);
  letter-spacing:.04em;
}
.document-group > a{min-height:3.4rem;align-items:center;font-size:clamp(.85rem,.79rem + .14vw,.95rem);line-height:1.45}
.document-group > a b{flex:0 0 auto;font-size:.82rem;color:var(--gold)}
.footer{font-size:.74rem;letter-spacing:.03em}
.evidence-card,.document-group,.arc-grid,.contact-panel{border-color:var(--line-strong)}
.evidence-card{box-shadow:0 14px 34px rgba(0,0,0,.075)}
html[data-theme="light"] .evidence-card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 40%),#fffefa}
html[data-theme="light"] .document-group{background:#fffefa}
html[data-theme="light"] .method-section,html[data-theme="light"] .documents-section{
  background:linear-gradient(180deg,rgba(38,51,47,.03),rgba(38,51,47,.01));
}
.mobile-preferences{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-top:1px solid var(--line-strong);padding:1.2rem 1rem 1.5rem;
  font:700 .75rem var(--mono);letter-spacing:.07em;color:var(--muted);
}
.mobile-lang-switch{display:flex;gap:.4rem}
.mobile-lang-switch button{
  border:1px solid var(--line-strong);background:var(--panel-strong);
  color:var(--text);border-radius:10px;min-height:44px;
  padding:.6rem .85rem;cursor:pointer;font:700 .8rem var(--sans);
}
.mobile-lang-switch button.is-active{background:var(--cv-ochre);color:var(--cv-ink);border-color:var(--cv-ochre)}
html[data-theme="light"] .mobile-lang-switch button.is-active{background:var(--cv-forest);color:var(--cv-paper);border-color:var(--cv-forest)}
.mobile-lang-switch button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){
  .evidence-card{min-height:0}
  .mobile-menu{overflow-y:auto;max-height:calc(100svh - 76px);overscroll-behavior:contain}
  .mobile-preferences{flex-wrap:wrap}
}
@media(max-width:380px){
  .mobile-preferences{align-items:start;flex-direction:column}
  .mobile-lang-switch{width:100%}
  .mobile-lang-switch button{flex:1}
}
@media(prefers-contrast:more){
  .evidence-card,.document-group,.contact-panel,.world-selector{border-width:2px}
  .evidence-card dd,.document-group > a,.hero-lead{color:var(--text)}
  .card-top,.facts-strip span,.arc-years,.footer{color:var(--text)}
}


/* V20 · Two ways to explore the same three worlds.
   Default: original carousel. Optional: all three at once, no autoplay. */
/* Final control: an unobtrusive editorial switch, never a yellow tile.
   Explicit width:auto overrides the 44px carousel arrow rule. */
.world-carousel-controls .world-overview-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:.56rem;
  flex:0 0 auto;width:auto;max-width:none;min-width:0;height:44px;min-height:44px;
  padding:.5rem .8rem;white-space:nowrap;
  border:1px solid var(--line-strong);border-radius:999px;
  background:transparent;color:var(--muted);
  font:650 .76rem/1 var(--sans);letter-spacing:.01em;
  cursor:pointer;box-shadow:none;transform:none;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.world-carousel-controls .world-overview-toggle .world-view-icon{
  display:flex;align-items:center;gap:2.5px;flex:0 0 auto;height:15px;
}
.world-carousel-controls .world-overview-toggle .world-view-icon i{
  display:block;width:3px;height:10px;border-radius:2px;
  background:currentColor;opacity:.66;
}
.world-carousel-controls .world-overview-toggle .world-view-icon i:nth-child(2){height:15px}
.world-carousel-controls .world-overview-toggle .world-view-icon i:nth-child(3){height:7px}
.world-carousel-controls .world-overview-toggle[aria-pressed="true"]{
  background:color-mix(in srgb,var(--cv-ochre) 7%,var(--panel-strong));
  border-color:color-mix(in srgb,var(--cv-ochre) 25%,var(--line-strong));
  color:var(--text);box-shadow:none;
}
html[data-theme="light"] .world-carousel-controls .world-overview-toggle[aria-pressed="true"]{
  background:color-mix(in srgb,var(--cv-forest) 5%,var(--cv-paper));
  border-color:color-mix(in srgb,var(--cv-forest) 30%,var(--line-strong));
  color:var(--cv-forest);
}
.world-carousel-controls .world-overview-toggle:hover,
html[data-theme="light"] .world-carousel-controls .world-overview-toggle:hover{
  background:color-mix(in srgb,var(--text) 5%,var(--panel-strong));
  border-color:color-mix(in srgb,var(--text) 25%,var(--line-strong));
  color:var(--text);transform:none;box-shadow:none;
}
html[data-theme="light"] .world-carousel-controls .world-overview-toggle:hover{
  background:color-mix(in srgb,var(--cv-forest) 5%,var(--cv-paper));
  color:var(--cv-forest);
}
.world-carousel-controls .world-overview-toggle:active{
  transform:none;box-shadow:none;
}
.world-carousel-controls .world-overview-toggle:focus-visible{
  outline:2px solid var(--text);outline-offset:3px;
  box-shadow:none;
}
@media(prefers-reduced-motion:reduce){
  .world-carousel-controls .world-overview-toggle{transition:none}
}
.world-selector.is-overview .world-stage{
  display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:.72rem;
  padding:.8rem;min-height:0;height:auto;overflow:visible;
}
.world-selector.is-overview .world-card{
  position:relative;inset:auto;min-height:0;height:auto;
  visibility:visible;opacity:1;transform:none;pointer-events:auto;
  border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;
  transition:none;
}
.world-selector.is-overview .world-card-link{
  position:relative;grid-template-columns:minmax(110px,.34fr) minmax(0,.66fr);
  grid-template-rows:minmax(0,1fr);min-height:0;height:100%;
}
.world-selector.is-overview .world-art{min-height:11rem}
.world-selector.is-overview .world-professional-sigil{width:min(64%,135px);height:88%}
.world-selector.is-overview .world-lab-sigil{width:min(48%,110px);height:88%}
.world-selector.is-overview .world-card-copy{
  display:flex;flex-direction:column;align-items:stretch;gap:.45rem;
  padding:1rem;border-top:0;border-left:1px solid var(--line);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.world-selector.is-overview .world-code{font-size:.68rem;letter-spacing:.065em}
.world-selector.is-overview .world-card h2{
  font-size:clamp(1.16rem,1.45vw,1.6rem);line-height:1.08;
  max-width:100%;margin:0;text-wrap:balance;
}
.world-selector.is-overview .world-card p{font-size:.83rem;line-height:1.45;margin:0}
.world-selector.is-overview .world-enter{
  align-self:stretch;min-width:0;min-height:44px;margin-top:auto;
  font-size:.72rem;line-height:1.25;letter-spacing:0;
  padding:.55rem .7rem;border-radius:10px;
}
.world-selector.is-overview .world-dots,
.world-selector.is-overview [data-world-prev],
.world-selector.is-overview [data-world-next],
.world-selector.is-overview [data-world-counter]{display:none}
.hero.hero-wow .world-selector.is-overview{height:auto;align-self:start}
.hero.hero-wow .world-selector.is-overview .world-stage{flex:none;height:auto;min-height:0}
.hero.hero-wow .world-selector.is-overview .world-card{height:auto}
.hero.hero-wow .world-selector.is-overview .world-card-link{height:100%;grid-template-rows:minmax(0,1fr)}
.hero.hero-wow .world-selector.is-overview .world-art{min-height:11rem}
@media(max-width:760px){
  .world-carousel-controls .world-overview-toggle{width:auto;min-width:0;padding:.5rem .74rem;white-space:nowrap}
  .world-selector.is-overview .world-stage{gap:.65rem;padding:.65rem}
}
@media(max-width:540px){
  .world-selector.is-overview .world-card-link,
  .hero.hero-wow .world-selector.is-overview .world-card-link{
    grid-template-columns:minmax(0,1fr);grid-template-rows:9.4rem auto;
  }
  .world-selector.is-overview .world-art,
  .hero.hero-wow .world-selector.is-overview .world-art{min-height:9.4rem}
  .world-selector.is-overview .world-card-copy{border-left:0;border-top:1px solid var(--line)}
  .world-selector.is-overview .world-card h2{font-size:1.45rem}
  .world-selector.is-overview .world-enter{margin-top:.5rem}
}
@media(max-width:365px){
  .world-selector-head{flex-wrap:wrap;align-items:start}
  .world-carousel-controls{width:100%;justify-content:space-between}
  /* At 320px, drop the decorative counter rather than shrinking readable controls. */
  .world-selector [data-world-counter]{display:none}
}
@media(prefers-reduced-motion:reduce){
  .world-selector.is-overview .world-card,.world-overview-toggle{transition:none}
}
/* The compact view is a small portfolio index, not a set of colored action tiles. */
.world-selector.is-overview .world-card{
  box-shadow:0 6px 16px rgba(0,0,0,.07);
  border-radius:16px;
}
.world-selector.is-overview .world-card-link:focus-visible{
  outline:2px solid var(--text);outline-offset:-4px;
}
.world-selector.is-overview .world-card-link:hover::after{
  border-color:color-mix(in srgb,var(--world-accent) 25%,transparent);
  box-shadow:none;
}
.world-selector.is-overview .world-card h2{letter-spacing:-.025em}
.world-selector.is-overview .world-card p{color:var(--muted)}
.world-selector.is-overview .world-enter{
  background:color-mix(in srgb,var(--world-accent) 6%,transparent);
  border-color:color-mix(in srgb,var(--world-accent) 24%,var(--line-strong));
}
@media(max-width:540px){
  .world-selector.is-overview .world-card-link,
  .hero.hero-wow .world-selector.is-overview .world-card-link{
    grid-template-columns:minmax(0,1fr);grid-template-rows:8rem auto;
  }
  .world-selector.is-overview .world-art,
  .hero.hero-wow .world-selector.is-overview .world-art{min-height:8rem}
}