/* Extend the hero's black, ivory, gold and restrained blue throughout the page. */
:root{--bg:#05080b;--panel:#0b1117;--panel2:#101820;--ink:#f8f7f3;--muted:#b7bec1;--line:rgba(255,255,255,.16);--accent:#d4a363}
body{background:#05080b}
main>section:not(.hero),.site-footer{background:#05080b}
.section-pad{padding-top:126px;padding-bottom:126px}
.section-topline{color:#a5acaf}
.section-index,.overline,.project-meta{color:#d4a363}
.section-topline .line{background:rgba(255,255,255,.17)}
main>section:not(.hero) h2{color:#f8f7f3;letter-spacing:-.073em}
main>section:not(.hero) h2 em{color:inherit}
main>section:not(.hero) h2 em span{color:#d4a363}
.trust-heading p,.industries-heading p,.projects-heading p,.ai-intro>p:not(.overline),.contact-bottom p{color:#bec4c6}

/* Trust: the logo glow stays inside the same black stage as the hero. */
.trust{background:#05080b}
.brand-carousel:before{background:linear-gradient(180deg,transparent 0%,rgba(28,57,72,.07) 25%,rgba(28,57,72,.15) 50%,rgba(28,57,72,.07) 75%,transparent 100%)}
.trust-note,.project-disclaimer{color:#899194}

/* AI: dark product display and open service columns echo the hero ribbon. */
.ai{background:#05080b}
.ai-glow{top:-130px;right:-150px;opacity:.55;background:radial-gradient(circle,rgba(27,58,76,.3),transparent 67%)}
.ai-visual{border:1px solid rgba(196,207,211,.22);border-radius:4px;background:radial-gradient(ellipse 70% 70% at 50% 46%,rgba(27,47,59,.38),transparent 82%),linear-gradient(135deg,#0e1720,#080d13 70%,#070a0e);box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05)}
.ai-visual:before{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)}
.orbit{border-color:rgba(203,184,156,.19)}
.core{background:radial-gradient(circle at 35% 25%,#293744,#101c27 62%,#09121b);border-color:rgba(212,163,99,.58);box-shadow:0 0 55px rgba(212,163,99,.11),inset 0 0 22px rgba(212,163,99,.11)}
.core>span{color:#e2bb86}
.core small{color:#d5c1a4}
.node{background:#121c26;border-color:rgba(212,163,99,.3);color:#e1ded8}
.live-dot{background:#d4a363;box-shadow:0 0 12px rgba(212,163,99,.8)}
.visual-top,.visual-bottom{color:#bbc3c5}
.flow-arrow{color:#d4a363}
.inline-cta{font:400 17px/1.2 var(--serif);border-bottom-color:#d4a363}
.inline-cta span{color:#d4a363}
.solution-grid{gap:0;border-top:1px solid rgba(255,255,255,.25);margin-top:108px}
.solution-card,.solution-card:hover{border:0;border-left:1px solid rgba(255,255,255,.17);border-radius:0;transform:none}
.solution-card{width:100%;margin:0;text-align:left;cursor:pointer;font:inherit;color:inherit;position:relative;overflow:hidden}
.solution-card:focus-visible{outline:2px solid rgba(212,163,99,.55);outline-offset:-2px;z-index:1}
.solution-card{min-height:242px;padding:30px 28px 46px;background:transparent;transition:background .25s ease,box-shadow .25s ease}
.solution-card:last-child{border-right:1px solid rgba(255,255,255,.17)}
.solution-card:hover,.solution-card.is-active{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(212,163,99,.32),0 0 36px rgba(41,118,154,.14)}
.solution-number{color:#d4a363}
.solution-icon{color:#f5f3ee}
.solution-card h3{font-size:26px;color:#f7f6f2}
.solution-card p{color:#adb6ba;padding-right:12px}
.card-arrow{color:#d4a363;position:absolute;right:28px;bottom:28px;transition:transform .25s ease,color .2s}
.solution-card:hover .card-arrow,.solution-card.is-active .card-arrow{transform:translate(5px,-5px);color:#e2bb86}
.solution-hover-label{position:absolute;right:28px;bottom:52px;font:400 11px/1.2 var(--sans);letter-spacing:.06em;color:#d4a363;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.solution-card:hover .solution-hover-label,.solution-card.is-active .solution-hover-label{opacity:1;transform:translateY(0)}
.solution-detail{border-top:1px solid rgba(255,255,255,.17);background:linear-gradient(180deg,rgba(14,23,32,.72),rgba(5,8,11,.92));padding:36px 0 42px}
.solution-detail-pane{max-width:920px;animation:solutionPanelIn .28s ease}
@keyframes solutionPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.solution-panel-kicker{margin:0 0 8px;font-size:10px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:#d4a363}
.solution-panel-text{margin:0 0 22px;font-size:14px;line-height:1.75;color:#b7bec1}
.solution-panel-list{margin:0 0 22px;padding:0 0 0 18px;color:#c5ccd0;font-size:14px;line-height:1.7}
.solution-panel-list li{margin-bottom:6px}
.solution-panel-list li:last-child{margin-bottom:0}
.solution-panel-cta{margin-top:6px}

/* Industries: fine rules and generous type, with only a warm hover cue. */
.industries{background:#05080b}
.industry-list{border-top-color:rgba(255,255,255,.2)}
.industry-item{border-bottom:1px solid rgba(255,255,255,.17)}
.industry-item-last{border-bottom-color:rgba(255,255,255,.17)}
.industry-row{width:100%;margin:0;padding:0;border:0;border-bottom:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.industry-row:focus-visible{outline:2px solid rgba(212,163,99,.55);outline-offset:-2px}
.industry-item.is-open .industry-row{background:rgba(212,163,99,.045)}
.industry-item.is-open .row-arrow{transform:rotate(90deg);color:#d4a363}
.row-arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease,color .2s}
.industry-panel-inner{padding:0 12px 28px 86px;max-width:920px}
.industry-panel-kicker{margin:0 0 8px;font-size:10px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:#d4a363}
.industry-panel-text{margin:0 0 22px;font-size:14px;line-height:1.75;color:#b7bec1}
.industry-panel-list{margin:0 0 22px;padding:0 0 0 18px;color:#c5ccd0;font-size:14px;line-height:1.7}
.industry-panel-list li{margin-bottom:6px}
.industry-panel-list li:last-child{margin-bottom:0}
.industry-panel-cta{margin-top:6px}
.industry-row:hover{background:rgba(212,163,99,.045)}
.industry-row strong{color:#f4f3ef}
.industry-last strong{color:#d4a363}
.industry-row small{color:#a9b0b3}
@media(max-width:1100px){.industry-panel-inner{padding-left:66px}}
@media(max-width:760px){.industry-panel-inner{padding:0 0 22px}}

/* Project previews look like illuminated interfaces against the hero's dark stage. */
.projects{background:#05080b}
.project-art{border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.24);background:#080c10}
.project-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:100%;width:100%;padding:0;margin:0;min-height:0}
.project-shot-grid--single{grid-template-columns:1fr}
.project-shot-grid img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top center}
.project-card h3{color:#f7f6f2}
.project-card p{color:#b7bec1}

/* Personal close: the signature and CTA carry through from the hero. */
.about{position:relative;isolation:isolate;overflow:hidden;background:#05080b}
.about:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 82% 46%,rgba(27,48,61,.24),transparent 82%)}
.about-statement{color:#eeede9}
.about-right p{color:#bbc2c4}
.about-tags span{color:#d7dcdb;border-color:rgba(255,255,255,.18)}
.about-signature{display:block;width:max-content;margin-top:48px;color:#f7f4ec;font:400 47px/1 "Caveat",cursive;letter-spacing:-.08em;transform:rotate(-8deg)}
.contact{background:#05080b}
.contact-glow{right:-180px;bottom:-510px;opacity:.72;background:radial-gradient(circle,rgba(31,60,77,.31),transparent 67%)}
.contact .section-topline{margin-bottom:105px}
.contact .button-light{background:#faf9f6;color:#090b0d;font:400 17px/1 var(--serif)}
.contact .button-disc{background:#06090c;color:#fff}
.site-footer{border-top:1px solid rgba(255,255,255,.13)}

@media(max-width:1100px){
  .solution-grid{grid-template-columns:repeat(2,1fr)}
  .solution-card:nth-child(3){border-top:1px solid rgba(255,255,255,.17)}
  .solution-card:nth-child(4){border-top:1px solid rgba(255,255,255,.17)}
}
@media(max-width:760px){
  .section-pad{padding-top:82px;padding-bottom:82px}
  .trust-heading,.industries-heading,.projects-heading{margin-top:48px}
  .solution-grid{margin-top:62px}
  .solution-card{min-height:235px;padding:22px 18px 44px}
  .solution-card h3{font-size:22px}
  .card-arrow,.solution-hover-label{right:18px}
  .card-arrow{bottom:20px}
  .solution-hover-label{bottom:42px;font-size:10px}
  .ai-visual{border-radius:4px}
  .about-signature{margin-top:30px;font-size:39px}
  .contact .section-topline{margin-bottom:72px}
  .contact .button-light{font-size:15px}
}