/* inSona EU · views/company.css · area A · #/about and #/contact (scoped under .v-company)
   New components: .riba (a 4 px bar of warm light lengthening across the RIBA 0–7 ruler), .office (with today's daylight), .sent (band runs to 100 %). *

/* ---------- shared ---------- */
.v-company .ab-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px 96px;align-items:start}
.v-company .ab-two .lede{margin-top:20px;max-width:24em}
.v-company .ab-sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 96px;align-items:end;margin-bottom:48px}
.v-company .statement-sm{font:400 22px/1.5 var(--serif);color:var(--ink);max-width:30em;text-wrap:pretty}
.v-company .co-close{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:32px 96px;align-items:end;padding:56px;border-radius:var(--r-frame);background:var(--card);box-shadow:var(--sh)}
.v-company .co-close .lede{margin-top:20px}

/* ---------- about: head + plate ---------- */
.v-company .ab-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 96px;align-items:end;margin-top:40px}
.v-company .ab-intro h1{max-width:11em}
.v-company .ab-intro .lede{max-width:28em}
.v-company .ab-plate{margin-top:40px}
.v-company .ab-kv{margin-top:36px;border-top:1px solid var(--line-2)}
.v-company .ab-kv dd.mute{color:var(--ink-2)}
.v-company .ab-kv+.cite{margin-top:12px}
.v-company .ab-adds{border-top:1px solid var(--line)}
.v-company .ab-adds li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px 40px;padding:26px 0;border-bottom:1px solid var(--line)}
.v-company .ab-adds h3{font-size:26px}
.v-company .ab-adds p{font-size:17px;line-height:27px;color:var(--ink-2)}

/* ---------- RIBA: a 4 px bar of warm light lengthens across the 0–7 ruler; the ticks are the controls ---------- */
.v-company .riba{container-type:inline-size;--p:25%}
.v-company .riba .rail{position:relative;height:4px;border-radius:2px;background:var(--inset);box-shadow:inset 0 0 0 1px var(--line-2)}
.v-company .riba .bar{position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:2px;
  background:linear-gradient(90deg,#F7C08A,#F29A4A);
  transition:width var(--t-light) var(--ease-light)}
.v-company .riba .ticks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:10px}
.v-company .riba .tk{display:block;text-align:left;min-height:48px;padding:12px 10px 10px;border-left:1px solid var(--line-2);border-radius:0;background:none;color:inherit;cursor:pointer;transition:background-color var(--t-ui)}
.v-company .riba .tk:first-child{border-left:0}
.v-company .riba .tk b{display:block;font:300 26px/1 var(--sans);letter-spacing:-.4px;color:var(--ink-3);transition:color var(--t-light) var(--ease-light)}
.v-company .riba .tk.lit b{color:var(--ink)}
.v-company .riba .tk span{display:block;font:400 13px/1.3 var(--sans);color:var(--ink-2);margin-top:6px}
.v-company .riba .tk[aria-pressed="true"]{background:var(--sel)}
.v-company .riba .tk[aria-pressed="true"] span{color:var(--ink)}
@media (hover:hover){.v-company .riba .tk:not([aria-pressed="true"]):hover{background:var(--card)}}
.v-company .riba .tk:focus-visible{box-shadow:var(--focus);border-radius:8px;position:relative;z-index:1}
.v-company .riba .panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px 96px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line-2);animation:fade var(--t-ui)}
.v-company .riba .panel .sn{grid-column:1/-1;font:500 14px/1.3 var(--sans);color:var(--ink-2)}
.v-company .riba .panel h3{grid-column:1;font-size:32px;letter-spacing:-.5px;margin-top:6px}
.v-company .riba .panel>p:not(.sn):not(.get){grid-column:1;margin-top:10px;color:var(--ink-2);max-width:28em}
.v-company .riba .panel .get{grid-column:2;grid-row:2/4;align-self:start;margin-top:6px;padding:22px 24px;border-radius:var(--r-card);background:var(--card);box-shadow:var(--sh);font:400 17px/1.55 var(--serif)}
.v-company .riba .panel .get b{display:block;font:500 13.5px/1.3 var(--sans);color:var(--ink-2);margin-bottom:6px}
.v-company .riba>.cite{margin-top:24px}

