/* Commercial focus: concrete proof, featured product, concise process. */
.section { padding-top: 48px; padding-bottom: 48px; }
.hero { padding-top: 58px; padding-bottom: 52px; }
.hero-art { max-width: 430px; }
.proof strong { font-size: 13px; }
.proof a { display: inline-block; font-size: 11px; margin-top: 3px; color: #63695c; text-decoration: underline; text-underline-offset: 3px; }
.commercial-intro { font-size: 17px !important; color: var(--ink) !important; max-width: 365px !important; }
.solution-examples { margin-top: 34px; display: grid; grid-template-columns: 1fr 2fr; gap: 34px; }
.solution-examples .eyebrow { margin-top: 14px; }
.solution-row { display: grid; grid-template-columns: 1fr 24px 1.2fr; gap: 12px; border-bottom: 1px solid #d5d6cb; padding: 12px 0; font-size: 12px; }
.solution-row > span:first-child { color: #63695c; }
.solution-row strong { font-weight: 500; }
.solution-arrow { color: var(--orange); }
.featured-project { display: grid; grid-template-columns: 1.12fr 1fr; background: #2a3028; border: 1px solid #454c3e; margin-bottom: 28px; scroll-margin-top: 20px; }
.product-screenshot { display: block; background: #e9e2d2; align-self: start; padding: 20px; margin: 26px 0 26px 26px; color: #5c5b4b; }
.product-screenshot img { width: 100%; height: auto; display: block; border: 1px solid #d3cbb7; }
.product-screenshot > span { font-size: 9px; letter-spacing: 1.4px; display: flex; justify-content: space-between; margin-top: 15px; }
.product-screenshot b { font-size: 16px; font-weight: 400; }
.product-screenshot:hover img { outline: 2px solid #c44823; }
.featured-copy { padding: 30px; }
.featured-copy h3 { font-size: 36px; line-height: 1.1; letter-spacing: -1px; font-weight: 500; margin: 12px 0; }
.project-lead { font-size: 18px; line-height: 1.45; margin-bottom: 22px; }
.case-facts { margin: 0; }
.case-facts > div { padding: 10px 0; border-top: 1px solid #454c3e; }
.case-facts dt { color: #e2e6d8; font-size: 10px; font-weight: 700; margin-bottom: 4px; }
.case-facts dd { margin: 0; color: #b8beae; font-size: 12px; line-height: 1.65; }
.ownership { font-size: 10px; color: #b8beae; margin: 20px 0; line-height: 1.8; }
.ownership strong { font-weight: 500; color: #e2e6d8; }
.supporting-work { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.supporting-work .work-visual { height: 154px; }
.supporting-work .visual-kicker { top: 14px; font-size: 8px; }
.supporting-work .visual-caption { bottom: 12px; font-size: 10px; }
.supporting-work .fintech-graphic span { padding: 10px; }
.supporting-work .work-copy > p { min-height: 0; }
.work-copy .confidential-note { font-size: 10px; color: #a5ae99; margin: 20px 0 0; }
.exploration-stack { display: grid; gap: 24px; }
.compact-project { padding: 28px; border: 1px solid #414b3c; }
.compact-project h3 { font-size: 25px; font-weight: 500; letter-spacing: -.7px; margin: 12px 0; }
.compact-project > p { font-size: 13px; color: #b8beae; }
.compact-project summary { display: flex; justify-content: space-between; cursor: pointer; font-size: 11px; list-style: none; padding-top: 14px; border-top: 1px solid #454c3e; }
.compact-project summary::-webkit-details-marker { display: none; }
.compact-project details[open] summary { margin-bottom: 18px; }
.compact-project details[open] summary span { transform: rotate(45deg); }
.working .section-top > p { max-width: 450px; font-size: 14px; }
.working-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 36px; }
.working-principles article { border-top: 1px solid var(--line); padding-top: 18px; }
.working-principles article > span { font-size: 10px; color: var(--orange); }
.working-principles h3 { font-size: 20px; font-weight: 500; letter-spacing: -.5px; margin: 14px 0 9px; }
.working-principles p { color: #6b7064; font-size: 13px; margin-bottom: 0; }
.about-layout { gap: 72px; }
.portrait img { object-position: center 20%; }
.technical-depth { margin: 25px 0 18px; padding-top: 16px; border-top: 1px solid #cfd3c3; }
.technical-depth h3 { font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.technical-depth p { font-size: 11px !important; line-height: 1.9; }
.contact-section { padding-top: 55px; padding-bottom: 55px; }
.contact-box .button { gap: 20px; min-width: 0; }
.contact-box .booking-note { font-size: 11px !important; margin-top: 13px; max-width: 310px; }
.email-display { overflow-wrap: anywhere; }
.socials { margin-top: 19px; }
@media(max-width:1100px) {
  .featured-project { grid-template-columns: 1fr 1fr; }
  .product-screenshot { padding: 14px; margin: 20px 0 20px 20px; }
  .featured-copy { padding: 24px; }
  .proof strong { font-size: 11px; }
}
@media(max-width:800px) {
  .featured-project { grid-template-columns: 1fr; }
  .product-screenshot { margin: 24px 24px 0; }
  .solution-examples { grid-template-columns: 1fr; gap: 0; }
  .solution-examples .eyebrow { margin-bottom: 8px; }
  .working-principles { gap: 22px; }
  .about-layout { gap: 32px; }
  .proof strong { font-size: 13px; }
}
@media(max-width:560px) {
  .section { padding-top: 50px; padding-bottom: 50px; }
  .hero { padding-top: 36px; padding-bottom: 38px; }
  .proof strong { font-size: 11px; }
  .proof a { font-size: 9px; }
  .commercial-intro { font-size: 15px !important; }
  .solution-row { grid-template-columns: 1fr 18px 1fr; gap: 8px; font-size: 11px; }
  .product-screenshot { margin: 16px 16px 0; padding: 10px; }
  .featured-copy { padding: 23px; }
  .project-lead { font-size: 18px; }
  .supporting-work { grid-template-columns: minmax(0,1fr); }
  .compact-project { padding: 23px; }
  .working-principles { grid-template-columns: 1fr; gap: 24px; margin-top: 22px; }
  .working-principles h3 { margin-top: 10px; }
  .contact-section { padding-top: 50px; padding-bottom: 50px; }
  .contact-box .button { font-size: 12px; padding-left: 16px; padding-right: 16px; }
}