:root{--bg:#091113;--panel:#0d181a;--panel2:#102022;--ink:#f1f4ed;--muted:#9eaaa5;--line:rgba(241,244,237,.14);--acid:#c8ff64;--warm:#e8e1d2;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.section-shell{max-width:var(--max);margin:auto;padding-left:34px;padding-right:34px}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:50}.brand{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em}.brand em{display:block;font-style:normal;font-size:8px;letter-spacing:.21em;color:var(--muted);margin-top:2px}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(45deg)}.brand-mark i{border:1px solid var(--acid)}.brand-mark i:first-child{background:var(--acid)}nav{display:flex;align-items:center;gap:31px;font-size:13px;color:#c7cfca}nav a{transition:.2s}nav a:hover{color:var(--acid)}.nav-cta{border:1px solid var(--line);padding:11px 15px;border-radius:999px}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:22px;height:1px;background:var(--ink);margin:5px}.mobile-nav{position:absolute;top:88px;left:0;right:0;background:var(--panel);z-index:40;padding:22px 34px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0}.hero{min-height:760px;padding-top:105px;padding-bottom:60px;position:relative;overflow:hidden}.eyebrow,.section-index{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#a8b2ad}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:30px;height:1px;background:var(--acid)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(54px,7.2vw,103px);line-height:.95;max-width:1000px;font-weight:600;position:relative;z-index:2}h1 span{color:#aeb9b3}.hero-copy{max-width:665px;font-size:18px;line-height:1.7;color:#aab5af;margin:34px 0 31px;position:relative;z-index:2}.hero-actions{display:flex;gap:12px;position:relative;z-index:2}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 20px;border-radius:3px;font-size:13px;font-weight:600}.button-primary{background:var(--acid);color:#0a1514}.button-ghost{border:1px solid var(--line)}.hero-grid{margin-top:98px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:870px}.hero-grid div{padding:21px 18px 21px 0;display:flex;gap:14px;border-right:1px solid var(--line)}.hero-grid div:last-child{border-right:0}.hero-grid strong{font:500 11px Manrope;color:var(--acid)}.hero-grid span{font-size:12px;color:#b6c0bb}.orbital{position:absolute;width:500px;height:500px;right:-70px;bottom:-80px;opacity:.48}.orbit{position:absolute;border:1px solid rgba(200,255,100,.26);border-radius:50%;inset:50px}.orbit-b{inset:120px}.core{position:absolute;inset:205px;background:var(--acid);color:#091113;display:grid;place-items:center;border-radius:50%;font:700 36px Manrope}.node{position:absolute;width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 25px var(--acid)}.node-1{top:62px;left:190px}.node-2{right:84px;bottom:145px}.node-3{left:110px;bottom:95px}.statement{padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:40px}.statement-copy{max-width:880px}.statement-copy p{font:500 clamp(27px,3vw,43px)/1.25 Manrope;margin:0 0 24px;letter-spacing:-.04em}.statement-copy .muted{color:#84918b;font-size:clamp(20px,2.3vw,32px)}.work,.capabilities{padding-top:115px;padding-bottom:120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-heading h2{font-size:clamp(40px,5vw,66px);line-height:1.03}.section-heading>p{max-width:420px;color:#9ba7a1;line-height:1.6}.project{border:1px solid var(--line);background:linear-gradient(140deg,rgba(255,255,255,.018),rgba(255,255,255,0));transition:transform .25s,border-color .25s}.project:hover{border-color:rgba(200,255,100,.38)}.project-featured{padding:22px;margin-bottom:22px}.project-meta{display:flex;justify-content:space-between;color:#84918b;font-size:10px;letter-spacing:.15em;margin-bottom:24px}.project-body{display:grid;grid-template-columns:.86fr 1.14fr;gap:35px;align-items:center}.project-body>div:first-child{padding:30px 22px}.project h3{font-size:42px}.project p{color:#9aa7a0;line-height:1.65;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:10px;color:#aab5af}.text-link{display:inline-flex;gap:10px;border-bottom:1px solid rgba(200,255,100,.35);padding-bottom:5px;color:var(--acid);font-size:13px}.project-visual{height:430px;background:#e9e3d9;color:#13201f;position:relative;overflow:hidden}.browser-chrome{height:38px;border-bottom:1px solid #c7c1b6;display:flex;align-items:center;padding:0 13px;gap:6px;font-size:9px;color:#7f7a71}.browser-chrome i{width:6px;height:6px;border:1px solid #8c877e;border-radius:50%}.browser-chrome span{margin-left:10px}.banic-stage{height:330px;display:flex;align-items:flex-end;justify-content:center;gap:36px;background:radial-gradient(circle at 50% 80%,#d4e9dd,transparent 45%),linear-gradient(180deg,#f1eee8,#d5ddd7)}.bottle{width:94px;height:185px;background:linear-gradient(90deg,#e9eee9,#fff,#d8ded8);border:1px solid #bec5c0;border-radius:8px 8px 13px 13px;display:grid;place-items:center;box-shadow:0 24px 50px rgba(25,35,32,.18);position:relative;margin-bottom:40px}.bottle:before{content:"";position:absolute;top:-43px;width:45px;height:44px;background:#172522;border-radius:4px 4px 1px 1px}.bottle span{font:600 10px/1.3 Manrope;text-align:center;letter-spacing:.09em}.bottle.small{height:145px;width:75px;opacity:.87}.visual-caption{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:600 10px Manrope;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{padding:22px}.project-card h3{font-size:30px;margin-top:23px}.mini-visual{height:250px;position:relative;overflow:hidden}.ops-visual{background:#101d1f;border:1px solid #263437}.ops-sidebar{position:absolute;left:0;top:0;bottom:0;width:70px;background:#172729;border-right:1px solid #29383a}.ops-panels{position:absolute;left:92px;right:22px;top:25px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ops-panels i,.ops-panels b{background:#1b3031;border:1px solid #284445;border-radius:4px}.ops-panels i:nth-child(2){background:linear-gradient(150deg,#243f3e,#c8ff64 180%)}.ops-panels b{grid-column:1/-1;height:85px;background:repeating-linear-gradient(90deg,#162627 0 18px,#193032 18px 19px)}.hydro-visual{background:linear-gradient(#b5ccd0,#dfe5dc 70%);isolation:isolate}.mountain{position:absolute;bottom:62px;width:320px;height:180px;background:#63796e;clip-path:polygon(50% 0,100% 100%,0 100%)}.m1{left:-55px}.m2{right:-45px;background:#7d8f84;height:150px}.river{position:absolute;bottom:-15px;left:-30px;right:-30px;height:100px;background:#8bb8c0;transform:skewY(-4deg)}.dam{position:absolute;width:110px;height:70px;background:#c6c9bf;bottom:43px;left:48%;transform:translateX(-50%) skewX(-5deg);border-top:4px solid #91988f}.r-and-d{margin-top:22px;padding:32px;display:grid;grid-template-columns:1.1fr 2fr 2fr;gap:30px;align-items:center}.r-and-d-label{font-size:10px;color:var(--acid);letter-spacing:.15em}.r-and-d h3{font-size:32px}.architecture{display:flex;align-items:center;justify-content:center;gap:7px}.architecture span{padding:9px 10px;border:1px solid var(--line);font-size:9px}.architecture i{width:15px;height:1px;background:var(--acid)}.r-and-d .tags{grid-column:2/-1;margin:0}.capabilities{border-top:1px solid var(--line)}.capability-list{border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:80px 1.25fr 1.6fr 50px;align-items:center;gap:24px;padding:31px 0;border-bottom:1px solid var(--line)}.cap-number{font:500 11px Manrope;color:var(--acid)}.capability-list h3{font-size:24px}.capability-list p{color:#8f9c96;line-height:1.55}.plus{justify-self:end;font-size:26px;color:#67746e}.studio{padding-top:20px;padding-bottom:120px;display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.studio-panel,.stack-panel{background:var(--panel);border:1px solid var(--line);padding:48px}.studio-panel h2{font-size:52px;line-height:1.03;margin:12px 0 25px}.studio-panel>p:not(.section-index){max-width:620px;color:#9aa6a0;line-height:1.7}.principles{margin-top:46px}.principles div{display:grid;grid-template-columns:55px 1fr;padding:16px 0;border-top:1px solid var(--line);font-size:13px}.principles strong{color:var(--acid);font-size:10px}.stack-panel{background:var(--acid);color:#0b1514}.stack-label{font-size:10px;letter-spacing:.14em}.stack-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:55px}.stack-cloud span{border:1px solid rgba(9,17,19,.26);border-radius:999px;padding:9px 10px;font-size:11px}.contact{padding-top:120px;padding-bottom:130px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(46px,6vw,78px);line-height:1.04;margin:15px 0 25px}.contact>p:not(.section-index){max-width:660px;color:#98a59f;font-size:18px;line-height:1.6}.contact-actions{margin-top:32px;display:flex;align-items:center;gap:22px}.contact-actions>span{font-size:11px;color:#6f7b76}.site-footer{border-top:1px solid var(--line);padding-top:33px;padding-bottom:44px;display:flex;justify-content:space-between;align-items:flex-end}.site-footer>div{display:flex;flex-direction:column;text-align:right;gap:7px;font-size:10px;color:#7f8d86}.footer-brand{opacity:.9}@media(max-width:900px){nav{display:none}.menu-button{display:block}.hero{min-height:720px;padding-top:80px}.hero-grid{grid-template-columns:1fr 1fr;max-width:100%;margin-top:70px}.hero-grid div:nth-child(2){border-right:0}.hero-grid div{border-bottom:1px solid var(--line)}.orbital{opacity:.2;right:-250px}.statement{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{margin-top:22px}.project-body,.project-grid,.studio{grid-template-columns:1fr}.project-body>div:first-child{padding:15px 0}.r-and-d{grid-template-columns:1fr}.r-and-d .tags{grid-column:auto}.architecture{justify-content:flex-start}.capability-list article{grid-template-columns:45px 1fr 35px}.capability-list p{grid-column:2/3;margin-top:-10px}.plus{grid-column:3;grid-row:1/3}.site-footer{display:block}.site-footer>div{text-align:left;margin-top:28px}.stack-panel{min-height:340px}}@media(max-width:620px){.section-shell,.site-header{padding-left:20px;padding-right:20px}.site-header{height:72px}.mobile-nav{top:72px;padding-left:20px;padding-right:20px}h1{font-size:48px}.hero{padding-top:70px;min-height:760px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-grid{grid-template-columns:1fr;margin-top:60px}.hero-grid div{border-right:0}.statement,.work,.capabilities,.contact{padding-top:80px;padding-bottom:80px}.section-heading h2{font-size:42px}.project-featured,.project-card{padding:15px}.project-visual{height:320px}.banic-stage{height:240px}.bottle{transform:scale(.8);margin-bottom:20px}.project h3{font-size:32px}.mini-visual{height:210px}.r-and-d{padding:22px}.architecture{flex-wrap:wrap}.capability-list article{gap:12px}.capability-list h3{font-size:20px}.studio-panel,.stack-panel{padding:28px}.studio-panel h2{font-size:40px}.contact-actions{align-items:flex-start;flex-direction:column}.contact h2{font-size:43px}}

/* Keep scrolling available while allowing the page to meet the viewport edge. */
html, .inquiry-dialog { scrollbar-width: thin; scrollbar-color: rgba(200,255,100,.56) transparent; }
html::-webkit-scrollbar, .inquiry-dialog::-webkit-scrollbar { width: 9px; background: transparent; }
html::-webkit-scrollbar-track, .inquiry-dialog::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb, .inquiry-dialog::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 99px; background: rgba(200,255,100,.58); background-clip: padding-box; }
html::-webkit-scrollbar-thumb:hover, .inquiry-dialog::-webkit-scrollbar-thumb:hover { background-color: var(--acid); }
.contact-details { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: var(--ink); }
.contact-details a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--acid); }
.contact-details a:hover, .contact-details a:focus-visible { color: var(--acid); }