/* ---------- contact ---------- */
.v-company .ct-h1{max-width:12em;margin-top:40px}
@media (max-width:600px){.v-company .ct-h1{margin-top:24px}}
.v-company .page-head .lede{margin-top:24px}
.v-company .ct-plate{margin-top:40px}
.v-company .ct-plate .frame{aspect-ratio:3/1}
.v-company .ct-plate .frame>img,.v-company .ct-plate .frame>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-company .ct-offices{padding-top:40px}
.v-company .ct-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-company .office{background:var(--card);border-radius:var(--r-frame);box-shadow:var(--sh);padding:36px 36px 28px;display:flex;flex-direction:column}
.v-company .office h2{font-size:44px}
.v-company .office .lb{font:400 15px/1.4 var(--sans);color:var(--ink-2);margin-top:6px}
.v-company .office .kv{margin-top:24px;border-top:1px solid var(--line-2)}
.v-company .office .kv .tlink{font-size:15px;display:inline}
.v-company .sunl{margin-top:auto;padding-top:24px;font:400 14.5px/1.45 var(--sans);color:var(--ink-2);min-height:46px}
.v-company .sunl .sl-s{display:none}
.v-company .sunl .bandi{display:inline-block;color:var(--ink-3);margin-right:10px;vertical-align:1px}
.v-company .ct-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.v-company .ct-form .h2-sm{margin-bottom:6px}
.v-company .ct-fl{margin-bottom:24px}
.v-company .ct-sum{margin:-8px 0 16px}
.v-company .ct-form textarea.inp{min-height:140px}
.v-company .ct-form .tx .tlink{display:inline;font:inherit}
.v-company .ct-consent{margin-top:4px}
.v-company .ct-consent .msg{margin-left:34px}
.v-company .ct-side{display:grid;gap:40px}
.v-company .ct-route p{margin-top:12px;color:var(--ink-2)}
.v-company .ct-route .pill-row{margin-top:22px}
.v-company .ct-route .small{margin-top:18px}
.v-company .ct-visit{scroll-margin-top:calc(var(--hdr) + 24px);padding:4px 4px 0}
.v-company .ct-visit p{margin:12px 0 22px;color:var(--ink-2)}

/* sent: the band runs to 100 % */
.v-company .sent{display:grid;gap:16px;outline:0}
.v-company .sent .run{position:relative;height:12px;border-radius:6px;background:var(--inset);overflow:hidden;margin-bottom:8px}
.v-company .sent .run i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--k2700),var(--k3500));clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:width var(--t-light) var(--ease-light)}
.v-company .sent.go .run i{width:100%}
.v-company .sent .done b{display:flex;align-items:center;gap:10px}
.v-company .sent .done svg{width:16px;height:12px;color:var(--ok)}
.v-company .sent .done{opacity:0;transition:opacity .4s .7s}
.v-company .sent.go .done{opacity:1}
.v-company .sent .pill{justify-self:start;margin-top:8px}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .v-company .ab-two,.v-company .ab-intro,.v-company .ab-sh{gap:32px 56px}
  .v-company .riba .panel{gap:6px 48px}
}
@media (max-width:980px){
  .v-company .ab-two,.v-company .ab-intro,.v-company .ab-sh{grid-template-columns:1fr}
  .v-company .ab-intro{margin-top:24px}
  .v-company .ab-plate .frame{aspect-ratio:3/2}
  .v-company .riba .tk span{display:none}
  .v-company .riba .panel{grid-template-columns:1fr}
  .v-company .riba .panel .get{grid-column:1;grid-row:auto;margin-top:18px}
  .v-company .co-close{grid-template-columns:1fr;padding:36px}
  .v-company .ct-two,.v-company .ct-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .v-company .ab-plate{margin-top:28px}
  .v-company .ab-adds li{grid-template-columns:1fr}
  .v-company .ab-adds h3{font-size:23px}
  .v-company .statement-sm{font-size:19px}
  .v-company .riba .tk{padding:12px 0 10px;text-align:center}
  .v-company .riba .tk b{font-size:19px}
  .v-company .ct-plate{margin-top:28px}
  .v-company .ct-plate .frame{aspect-ratio:4/3}
  .v-company .riba .panel h3{font-size:26px}
  .v-company .co-close{padding:24px 18px}
  .v-company .office{padding:26px 20px 22px}
  .v-company .office h2{font-size:36px}
  .v-company .sunl{min-height:0}
  .v-company .sunl .sl-l{display:none}
  .v-company .sunl .sl-s{display:inline}
  .v-company .kv{grid-template-columns:84px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .v-company .riba .bar{transition:none}
  .v-company .sent .run i{width:100%}
  .v-company .sent .done{opacity:1}
}