@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root {
  --ink:#17262D;
  --night:#0B151C;
  --paper:#F5F3EE;
  --gold:#C8A66C;
  --muted:#596d78;
  --line:rgba(17,38,51,.15);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select,textarea {
  font:inherit
}
button,a,input,textarea,select {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
img,svg {
  max-width:100%
}
::selection {
  background:var(--gold);
  color:var(--night)
}
:focus-visible {
  outline:2px solid #aa803d;
  outline-offset:6px
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  font-weight:400
}
h1,h2 {
  font-family:var(--serif);
  line-height:1.12;
  letter-spacing:-.055em
}
h3 {
  line-height:1.25
}
em {
  font-weight:400
}
p+p {
  margin-top:20px
}
.wrap {
  width:min(1280px,calc(100% - 104px));
  margin-inline:auto
}
.eyebrow {
  font-family:'Manrope',var(--sans);
  font-size:14px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase
}
.muted {
  color:var(--muted)
}
.gold {
  color:var(--gold)
}
.skip {
  position:fixed;
  left:16px;
  top:-100px;
  z-index:100;
  background:var(--gold);
  color:var(--night);
  padding:10px 20px
}
.skip:focus {
  top:16px
}
.site-header {
  height:100px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:20;
  color:#eef0eb
}
.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  border-bottom:1px solid rgba(255,255,255,.11)
}
.brand {
  display:flex;
  gap:13px;
  align-items:center;
  flex-shrink:0
}
.brand-icon {
  width:44px;
  height:42px;
  color:var(--gold)
}
.brand-name {
  font-family:'Manrope',var(--sans);
  font-size:20px;
  font-weight:500;
  letter-spacing:-.045em
}
.brand-name b {
  font-weight:700
}
.desktop-nav {
  display:flex;
  align-items:center;
  gap:35px;
  font-size:15px;
  letter-spacing:.015em
}
.desktop-nav a {
  position:relative;
  padding:10px 0;
  color:#b9c3c9;
  transition:color .2s
}
.desktop-nav a:hover,.desktop-nav a[aria-current=page] {
  color:#fff
}
.desktop-nav a[aria-current=page]:after {
  content:'';
  position:absolute;
  bottom:2px;
  left:0;
  right:0;
  height:1px;
  background:var(--gold)
}
.header-contact {
  padding:11px 19px!important;
  border:1px solid rgba(218,195,151,.5);
  color:var(--gold)!important
}
.header-contact:after {
  display:none
}
.header-contact:hover {
  background:rgba(218,195,151,.08)
}
.menu-button {
  display:none;
  background:none;
  border:0;
  color:var(--gold);
  padding:10px
}
.menu-button span {
  display:block;
  width:24px;
  height:1px;
  margin:6px 0;
  background:currentColor;
  transition:transform .2s
}
.hero {
  background:var(--night);
  color:var(--paper);
  position:relative;
  overflow:hidden;
  min-height:800px;
  padding-top:100px
}
.hero:before {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 70% 40%,rgba(66,99,114,.14),transparent 55%);
  pointer-events:none
}
.hero-inner {
  min-height:607px;
  position:relative;
  display:grid;
  grid-template-columns:1.03fr 1fr;
  align-items:center;
  gap:20px;
  padding:66px 0 54px
}
.hero-copy {
  position:relative;
  z-index:2
}
.hero-copy .eyebrow {
  color:var(--gold);
  margin-bottom:27px
}
.hero h1 {
  font-size:clamp(56px,5.2vw,80px);
  line-height:1.08;
  letter-spacing:-.045em
}
.hero h1 em {
  color:var(--gold)
}
.hero-copy>p {
  color:#9eafb8;
  max-width:410px;
  font-size:17px;
  line-height:1.85;
  margin-top:28px
}
.hero-actions {
  display:flex;
  gap:27px;
  align-items:center;
  margin-top:35px
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--paper);
  font-size:15px;
  font-weight:500;
  letter-spacing:.015em;
  padding:17px 23px;
  line-height:1.3;
  transition:background .2s,transform .2s;
  min-height:49px
}
.button:hover {
  background:#234252;
  transform:translateY(-2px)
}
.button-gold {
  background:var(--gold);
  border-color:var(--gold);
  color:var(--night)
}
.button-gold:hover {
  background:#e5cc9c
}
.button-outline {
  background:none;
  color:var(--ink)
}
.button-outline:hover {
  background:rgba(15,37,50,.05)
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:22px;
  font-size:15px;
  border-bottom:1px solid currentColor;
  padding:8px 0;
  line-height:1.4
}
.hero .text-link {
  color:#dae1e2
}
.arrow {
  font-size:18px;
  line-height:1
}
.constellation {
  position:relative;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-left:-40px;
  margin-right:-55px
}
.constellation svg {
  width:100%;
  height:auto;
  overflow:visible
}
.orbit {
  transform-origin:300px 290px;
  animation:orbit 100s linear infinite
}
.orbit-slow {
  animation-duration:150s;
  animation-direction:reverse
}
.star-pulse {
  animation:twinkle 5s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center
}
.star-pulse:nth-child(2n) {
  animation-delay:-2s
}
.sky-caption {
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:center;
  color:#8397a3;
  font-size:14px;
  letter-spacing:.19em;
  margin-top:-22px;
  text-transform:uppercase
}
.sky-caption:before {
  content:'';
  height:1px;
  width:28px;
  background:#657a88
}
.hero-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.12);
  padding:26px 0 29px;
  position:relative
}
.hero-bottom p {
  font-size:14px;
  color:#96a8b2;
  letter-spacing:.035em
}
.hero-bottom .scroll-link {
  font-size:14px;
  color:var(--gold);
  display:flex;
  gap:15px;
  align-items:center;
  letter-spacing:.16em
}
.principles-ribbon {
  background:#eeeae0;
  border-bottom:1px solid var(--line)
}
.principles-ribbon .wrap {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:26px 0;
  font-size:14px;
  letter-spacing:.16em;
  text-transform:uppercase
}
.principles-ribbon .ribbon-intro {
  color:#596d78;
  letter-spacing:.03em;
  text-transform:none;
  font-size:15px
}
.ribbon-point {
  display:flex;
  align-items:center;
  gap:12px
}
.little-star {
  color:#987340;
  font-size:17px
}
.section {
  padding:106px 0
}
.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:52px
}
.section-heading h2 {
  font-size:clamp(42px,4.4vw,66px);
  max-width:650px
}
.section-heading .eyebrow {
  margin-bottom:22px;
  color:#786443
}
.section-heading>p {
  max-width:340px;
  font-size:16px;
  line-height:1.9;
  color:#596d78
}
.intro-grid {
  display:grid;
  grid-template-columns:1fr 1.06fr;
  gap:95px;
  align-items:center
}
.intro-text .eyebrow {
  color:#7d663e;
  margin-bottom:24px
}
.intro-text h2 {
  font-size:57px
}
.intro-text>p {
  font-size:17px;
  color:#596d78;
  max-width:455px;
  margin-top:28px
}
.intro-text .text-link {
  margin-top:25px
}
.quote-visual {
  background:#e8e6dd;
  min-height:385px;
  padding:48px 42px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden
}
.quote-visual:before {
  content:'';
  position:absolute;
  inset:14px;
  border:1px solid rgba(26,46,57,.12)
}
.quote-visual .quote-mark {
  font-family:var(--serif);
  font-size:68px;
  line-height:.8;
  color:#997847
}
.quote-visual blockquote {
  font-family:var(--serif);
  font-size:29px;
  line-height:1.45;
  letter-spacing:-.02em;
  margin:20px 0 24px;
  max-width:370px;
  position:relative
}
.quote-visual .eyebrow {
  font-size:14px;
  color:#66583e
}
.quote-visual .quote-star {
  position:absolute;
  right:23px;
  bottom:28px;
  width:80px;
  height:80px;
  color:#b8ae97;
  opacity:.65
}
.pathways {
  padding-top:0
}
.pathway-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.pathway {
  padding:34px 34px 38px 0;
  position:relative
}
.pathway+.pathway {
  padding-left:34px;
  border-left:1px solid var(--line)
}
.pathway .number {
  font-size:14px;
  letter-spacing:.08em;
  color:#7d663e
}
.pathway .path-icon {
  display:block;
  margin:22px 0 25px;
  width:42px;
  height:42px;
  color:#7d663e
}
.pathway h3 {
  font-family:var(--serif);
  font-size:30px;
  letter-spacing:-.04em;
  margin-bottom:18px
}
.pathway p {
  font-size:16px;
  line-height:1.85;
  color:#78858b;
  max-width:320px
}
.pathway .text-link {
  margin-top:30px
}
.night-section {
  background:#102630;
  color:var(--paper);
  position:relative;
  overflow:hidden
}
.night-section .eyebrow {
  color:var(--gold)
}
.night-section h2 {
  font-size:clamp(44px,5vw,72px)
}
.night-section p {
  color:#a4b4bb;
  font-size:17px
}
.manifesto {
  display:grid;
  grid-template-columns:.4fr 1fr;
  gap:65px
}
.manifesto .side-label {
  padding-top:10px
}
.manifesto blockquote {
  font-family:var(--serif);
  font-size:clamp(34px,4.1vw,60px);
  letter-spacing:-.04em;
  line-height:1.28;
  margin:0 0 28px
}
.manifesto blockquote em {
  color:var(--gold)
}
.manifesto p {
  max-width:610px;
  line-height:1.9
}
.manifesto .text-link {
  margin-top:25px;
  color:var(--gold)
}
.closing {
  padding:90px 0
}
.closing-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px
}
.closing .eyebrow {
  color:#7d663e;
  margin-bottom:18px
}
.closing h2 {
  font-size:48px
}
.closing p {
  color:#596d78;
  font-size:16px;
  margin-top:18px;
  max-width:490px
}
.closing-actions {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px
}
.closing-actions>a:last-child {
  font-size:14px;
  color:#596d78
}
.site-footer {
  background:#071720;
  color:#b4c0c6;
  padding:56px 0 25px
}
.footer-grid {
  display:grid;
  grid-template-columns:1.45fr 1fr .8fr;
  gap:65px;
  padding-bottom:43px
}
.footer-grid .brand {
  color:#f1f1ec
}
.footer-description {
  max-width:300px;
  font-size:15px;
  color:#78909c;
  margin-top:17px;
  line-height:1.9
}
.footer-label {
  color:var(--gold);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin-bottom:19px
}
.footer-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 15px;
  font-size:15px
}
.footer-links a:hover,.footer-email:hover {
  color:var(--gold)
}
.footer-email {
  font-size:16px
}
.footer-note {
  color:#647f8e;
  font-size:14px;
  margin-top:16px
}
.footer-bottom {
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:14px;
  color:#788f9b
}
.footer-bottom .footer-motto {
  letter-spacing:.14em;
  text-transform:uppercase
}
.subhero {
  background:var(--night);
  color:var(--paper);
  padding:179px 0 80px;
  position:relative;
  overflow:hidden
}
.subhero .wrap {
  position:relative
}
.subhero .eyebrow {
  color:var(--gold);
  margin-bottom:26px
}
.subhero h1 {
  font-size:clamp(58px,6vw,87px);
  max-width:970px;
  line-height:1.08
}
.subhero h1 em {
  color:var(--gold)
}
.subhero p {
  font-size:17px;
  color:#9daeb8;
  max-width:560px;
  margin-top:28px;
  line-height:1.9
}
.subhero:before {
  content:'✧';
  position:absolute;
  font-size:400px;
  line-height:1;
  right:5%;
  top:100px;
  color:rgba(183,201,212,.035)
}
.values-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 70px
}
.value {
  padding:35px 0;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:35px 1fr;
  gap:19px
}
.value .number {
  font-size:14px;
  color:#9b8353;
  line-height:3
}
.value h3 {
  font-family:var(--serif);
  font-size:31px;
  margin-bottom:17px;
  letter-spacing:-.03em
}
.value p {
  font-size:16px;
  color:#596d78;
  line-height:1.9
}
.full-quote {
  text-align:center;
  max-width:850px;
  margin-inline:auto
}
.full-quote blockquote {
  font-family:var(--serif);
  font-size:46px;
  letter-spacing:-.04em;
  line-height:1.35;
  margin:25px 0 26px
}
.full-quote p {
  max-width:590px;
  margin-inline:auto
}
.process-list {
  margin-top:35px
}
.process-row {
  display:grid;
  grid-template-columns:80px 1fr 1fr;
  gap:40px;
  border-top:1px solid var(--line);
  padding:43px 0
}
.process-row:last-child {
  border-bottom:1px solid var(--line)
}
.process-row .number {
  font-family:var(--serif);
  font-size:34px;
  color:#a68a54
}
.process-row h3 {
  font-family:var(--serif);
  font-size:35px;
  letter-spacing:-.03em
}
.process-row .stage-tag {
  font-size:14px;
  color:#7d663e;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-top:12px
}
.process-row p {
  font-size:16px;
  color:#596d78;
  line-height:1.9
}
.approach-note {
  background:#e9e6dc;
  padding:28px 32px;
  margin-top:32px;
  font-size:15px;
  color:#64757f;
  line-height:1.9
}
.ecosystem-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
  align-items:center
}
.ecosystem-diagram {
  height:430px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eeece3;
  border:1px solid #e2dfd3
}
.eco-center {
  width:135px;
  height:135px;
  border-radius:50%;
  border:1px solid #a28d64;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:14px;
  letter-spacing:.055em;
  background:#f7f6f0;
  z-index:2
}
.eco-ring {
  width:280px;
  height:280px;
  border:1px solid #c9c2b0;
  border-radius:50%;
  position:absolute
}
.eco-ring:before,.eco-ring:after {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  height:100%;
  width:1px;
  background:#d4cebe;
  transform:rotate(45deg)
}
.eco-ring:after {
  transform:rotate(-45deg)
}
.eco-node {
  position:absolute;
  z-index:3;
  background:#eeece3;
  padding:8px 12px;
  font-size:14px;
  color:#6b7b84;
  letter-spacing:.08em;
  text-transform:uppercase
}
.eco-node:before {
  content:'✧';
  display:block;
  text-align:center;
  font-size:28px;
  color:#9a8050;
  line-height:1.2;
  margin-bottom:9px
}
.eco-top {
  top:26px;
  left:50%;
  transform:translateX(-50%)
}
.eco-right {
  right:22px;
  top:50%;
  transform:translateY(-50%)
}
.eco-bottom {
  bottom:27px;
  left:50%;
  transform:translateX(-50%)
}
.eco-left {
  left:22px;
  top:50%;
  transform:translateY(-50%)
}
.ecosystem-text h2 {
  font-size:49px
}
.ecosystem-text p {
  font-size:16px;
  line-height:1.95;
  color:#72818a;
  margin-top:24px
}
.ecosystem-text .eyebrow {
  margin-bottom:20px;
  color:#907947
}
.horizon {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px
}
.horizon h2 {
  font-size:52px
}
.horizon p {
  line-height:1.9
}
.horizon .eyebrow {
  margin-bottom:22px
}
.contact-layout {
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:90px
}
.contact-info h2 {
  font-size:39px
}
.contact-info>p {
  font-size:16px;
  line-height:1.95;
  color:#70818c;
  margin-top:23px
}
.email-block {
  margin-top:35px;
  padding:23px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.email-block .eyebrow {
  font-size:14px;
  color:#8e7b56;
  margin-bottom:10px
}
.email-block a {
  font-size:17px;
  overflow-wrap:anywhere
}
.contact-note {
  font-size:14px!important
}
.contact-note a {
  text-decoration:underline
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px
}
.field {
  display:flex;
  flex-direction:column;
  gap:9px
}
.field.full {
  grid-column:1/-1
}
.field label {
  font-size:14px;
  font-weight:500;
  letter-spacing:.015em
}
.field label span {
  color:#9b875e
}
.field input,.field select,.field textarea {
  width:100%;
  border:1px solid #d6dad4;
  border-radius:0;
  background:#fcfbf7;
  color:var(--ink);
  padding:14px 15px;
  font-size:16px;
  line-height:1.5
}
.field textarea {
  resize:vertical;
  min-height:155px
}
.field input:focus,.field textarea:focus,.field select:focus {
  outline:1px solid #9b875e;
  outline-offset:0
}
.field input::placeholder,.field textarea::placeholder {
  color:#9aa4a6
}
.form-footnote {
  font-size:14px;
  line-height:1.9;
  color:#849198;
  margin-top:20px
}
.form-actions {
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:22px
}
.form-actions .text-link {
  background:none;
  border:0;
  border-bottom:1px solid var(--ink);
  padding-inline:0;
  color:var(--ink)
}
.form-status {
  font-size:15px;
  color:#577266;
  margin-top:18px;
  min-height:22px
}
.faq {
  margin-top:55px
}
.faq details {
  border-top:1px solid var(--line);
  padding:21px 0
}
.faq details:last-child {
  border-bottom:1px solid var(--line)
}
.faq summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:16px
}
.faq summary::-webkit-details-marker {
  display:none
}
.faq summary:after {
  content:'+';
  font-size:21px;
  color:#8e7d56
}
.faq details[open] summary:after {
  content:'−'
}
.faq details p {
  font-size:15px;
  line-height:1.9;
  color:#596d78;
  padding:15px 28px 0 0
}
.legal {
  max-width:760px
}
.legal h2 {
  font-family:var(--sans);
  font-size:22px;
  letter-spacing:-.02em;
  margin:35px 0 15px
}
.legal p,.legal li {
  font-size:16px;
  color:#596d78;
  line-height:1.95
}
.legal a {
  text-decoration:underline
}
.notfound {
  text-align:center;
  padding:150px 0 120px
}
.notfound h1 {
  font-size:100px
}
.notfound h2 {
  font-size:40px;
  margin-top:10px
}
.notfound p {
  font-size:17px;
  color:#788790;
  margin:22px auto 30px;
  max-width:410px
}
.notfound .eyebrow {
  color:#b79b62
}
.reveal {
  opacity:1;
  transform:none
}
.js-motion .reveal {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s ease
}
.js-motion .reveal.visible {
  opacity:1;
  transform:none
}
@keyframes orbit {
  to {
    transform:rotate(360deg)
  }
}
@keyframes twinkle {
  0%,100% {
    opacity:.65
  }
  50% {
    opacity:1
  }
}
@media(min-width:1500px) {
  .hero-inner {
    min-height:660px
  }
  .hero {
    min-height:850px
  }
}
@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 64px)
  }
  .desktop-nav {
    gap:22px
  }
  .hero h1 {
    font-size:clamp(50px,5.1vw,62px)
  }
  .hero-inner {
    min-height:570px
  }
  .hero {
    min-height:765px
  }
  .constellation {
    margin-right:-30px
  }
  .intro-grid {
    gap:50px
  }
  .intro-text h2 {
    font-size:49px
  }
  .quote-visual {
    padding:40px 32px
  }
  .quote-visual blockquote {
    font-size:27px
  }
  .contact-layout {
    gap:55px
  }
  .footer-grid {
    gap:35px
  }
  .ecosystem-grid {
    gap:45px
  }
}
@media(max-width:800px) {
  .wrap {
    width:calc(100% - 44px)
  }
  .site-header {
    height:82px
  }
  .brand-name {
    font-size:18px
  }
  .brand-icon {
    width:34px
  }
  .menu-button {
    display:block
  }
  .desktop-nav {
    display:none;
    position:absolute;
    top:81px;
    left:0;
    right:0;
    background:#102630;
    padding:23px;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    border-bottom:1px solid #29424c;
    box-shadow:0 10px 25px #05121a44
  }
  .desktop-nav.open {
    display:flex
  }
  .desktop-nav a {
    padding:10px 0;
    font-size:16px
  }
  .desktop-nav a[aria-current=page]:after {
    right:auto;
    width:20px
  }
  .desktop-nav .header-contact {
    align-self:flex-start
  }
  .menu-button[aria-expanded=true] span:first-child {
    transform:translateY(3.5px) rotate(45deg)
  }
  .menu-button[aria-expanded=true] span:last-child {
    transform:translateY(-3.5px) rotate(-45deg)
  }
  .hero {
    padding-top:82px;
    min-height:unset
  }
  .hero-inner {
    padding:55px 0 34px;
    gap:0;
    grid-template-columns:1fr;
    min-height:unset
  }
  .hero h1 {
    font-size:clamp(48px,8vw,64px);
    max-width:600px
  }
  .hero-copy .eyebrow {
    font-size:14px;
    margin-bottom:22px
  }
  .hero-copy>p {
    max-width:420px
  }
  .hero-actions {
    margin-top:27px
  }
  .constellation {
    margin:-28px -12px 0 0;
    max-width:570px;
    align-self:unset;
    width:100%;
    justify-self:center
  }
  .constellation svg {
    height:380px;
    object-fit:contain
  }
  .sky-caption {
    margin-top:-24px
  }
  .hero-bottom {
    padding:25px 0;
    align-items:flex-start
  }
  .hero-bottom p {
    font-size:14px;
    max-width:220px
  }
  .hero-bottom .scroll-link {
    font-size:14px;
    white-space:nowrap
  }
  .principles-ribbon .wrap {
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:16px 28px;
    padding:23px 0;
    font-size:14px
  }
  .ribbon-intro {
    width:100%
  }
  .principles-ribbon .ribbon-intro {
    font-size:14px
  }
  .section {
    padding:72px 0
  }
  .section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
    margin-bottom:35px
  }
  .section-heading h2 {
    font-size:48px
  }
  .section-heading>p {
    max-width:490px
  }
  .intro-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .intro-text h2 {
    font-size:48px
  }
  .intro-text>p {
    max-width:550px
  }
  .quote-visual {
    min-height:310px;
    padding:36px
  }
  .quote-visual blockquote {
    max-width:450px;
    font-size:29px
  }
  .pathways {
    padding-top:0
  }
  .pathway-grid {
    grid-template-columns:1fr
  }
  .pathway {
    padding:30px 0!important;
    display:grid;
    grid-template-columns:56px 1fr;
    column-gap:15px
  }
  .pathway+.pathway {
    border-left:0;
    border-top:1px solid var(--line)
  }
  .pathway .number {
    grid-column:1;
    grid-row:1
  }
  .pathway .path-icon {
    grid-column:1;
    grid-row:2;
    margin:8px 0 0;
    width:35px
  }
  .pathway h3 {
    grid-column:2;
    grid-row:1;
    margin:0 0 15px
  }
  .pathway p {
    grid-column:2;
    max-width:100%
  }
  .pathway .text-link {
    grid-column:2;
    justify-self:start;
    margin-top:15px
  }
  .manifesto {
    grid-template-columns:1fr;
    gap:27px
  }
  .manifesto blockquote {
    font-size:43px
  }
  .closing {
    padding:65px 0
  }
  .closing-inner {
    align-items:flex-start;
    flex-direction:column;
    gap:30px
  }
  .closing h2 {
    font-size:41px
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:37px
  }
  .footer-grid>div:first-child {
    grid-column:1/-1
  }
  .footer-description {
    max-width:450px
  }
  .footer-bottom {
    font-size:14px;
    flex-direction:column;
    gap:10px
  }
  .subhero {
    padding:145px 0 63px
  }
  .subhero h1 {
    font-size:63px
  }
  .subhero p {
    font-size:16px
  }
  .values-grid {
    gap:0 35px
  }
  .value {
    grid-template-columns:25px 1fr;
    gap:10px
  }
  .value h3 {
    font-size:27px
  }
  .full-quote blockquote {
    font-size:38px
  }
  .process-row {
    grid-template-columns:40px 1fr;
    gap:20px;
    padding:31px 0
  }
  .process-row p {
    grid-column:2
  }
  .process-row h3 {
    font-size:31px
  }
  .ecosystem-grid {
    grid-template-columns:1fr;
    gap:40px
  }
  .ecosystem-diagram {
    height:410px
  }
  .ecosystem-text h2 {
    font-size:44px
  }
  .horizon {
    grid-template-columns:1fr;
    gap:28px
  }
  .horizon h2 {
    font-size:47px
  }
  .contact-layout {
    grid-template-columns:1fr;
    gap:45px
  }
  .contact-info h2 {
    font-size:39px
  }
  .contact-info>p {
    max-width:560px
  }
  .email-block {
    max-width:440px
  }
  .form-grid {
    gap:23px
  }
  .contact-layout.section {
    padding-top:60px
  }
}
@media(max-width:480px) {
  .wrap {
    width:calc(100% - 38px)
  }
  .hero h1 {
    font-size:48px
  }
  .hero-copy>p {
    font-size:16px
  }
  .hero-actions {
    gap:20px
  }
  .hero-actions .button {
    padding:16px 18px;
    gap:17px;
    font-size:14px
  }
  .hero-actions .text-link {
    font-size:14px;
    gap:10px
  }
  .constellation {
    margin-top:-10px
  }
  .constellation svg {
    height:325px
  }
  .sky-caption {
    font-size:14px;
    letter-spacing:.13em;
    gap:9px
  }
  .hero-bottom .scroll-link {
    font-size:14px;
    gap:8px
  }
  .hero-bottom p {
    max-width:205px;
    font-size:14px
  }
  .principles-ribbon .wrap {
    gap:10px 18px;
    font-size:14px
  }
  .ribbon-point {
    gap:6px
  }
  .little-star {
    font-size:16px
  }
  .intro-text h2,.section-heading h2 {
    font-size:42px
  }
  .quote-visual {
    padding:32px 27px;
    min-height:320px
  }
  .quote-visual blockquote {
    font-size:27px
  }
  .manifesto blockquote {
    font-size:37px
  }
  .closing h2 {
    font-size:38px
  }
  .footer-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .footer-grid>div:first-child {
    grid-column:auto
  }
  .footer-links {
    max-width:300px
  }
  .subhero h1 {
    font-size:49px
  }
  .subhero .eyebrow {
    font-size:14px
  }
  .values-grid {
    grid-template-columns:1fr
  }
  .full-quote blockquote {
    font-size:32px
  }
  .form-grid {
    grid-template-columns:1fr
  }
  .field {
    grid-column:1/-1
  }
  .form-actions {
    gap:17px
  }
  .form-actions .button {
    gap:18px;
    padding:17px 20px;
    font-size:14px
  }
  .form-actions .text-link {
    font-size:14px
  }
  .ecosystem-diagram {
    height:375px
  }
  .eco-node {
    font-size:14px;
    padding:8px
  }
  .eco-left {
    left:10px
  }
  .eco-right {
    right:10px
  }
  .eco-ring {
    width:250px;
    height:250px
  }
  .eco-center {
    width:120px;
    height:120px
  }
  .eco-top {
    top:23px
  }
  .eco-bottom {
    bottom:22px
  }
}
.portfolio-preview {
  padding-top:0
}
.brand-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}
.brand-strip a {
  font-family:var(--serif);
  font-size:24px;
  letter-spacing:-.04em;
  padding:25px 20px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  transition:background .2s
}
.brand-strip a:hover {
  background:#ece8dc
}
.brand-strip a span {
  font-family:var(--sans);
  font-size:15px;
  color:#9c875b
}
.brand-strip a:last-child {
  grid-column:span 2
}
.portfolio-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:23px
}
.portfolio-foot>p,.portfolio-disclaimer {
  font-size:14px;
  color:#8b979c;
  line-height:1.8
}
.portfolio-foot .text-link {
  white-space:nowrap
}
.validation-chain {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-block:1px solid var(--line);
  padding:33px 0;
  font-family:var(--serif);
  font-size:25px;
  letter-spacing:-.035em
}
.validation-chain i {
  color:#9d875e;
  font-family:var(--sans);
  font-style:normal;
  font-size:19px
}
.gate-section {
  padding-top:0;
  background:#eeece4;
  padding-bottom:70px;
  padding-top:70px
}
.route-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:35px;
  border-top:1px solid var(--line);
  padding-top:32px
}
.route-grid .eyebrow {
  color:#8b774f;
  font-size:14px
}
.route-grid h3 {
  font-family:var(--serif);
  font-size:27px;
  letter-spacing:-.035em;
  margin:22px 0 20px
}
.route-grid p {
  font-size:15px;
  line-height:1.85;
  color:#7b8991
}
.venture-row {
  display:grid;
  grid-template-columns:40px 1fr 1.3fr 30px;
  gap:30px;
  padding:31px 0;
  border-top:1px solid var(--line);
  align-items:center;
  scroll-margin-top:30px
}
.venture-row:last-child {
  border-bottom:1px solid var(--line)
}
.venture-index {
  font-size:14px;
  color:#9b8358;
  align-self:start;
  padding-top:8px
}
.venture-brand h3 {
  font-family:var(--serif);
  font-size:35px;
  letter-spacing:-.035em;
  margin-bottom:8px
}
.venture-brand>p {
  font-size:14px;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#9c8c69
}
.venture-description>p {
  font-size:15px;
  line-height:1.85;
  color:#596d78;
  margin-bottom:12px
}
.venture-path {
  font-size:14px;
  color:#96856a;
  line-height:1.6;
  display:block
}
.venture-link {
  height:40px;
  width:40px;
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px;
  color:#8e794e;
  transition:background .2s
}
.venture-link:hover {
  background:#e8e2d2
}
.portfolio-disclaimer {
  margin-top:22px;
  max-width:880px
}
@media(max-width:1100px) {
  .brand-strip a {
    font-size:21px;
    padding:24px 15px
  }
  .route-grid {
    gap:25px
  }
  .venture-row {
    grid-template-columns:25px 1fr 1.15fr 30px;
    gap:20px
  }
  .venture-brand h3 {
    font-size:30px
  }
  .validation-chain {
    font-size:22px
  }
}
@media(max-width:800px) {
  .brand-strip {
    grid-template-columns:repeat(2,1fr)
  }
  .brand-strip a {
    font-size:26px;
    padding:24px 21px
  }
  .brand-strip a:last-child {
    grid-column:span 2
  }
  .portfolio-foot {
    align-items:flex-start;
    flex-direction:column;
    gap:12px
  }
  .route-grid {
    grid-template-columns:1fr 1fr;
    gap:33px
  }
  .validation-chain {
    font-size:18px;
    gap:12px
  }
  .venture-row {
    grid-template-columns:25px 1fr 30px;
    gap:15px;
    padding:26px 0
  }
  .venture-brand h3 {
    font-size:33px
  }
  .venture-description {
    grid-column:2
  }
  .venture-link {
    grid-column:3;
    grid-row:1
  }
  .venture-index {
    grid-column:1;
    grid-row:1
  }
  .gate-section {
    padding:65px 0
  }
}
@media(max-width:480px) {
  .brand-strip a {
    font-size:22px;
    padding:21px 14px
  }
  .portfolio-preview {
    padding-top:0
  }
  .route-grid {
    grid-template-columns:1fr;
    gap:29px
  }
  .route-grid article+article {
    border-top:1px solid var(--line);
    padding-top:25px
  }
  .route-grid h3 {
    font-size:29px;
    margin:15px 0
  }
  .validation-chain {
    display:grid;
    grid-template-columns:1fr 20px;
    gap:20px;
    font-size:22px;
    padding:25px 0
  }
  .validation-chain i {
    transform:rotate(90deg)
  }
  .venture-brand h3 {
    font-size:30px
  }
  .venture-brand>p {
    font-size:14px
  }
  .venture-row {
    gap:12px
  }
  .venture-link {
    width:33px;
    height:33px
  }
  .gate-section .process-row h3 {
    font-size:29px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
  .js-motion .reveal {
    opacity:1;
    transform:none
  }
}
/* Readable type: 16–17px body copy and a 14px minimum for supporting text. */
.hero-copy>p {
  max-width:475px
}
.section-heading>p {
  max-width:385px
}
.pathway p,.value p,.process-row p,.ecosystem-text p,.contact-info>p, .route-grid p,.venture-description>p,.faq details p,.legal p,.legal li {
  font-size:16px
}
.hero-actions,.form-actions {
  flex-wrap:wrap;
  row-gap:16px
}
.sky-caption {
  line-height:1.7;
  letter-spacing:.08em;
  text-align:center;
  padding-inline:10px
}
.sky-caption:before {
  flex-shrink:0
}
.ribbon-point {
  line-height:1.6
}
.footer-bottom {
  flex-wrap:wrap
}
.footer-description,.footer-note,.form-footnote,.portfolio-foot>p,.portfolio-disclaimer {
  color:#596d78
}
.site-footer .footer-description,.site-footer .footer-note,.footer-bottom {
  color:#a0b2bd
}
.hero-copy>p,.subhero p,.hero-bottom p {
  color:#b2c0c8
}
.venture-brand>p,.venture-path {
  color:#7e6e4d
}
@media(max-width:1100px) {
  .desktop-nav {
    gap:20px
  }
}
@media(min-width:801px) and (max-width:1100px) {
  .menu-button {
    display:block
  }
  .desktop-nav {
    display:none;
    position:absolute;
    top:99px;
    left:0;
    right:0;
    background:#102630;
    padding:25px 32px;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    border-bottom:1px solid #29424c;
    box-shadow:0 10px 25px #05121a44
  }
  .desktop-nav.open {
    display:flex
  }
  .desktop-nav a {
    padding:10px 0;
    font-size:16px
  }
  .desktop-nav a[aria-current=page]:after {
    right:auto;
    width:25px
  }
  .desktop-nav .header-contact {
    align-self:flex-start
  }
}
@media(max-width:800px) {
  .hero-bottom {
    flex-direction:column;
    gap:14px
  }
  .hero-bottom p {
    max-width:none
  }
  .hero-bottom .scroll-link {
    white-space:normal
  }
  .hero-copy>p,.subhero p {
    font-size:17px
  }
  .hero-copy .eyebrow,.subhero .eyebrow {
    font-size:14px;
    letter-spacing:.12em
  }
  .sky-caption {
    font-size:14px;
    max-width:100%
  }
  .principles-ribbon .wrap {
    font-size:14px;
    gap:16px 24px;
    letter-spacing:.08em
  }
  .footer-links {
    gap:15px
  }
  .eco-center {
    font-size:14px;
    letter-spacing:.02em
  }
  .eco-node {
    font-size:14px;
    letter-spacing:.03em
  }
}
@media(max-width:480px) {
  .hero-actions,.form-actions {
    gap:16px 20px
  }
  .hero-actions .button,.hero-actions .text-link,.form-actions .button,.form-actions .text-link {
    font-size:15px
  }
  .principles-ribbon .wrap {
    gap:15px;
    font-size:14px
  }
  .eco-left {
    left:4px
  }
  .eco-right {
    right:4px
  }
  .eco-node {
    padding:6px
  }
  .eco-node:before {
    font-size:24px
  }
  .portfolio-foot .text-link {
    white-space:normal
  }
}
@media(max-width:800px) {
  .brand-strip {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:600px) {
  .brand-strip {
    grid-template-columns:1fr
  }
  .brand-strip a:last-child {
    grid-column:auto
  }
}
.opportunity-split  {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:90px;
  align-items:center;
}
.opportunity-split h2  {
  font-size:54px;
  margin:24px 0;
}
.opportunity-split h2 em  {
  color:var(--gold);
}
.opportunity-split p  {
  line-height:1.9;
  max-width:575px;
}
.opportunity-split .button  {
  margin-top:27px;
}
.opportunity-link  {
  display:grid;
  grid-template-columns:1fr 25px;
  gap:14px;
  border-top:1px solid #ffffff26;
  padding:30px 0;
}
.opportunity-link:last-child  {
  border-bottom:1px solid #ffffff26;
}
.opportunity-link>span:first-child  {
  font-size:14px;
  color:#a9bac3;
  grid-column:1;
}
.opportunity-link strong  {
  font-family:var(--serif);
  font-size:27px;
  line-height:1.45;
  font-weight:400;
}
.opportunity-link .arrow  {
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  color:var(--gold);
}
.brand-directory  {
  border-top:1px solid var(--line);
}
.brand-directory a  {
  display:grid;
  grid-template-columns:1fr 1fr 24px;
  gap:30px;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:23px 0;
  transition:color .2s;
}
.brand-directory a>span:first-child  {
  font-family:var(--serif);
  font-size:30px;
  letter-spacing:-.035em;
}
.brand-directory small  {
  font-size:16px;
  color:#596d78;
}
.brand-directory a:hover  {
  color:#917345;
}
.brand-directory .arrow  {
  color:#917345;
}
.venture-row  {
  grid-template-columns:40px 1fr 1.3fr;
}
.introduction-guide  {
  border-block:1px solid var(--line);
  padding:33px 0;
}
.introduction-guide>.eyebrow  {
  color:#7d663e;
}
.introduction-guide ol  {
  list-style:none;
  counter-reset:intro;
  padding:0;
  margin:23px 0 0;
}
.introduction-guide li  {
  counter-increment:intro;
  display:grid;
  grid-template-columns:24px 1fr;
  column-gap:20px;
  padding:17px 0;
  border-top:1px solid var(--line);
}
.introduction-guide li:before  {
  content:counter(intro,decimal-leading-zero);
  grid-column:1;
  grid-row:1 / 3;
  font-size:14px;
  color:#7d663e;
}
.introduction-guide li strong  {
  font-weight:500;
  font-size:17px;
}
.introduction-guide li span  {
  grid-column:2;
  font-size:16px;
  color:#596d78;
  margin-top:6px;
}
.intro-text .button  {
  margin-top:29px;
}
.separate-link  {
  display:flex;
  width:max-content;
  max-width:100%;
  margin-top:25px;
}
.contact-direct  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
}
.contact-direct h2  {
  font-size:48px;
  margin:21px 0 26px;
}
.contact-direct p  {
  font-size:16px;
  color:#596d78;
  line-height:1.9;
}
.direct-email  {
  font-size:clamp(18px,2vw,24px);
  display:flex;
  align-items:center;
  gap:18px;
  padding:25px 0;
  margin-top:20px;
  border-block:1px solid var(--line);
  overflow-wrap:anywhere;
}
.email-copy  {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  margin:20px 0;
}
.email-copy button  {
  background:none;
  border:0;
  border-bottom:1px solid;
  padding-inline:0;
  color:var(--ink);
}
#copy-status  {
  font-size:14px;
  color:#536f63;
  overflow-wrap:anywhere;
}
.contact-choices article  {
  padding:28px 0;
  border-top:1px solid var(--line);
}
.contact-choices article>.eyebrow  {
  color:#7d663e;
  font-size:14px;
}
.contact-choices h3  {
  font-family:var(--serif);
  font-size:34px;
  margin:19px 0;
}
.contact-choices .text-link  {
  margin-top:18px;
}
.breadcrumb  {
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  align-items:center;
  margin-top:28px;
  font-size:14px;
  color:#94a9b4;
}
.breadcrumb a  {
  color:var(--gold);
  border-bottom:1px solid #C8A66C66;
}
.brand-principles .principle-label {
  color:#7d663e;
  font-size:14px;
  line-height:1.6;
  letter-spacing:.06em;
  margin:0 0 16px;
}
.brand-principles h3 {
  font-size:30px;
  line-height:1.25;
}
.hero-bottom>p {
  max-width:590px;
}
.hero-brandline span {
  white-space:nowrap;
}
.journey-line.eyebrow {
  letter-spacing:.07em;
}
@media(max-width:800px) {
  .hero-brandline span,.journey-line span,.footer-motto span {
    display:block;
  }
}
@media(max-width:1100px)  {
  .opportunity-split,.contact-direct  {
    gap:50px;
  }
  .desktop-nav  {
    gap:24px;
  }
}
@media(max-width:800px)  {
  .opportunity-split,.contact-direct  {
    grid-template-columns:1fr;
    gap:42px;
  }
  .opportunity-split h2,.contact-direct h2  {
    font-size:43px;
  }
  .venture-row  {
    grid-template-columns:25px 1fr;
  }
  .venture-description  {
    grid-column:2;
  }
  .brand-directory a  {
    grid-template-columns:1fr 24px;
    gap:12px;
    padding:24px 0;
  }
  .brand-directory small  {
    grid-column:1;
  }
  .brand-directory .arrow  {
    grid-column:2;
    grid-row:1 / 3;
  }
  .brand-directory a>span:first-child  {
    font-size:30px;
  }
}
@media(max-width:480px)  {
  .subhero h1  {
    font-size:40px;
    line-height:1.2;
  }
  .opportunity-split h2,.contact-direct h2  {
    font-size:38px;
  }
  .opportunity-link strong  {
    font-size:25px;
  }
  .direct-email  {
    font-size:18px;
    gap:10px;
  }
}


