/* 2026 refinement: shorter, calmer, more decisive. */
:root { --radius: 10px; --section-space: 122px; }

.hero { min-height: 87vh; min-height: 620px; padding-top: 122px; padding-bottom: 34px; }
.hero-title { font-weight: 700; max-width: 1120px; margin-bottom: 32px; }
.hero-orb { opacity: .42; animation-duration: 19s; }
.hero-globe { opacity: .38; filter: drop-shadow(0 0 28px rgba(255,255,255,.05)); }
.globe-shell, .globe-shell:after { animation-duration: 22s; }
.hero-stamp { animation-duration: 32s; opacity: .7; }
.hero-scroll { margin-top: 38px; }

.hero-proof { display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:74px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hero-proof p { margin:0; color:#aaa; font-size:12px; }
.hero-proof div { display:flex; gap:22px; flex-wrap:wrap; justify-content:flex-end; }
.hero-proof span { font:500 10px var(--font-display); text-transform:uppercase; letter-spacing:.11em; color:#d0d0d0; }
.hero-proof span:before { content:"•"; color:#767676; margin-right:8px; }

.about { padding-top:var(--section-space); padding-bottom:var(--section-space); }
.manifesto { padding-bottom:var(--section-space); }
.services, .process, .portfolio, .team, .proof, .testimonials, .faq { padding-bottom:var(--section-space); }
.section-intro { margin-bottom:46px; }
.about-layout { margin-top:48px; }
.principles { margin-top:84px; }
.manifesto-card, .contact-card, .work-visual, .work-note-card, .quote-stage { border-radius:var(--radius); }
.services-grid { gap:10px; background:transparent; border:0; }
.service-card { border:1px solid var(--line); border-radius:var(--radius); min-height:330px; padding:25px; }
.service-card:hover { transform:translateY(-3px); }
.team-grid, .our-work-grid { gap:10px; }
.team-card { border-radius:var(--radius); }
.team-grid:not(.is-expanded) .team-card:not(.team-featured) { display:none; }
.team-grid:not(.is-expanded) .team-featured { grid-column:1 / -1; height:510px; }
.team-more-wrap { margin-top:18px; display:flex; justify-content:center; }
.team-more { appearance:none; border:1px solid rgba(255,255,255,.38); background:transparent; color:#fff; border-radius:999px; padding:13px 18px; font:500 12px var(--font-display); cursor:pointer; transition:background .25s ease,color .25s ease,transform .25s ease; }
.team-more i { font-style:normal; display:inline-block; margin-left:10px; transition:transform .25s ease; }
.team-more:hover { background:#fff; color:#050505; transform:translateY(-2px); }
.team-more[aria-expanded="true"] i { transform:rotate(180deg); }
.work-project, .service-card, .team-card { transition:transform .35s ease, background .35s ease, opacity .35s ease; }
.work-project:hover, .team-card:hover { transform:translateY(-3px); }
.reveal { transition-duration: .95s; transform:translateY(18px); }
.button { transition-duration:.25s; }
.button:hover { transform:translateY(-2px); }
.marquee-track { animation-duration:42s; }
.orbit-a { animation-duration:20s; }.orbit-b { animation-duration:25s; }

.work-meta h3:after { content:" — outcome-led"; color:#777; font:400 11px var(--font-body); letter-spacing:0; }
.work-helper { display:none; }

@media (max-width:800px) {
  :root { --section-space: 72px; }
  .hero { min-height:650px; padding-top:94px; padding-bottom:28px; }
  .hero-title { font-size:clamp(47px,13.4vw,70px); line-height:.92; letter-spacing:-.08em; max-width: 8.5ch; }
  .hero-title span { display:inline; }
  .hero-title span + span:before { content:" "; }
  .hero-proof { min-height:auto; padding:16px 0; display:block; }
  .hero-proof p { font-size:11px; margin-bottom:12px; }
  .hero-proof div { justify-content:flex-start; gap:11px 15px; }
  .hero-proof span { font-size:9px; }
  .about, .services, .process, .portfolio, .team, .faq { padding-top:var(--section-space); padding-bottom:var(--section-space); }
  .manifesto, .why, .proof, .testimonials { padding-bottom:var(--section-space); }
  .section-intro { margin-bottom:35px; }
  .about-layout { margin-top:34px; }
  .principles { margin-top:50px; gap:20px; }
  .services-grid { gap:8px; }
  .service-card { min-height:258px; padding:20px; }
  .service-icon { height:78px; }
  .service-card>a { right:18px; bottom:18px; }
  .our-work-grid, .team-grid { gap:8px; }
  .team-grid:not(.is-expanded) .team-featured { height:430px; }
  .work-visual, .work-project-wide .work-visual, .work-note-card { height:285px; }
  .work-meta { padding:11px 1px 21px; }
  .work-meta h3 { font-size:18px; }
  .contact-card { min-height:455px; padding:31px 23px; }
  .contact h2 { font-size:53px; }
  .footer-cta { padding:43px 0 38px; }
  .footer-cta p { font-size:50px; }
}
.kyzora-form{
display:grid;
gap:16px;
margin-top:35px;
}

.kyzora-form input,
.kyzora-form textarea,
.kyzora-form select{
width:100%;
padding:16px 18px;
background:#0b0b0b;
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
color:#fff;
font-size:15px;
transition:.35s;
outline:none;
}

.kyzora-form input::placeholder,
.kyzora-form textarea::placeholder{
color:#8b8b8b;
}

.kyzora-form input:focus,
.kyzora-form textarea:focus,
.kyzora-form select:focus{
border-color:#fff;
box-shadow:0 0 25px rgba(255,255,255,.12);
transform:translateY(-2px);
}

.kyzora-form textarea{
resize:vertical;
min-height:160px;
}

.kyzora-form button{
margin-top:8px;
cursor:pointer;
transition:.35s;
}

.kyzora-form button:hover{
transform:translateY(-3px);
box-shadow:0 15px 40px rgba(255,255,255,.15);
}

#form-status{
margin-top:10px;
font-size:14px;
color:#fff;
text-align:center;
}