/* Company identity and Kiino-specific documents. */
.footer-company{font-size:13px;line-height:1.7;color:var(--color-text-secondary)}
.footer-company p+p{margin-top:2px}
.footer-company a,.company-info-section h3 a{color:var(--lime)}
.company-documents a,.company-support{min-height:44px;display:inline-flex;align-items:center;gap:12px;text-underline-offset:4px;text-decoration-thickness:1px}
.company-documents a:hover,.company-support:hover,.footer-company a:hover,.company-info-section h3 a:hover{text-decoration:underline;color:var(--lime)}
.footer-documents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 24px;font-size:12px;color:var(--color-text-secondary)}
.company-documents-label{flex-basis:100%;color:var(--text);margin:4px 0}
.about-dialog{--company-info-copy:color-mix(in srgb,var(--text) 78%,var(--bg));width:680px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--edge);border-radius:var(--radius-dialog);background:var(--bg);color:var(--text);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:112px 32px;scrollbar-width:thin;scrollbar-color:var(--lime) var(--bg)}
.about-dialog::backdrop{backdrop-filter:none;background:var(--color-overlay)}
.about-dialog::selection,.about-dialog ::selection{background:var(--lime);color:var(--color-text-on-accent)}
.about-dialog::-webkit-scrollbar{width:6px}
.about-dialog::-webkit-scrollbar-track{background:var(--bg)}
.about-dialog::-webkit-scrollbar-thumb{border:1px solid var(--bg);border-radius:var(--radius-pill);background:var(--lime)}
.company-info-header{position:sticky;top:0;z-index:4;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:20px 32px;background:var(--lime);color:var(--color-text-on-accent)}
.company-info-header:before{content:'';position:absolute;inset:0 0 0 auto;z-index:-1;width:240px;background:url('../assets/brand/pattern-orange.svg') right 48%/240px;opacity:.22;pointer-events:none}
.company-info-header .about-symbol{display:flex;align-items:center;width:124px;height:44px;color:inherit;--brand-accent:currentColor}
.company-info-header .brand-wordmark{width:124px;height:auto;max-height:44px;color:inherit}
.company-info-header .about-close{position:static;background:transparent;backdrop-filter:none;color:inherit;transition:background var(--duration-fast)}
.company-info-header .about-close:hover{background:rgb(var(--color-bg-rgb) / .09);color:inherit}
.company-info-header .about-close:active{background:rgb(var(--color-bg-rgb) / .16)}
.company-info-header .about-close .icon{width:24px;height:24px;color:inherit}
.company-info-header .about-close:focus-visible{outline-color:var(--color-text-on-accent)}
.company-info-content{padding:32px}
.about-dialog .company-info-content h2{max-width:16ch;margin:0 0 20px;font-size:44px;line-height:1.08;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
.company-info-intro{max-width:65ch;font-size:17px;line-height:1.65;color:var(--company-info-copy)}
.company-info-access{margin-top:28px;padding-block:24px;border-block:1px solid var(--edge)}
.company-info-access h3{margin:0 0 10px;font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--lime);text-wrap:balance}
.company-info-access p,.company-info-section p{max-width:65ch;font-size:15px;line-height:1.65;color:var(--company-info-copy)}
.company-info-access strong{font-weight:500;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}
.company-info-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--edge)}
.company-info-section h3{margin:0 0 10px;font-size:20px;line-height:1.35;letter-spacing:-.015em;font-weight:500;text-wrap:balance}
.company-info-viewing{border:0;padding-top:0}
.company-info-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--edge)}
.company-info-details .company-info-section{min-width:0;margin:0;padding:0;border:0}
.company-info-details h3{font-size:17px;line-height:1.45;letter-spacing:0}
.company-info-details p{font-size:13px;line-height:1.7}
.about-documents{display:flex;flex-direction:column;align-items:stretch;font-size:13px;line-height:1.5;color:var(--company-info-copy)}
.about-documents a{justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--edge)}
.about-documents a:first-child{padding-top:0}
.about-documents a:last-child{border-bottom:0}
.about-documents a:active,.company-support:active{color:var(--color-accent-pressed)}
.about-documents .icon,.company-support .icon{width:18px;height:18px;flex-shrink:0;color:var(--lime)}
.company-support{font-size:16px;font-weight:500;color:var(--lime);overflow-wrap:anywhere;margin-top:8px}
.company-info-return{margin-top:28px;min-height:52px;white-space:normal;text-align:center}
.about-dialog .company-info-return:hover{box-shadow:none}
.about-dialog :focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.about-dialog h2:focus{outline:none}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){
  .about-dialog{margin:max(12px,env(safe-area-inset-top)) auto auto;max-height:calc(100dvh - var(--nav-clearance,100px) - max(12px,env(safe-area-inset-top)) - 12px);padding:0;scroll-padding-block:96px 28px}
  .company-info-header{min-height:76px;padding:16px 20px}
  .company-info-header:before{width:184px;background-size:200px}
  .company-info-header .about-symbol,.company-info-header .brand-wordmark{width:110px}
  .company-info-content{padding:28px 24px}
  .about-dialog .company-info-content h2{font-size:34px}
  .company-info-intro{font-size:16px}
  .company-info-access{margin-top:24px;padding-block:20px}
  .company-info-access h3{font-size:22px}
  .company-info-details{grid-template-columns:1fr;gap:24px}
  .company-info-details h3{font-size:18px}
  .company-info-details p,.about-documents{font-size:14px}
  .footer-documents{column-gap:20px}
}
@media(max-width:360px){
  .company-info-header{padding-inline:16px}
  .company-info-content{padding-inline:20px}
  .about-dialog .company-info-content h2{font-size:30px}
  .company-info-access h3{font-size:21px}
  .company-info-access p,.company-info-section p{font-size:14px}
}
@media(orientation:landscape) and (max-height:560px){
  .about-dialog{max-height:calc(100dvh - 24px);margin:12px auto}
  .company-info-header{min-height:64px;padding-block:10px}
}