/* v1.5.1 institutional editorial layout; bundled to prevent partial styling on deployment */
/* StarArrayHub: editorial hierarchy, one contact destination, readable answers. */
:root { --muted:#4e6572; --line:rgba(17,38,51,.18); }
body { font-size:18px; }
.wrap { width:min(1320px,calc(100% - 112px)); }
.brand-name { font-size:23px; }
.desktop-nav { font-size:16px; gap:30px; }
.desktop-nav a { color:#c7d2d8; }
.header-contact { padding:14px 20px!important; }
.button { font-size:16px; min-height:54px; padding:18px 24px; }
.text-link { font-size:16px; min-height:44px; }
.eyebrow { letter-spacing:.12em; line-height:1.6; }
.hero { min-height:760px; }
.hero-inner { min-height:570px; grid-template-columns:1.08fr 1fr; gap:30px; }
.hero h1 { font-size:clamp(58px,5.5vw,82px); line-height:1.12; }
.hero-copy>p { font-size:19px; max-width:510px; line-height:1.75; color:#c4d1d7; }
.hero-copy>.hero-brandline { font-size:14px; color:var(--gold); }
.hero:before { background:radial-gradient(ellipse at 77% 44%,#29445266,transparent 62%); }
.hero-bottom p { color:#b8c7ce; font-size:15px; }
.constellation { margin-left:-15px; margin-right:-30px; }
.sky-caption { color:#b3c3cb; font-size:14px; letter-spacing:.12em; }
.sky-story-link { display:flex; align-items:center; justify-content:center; gap:16px; color:var(--gold); font-size:16px; padding:12px 0; margin-top:6px; min-height:44px; }
.sky-story-link:hover { color:#fff2d9; }
.beidou-section { background:#ebe7dc; }
.beidou-intro { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:end; margin-bottom:44px; }
.beidou-intro .eyebrow,.beidou-reading .eyebrow { color:#806137; margin-bottom:24px; }
.beidou-intro h2 { font-size:clamp(42px,4.5vw,65px); }
.beidou-intro>p,.beidou-reading p { font-size:18px; color:var(--muted); line-height:1.85; }
.beidou-feature { display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; }
.beidou-chart { background:#102630; border:1px solid #cfb47d66; padding:18px 26px 28px; }
.beidou-chart svg { display:block; width:100%; }
.beidou-caption { text-align:center; color:#c8d4da; font-size:15px; line-height:1.7; margin-top:-25px; }
.beidou-reading h3 { font-family:var(--serif); font-size:36px; line-height:1.35; letter-spacing:-.035em; margin:0 0 24px; }
.beidou-reading .eyebrow { font-size:14px; }
.beidou-reading .text-link { margin-top:22px; }
.beidou-directory { margin-top:64px; }
.beidou-list-heading { display:grid; grid-template-columns:1fr 1fr; gap:90px; margin-bottom:30px; align-items:start; }
.beidou-list-heading h3 { font-family:var(--serif); font-size:34px; letter-spacing:-.025em; }
.beidou-list-heading p { font-size:17px; color:var(--muted); line-height:1.8; }
.beidou-stars { margin:0; padding:0; list-style:none; border-bottom:1px solid var(--line); }
.beidou-stars li { display:grid; grid-template-columns:32px 1fr 1.12fr; gap:32px; border-top:1px solid var(--line); padding:28px 0; scroll-margin-top:40px; }
.beidou-order { font-size:15px; color:#806137; padding-top:6px; }
.beidou-name h4 { display:flex; flex-wrap:wrap; align-items:baseline; gap:15px; font-size:27px; font-family:var(--serif); font-weight:400; margin:0 0 12px; letter-spacing:-.025em; }
.beidou-name h4 [lang] { font-family:'Microsoft YaHei','PingFang SC',sans-serif; font-size:24px; letter-spacing:.08em; }
.beidou-name p { font-size:16px; color:var(--muted); line-height:1.6; }
.beidou-reflection h4 { font-size:21px; line-height:1.4; font-weight:500; margin:0 0 10px; }
.beidou-reflection p { font-size:18px; color:var(--muted); line-height:1.8; }
.beidou-source { font-size:14px; color:var(--muted); line-height:1.9; margin-top:30px; max-width:1050px; }
.beidou-source a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1100px) {
  .beidou-feature,.beidou-intro,.beidou-list-heading { gap:42px; }
  .beidou-reading h3 { font-size:32px; }
  .beidou-stars li { gap:24px; }
}
@media(max-width:800px) {
  .beidou-intro,.beidou-feature,.beidou-list-heading { grid-template-columns:1fr; gap:28px; }
  .beidou-intro h2 { font-size:43px; }
  .beidou-chart { padding:10px 16px 24px; }
  .beidou-caption { margin-top:-12px; }
  .beidou-directory { margin-top:42px; }
  .beidou-stars li { grid-template-columns:26px 1fr; gap:16px; padding:26px 0; }
  .beidou-reflection { grid-column:2; }
  .beidou-name h4 { font-size:27px; gap:17px; }
  .beidou-reflection p { font-size:18px; }
  .beidou-source { overflow-wrap:anywhere; }
  .sky-story-link { font-size:15px; margin:0; padding-top:8px; }
}
.section { padding:90px 0; }
.subhero { padding:178px 0 70px; }
.subhero h1 { font-size:clamp(54px,5.5vw,80px); max-width:1080px; }
.subhero p { font-size:19px; color:#c0cdd4; max-width:750px; line-height:1.8; }
.subhero .eyebrow { font-size:14px; color:var(--gold); }
.subhero:before { content:''; width:460px; height:460px; border:1px solid #C8A66C1c; border-radius:50%; right:-130px; top:60px; }
.subhero:after { content:''; position:absolute; width:330px; height:330px; border:1px solid #C8A66C12; border-radius:50%; right:-65px; top:125px; pointer-events:none; }
.subhero .wrap { z-index:1; }
.section-heading h2,.horizon h2,.intro-text h2 { font-size:clamp(40px,4vw,60px); }
.section-heading>p,.intro-text>p,.horizon p,.value p,.process-row>p,.introduction-guide li span,.contact-direct p { font-size:18px; line-height:1.8; color:var(--muted); }
.night-section p { font-size:18px; color:#becdd3; line-height:1.8; }
.night-section .eyebrow,.opportunity-split .eyebrow { font-size:14px; color:var(--gold); }
.opportunity-split h2 { font-size:clamp(40px,4vw,60px); }
.opportunity-split { align-items:start; gap:90px; }
.opportunity-link { padding:26px 0; }
.opportunity-link strong { font-size:29px; }
.identity-section { background:#f3f1e9; }
.identity-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:start; }
.identity-grid .eyebrow,.editorial-grid .eyebrow,.founder-layout>.eyebrow,.faq-layout .eyebrow { color:#806137; margin-bottom:24px; }
.identity-grid h2 { font-size:clamp(44px,4.4vw,65px); max-width:480px; }
.identity-grid .text-link { margin-top:28px; }
.lead-answer { font-size:24px; line-height:1.6; color:var(--ink); }
.identity-grid .lead-answer+p { color:var(--muted); font-size:17px; border-top:1px solid var(--line); padding-top:24px; margin-top:30px; }
.quick-answers { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:62px; border-top:1px solid var(--line); padding-top:36px; }
.quick-answers article { display:grid; grid-template-columns:28px 1fr; gap:22px; }
.answer-number { color:#876a3e; font-size:15px; padding-top:6px; }
.quick-answers h3 { font-family:var(--serif); font-size:29px; letter-spacing:-.025em; max-width:390px; }
.quick-answers p { font-size:18px; color:var(--muted); line-height:1.8; margin-top:20px; }
.quick-answers .text-link { margin-top:18px; }
.founder-section { position:relative; background:#eae7dd; border-bottom:1px solid var(--line); }
.founder-layout { display:grid; grid-template-columns:.4fr 1fr; gap:90px; }
.founder-layout blockquote { font-family:var(--serif); font-size:clamp(35px,3.9vw,57px); line-height:1.35; letter-spacing:-.03em; margin:0; }
.founder-layout blockquote em { color:#806137; }
.founder-layout p { font-size:18px; line-height:1.8; color:var(--muted); max-width:650px; margin-top:28px; }
.founder-layout>.eyebrow { font-size:14px; margin-top:10px; }
.founder-layout .text-link { margin-top:20px; }
.editorial-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.editorial-grid h2,.faq-layout h2 { font-size:clamp(40px,4vw,60px); }
.reading-copy>p { font-size:19px; line-height:1.85; color:var(--muted); }
.reading-copy>.lead-answer { font-size:24px; line-height:1.65; color:var(--ink); }
.reading-copy .text-link { margin-top:24px; }
.about-direction { background:#eae7dd; }
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }
.faq-layout>div>p:not(.eyebrow) { font-size:18px; color:var(--muted); max-width:340px; margin-top:24px; }
.faq { margin:0; }
.faq details { padding:0; }
.faq summary { font-size:18px; font-weight:500; padding:24px 32px 24px 0; line-height:1.5; }
.faq details p { font-size:18px; color:var(--muted); line-height:1.8; padding:0 32px 26px 0; max-width:none; }
.faq details[open] { background:#eeeae066; padding-left:22px; padding-right:16px; }
.closing { padding:50px 0; }
.closing-inner { background:#102630; color:var(--paper); padding:48px 52px; position:relative; border-left:3px solid var(--gold); gap:48px; }
.closing h2 { font-size:clamp(36px,3.4vw,48px); }
.closing .eyebrow { font-size:14px; color:var(--gold); margin-top:0; }
.closing p:not(.eyebrow) { font-size:18px; color:#c0cdd4; max-width:590px; }
.closing .button { flex-shrink:0; }
.site-footer { padding:60px 0 28px; }
.footer-grid { grid-template-columns:1.15fr 1fr; gap:100px; padding-bottom:44px; }
.footer-description { color:#bfcdd4; font-size:17px; max-width:440px; }
.footer-motto { font-size:14px; letter-spacing:.1em; color:var(--gold); margin-top:24px; }
.footer-links { font-size:17px; gap:16px 28px; }
.footer-label { font-size:14px; margin-bottom:24px; }
.footer-bottom { align-items:center; color:#b4c5ce; font-size:14px; }
.legal-links { display:flex; gap:28px; }
.legal-links a:hover { color:var(--gold); }
.contact-direct { grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.contact-panel { background:#eae7dd; padding:36px 38px; border-top:3px solid #a78b53; }
.contact-direct h2 { font-size:44px; }
.contact-direct .eyebrow { font-size:14px; color:#806137; }
.direct-email { font-size:clamp(18px,1.8vw,23px); gap:12px; }
.contact-note { font-size:16px!important; }
.contact-choices article { padding:26px 0 30px; }
.contact-choices h3 { font-size:34px; }
.legal { max-width:860px; font-size:18px; line-height:1.85; }
.legal h2 { font-size:29px; margin-top:36px; }
.legal h2:first-child { margin-top:0; }
.legal p { font-size:18px; color:var(--muted); }
.legal a { border-bottom:1px solid currentColor; }
@media(max-width:1100px) {
  .wrap { width:calc(100% - 72px); }
  .desktop-nav { gap:22px; }
  .brand-name { font-size:22px; }
  .hero-actions { flex-wrap:wrap; gap:20px; }
  .identity-grid,.editorial-grid,.faq-layout,.founder-layout,.opportunity-split,.contact-direct { gap:50px; }
  .contact-panel { padding:30px; }
  .closing-inner { padding:40px; }
}
@media(max-width:900px) {
  .desktop-nav { font-size:15px; gap:17px; }
  .header-contact { padding:12px!important; }
  .brand-icon { width:35px; }
  .brand { gap:9px; }
}
@media(max-width:800px) {
  .wrap { width:calc(100% - 48px); }
  .hero { min-height:auto; }
  .hero-inner { grid-template-columns:1fr; gap:10px; min-height:0; padding-top:65px; }
  .hero h1 { font-size:56px; }
  .hero-copy>p { font-size:18px; max-width:600px; }
  .hero-copy>.hero-brandline { font-size:14px; }
  .hero-actions { gap:18px 26px; }
  .constellation { margin:0 -5px; max-width:540px; justify-self:center; width:100%; padding:15px 0 24px; }
  .hero-bottom { align-items:start; }
  .hero-bottom p { font-size:14px; }
  .sky-caption { margin-top:-5px; }
  .section { padding:65px 0; }
  .identity-grid,.editorial-grid,.founder-layout,.faq-layout,.contact-direct { grid-template-columns:1fr; gap:30px; }
  .identity-grid h2,.editorial-grid h2,.faq-layout h2 { font-size:43px; }
  .identity-grid .text-link { margin-top:18px; }
  .lead-answer,.reading-copy>.lead-answer { font-size:22px; }
  .quick-answers { grid-template-columns:1fr; gap:30px; margin-top:38px; padding-top:28px; }
  .quick-answers article+article { border-top:1px solid var(--line); padding-top:28px; }
  .quick-answers h3 { font-size:28px; }
  .founder-layout blockquote { font-size:36px; }
  .founder-layout>.eyebrow { margin:0; }
  .subhero { padding:151px 0 54px; }
  .subhero h1 { font-size:48px; line-height:1.18; }
  .subhero p { font-size:18px; }
  .subhero .eyebrow { font-size:14px; }
  .faq summary { font-size:17px; }
  .faq details p { font-size:17px; }
  .faq details[open] { padding-left:16px; padding-right:0; }
  .closing { padding:30px 0; }
  .closing-inner { flex-direction:column; align-items:start; gap:28px; padding:34px 28px; }
  .closing h2 { font-size:35px; }
  .closing p:not(.eyebrow) { font-size:17px; }
  .footer-grid { grid-template-columns:1fr; gap:36px; }
  .footer-bottom { flex-direction:column; align-items:start; gap:14px; }
  .footer-bottom p { margin:0; }
  .footer-motto span { display:inline; }
  .footer-links { font-size:16px; }
  .site-footer { padding-top:42px; }
  .contact-panel { padding:28px 24px; }
  .contact-direct h2 { font-size:38px; }
  .reading-copy>p { font-size:18px; }
  .legal h2 { font-size:27px; }
}
@media(max-width:480px) {
  .hero h1 { font-size:44px; }
  .hero-inner { padding-top:45px; }
  .hero-brandline { letter-spacing:.08em; }
  .hero-brandline span { white-space:normal; }
  .button { font-size:16px; padding:16px 20px; }
  .subhero h1 { font-size:40px; }
  .founder-layout blockquote { font-size:31px; }
  .identity-grid h2 { font-size:39px; }
  .closing-inner { padding:30px 22px; }
  .closing h2 { font-size:32px; }
  .closing .button { max-width:100%; gap:20px; }
  .direct-email { font-size:17px; }
  .footer-motto span { display:block; }
}

/* v1.1: public-facing privacy preferences and editorial venture content. */
.privacy-preferences { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0 34px; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.privacy-preferences .preference-status { margin:0; font-size:17px; line-height:1.65; color:#3d5663; flex:1; }
.privacy-toggle { background:#102630; color:#F5F3EE; border:1px solid #102630; min-height:48px; padding:11px 22px; font-size:16px; white-space:nowrap; transition:background .2s ease,color .2s ease; }
.privacy-toggle:hover { background:#254450; }
.privacy-toggle:focus-visible { outline:2px solid #a77c39; outline-offset:4px; }
.privacy-toggle[hidden] { display:none; }
.venture-subhead { font-family:var(--serif); font-size:30px; font-weight:400; letter-spacing:-.02em; line-height:1.3; margin:34px 0 14px; }
.venture-subhead:first-of-type { margin-top:34px; }
@media(max-width:600px) {
  .privacy-preferences { align-items:stretch; flex-direction:column; gap:18px; }
  .privacy-toggle { align-self:flex-start; white-space:normal; }
  .venture-subhead { font-size:27px; }
}

/* A small bilingual signature, kept inside the Beidou cultural context. */
.beidou-pledge { margin:28px 0 8px; padding:20px 0 4px; border-top:1px solid rgba(16,33,45,.18); display:grid; gap:12px; }
.beidou-pledge span:first-child { font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif; font-size:22px; line-height:1.7; color:#876637; letter-spacing:.025em; }
.beidou-pledge span:last-child { font-size:16px; line-height:1.7; color:var(--muted); }
@media(max-width:480px) { .beidou-pledge span:first-child { font-size:20px; } }

/* v1.2.0: deeper editorial content without repeating generic card grids */
.venture-detail { padding-block: clamp(4rem, 7vw, 7.5rem); }
.venture-alt {background: #f3f1eb; color: #142e36;}
.venture-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; }
.venture-side { position: sticky; top: 7rem; }
.venture-side h2 { font-size: clamp(2rem, 3.3vw, 3.4rem); line-height: 1.14; letter-spacing: -.035em; margin-top: 1rem; overflow-wrap: normal; }
.venture-side h2 em {color:#a37d40; font-style: normal;}
.venture-body {min-width: 0;}
.venture-lead {font-size: clamp(1.13rem,1.55vw,1.35rem); line-height: 1.75; margin: 0 0 1.6rem; color: inherit;}
.venture-body > p:not(.venture-lead) {font-size:1.04rem;line-height:1.8;}
.venture-points {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap: 1.6rem 2rem; margin:2rem 0;}
.venture-point {border-top:1px solid currentColor;padding-top:1.1rem;}
.venture-point h3, .venture-steps h3 {font-size:clamp(1.1rem,1.4vw,1.36rem);line-height:1.34;letter-spacing:-.015em;margin:0 0 .55rem;font-weight:600;}
.venture-point p, .venture-steps p {font-size:1.04rem;line-height:1.7;margin:0;opacity:.82;}
.venture-steps {list-style:none;padding:0;margin:2rem 0;}
.venture-steps li {display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid currentColor;}
.venture-step-num {font-size:.9rem;font-weight:600;color:#ad874b;letter-spacing:.06em;}
.venture-caveat {padding:1.3rem 1.5rem;border-left:3px solid #a98b53;background:rgba(139,114,70,.075);}
.venture-next {margin-top:2rem;}
@media(max-width:850px){.venture-split {grid-template-columns:minmax(0,1fr);gap:2rem}.venture-side{position:static}.venture-side h2{max-width:22ch}.venture-points{grid-template-columns:1fr 1fr}.venture-detail{padding-block:4rem}}
@media(max-width:580px){.venture-points{grid-template-columns:1fr;gap:1.4rem}.venture-steps li{grid-template-columns:2.5rem 1fr}.venture-side h2{font-size:clamp(1.9rem,8.5vw,2.8rem)}.venture-lead{font-size:1.1rem}}

/* v1.3 editorial expansion */
.site-header .desktop-nav { gap:19px; font-size:15px; white-space:nowrap; }
.site-header .header-contact { padding:12px 15px!important; }
.footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.footer-links>div { display:flex; flex-direction:column; gap:12px; }
.footer-links strong { color:#e0c38a; font-size:14px; letter-spacing:.04em; font-weight:600; }
.footer-links a { font-size:15px; line-height:1.5; }
.reading-copy p+p { margin-top:22px; }
.reading-copy .text-link { display:inline-flex; margin-top:26px; }
.submission-disclaimer { font-size:16px!important; line-height:1.75!important; opacity:.9; margin:24px 0; }
.home-paths { background:#ebe7dd; }
.home-path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px; }
.home-path-grid article { border-top:1px solid rgba(17,38,51,.25); padding-top:24px; display:flex; flex-direction:column; }
.home-path-grid h3 { font-weight:400;font-size:clamp(25px,2.5vw,35px);line-height:1.2;font-family:var(--serif);; margin:10px 0 18px; }
.home-path-grid p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.75; flex:1; }
.home-path-grid a { margin-top:25px; }
.insight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; margin-top:20px; }
.insight-grid article { border-top:1px solid var(--line); padding:28px 0; }
.insight-grid h2 { font-weight:400;font-size:clamp(27px,3vw,41px);line-height:1.25;font-family:var(--serif);; margin:16px 0 24px; }
.insight-grid h2 a { color:inherit; }
.insight-grid p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.8; }
.article-shell { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(220px,.7fr); gap:9%; }
.article-content section { margin:0 0 53px; }
.article-content h2 { font-weight:400;font-size:clamp(31px,3.2vw,44px);line-height:1.23;font-family:var(--serif);; margin:0 0 22px; }
.article-content p { color:var(--muted); font-size:19px; line-height:1.88; margin-bottom:20px; }
.article-content .article-intro { font-size:24px; color:var(--ink); margin-bottom:48px; }
.article-aside { border-top:1px solid var(--line); padding-top:25px; align-self:start; display:flex; flex-direction:column; gap:20px; }
.article-aside p { font-size:16px; line-height:1.75; color:var(--muted); }
@media(max-width:1190px) { .site-header .desktop-nav { gap:12px; font-size:14px; } .site-header .header-contact { padding:10px 12px!important; } }
@media(max-width:1100px) { .site-header .desktop-nav { display:none; } .footer-links { gap:20px; } }
@media(max-width:800px) { .home-path-grid, .insight-grid, .article-shell { grid-template-columns:1fr; gap:22px; } .home-path-grid article { padding:25px 0; } .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); } .article-aside { margin-top:15px; } }
@media(max-width:500px) { .footer-links { grid-template-columns:1fr; gap:30px; } .home-path-grid h3 { font-size:31px; } .article-content p { font-size:18px; } .article-content .article-intro { font-size:21px; } }

/* balanced four-part footer */
.footer-grid { grid-template-columns:1.45fr 1fr 1fr 1fr; gap:38px; }
.footer-grid .footer-links { display:flex; flex-direction:column; gap:12px; }
.footer-grid .footer-links a { display:block; line-height:1.45; }
@media(max-width:1100px) { .footer-grid {grid-template-columns:1fr 1fr; gap:42px;} }
@media(max-width:600px) { .footer-grid {grid-template-columns:1fr; gap:34px;} }

/* v1.4.0: more deliberate editorial hierarchy and improved readability */
:root { --gold:#C8A66C; }
.desktop-nav { gap:clamp(13px,1.75vw,27px); font-size:15.5px; }
.desktop-nav a { white-space:nowrap; }
.header-inner { gap:24px; }
.eyebrow { font-size:13.5px; }
.venture-side h2 { max-width:13.5ch; font-size:clamp(2.4rem,3.7vw,3.75rem); line-height:1.18; letter-spacing:-.045em; text-wrap:balance; }
.venture-split { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(2.5rem,6vw,6.5rem); }
.venture-point p { font-size:17px; line-height:1.78; }
.venture-lead { max-width:690px; }
.venture-detail { padding-block:clamp(4.5rem,7vw,7rem); }
.venture-alt { background:#eae7df; }
.identity-section { padding-block:clamp(5rem,8vw,8rem); }
.identity-grid { gap:clamp(2.5rem,7vw,7rem); }
.identity-grid h2 { max-width:14ch; text-wrap:balance; }
.founder-layout blockquote { font-size:clamp(2.2rem,3.4vw,3.3rem); max-width:21ch; text-wrap:balance; }
.footer-grid { grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr)); gap:clamp(1.5rem,3.5vw,4rem); }
.footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; font-size:15px; }
.footer-label { font-size:13px; }
.footer-description { font-size:16px; }
@media(max-width:1150px){ .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:3rem 4rem; } .desktop-nav{gap:13px;font-size:14px;} .header-contact{padding:10px 13px!important;} }
@media(max-width:800px){ .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem;} .venture-side h2{max-width:20ch;} .founder-layout blockquote{max-width:none;} }
@media(max-width:500px){ .footer-grid{grid-template-columns:1fr 1fr;} .footer-grid>div:first-child{grid-column:1/-1;} .venture-side h2{font-size:clamp(2.2rem,9vw,3rem);} .hero h1{font-size:clamp(2.65rem,11vw,3.4rem);} }
/* Staggered, low-motion constellation: the connections stay fixed. */
.constellation .star-twinkle { animation:star-breathe var(--twinkle-duration,5s) ease-in-out var(--twinkle-delay,0s) infinite; transform-box:fill-box; transform-origin:center; }
@keyframes star-breathe { 0%,100%{opacity:.72;transform:scale(.93)} 50%{opacity:1;transform:scale(1.08)} }
@media(prefers-reduced-motion:reduce){.constellation .star-twinkle,.constellation .orbit{animation:none!important;}}

/* StarArrayHub 1.5 — institutional editorial design, source-aligned brand storytelling */
:root{--sa-ink:#102833;--sa-deep:#071b25;--sa-cream:#f3f0e7;--sa-warm:#e9e4d8;--sa-gold:#ae8549;--sa-border:rgba(18,44,54,.19)}
body{background:var(--sa-cream)}
.wrap{width:min(1340px,calc(100% - 112px))}
.hero{min-height:750px;background:#071b25}
.hero-inner{grid-template-columns:1.03fr 1fr;min-height:610px;gap:45px}
.hero h1{font-size:clamp(60px,5.6vw,92px);line-height:1.07;max-width:760px;letter-spacing:-.047em}
.hero-copy>p:not(.eyebrow){max-width:580px;font-size:19px;line-height:1.7}
.hero-copy>.hero-signature{font-size:17px!important;line-height:1.8!important;letter-spacing:.07em;color:#e6c88c!important;border-top:1px solid rgba(224,199,146,.3);padding-top:22px;margin-top:28px;max-width:600px}
.hero .hero-brandline{letter-spacing:.16em;font-size:13px;max-width:540px}
.constellation{margin:0 -30px 0 -55px;transform:scale(1.08)}
.sa-kicker,.sa-index{font:600 13px/1.55 system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#916e40}
.sa-index{font-size:12px}
.sa-arrow{display:inline-flex;align-items:center;gap:17px;text-decoration:none!important;font-size:16px;font-weight:600;color:#183440;border-bottom:1px solid currentColor;padding:8px 0;transition:gap .2s}
.sa-arrow:hover{gap:25px;color:#966d36}
.sa-arrow-light{color:#ecd5a8}
.sa-overview{padding:128px 0 135px;background:#F5F3EE}
.sa-overview-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:6%}
.sa-section-rail{padding-top:14px;border-top:1px solid var(--sa-border)}
.sa-section-rail p{margin-top:30px;font-size:17px;color:#67757a;line-height:1.65}
.sa-overview-main h2{font-weight:400;font-size:clamp(50px,5.3vw,84px);line-height:1.1;font-family:var(--serif);;letter-spacing:-.046em;max-width:1080px;margin:25px 0 55px;text-wrap:balance}
.sa-overview-main h2 em,.sa-work h2 em,.sa-experience h2 em,.sa-journey h2 em{color:#9f783d}
.sa-overview-lower{display:grid;grid-template-columns:1.03fr .97fr;gap:8%;border-top:1px solid var(--sa-border);padding-top:34px}
.sa-overview-lower p{font-size:18px;line-height:1.85;color:#4C6067;margin:0 0 22px}
.sa-overview-lower .sa-lead{font-weight:400;font-size:clamp(24px,2.3vw,34px);line-height:1.46;font-family:var(--serif);;color:#17262D}
.sa-mission{background:#0B151C;color:#F5F3EE;overflow:hidden}
.sa-mission-grid{display:grid;grid-template-columns:1fr 1fr;min-height:660px;gap:8%;align-items:center}
.sa-mission-visual{position:relative;min-height:580px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#2d4b53 0%,#132d37 38%,#0B151C 72%)}
.sa-mission-visual:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#d8c9a2 0.8px,transparent 1px);background-size:53px 61px;opacity:.18}
.sa-orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(220,187,127,.19);border-radius:50%;top:13%;left:13%;transform:rotate(-20deg) scaleX(.85)}
.sa-orbit-b{width:280px;height:280px;top:25%;left:24%;transform:rotate(32deg) scaleX(.7)}
.sa-mission-star{position:absolute;color:#e6c990;text-shadow:0 0 24px #e4c083;font-size:32px;animation:sa-sparkle 5s ease-in-out infinite}
.sa-s1{left:24%;top:26%}.sa-s2{left:61%;top:20%;animation-delay:-1.7s}.sa-s3{left:42%;top:52%;animation-delay:-3.3s}.sa-s4{left:74%;top:64%;animation-delay:-2.2s}.sa-s5{left:20%;top:75%;animation-delay:-.8s}
@keyframes sa-sparkle{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.16)}}
.sa-mission-visual-text{position:absolute;bottom:30px;left:34px;font:600 12px/1.7 system-ui;letter-spacing:.18em;color:#c9af7b}
.sa-mission-copy{padding:75px 0}
.sa-mission .sa-kicker{color:#C8A66C}
.sa-mission h2{font-weight:400;font-size:clamp(43px,4.5vw,70px);line-height:1.14;font-family:var(--serif);;letter-spacing:-.04em;margin:26px 0}
.sa-mission h2 em{color:#C8A66C}
.sa-mission-copy>p:not(.sa-kicker):not(.sa-translation){font-size:18px;line-height:1.85;color:#c7d3d6;margin:0 0 24px}
.sa-mission blockquote{font-weight:400;font-size:clamp(24px,2.1vw,32px);line-height:1.6;font-family:'Noto Serif CJK SC','Songti SC',serif;;margin:35px 0 8px;color:#E6D4B3}
.sa-translation{font-size:16px;color:#c5d0d3;margin:0 0 26px}
.sa-work{background:#E8E5DD;padding:125px 0 140px}
.sa-section-top{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;align-items:end;margin-bottom:55px}
.sa-section-top h2,.sa-experience h2,.sa-journey h2{font-weight:400;font-size:clamp(48px,4.9vw,75px);line-height:1.12;font-family:var(--serif);;letter-spacing:-.045em;margin:25px 0 0;text-wrap:balance}
.sa-section-top>p,.sa-experience-header>p:last-child,.sa-journey-head>p{font-size:19px;line-height:1.8;color:#4C6067;margin:0}
.sa-work-grid{display:grid;grid-template-columns:1.13fr .87fr .87fr;grid-template-rows:1fr 1fr;gap:14px}
.sa-work-grid>a{color:#17262D;text-decoration:none;display:flex;flex-direction:column;padding:35px;min-height:265px;transition:background .2s,transform .2s}
.sa-work-grid>a:hover{transform:translateY(-3px)}
.sa-work-feature{grid-row:span 2;background:#15252D!important;color:#F5F3EE!important;justify-content:space-between}
.sa-work-feature .sa-index{color:#C8A66C}
.sa-work-feature h3{font-weight:400;font-size:clamp(35px,3vw,50px);line-height:1.14;font-family:var(--serif);;margin:0 0 15px}
.sa-work-feature p{font-size:18px;line-height:1.7;color:#c7d3d5;max-width:430px}
.sa-work-feature .sa-arrow{color:#e8d09c}
.sa-feature-mark{height:180px;position:relative}
.sa-feature-mark span{position:absolute;width:85px;height:85px;border:1px solid #d6bd8a;border-radius:50%;top:40px;left:24%}
.sa-feature-mark span:nth-child(2){left:40%;top:68px}.sa-feature-mark span:nth-child(3){left:56%;top:18px}
.sa-work-item{background:#F5F3EE;border:1px solid #d8d0c2}
.sa-work-item h3{font-weight:400;font-size:clamp(27px,2.25vw,37px);line-height:1.18;font-family:var(--serif);;margin:26px 0 12px}
.sa-work-item p{font-size:17px;line-height:1.72;color:#4C6067;margin:0 0 25px;flex:1}
.sa-work-item .sa-arrow{align-self:flex-start}
.sa-experience{padding:125px 0 115px;background:#F5F3EE}
.sa-experience-header{display:grid;grid-template-columns:1.15fr .85fr;column-gap:12%;align-items:end}
.sa-experience-header .sa-kicker{grid-column:1/-1}
.sa-experience-header h2{margin-bottom:0}
.sa-discipline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:65px;border-top:1px solid var(--sa-border);border-bottom:1px solid var(--sa-border)}
.sa-discipline-grid article{padding:35px 35px 55px 0;min-height:250px}
.sa-discipline-grid article+article{border-left:1px solid var(--sa-border);padding-left:35px}
.sa-discipline-number{font-size:14px;color:#9b763d}
.sa-discipline-grid h3{font-weight:400;font-size:clamp(27px,2.3vw,38px);line-height:1.2;font-family:var(--serif);;margin:30px 0 18px}
.sa-discipline-grid p{font-size:17px;line-height:1.75;color:#4C6067}
.sa-experience-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.sa-experience-bottom p{font:italic 23px var(--serif);color:#86693f}
.sa-founder{padding:125px 0 130px;background:#E8E5DD}
.sa-founder-grid{display:grid;grid-template-columns:.32fr .68fr;gap:9%}
.sa-founder-side{border-top:1px solid var(--sa-border);padding-top:20px}
.sa-founder-glyph{font:400 110px/1 var(--serif);color:#C8A66C;display:block;margin:90px 0 25px}
.sa-founder-side>p:last-child{font-size:17px;line-height:1.65;color:#53616a}
.sa-founder-main h2{font-weight:400;font-size:clamp(48px,5vw,79px);line-height:1.12;font-family:var(--serif);;letter-spacing:-.045em;margin:0 0 45px;max-width:850px}
.sa-founder-main h2 em{color:#a27c44}
.sa-founder-main blockquote{font-weight:400;font-size:clamp(24px,2.7vw,40px);line-height:1.65;font-family:'Noto Serif CJK SC','Songti SC',serif;;margin:0 0 22px;color:#94723e}
.sa-founder-main>p{font-size:19px;line-height:1.85;max-width:790px;color:#4C6067;margin:0 0 32px}
.sa-founder-rule{border-top:1px solid var(--sa-border);margin:50px 0 38px}
.sa-founder-main .sa-founder-second{font-size:clamp(22px,2.4vw,34px)}
.sa-journey{padding:120px 0 130px;background:#F5F3EE}
.sa-journey-head{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:end}
.sa-journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:65px 0 40px}
.sa-journey-steps article{border-top:1px solid var(--sa-border);padding-top:26px}
.sa-journey-steps article>span{color:#967039;font-size:16px}
.sa-journey-steps h3{font-weight:400;font-size:clamp(28px,2.5vw,38px);line-height:1.2;font-family:var(--serif);;margin:38px 0 18px}
.sa-journey-steps p{font-size:18px;line-height:1.75;color:#4C6067}
.sa-invitation{background:#0B151C;color:#F5F3EE;padding:95px 0}
.sa-invitation-inner{display:grid;grid-template-columns:1fr auto;gap:7%;align-items:center}
.sa-invitation .sa-kicker{color:#C8A66C}
.sa-invitation h2{font-weight:400;font-size:clamp(46px,5vw,78px);line-height:1.1;font-family:var(--serif);;letter-spacing:-.04em;margin:25px 0 22px}
.sa-invitation h2 em{color:#D5B77F}
.sa-invitation p:not(.sa-kicker){font-size:19px;line-height:1.75;max-width:760px;color:#E1E6E6}
.sa-invitation .sa-submission-note{font-size:15px!important;color:#aebdc4!important;margin-top:20px}
.sa-invitation-button{display:inline-flex;align-items:center;gap:30px;background:#D5B77F;color:#17262D;text-decoration:none;padding:22px 28px;font-weight:650;white-space:nowrap;min-height:60px}
.sa-invitation-button:hover{background:#f2d8a4}
.sa-legacy-words{padding:90px 0;background:#E8E5DD;color:#17262D}
.sa-legacy-words h2{font-weight:400;font-size:clamp(38px,4vw,60px);line-height:1.2;font-family:var(--serif);;margin:18px 0 40px}
.sa-legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.sa-legacy-grid>div{padding:25px 0;border-top:1px solid var(--sa-border)}
.sa-legacy-grid p{font-weight:400;font-size:clamp(21px,2vw,29px);line-height:1.6;font-family:'Noto Serif CJK SC','Songti SC',serif;;color:#916d3a;margin:0 0 8px}
.sa-legacy-grid span{font-size:17px;line-height:1.7;color:#52666d}
@media(max-width:1100px){.wrap{width:min(100% - 64px,1340px)}.sa-overview-grid{grid-template-columns:160px 1fr;gap:35px}.sa-work-grid{grid-template-columns:1fr 1fr}.sa-work-feature{grid-row:span 2}.sa-mission-grid{gap:35px}.sa-mission-visual{min-height:520px}.sa-invitation-inner{grid-template-columns:1fr}.sa-invitation-button{justify-self:start}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.hero{min-height:auto}.hero-inner{min-height:auto;grid-template-columns:1fr}.hero h1{font-size:clamp(44px,8.8vw,67px)}.constellation{transform:none;margin:0}.sa-overview,.sa-work,.sa-experience,.sa-founder,.sa-journey{padding:80px 0}.sa-overview-grid,.sa-overview-lower,.sa-mission-grid,.sa-section-top,.sa-experience-header,.sa-founder-grid,.sa-journey-head{grid-template-columns:1fr;gap:28px}.sa-overview-main h2{font-size:clamp(40px,7vw,60px);margin:18px 0 35px}.sa-section-rail p{display:none}.sa-mission-visual{min-height:330px}.sa-mission-copy{padding:20px 0 70px}.sa-work-grid{grid-template-columns:1fr 1fr}.sa-work-feature{grid-column:1/-1;grid-row:auto;min-height:350px!important}.sa-feature-mark{height:100px}.sa-work-grid>a{min-height:270px}.sa-discipline-grid{grid-template-columns:1fr}.sa-discipline-grid article,.sa-discipline-grid article+article{border-left:0;border-top:1px solid var(--sa-border);padding:25px 0;min-height:auto}.sa-founder-glyph{display:none}.sa-journey-steps{gap:22px}.sa-legacy-grid{grid-template-columns:1fr}.sa-invitation{padding:80px 0}}
@media(max-width:580px){.hero .hero-brandline{font-size:11px}.hero-copy>.hero-signature{font-size:15px!important}.sa-overview-main h2,.sa-founder-main h2{font-size:clamp(37px,10vw,52px)}.sa-section-top h2,.sa-experience h2,.sa-journey h2,.sa-invitation h2{font-size:clamp(39px,10vw,55px)}.sa-work-grid,.sa-journey-steps{grid-template-columns:1fr}.sa-work-grid>a{min-height:auto;padding:27px}.sa-work-feature{min-height:360px!important}.sa-journey-steps{margin:38px 0}.sa-journey-steps h3{margin:20px 0 12px}.sa-mission-visual{min-height:290px}.sa-mission-copy h2{font-size:clamp(38px,9vw,50px)}.sa-invitation-button{white-space:normal}.sa-experience-bottom{flex-direction:column;align-items:flex-start}.sa-legacy-words{padding:70px 0}}
@media(prefers-reduced-motion:reduce){.sa-mission-star{animation:none!important}.sa-work-grid>a,.sa-arrow{transition:none!important}}
/* Fill the editorial work grid without a visually empty quadrant. */
@media(min-width:801px){.sa-work-item:last-child{grid-column:2 / 4;min-height:235px}}

/* Original Chinese is a cultural reference, not untranslated primary content */
.original-chinese{font-size:.86em!important;opacity:.78;letter-spacing:.025em;line-height:1.7!important}
@media(max-width:800px){.sa-overview,.sa-work,.sa-experience,.sa-founder,.sa-journey{padding-block:76px}}

/* StarArrayHub v1.6.0 — Midnight Ink institutional editorial refinement */
:root{--ink:#17262D;--night:#0B151C;--paper:#F5F3EE;--gold:#C8A66C;--muted:#52646A;--sa-border:rgba(23,38,45,.19)}
body{background:var(--paper);color:var(--ink)}
.site-header,.site-footer,.hero,.night-section,.sa-mission,.sa-invitation{background-color:#0B151C;color:#F5F3EE}
.site-header{background:transparent}
.hero{background:radial-gradient(ellipse at 74% 43%,#182D36 0%,#0B151C 62%)}
.sa-mission-visual{background:radial-gradient(circle at 50% 46%,#263D43 0%,#15252D 43%,#0B151C 75%)}
.sa-overview,.sa-experience,.sa-journey{background:#F5F3EE}
.sa-work,.sa-founder,.sa-legacy-words{background:#E8E5DD}
.sa-work-feature{background:#15252D!important;color:#F5F3EE!important}
.sa-work-item{background:#F5F3EE;border-color:#D4D0C6}
.sa-work-grid>a{min-height:260px}
.sa-discipline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-discipline-grid h3{font-size:clamp(25px,2.25vw,36px);text-wrap:balance}
.sa-discipline-grid article{min-width:0}
.sa-founder-main h2{max-width:940px;font-size:clamp(43px,4.4vw,68px);line-height:1.16}
.sa-founder-main blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(25px,2.3vw,35px);line-height:1.5}
.sa-founder-main .sa-founder-second{font-size:clamp(23px,2.2vw,31px)}
.sa-invitation-button{background:#C8A66C;color:#0B151C}
.sa-invitation-button:hover{background:#E2C895}
.sa-invitation h2{max-width:900px}
.sa-invitation .sa-submission-note{display:none}
.sa-kicker,.sa-index,.eyebrow{letter-spacing:.12em}
.desktop-nav{font-size:16px;gap:27px}
.brand-name{font-size:21px}
.site-footer .footer-grid{gap:32px}
.brand-original-words{background:#F5F3EE;padding-block:100px}
.brand-original-words h2{font-size:clamp(37px,4.1vw,63px);margin:18px 0 44px;max-width:900px}
.brand-original-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 65px}
.brand-original-grid>div{border-top:1px solid rgba(23,38,45,.18);padding-top:22px}
.brand-original-grid .brand-chinese{font-weight:400;font-size:clamp(23px,2.25vw,32px);line-height:1.55;font-family:'Noto Serif CJK SC','Songti SC',serif;;color:#946F38;margin:0 0 15px}
.brand-original-grid p:not(.brand-chinese){font-size:18px;line-height:1.8;color:#465960}
.brand-quote-context{font-size:19px!important;color:#D9D2C4!important;margin:18px 0 0}
@media(max-width:800px){.brand-original-grid{grid-template-columns:1fr;gap:26px}.brand-original-words{padding-block:70px}.sa-discipline-grid{grid-template-columns:1fr}.sa-discipline-grid article+article{border-left:0;border-top:1px solid var(--sa-border);padding-left:0}.sa-discipline-grid article{min-height:0;padding:28px 0}.sa-founder-main h2{font-size:clamp(37px,8.6vw,53px)}}
@media(prefers-reduced-motion:reduce){.constellation [data-dipper-star]{animation:none!important}}

/* StarArrayHub v1.7.0 — direct founder language, positive welcome, deliberate footer transition */
.sa-founder-main h2{font-size:clamp(40px,4.25vw,66px);max-width:990px;line-height:1.18;text-wrap:pretty}
.sa-founder-main h2 em{display:block;margin-top:.14em}
.sa-founder-main .sa-founder-context{font-weight:400;font-size:clamp(23px,2.25vw,33px);line-height:1.58;font-family:var(--serif);;font-style:normal;color:#936e38;margin:0 0 24px;max-width:840px}
.sa-founder-main .sa-founder-second{font-weight:400;font-size:clamp(24px,2.5vw,35px);line-height:1.52;font-family:var(--serif);;color:#946f3c;max-width:920px;text-wrap:pretty}
.sa-overview-main h2{max-width:990px;text-wrap:pretty}
.sa-mission blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.15vw,32px);line-height:1.5}
.sa-invitation{padding-bottom:92px}
.footer-horizon{position:relative;background:linear-gradient(180deg,#0B151C 0%,#15252D 42%,#15252D 100%);color:#C8A66C;border-top:1px solid rgba(200,166,108,.27);border-bottom:1px solid rgba(200,166,108,.12)}
.footer-horizon:before{content:'';position:absolute;top:-1px;left:calc(50% - 85px);width:170px;height:1px;background:linear-gradient(90deg,transparent,#D5B77F,transparent)}
.footer-horizon-inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.footer-horizon-art{width:270px;max-width:35%;color:#C8A66C;opacity:.9}
.footer-horizon-art svg{width:100%;display:block}
.footer-horizon-text{display:flex;align-items:baseline;gap:28px;justify-content:flex-end;flex-wrap:wrap}
.footer-horizon-label{font:600 11px/1.5 var(--sans);letter-spacing:.16em;color:#b5a27f}
.footer-horizon-phrase{font-weight:400;font-size:clamp(22px,2.15vw,31px);line-height:1.35;font-family:var(--serif);font-style:italic;color:#F5F3EE}
.site-footer{background:#0B151C;padding-top:66px}
.brand-origin-section{background:#E8E5DD;padding:105px 0 115px;color:#17262D}
.brand-origin-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,7vw,110px)}
.brand-origin-side{border-top:1px solid rgba(23,38,45,.23);padding-top:22px}
.brand-origin-side .eyebrow{color:#94723e}
.brand-origin-side h2{font-weight:400;font-size:clamp(45px,4.7vw,73px);line-height:1.12;font-family:var(--serif);;letter-spacing:-.04em;margin:23px 0}
.brand-origin-side h2 em{color:#A37B3F}
.brand-origin-aside{font-size:18px;line-height:1.8;color:#4C6067;max-width:340px}
.brand-origin-body blockquote{font-weight:400;font-size:clamp(25px,2.45vw,38px);line-height:1.48;font-family:var(--serif);;letter-spacing:-.025em;color:#17262D;margin:0 0 44px}
.brand-origin-body>p{font-size:18px;line-height:1.85;color:#41565F;margin:0 0 22px}
.brand-origin-link{margin-top:18px}
.philosophy-origin-note{margin-top:0;margin-bottom:90px;padding:32px 42px 40px;border-left:2px solid #C8A66C;background:#E8E5DD}
.philosophy-origin-note .eyebrow{color:#946F38;margin-bottom:16px}
.philosophy-origin-en{font-weight:400;font-size:clamp(23px,2.15vw,32px);line-height:1.5;font-family:var(--serif);;max-width:980px;margin:0 0 14px}
.philosophy-origin-note>p:last-child{font-size:17px;color:#4C6067}
.sa-legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.sa-legacy-grid .brand-line{padding:28px 0;border-top:1px solid rgba(23,38,45,.2)}
.sa-legacy-grid .brand-line-en{font-weight:400;font-size:clamp(23px,2.1vw,32px);line-height:1.48;font-family:var(--serif);;color:#17262D;margin:0 0 14px}
.sa-legacy-grid .brand-line-zh{font-weight:400;font-size:clamp(17px,1.4vw,21px);line-height:1.65;font-family:'Noto Serif CJK SC','Songti SC',serif;;color:#916d3a;margin:0}
@media(max-width:800px){
 .brand-origin-section{padding:76px 0}.brand-origin-grid{grid-template-columns:1fr;gap:30px}
 .brand-origin-body blockquote{font-size:clamp(25px,5vw,34px)}
 .footer-horizon-inner{min-height:115px}.footer-horizon-text{gap:10px;justify-content:flex-start}
 .sa-legacy-grid{grid-template-columns:1fr}.philosophy-origin-note{padding:26px 22px;margin-bottom:60px}
}
@media(max-width:580px){
 .footer-horizon-inner{min-height:120px;gap:10px}.footer-horizon-art{width:105px;flex-shrink:0}
 .footer-horizon-label{font-size:10px}.footer-horizon-phrase{font-size:21px}
 .brand-origin-comparison{grid-template-columns:1fr}.brand-origin-comparison>div+div{border-left:0;border-top:1px solid rgba(23,38,45,.2);padding-left:0}
 .sa-founder-main h2{font-size:clamp(36px,9vw,47px)}
}
@media(prefers-reduced-motion:reduce){.footer-horizon *{animation:none!important}}

/* Final visual QA corrections: readable body copy on dark sections; 1024px sky caption stays in its column. */
.night-section .reading-copy>p,.night-section .horizon p:not(.eyebrow){color:#C5D3D7}
@media(min-width:801px) and (max-width:1100px){
 .hero .constellation{margin-left:0;margin-right:0;min-width:0}
 .hero .sky-caption{max-width:100%;font-size:12px;letter-spacing:.06em;white-space:normal;text-align:center;flex-wrap:wrap;gap:8px}
 .hero .sky-story-link{font-size:14px;gap:8px;text-align:center}
}

/* v1.7.2: footer uses the same seven-star Beidou geometry as the hero. */
.footer-horizon-art .footer-beidou{display:block;width:100%;height:auto;overflow:visible}


/* v1.7.3 — source-faithful brand narrative and constellation clarity */
.sa-mission-equality {
  border-left:2px solid #C8A66C;
  padding:4px 0 4px 23px;
  margin:27px 0 30px;
  color:#E5DDD0!important;
  font-weight:400!important;font-size:clamp(20px,2vw,29px)!important;line-height:1.55!important;font-family:var(--serif)!important;;
  max-width:690px;
  text-wrap:pretty;
}
.sa-founder-direction {
  display:inline-block;
  font:600 13px/1.6 var(--sans)!important;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#896633!important;
  border-bottom:1px solid rgba(137,102,51,.45);
  padding-bottom:12px;
  margin:0 0 29px!important;
  max-width:100%!important;
}
.about-direction-statement {font-size:clamp(38px,3.6vw,56px)!important;line-height:1.17!important;max-width:570px;text-wrap:pretty}
.about-direction-statement em {display:block;color:#99713C}
.sa-legacy-grid .brand-line-feature {background:rgba(200,166,108,.095);padding-left:20px;padding-right:18px;border-left:2px solid #C8A66C}
.footer-horizon-art {width:300px;max-width:35%;flex-shrink:0}
.footer-horizon-art .footer-beidou path {stroke-width:1.55}
.footer-horizon-art .footer-beidou circle {filter:drop-shadow(0 0 3px rgba(221,184,111,.8))}
@media(max-width:800px) {
 .sa-mission-equality {font-size:clamp(20px,4.3vw,27px)!important;margin:20px 0 28px}
 .about-direction-statement {font-size:clamp(37px,6.7vw,51px)!important}
}
@media(max-width:580px) {
 .footer-horizon-inner {flex-direction:column;align-items:center;justify-content:center;gap:0;padding-block:14px}
 .footer-horizon-art {width:165px;max-width:70%;margin-bottom:5px}
 .footer-horizon-text {align-items:center;justify-content:center;text-align:center;gap:4px}
 .footer-horizon-label {font-size:10px}
 .footer-horizon-phrase {font-size:23px}
 .sa-legacy-grid .brand-line-feature {padding-left:15px}
 .sa-founder-direction {font-size:12px!important;letter-spacing:.1em}
}

/* Keep the hero star chart within the desktop viewport at 1440px. */
@media(min-width:1101px){.hero .constellation{margin-right:0;max-width:100%}}

/* StarArrayHub release: explicitly constrain the shared Beidou footer SVG. */
.footer-horizon { overflow:hidden; }
.footer-horizon-inner { min-height:134px; }
.footer-horizon-art { flex:0 0 235px; width:235px; max-width:35%; color:#C8A66C; overflow:hidden; }
.footer-horizon-art .footer-beidou { display:block; width:100%; height:auto; max-height:116px; overflow:hidden; color:inherit; }
.footer-horizon-text { min-width:0; }
.faq-layout > div, .faq-layout .faq { min-width:0; }
.faq-layout .faq summary { min-height:58px; }
@media(max-width:800px) {
 .footer-horizon-inner { min-height:112px; }
 .footer-horizon-art { flex-basis:185px; width:185px; max-width:38%; }
}
@media(max-width:580px) {
 .footer-horizon-inner { min-height:146px; }
 .footer-horizon-art { flex:0 0 auto; width:150px; max-width:70%; margin-bottom:6px; }
 .footer-horizon-art .footer-beidou { max-height:82px; }
 .footer-horizon-text { width:100%; justify-content:center; }
}

/* 1.7.5 original vision, responsive and readable */
.original-vision{background:#f2efe8;color:#10232b}.original-vision .wrap{max-width:1080px}.original-vision h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.16;max-width:940px}.original-vision h2 em{color:#a77c3d}.original-vision p:not(.eyebrow){font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.85;max-width:820px}.original-vision .vision-translation{font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,1.85rem)!important;line-height:1.5!important;margin-top:1.5rem}.footer-horizon-art svg{display:block;width:min(100%,250px);height:auto;max-height:124px}.footer-horizon-art{min-width:0;overflow:hidden}



/* v1.7.8: resilient Beidou rendering across desktop/mobile */
.hero .constellation{display:flex;flex-direction:column;align-items:center;visibility:visible;opacity:1;min-width:0}
.hero .constellation>svg{display:block;width:100%;height:auto;aspect-ratio:600/580;max-height:580px;overflow:visible;visibility:visible;opacity:1}
.brand-icon,.footer-beidou{display:inline-block;visibility:visible;opacity:1}
@media(max-width:800px){.hero .constellation>svg{width:100%;max-height:none}}


/* v1.8.0 — One source-accurate, seven-star constellation across every brand touchpoint.
   Exact reference sequence: Alkaid -> Mizar -> Alioth -> Megrez -> Phecda -> Merak -> Dubhe.
   Assets have transparent backgrounds and preserve their aspect ratio at every breakpoint. */
.brand-icon{display:block;flex:0 0 auto;width:60px;height:auto;aspect-ratio:980/660;object-fit:contain;max-width:none;filter:drop-shadow(0 0 4px rgba(213,183,122,.16))}
.site-footer .brand-icon{width:60px}
.hero .constellation{min-width:0;overflow:visible}
.hero .constellation .beidou-hero-image{display:block;width:100%;max-width:670px;height:auto;aspect-ratio:980/660;object-fit:contain;visibility:visible;opacity:1;filter:drop-shadow(0 0 18px rgba(169,199,225,.16))}
.beidou-chart .beidou-chart-image{display:block;width:100%;height:auto;aspect-ratio:980/660;object-fit:contain}
.beidou-chart{padding:24px 25px 32px}
.beidou-caption{margin-top:4px}
.footer-horizon-art .footer-beidou{display:block;width:100%;height:auto;max-height:none;object-fit:contain;visibility:visible;opacity:1}
.footer-horizon-art{overflow:visible}
.footer-horizon-inner{min-height:155px}
@media(max-width:800px){
  .hero .constellation .beidou-hero-image{width:100%;max-width:570px}
  .brand-icon,.site-footer .brand-icon{width:54px}
  .footer-horizon-inner{min-height:135px}
  .footer-horizon-art .footer-beidou{max-height:none}
}
@media(max-width:580px){
  .brand-icon,.site-footer .brand-icon{width:49px}
  .footer-horizon-art{width:158px;max-width:70%;margin-bottom:2px}
  .footer-horizon-art .footer-beidou{max-height:105px}
  .footer-horizon-inner{min-height:174px}
  .beidou-chart{padding:15px 12px 20px}
  .beidou-caption{margin-top:4px}
}
/* Restore the mobile/tablet menu: a legacy rule hid the nav even when open. */
@media(max-width:1100px){.site-header .desktop-nav.open{display:flex}}


/* v1.8.1 — User-approved Big Dipper artwork, unaltered hero; same seven-point geometry in all marks. */
.site-header .brand-icon, .site-footer .brand-icon {
  width:80px; height:48px; aspect-ratio:1350 / 810;
  display:block; flex:0 0 80px; object-fit:contain;
  filter:none; opacity:1;
}
.site-header .brand, .site-footer .brand {gap:8px; align-items:center;}
.hero .constellation {min-width:0; overflow:visible;}
.hero .constellation .beidou-hero-image {
  display:block; width:100%; height:auto; max-width:720px;
  aspect-ratio:1542 / 1020; object-fit:contain;
  mix-blend-mode:screen; filter:none;
  -webkit-mask-image:radial-gradient(ellipse 72% 82% at 50% 50%, #000 63%, rgba(0,0,0,.98) 74%, transparent 100%);
  mask-image:radial-gradient(ellipse 72% 82% at 50% 50%, #000 63%, rgba(0,0,0,.98) 74%, transparent 100%);
}
.beidou-chart {background:linear-gradient(135deg,#071421,#0c1e2b);}
.beidou-chart .beidou-chart-image {
  display:block; width:100%; height:auto; aspect-ratio:1542 / 1020;
  object-fit:contain; mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse 72% 82% at 50% 50%, #000 63%, rgba(0,0,0,.98) 74%, transparent 100%);
  mask-image:radial-gradient(ellipse 72% 82% at 50% 50%, #000 63%, rgba(0,0,0,.98) 74%, transparent 100%);
}
.footer-horizon-art {overflow:visible;}
.footer-horizon-art .footer-beidou {
  display:block; width:100%; height:auto; max-height:116px;
  object-fit:contain; filter:none;
}
@media(max-width:800px){
  .site-header .brand-icon,.site-footer .brand-icon{width:72px;height:43px;flex-basis:72px;}
  .hero .constellation .beidou-hero-image{max-width:600px;}
}
@media(max-width:580px){
  .site-header .brand-icon,.site-footer .brand-icon{width:63px;height:38px;flex-basis:63px;}
  .footer-horizon-art .footer-beidou{max-height:100px;}
}


/* v1.8.2 — Pixel-accurate extraction from the owner's approved Beidou artwork.
   Actual transparent PNG alpha: NO opaque rectangular image background.
   The seven stars and the blue/white/amber light remain in their original positions. */
.site-header .brand-icon,.site-footer .brand-icon{
  display:block;width:100px;height:auto;max-height:64px;aspect-ratio:820/508;
  flex:0 0 100px;object-fit:contain;opacity:1;filter:none;
}
.site-header .brand,.site-footer .brand{gap:10px;align-items:center;}
.hero .constellation{
  min-width:0;max-width:100%;overflow:visible;
  background:transparent;
}
.hero .constellation .beidou-hero-image{
  display:block;width:100%;height:auto;max-width:720px;
  aspect-ratio:1542/1020;object-fit:contain;
  mix-blend-mode:normal;filter:none;
  -webkit-mask-image:none;mask-image:none;
  background:transparent;
}
.beidou-chart{background:linear-gradient(135deg,#0d222d,#152c38);}
.beidou-chart .beidou-chart-image{
  display:block;width:100%;height:auto;aspect-ratio:1542/1020;
  object-fit:contain;mix-blend-mode:normal;
  -webkit-mask-image:none;mask-image:none;
  background:transparent;
}
.footer-horizon-art .footer-beidou{
  display:block;width:100%;height:auto;max-height:116px;
  object-fit:contain;mix-blend-mode:normal;filter:none;
  -webkit-mask-image:none;mask-image:none;
  background:transparent;
}
@media(max-width:1100px){
 .site-header .brand-icon,.site-footer .brand-icon{width:82px;max-height:53px;flex-basis:82px;}
}
@media(max-width:580px){
 .site-header .brand-icon,.site-footer .brand-icon{width:66px;max-height:42px;flex-basis:66px;}
 .site-header .brand,.site-footer .brand{gap:7px;}
 .hero .constellation .beidou-hero-image{width:100%;max-width:none;}
}


/* v1.8.3 — the space between the stars: restrained galaxy depth.
   The owner's seven-star transparent PNG remains the only hero constellation. */
.hero::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url('/assets/stellar-sky-v183.svg') center center/cover no-repeat;
  opacity:.93;z-index:0;
}
.hero>.wrap {position:relative;z-index:1}
/* The stars are behind the image and copy, never a rectangular image layer. */
.hero .constellation .beidou-hero-image {position:relative;z-index:1}
.hero .constellation .sky-caption,.hero .constellation .sky-story-link {position:relative;z-index:1}
/* Replace the mechanically repeating dot grid with a natural, sparse starfield. */
.sa-mission-visual:before {
  background:url('/assets/galaxy-field-v183.svg') center/cover no-repeat;
  opacity:.95;
}
.sa-mission-visual {
  background:radial-gradient(ellipse at 52% 42%,#2c4850 0%,#152e38 41%,#0B151C 76%);
}
.sa-orbit {display:none}
.sa-mission-star {font-size:23px;animation:none;text-shadow:0 0 18px rgba(221,186,123,.55);opacity:.83}
/* A quiet, continuous visual horizon, not another large hero. */
.footer-horizon::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url('/assets/stellar-sky-v183.svg') center 59%/cover no-repeat;
  opacity:.58;
}
.footer-horizon>.wrap {position:relative;z-index:1}
/* Philosophy is the one inner page where the galaxy metaphor is explained. */
.subhero-stars {
  background-image:url('/assets/stellar-sky-v183.svg'),radial-gradient(ellipse at 79% 43%,#1b303c 0%,#0B151C 70%);
  background-position:center center,center;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
.beidou-reading .galaxy-affirmation {
  margin:22px 0 28px;padding:18px 0 0;max-width:580px;
  border-top:1px solid rgba(200,166,108,.29);
  color:#8d6835;font-weight:400;font-size:clamp(21px,2vw,29px);line-height:1.55;font-family:var(--serif);font-style:italic;
  text-wrap:pretty;
}
@media(max-width:800px) {
 .hero::after {background-position:66% center;opacity:.65}
 .sa-mission-visual:before {background-position:center}
 .footer-horizon::after {opacity:.38}
 .subhero-stars {background-position:63% center,center}
}
@media(max-width:480px) {
 .hero::after {opacity:.46;background-position:63% center}
 .sa-mission-visual:before {opacity:.8}
 .beidou-reading .galaxy-affirmation {font-size:22px}
}

/* Regression fix: a late desktop venture-grid rule previously overrode the
   mobile single-column layout at 320px. */
@media(max-width:850px){
 .venture-split{grid-template-columns:minmax(0,1fr)}
 .venture-split>*,.venture-steps,.venture-steps li>div{min-width:0}
}


/* v1.8.4 - A living night sky. Real per-star animations; no image movement.
   Beidou geometry is the owner's approved PNG; overlays only modulate light. */
.hero, .sa-mission-visual, .footer-horizon, .subhero-stars {isolation:isolate}
.hero .sa-live-sky, .sa-mission-visual .sa-live-sky,
.footer-horizon .sa-live-sky, .subhero-stars .sa-live-sky {
  position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;
}
.hero .sa-live-sky {z-index:1;mask-image:linear-gradient(to bottom,transparent,black 10%,black 92%,transparent);}
.hero>.wrap{z-index:2}
.hero::after {animation:sa-distant-galaxy 28s ease-in-out infinite alternate;}
.sa-mission-visual .sa-live-sky {z-index:1}
.sa-mission-visual .sa-mission-star, .sa-mission-visual .sa-mission-visual-text {z-index:2}
.footer-horizon .sa-live-sky {z-index:1}
.footer-horizon>.wrap {z-index:2}
.subhero-stars {position:relative;overflow:hidden}
.subhero-stars .sa-live-sky {z-index:1}
.subhero-stars>.wrap {position:relative;z-index:2}
.sa-live-star {
  position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);
  display:block;border-radius:50%;background:var(--tone);opacity:.38;
  box-shadow:0 0 4px 1px var(--halo),0 0 13px 2px var(--outer);
  transform:translate(-50%,-50%) scale(.78);
  animation:sa-star-shimmer var(--duration) ease-in-out var(--delay) infinite alternate;
  will-change:opacity,transform;
}
.sa-live-star--bright {
  box-shadow:0 0 4px 1px var(--halo),0 0 14px 3px var(--outer),0 0 25px 4px var(--outer);
}
.sa-live-star--bright::before, .sa-live-star--bright::after {
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,var(--halo),transparent);
  width:var(--ray);height:1px;opacity:.7;
}
.sa-live-star--bright::after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes sa-star-shimmer {
  0%,11% {opacity:.12;transform:translate(-50%,-50%) scale(.65)}
  48%,70% {opacity:var(--peak);transform:translate(-50%,-50%) scale(1.32)}
  100% {opacity:.25;transform:translate(-50%,-50%) scale(.82)}
}
@keyframes sa-distant-galaxy {from{opacity:.78}to{opacity:1}}
/* A gentle veil of deep blue cosmic dust, never a boxed photograph. */
.hero .sa-nebula-flow {
  position:absolute;inset:-8% -6%;pointer-events:none;z-index:0;opacity:.58;
  background:
    radial-gradient(ellipse 38% 48% at 79% 50%,rgba(48,112,161,.19),transparent 78%),
    radial-gradient(ellipse 34% 44% at 61% 75%,rgba(33,82,126,.13),transparent 78%),
    radial-gradient(ellipse 18% 26% at 92% 27%,rgba(69,127,166,.11),transparent 85%);
  animation:sa-nebula-drift 34s ease-in-out infinite alternate;
}
@keyframes sa-nebula-drift {
  from {transform:translate3d(-1.5%,.8%,0) scale(1);opacity:.36}
  to {transform:translate3d(2%,-1.4%,0) scale(1.055);opacity:.78}
}
/* The actual seven stars are unchanged; these halos sit at the PNG's exact centers. */
.hero .beidou-artwork {
  position:relative;width:100%;max-width:720px;aspect-ratio:1542/1020;flex:0 0 auto;
}
.hero .beidou-artwork .beidou-hero-image {
  display:block;width:100%;max-width:none;height:auto;aspect-ratio:1542/1020;
}
.beidou-live-star {
  position:absolute;left:var(--sx);top:var(--sy);width:0;height:0;z-index:2;
  pointer-events:none;opacity:.55;
  animation:sa-beidou-breathe var(--st) ease-in-out var(--sd) infinite alternate;
  will-change:opacity,transform;
}
.beidou-live-star::before {
  content:'';position:absolute;left:0;top:0;width:clamp(23px,4.4vw,66px);height:clamp(23px,4.4vw,66px);
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.92) 0%,rgba(210,235,255,.62) 7%,
   rgba(105,163,255,.38) 17%,rgba(56,115,248,.16) 35%,transparent 72%);
  filter:blur(1.2px);
}
.beidou-live-star::after {
  content:'';position:absolute;left:0;top:0;width:clamp(17px,2.3vw,38px);height:clamp(17px,2.3vw,38px);
  transform:translate(-50%,-50%);opacity:.76;
  background:linear-gradient(90deg,transparent 0%,rgba(210,233,255,.04) 27%,rgba(244,250,255,.68) 50%,rgba(210,233,255,.04) 73%,transparent 100%),
             linear-gradient(0deg,transparent 0%,rgba(210,233,255,.04) 27%,rgba(244,250,255,.68) 50%,rgba(210,233,255,.04) 73%,transparent 100%);
}
.beidou-live-star--gold::before {
  background:radial-gradient(circle,rgba(255,249,232,.98) 0%,rgba(255,228,176,.64) 8%,
   rgba(231,168,83,.34) 20%,rgba(215,147,60,.14) 38%,transparent 73%);
}
.beidou-live-star--gold::after {filter:sepia(.65) saturate(1.7)}
@keyframes sa-beidou-breathe {
  0%,12% {opacity:.12;transform:scale(.62)}
  50%,70% {opacity:1;transform:scale(1.32)}
  100% {opacity:.22;transform:scale(.85)}
}
/* Re-enable the small five stars in the mission scene with independent rhythm. */
.sa-mission-star {animation:sa-sparkle 4.9s ease-in-out infinite alternate}
.sa-mission-star.sa-s2{animation-delay:-2.1s;animation-duration:5.9s}
.sa-mission-star.sa-s3{animation-delay:-3.6s;animation-duration:4.4s}
.sa-mission-star.sa-s4{animation-delay:-1.2s;animation-duration:6.3s}
.sa-mission-star.sa-s5{animation-delay:-2.7s;animation-duration:5.3s}
@media(max-width:800px){
 .hero .beidou-artwork{max-width:600px;margin-inline:auto}
 .hero .sa-live-sky{mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent)}
 .hero .sa-nebula-flow{opacity:.42}
}
@media(max-width:580px){
 .hero .beidou-artwork{max-width:100%}
 .beidou-live-star::before{width:clamp(18px,6.5vw,28px);height:clamp(18px,6.5vw,28px)}
 .beidou-live-star::after{width:clamp(13px,4vw,21px);height:clamp(13px,4vw,21px)}
}
@media(prefers-reduced-motion:reduce){
 .sa-live-star,.beidou-live-star,.sa-mission-star,.hero::after,.hero .sa-nebula-flow{animation:none!important;will-change:auto!important}
 .sa-live-star{opacity:.58;transform:translate(-50%,-50%) scale(1)}
 .beidou-live-star{opacity:.45;transform:none}
}
/* Refinement: round light only. Avoid rectangular raster artifacts in headless/mobile GPU. */
.beidou-live-star::before{
 width:7px;height:7px;transform:translate(-50%,-50%);filter:none;
 border-radius:50%;background:rgba(244,250,255,.92);
 box-shadow:0 0 7px 3px rgba(159,202,255,.78),0 0 19px 9px rgba(67,125,255,.30),0 0 31px 15px rgba(38,89,215,.09);
}
.beidou-live-star::after{display:none}
.beidou-live-star--gold::before{
 background:rgba(255,249,227,.98);
 box-shadow:0 0 7px 3px rgba(255,221,162,.76),0 0 19px 9px rgba(241,165,74,.26),0 0 31px 15px rgba(210,123,44,.07);
}
@media(max-width:580px){.beidou-live-star::before{width:5px;height:5px}}

/* Mobile: the night sky supports the message rather than competing with it. */
@media(max-width:580px){
 .hero .sa-live-sky{opacity:.58}
 .hero .sa-live-star:nth-child(n+62){display:none}
 .sa-mission-visual .sa-live-sky{opacity:.78}
}

/* v1.8.5 - editorial rhythm and integrated constellation field. */
/* The stars remain live, but the mission image is no longer a separate rectangle. */
.sa-mission{
  position:relative;
  background:
    radial-gradient(ellipse 50% 66% at 24% 48%,rgba(34,75,90,.20),transparent 72%),
    #0b151c;
}
.sa-mission-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,5vw,84px);min-height:590px}
.sa-mission-visual{min-height:525px;background:transparent!important;isolation:isolate}
.sa-mission-visual:before{
  inset:-2%;background:url('/assets/galaxy-field-v183.svg') center center/contain no-repeat;
  opacity:.93;
  -webkit-mask-image:radial-gradient(ellipse 66% 61% at 50% 49%,#000 22%,rgba(0,0,0,.85) 50%,transparent 100%);
  mask-image:radial-gradient(ellipse 66% 61% at 50% 49%,#000 22%,rgba(0,0,0,.85) 50%,transparent 100%);
}
.sa-mission-visual .sa-live-sky{
  -webkit-mask-image:radial-gradient(ellipse 68% 61% at 50% 48%,#000 20%,rgba(0,0,0,.82) 53%,transparent 100%);
  mask-image:radial-gradient(ellipse 68% 61% at 50% 48%,#000 20%,rgba(0,0,0,.82) 53%,transparent 100%);
}
.sa-mission-visual .sa-mission-visual-text{bottom:32px;left:30px;font-size:12px;line-height:1.75;letter-spacing:.14em;color:#e0c99b}
.sa-mission-visual .sa-mission-star{z-index:2;text-shadow:0 0 12px rgba(219,182,112,.55)}
.sa-mission-copy{padding:75px 0 82px;max-width:640px}
.sa-mission-copy h2{font-size:clamp(44px,4.15vw,64px);line-height:1.15;margin:18px 0 23px}
.sa-mission-copy>p:not(.sa-kicker):not(.sa-translation){font-size:17px;line-height:1.73;margin-bottom:18px}
.sa-mission blockquote{font-size:clamp(23px,2vw,30px);line-height:1.5;margin:23px 0 15px}
.sa-mission .sa-arrow{margin-top:8px}
/* Replace meaningless circles with a quiet visual progression: idea -> build -> venture. */
.sa-venture-journey{display:flex;align-items:center;width:100%;max-width:460px;min-height:190px;padding:4px 0 8px}
.sa-venture-path{display:block;width:100%;height:auto;overflow:visible}
.sa-work-feature{position:relative;overflow:hidden}
.sa-work-feature::before{content:'';position:absolute;width:300px;height:300px;top:12%;right:-22%;pointer-events:none;background:radial-gradient(circle,rgba(165,133,78,.09),transparent 68%)}
.sa-work-feature>*{position:relative;z-index:1}
/* Reduce unnecessary empty bands while keeping generous, deliberate breathing room. */
.sa-overview{padding:100px 0 106px}
.sa-overview-main h2{margin:18px 0 39px;font-size:clamp(48px,5vw,77px)}
.sa-overview-lower{padding-top:29px;gap:6%}
.sa-overview-lower p{line-height:1.7}
.sa-work{padding:104px 0 111px}
.sa-section-top{margin-bottom:38px;gap:8%}
.sa-work-grid{gap:14px}
.sa-work-grid>a{padding:30px;min-height:238px}
.sa-work-feature{min-height:500px}
.sa-work-item h3{margin-top:18px}
.sa-work-item p{margin-bottom:16px}
.sa-experience{padding:104px 0 103px}
.sa-discipline-grid{margin-top:43px}
.sa-discipline-grid article{min-height:0;padding-bottom:36px}
.sa-discipline-grid h3{margin:24px 0 12px}
.sa-founder{padding:100px 0 106px}
.sa-founder-grid{grid-template-columns:minmax(155px,.23fr) minmax(0,.77fr);gap:6%}
.sa-founder-main{max-width:900px}
.sa-founder-main h2{font-size:clamp(43px,4vw,62px)}
.sa-founder-main .sa-founder-context{font-size:clamp(22px,2vw,30px)}
.sa-journey{padding:100px 0 108px}
.sa-journey-steps{margin:45px 0 30px;gap:32px}
.sa-journey-steps h3{margin:27px 0 13px}
.sa-invitation{padding:80px 0}
/* Keep mobile reading order and typography uncramped. */
@media(max-width:1100px){
  .sa-mission-grid{gap:32px}
  .sa-mission-visual{min-height:440px}
  .sa-venture-journey{min-height:155px}
}
@media(max-width:800px){
  .sa-overview,.sa-work,.sa-experience,.sa-founder,.sa-journey{padding:75px 0}
  .sa-mission-grid{grid-template-columns:1fr;gap:0;min-height:0}
  .sa-mission-visual{min-height:340px;max-width:640px;width:100%;margin:0 auto}
  .sa-mission-copy{padding:8px 0 76px;max-width:680px}
  .sa-work-grid>a{min-height:250px}
  .sa-work-feature{min-height:380px!important}
  .sa-venture-journey{height:130px;min-height:130px;max-width:390px}
  .sa-founder-grid{grid-template-columns:1fr;gap:24px}
  .sa-journey-steps{margin:35px 0 26px}
}
@media(max-width:580px){
  .sa-overview,.sa-work,.sa-experience,.sa-founder,.sa-journey{padding:65px 0 72px}
  .sa-overview-main h2{font-size:clamp(37px,10vw,52px);margin:14px 0 27px}
  .sa-overview-lower{gap:15px}
  .sa-mission-visual{min-height:290px}
  .sa-mission-visual .sa-mission-visual-text{left:18px;bottom:22px;font-size:10px}
  .sa-mission-copy{padding:8px 0 66px}
  .sa-mission-copy h2{font-size:clamp(38px,9vw,50px)}
  .sa-mission-copy>p:not(.sa-kicker):not(.sa-translation){font-size:16.5px;line-height:1.68}
  .sa-mission blockquote{font-size:23px}
  .sa-section-top{margin-bottom:30px}
  .sa-work-grid>a{padding:27px;min-height:0}
  .sa-work-feature{min-height:350px!important}
  .sa-venture-journey{min-height:105px;height:105px;margin:10px 0 5px}
  .sa-experience .sa-discipline-grid{margin-top:30px}
  .sa-founder-main h2{font-size:clamp(36px,9vw,47px)}
  .sa-founder-main .sa-founder-context{font-size:22px}
  .sa-journey-steps{gap:15px}
  .sa-invitation{padding:66px 0}
}
/* Final rhythm pass: no vacant half-row or tall empty mobile cards. */
@media(min-width:801px){
  .sa-work-grid{grid-template-rows:minmax(0,1fr) minmax(0,.75fr)}
  .sa-work-item:last-child{min-height:215px}
}
@media(max-width:800px){
  .sa-work-grid>a:not(.sa-work-feature){min-height:0!important}
  .sa-work-item p{flex:0 1 auto}
  .sa-work-item .sa-arrow{margin-top:8px}
}
.skip{top:0;transform:translateY(-160%);transition:transform .15s ease}
.skip:focus{top:0;transform:translateY(0)}
@media(max-width:580px){
 .sa-work-grid{grid-template-rows:none;grid-auto-rows:auto;align-items:stretch}
}


/* v1.8.6 — A single visual signature: the seven stars belong to the horizon,
   while the footer itself is typographic and functional. */
.footer-horizon {
  border-top-color:rgba(200,166,108,.16);
  border-bottom-color:rgba(200,166,108,.12);
  background:linear-gradient(180deg,#0c1921 0%,#152831 52%,#10212a 100%);
}
.footer-horizon-inner {
  min-height:108px;
  display:grid;
  grid-template-columns:minmax(150px,205px) minmax(0,1fr);
  align-items:center;
  column-gap:clamp(22px,4vw,60px);
  padding-block:8px;
}
.footer-horizon-art {
  width:205px;
  max-width:100%;
  flex:none;
  margin:0;
  opacity:.95;
  align-self:center;
}
.footer-horizon-art .footer-beidou {
  width:100%;
  max-height:92px;
  height:auto;
  object-fit:contain;
}
.footer-horizon-text {
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px clamp(18px,2.4vw,34px);
  text-align:right;
}
.footer-horizon-label {font-size:11px;letter-spacing:.14em;}
.footer-horizon-phrase {font-size:clamp(22px,2.05vw,29px);line-height:1.32;white-space:normal;}
.site-footer {padding-top:52px;}
.site-footer .footer-grid {
  grid-template-columns:minmax(0,1.32fr) repeat(3,minmax(0,1fr));
  column-gap:clamp(25px,3.3vw,56px);
  row-gap:34px;
  padding-bottom:44px;
}
.site-footer .footer-wordmark {display:inline-flex;gap:0;align-items:center;min-height:39px;}
.site-footer .footer-wordmark .brand-name {
  font-size:clamp(24px,2vw,29px);
  font-weight:500;
  letter-spacing:-.055em;
  color:#f3f0e9;
}
.site-footer .footer-description {
  margin-top:12px;
  max-width:290px;
  color:#afc0c9;
  font-size:16px;
  line-height:1.7;
}
.site-footer .footer-label {margin:4px 0 20px;}
.site-footer .footer-links {gap:11px;}
.site-footer .footer-bottom {padding-top:21px;}
@media (max-width:1100px) {
  .site-footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 42px;}
  .footer-horizon-inner {grid-template-columns:175px minmax(0,1fr);min-height:106px;}
  .footer-horizon-art {width:175px;}
  .footer-horizon-text {gap:5px 18px;}
}
@media (max-width:650px) {
  .footer-horizon-inner {
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    min-height:118px;
    column-gap:14px;
    padding-block:10px;
  }
  .footer-horizon-art {width:104px;max-width:100%;margin:0;}
  .footer-horizon-art .footer-beidou {max-height:86px;}
  .footer-horizon-text {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:5px;min-width:0;}
  .footer-horizon-label {font-size:11px;line-height:1.5;letter-spacing:.11em;}
  .footer-horizon-phrase {font-size:clamp(19px,5.5vw,23px);line-height:1.3;}
  .site-footer {padding-top:39px;}
  .site-footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:31px;padding-bottom:32px;}
  .site-footer .footer-grid>div:first-child {grid-column:1/-1;}
  .site-footer .footer-wordmark .brand-name {font-size:26px;}
  .site-footer .footer-description {margin-top:7px;font-size:16px;}
  .site-footer .footer-label {font-size:12px;margin:0 0 14px;}
  .site-footer .footer-links {gap:10px;}
  .site-footer .footer-links a {font-size:15px;line-height:1.45;}
  .site-footer .footer-bottom {padding-top:18px;gap:10px;}
}
@media (max-width:360px) {
  .footer-horizon-inner {grid-template-columns:90px minmax(0,1fr);column-gap:12px;}
  .footer-horizon-art {width:90px;}
  .footer-horizon-phrase {font-size:18px;}
  .site-footer .footer-grid {column-gap:15px;}
}