/* Brand assets and footer contact */
.brand-icon { width: 56px; height: 56px; flex: none; display: block; }
.brand-icon img { width: 100%; height: 100%; display: block; object-fit: contain; }
.footer-logo { display: block; width: min(280px, 100%); flex: none; line-height: 0; }
.footer-logo img { display: block; width: 100%; height: auto; }
.site-footer { align-items: center; gap: 32px; }
.site-footer .footer-info { align-items: flex-end; gap: 10px; }
.footer-contact { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; margin-bottom: 10px; }
.footer-contact a { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: 14px; white-space: nowrap; }
.footer-contact a:hover, .footer-contact a:focus-visible { color: var(--acid); }
.footer-contact svg { width: 17px; height: 17px; flex: none; fill: none; stroke: var(--acid); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 900px) {
  .site-footer .footer-info { align-items: flex-start; }
  .footer-contact { justify-content: flex-start; }
}
@media (max-width: 620px) {
  .brand-icon { width: 48px; height: 48px; }
  .footer-logo { width: min(250px, 100%); }
  .footer-contact { flex-direction: column; gap: 14px; }
}

/* Project inquiry dialog */
[hidden] { display: none !important; }
.inquiry-open { overflow: hidden; }
.contact-trigger { border: 0; cursor: pointer; font-family: inherit; }
.contact-trigger:hover, .inquiry-submit:hover { background: #dcff9a; }
.contact-trigger:focus-visible, .inquiry-dialog button:focus-visible, .inquiry-form :is(input,select,textarea):focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.inquiry-dialog { width: min(760px, calc(100% - 32px)); max-width: none; max-height: min(92dvh, 920px); padding: 0; border: 1px solid rgba(200,255,100,.4); border-radius: 6px; background: var(--panel); color: var(--ink); box-shadow: 0 32px 100px rgba(0,0,0,.7); overflow-y: auto; overscroll-behavior: contain; }
.inquiry-dialog::backdrop { background: rgba(2,9,10,.82); backdrop-filter: blur(8px); }
.inquiry-shell { padding: clamp(26px,4.5vw,52px); }
.inquiry-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--acid); font: 600 11px/1.4 Manrope,sans-serif; letter-spacing: .18em; }
.inquiry-close { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; flex: none; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
.inquiry-close:hover { border-color: var(--acid); color: var(--acid); }
.inquiry-close svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.inquiry-heading { margin: 24px 0 32px; }
.inquiry-index { display: block; margin-bottom: 13px; color: #9eaaa5; font: 500 11px Manrope,sans-serif; letter-spacing: .18em; }
.inquiry-heading h2 { font-size: clamp(38px,5vw,62px); line-height: 1.05; font-weight: 600; }
.inquiry-heading h2 em { color: var(--acid); font-style: normal; }
.inquiry-heading p { margin: 16px 0 0; color: #aeb9b3; font-size: 15px; line-height: 1.6; }
.inquiry-form { display: grid; gap: 21px; }
.inquiry-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.inquiry-form label { display: flex; flex-direction: column; gap: 9px; color: #e3e9e2; font-size: 13px; font-weight: 600; letter-spacing: .015em; }
.inquiry-form label > span[aria-hidden] { display: inline; color: var(--acid); }
.inquiry-form label { position: relative; }
.inquiry-form .field-optional { position: absolute; right: 0; top: 2px; color: #83918a; font-size: 10px; font-weight: 500; letter-spacing: .12em; }
.inquiry-form :is(input,select,textarea):not(.inquiry-honey) { width: 100%; min-height: 48px; padding: 13px 14px; border: 1px solid rgba(241,244,237,.18); border-radius: 3px; background: #0a1516; color: var(--ink); font: 400 15px/1.5 'DM Sans',sans-serif; transition: border-color .2s, background .2s; }
.inquiry-form :is(input,select,textarea)::placeholder { color: #7e8d86; opacity: 1; }
.inquiry-form :is(input,select,textarea):hover { border-color: rgba(200,255,100,.48); }
.inquiry-form :is(input,select,textarea):focus { border-color: var(--acid); background: #0b191a; }
.inquiry-form textarea { resize: vertical; min-height: 115px; }
.inquiry-form select { appearance: none; background-image: linear-gradient(45deg,transparent 50%,var(--acid) 50%),linear-gradient(135deg,var(--acid) 50%,transparent 50%); background-position: calc(100% - 19px) 22px,calc(100% - 14px) 22px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 38px !important; }
.inquiry-form select:invalid { color: #7e8d86; }
.inquiry-form select option { color: var(--ink); background: var(--panel); }
.inquiry-honey { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.inquiry-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 12px; border-top: 1px solid var(--line); }
.inquiry-bottom p { max-width: 300px; margin: 0; color: #94a39a; font-size: 12px; line-height: 1.5; }
.inquiry-submit { flex: none; min-width: 188px; border: 0; cursor: pointer; font-family: inherit; }
.inquiry-submit:disabled { opacity: .55; cursor: wait; }
.inquiry-error { margin: 0; padding: 12px 14px; border: 1px solid rgba(255,145,130,.35); color: #ffb0a4; font-size: 14px; line-height: 1.5; }
.inquiry-error a { text-decoration: underline; text-underline-offset: 3px; }
.inquiry-dialog.is-success { width: min(620px, calc(100% - 32px)); }
.inquiry-success { padding: 44px 0 8px; min-height: 350px; }
.success-mark { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid var(--acid); border-radius: 50%; color: var(--acid); font-size: 23px; }
.success-eyebrow { display: block; margin: 28px 0 12px; color: var(--acid); font: 600 11px/1.4 Manrope,sans-serif; letter-spacing: .18em; }
.inquiry-success h2 { font-size: clamp(36px,5vw,54px); line-height: 1.07; }
.inquiry-success h2 em { color: var(--acid); font-style: normal; }
.inquiry-success p { max-width: 410px; margin: 17px 0 28px; color: #aeb9b3; font-size: 15px; line-height: 1.6; }
.inquiry-success button { border: 0; cursor: pointer; font-family: inherit; }
@media (max-width: 620px) {
  .inquiry-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .inquiry-shell { padding: 22px; }
  .inquiry-row { grid-template-columns: 1fr; gap: 21px; }
  .inquiry-bottom { align-items: stretch; flex-direction: column; gap: 16px; }
  .inquiry-submit { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .inquiry-form :is(input,select,textarea) { transition: none; } }
.inquiry-form label { display: block; }
.inquiry-form :is(input,select,textarea):not(.inquiry-honey) { margin-top: 9px; }
.inquiry-form textarea:not(.inquiry-honey) { min-height: 115px; }
.core img { display: block; width: 118px; height: 118px; max-width: none; filter: brightness(0); }

/* Fit the supplied K inside the hero medallion at a fixed size. */
.orbital .core {
  inset: auto;
  left: 50%;
  top: 50%;
  width: 112px;
  height: 112px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #091113;
  border: 1px solid rgba(200,255,100,.32);
}
.orbital .core img {
  width: 84px;
  height: 84px;
  flex: none;
  object-fit: contain;
  filter: none;
}

/* Give each capability its own clear number and label. */
.hero-grid { position: relative; z-index: 2; }
.hero-grid div { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 22px; }
.hero-grid strong { font-size: 11px; line-height: 1; }
.hero-grid span { font-size: 14px; line-height: 1.5; }
@media (max-width: 620px) {
  .hero-grid div { grid-template-columns: 26px minmax(0,1fr); align-items: baseline; gap: 16px; padding: 18px 0; }
}

/* Responsive layout and touch controls */
.menu-button, .inquiry-close { min-width: 44px; min-height: 44px; cursor: pointer; }
.button { min-height: 48px; font-size: 14px; }
.text-link, .footer-contact a { min-height: 44px; align-items: center; }
.project-body > *, .project-grid > *, .studio > *, .r-and-d > * { min-width: 0; }
.inquiry-form label { font-size: 14px; }
.inquiry-form .field-optional { position: static; display: inline; margin-left: 6px; font-size: 11px; letter-spacing: .04em; }
.inquiry-form :is(input,select,textarea):not(.inquiry-honey) { font-size: 16px; }
.inquiry-dialog { max-height: min(92dvh, var(--inquiry-viewport, 920px)); }
.footer-contact a { white-space: normal; overflow-wrap: anywhere; }
.footer-info > span { font-size: 12px; line-height: 1.6; }
.mobile-nav a { min-height: 48px; font-size: 16px; }
a:focus-visible, .menu-button:focus-visible { outline: 2px solid var(--acid); outline-offset: 4px; }
@media (max-width: 900px) {
  .hero { min-height: 0; }
  .architecture { flex-wrap: wrap; }
  .project-meta { gap: 12px; flex-wrap: wrap; line-height: 1.5; }
  .capability-list article { grid-template-columns: 32px minmax(0,1fr) 20px; }
  .capability-list p { margin: 0; }
}
@media (max-width: 620px) {
  .hero { padding-top: 42px; padding-bottom: 36px; }
  .hero h1 { font-size: clamp(36px, 10.5vw, 58px); line-height: 1.06; margin-top: 20px; }
  .hero h1 br, .contact h2 br, .section-heading h2 br, .studio-panel h2 br { display: none; }
  .hero-copy { margin: 24px 0; line-height: 1.65; }
  .eyebrow { font-size: 10px; letter-spacing: .12em; line-height: 1.6; }
  .eyebrow span { flex: 0 0 20px; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { width: 100%; justify-content: space-between; }
  .hero-grid { margin-top: 34px; }
  .orbital { position: relative; width: 220px; height: 220px; right: auto; bottom: auto; margin: 24px auto 0; opacity: 1; pointer-events: none; }
  .orbital .orbit { inset: 5px; opacity: .7; }
  .orbital .orbit-b { inset: 36px; }
  .orbital .core { width: 90px; height: 90px; }
  .orbital .core img { width: 72px; height: 72px; }
  .orbital .node { width: 5px; height: 5px; box-shadow: none; }
  .orbital .node-1 { top: 10%; left: 23%; }
  .orbital .node-2 { right: 7%; bottom: 28%; }
  .orbital .node-3 { left: 18%; bottom: 13%; }
  .statement, .work, .capabilities, .contact { padding-top: 56px; padding-bottom: 56px; }
  .section-heading { margin-bottom: 28px; }
  .section-heading h2, .studio-panel h2, .contact h2 { font-size: clamp(30px, 8.5vw, 42px); line-height: 1.13; }
  .statement-copy p { font-size: 25px; line-height: 1.35; }
  .statement-copy .muted { font-size: 20px; }
  .project-body { gap: 20px; }
  .project h3 { font-size: clamp(26px, 7.5vw, 32px); overflow-wrap: anywhere; }
  .project p, .section-heading > p, .studio-panel > p:not(.section-index), .capability-list p { font-size: 16px; }
  .project-meta { font-size: 10px; letter-spacing: .08em; }
  .tags span, .stack-cloud span { font-size: 12px; }
  .project-visual { height: 290px; }
  .banic-stage { height: 210px; gap: 16px; }
  .visual-caption { font-size: 10px; gap: 12px; letter-spacing: .04em; }
  .studio { padding-bottom: 56px; }
  .studio-panel, .stack-panel { padding: 22px; }
  .stack-panel { min-height: 0; }
  .stack-cloud { margin-top: 26px; }
  .principles { margin-top: 28px; }
  .principles div { grid-template-columns: 26px minmax(0,1fr); gap: 12px; font-size: 14px; line-height: 1.55; }
  .capability-list article { grid-template-columns: 24px minmax(0,1fr); padding: 24px 0; }
  .capability-list .plus { display: none; }
  .capability-list h3 { font-size: 22px; }
  .contact > p:not(.section-index) { font-size: 16px; }
  .contact-actions, .contact-trigger { width: 100%; }
  .contact-trigger { justify-content: space-between; }
  .footer-contact { gap: 4px; }
  .site-footer { padding-top: 20px; padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  .site-footer > div { margin-top: 12px; }
  .inquiry-dialog, .inquiry-dialog.is-success { width: calc(100% - 16px); max-height: min(calc(100dvh - 16px), var(--inquiry-viewport, 100dvh)); }
  .inquiry-shell { padding: 18px; }
  .inquiry-topline { position: sticky; top: -18px; z-index: 3; padding: 12px 0; margin-top: -12px; background: var(--panel); gap: 12px; font-size: 10px; letter-spacing: .1em; }
  .inquiry-heading { margin: 18px 0 24px; }
  .inquiry-heading h2, .inquiry-success h2 { font-size: clamp(30px, 8vw, 40px); line-height: 1.12; }
  .inquiry-heading h2 br { display: none; }
  .inquiry-heading p, .inquiry-success p { font-size: 16px; }
  .inquiry-success { padding-top: 24px; min-height: 0; }
  .inquiry-success button { width: 100%; }
  .inquiry-error { overflow-wrap: anywhere; }
}