/* Felles: hovedsidens kontaktseksjon på artikkelsidene. Generert fra index.html og assets/cyan/experience.css; ikke rediger her. */
.t-note { font-family: var(--font-mono); font-size: var(--t-label); line-height: 1.6; letter-spacing: .03em; color: var(--muted); margin: 0; }
.hero-copy p:first-of-type, .agreement-copy p:first-of-type, .workflow-card__summary, .method-step p, .method-copy p, .contact-copy p:first-of-type { font-weight: 500; color: var(--ink); }
.hero-copy p:not(:first-of-type), .agreement-copy p:not(:first-of-type), .workflow-card__details, .contact-copy p:not(:first-of-type) { font-weight: 400; color: var(--muted); }
#kontakt { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; align-content: center; column-gap: clamp(4rem, 6vw, 6rem); row-gap: 40px; min-height: 100vh; padding: clamp(4rem, 8vh, 7rem) clamp(1rem, 2vw, 2rem); background: linear-gradient(110deg, var(--wash-a) 0%, var(--wash-b) 48%, var(--wash-c) 100%); color: var(--ink); }
#kontakt-title { grid-column: 1; grid-row: 1; align-self: start; align-self: last baseline; margin: 0; font-family: var(--font-display); font-size: var(--t-h1); font-weight: var(--w-display); letter-spacing: var(--track-display); line-height: var(--lh-display); }
.contact-copy { grid-column: 2; grid-row: 1; align-self: start; align-self: last baseline; max-width: 46ch; font-size: var(--t-body); line-height: 1.5; }
.contact-copy p { margin: 0 0 1.85rem; }
.contact-copy p:last-child { margin-bottom: 0; color: var(--ink); }
.contact-actions { grid-column: 1; grid-row: 2; align-self: stretch; display: flex; flex-direction: column; }
.contact-actions__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 2rem; row-gap: .75rem; align-items: center; padding-top: 2.25rem; }
#kontakt .contact-actions__note { grid-column: 1; }
#kontakt .contact-actions__call { grid-column: 2; }
#kontakt .contact-actions__mail { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1.35rem; border-top: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); color: inherit; text-decoration: none; font-size: var(--t-body); line-height: 1.5; }
#kontakt .contact-actions__mail > span:not([class]) { display: inline-block; transition: transform .35s cubic-bezier(.22, .75, .2, 1); }
#kontakt .contact-actions__mail:hover > span:not([class]),
    #kontakt .contact-actions__mail:focus-visible > span:not([class]) { transform: translateX(.4rem); }
#kontakt .kai-cta-block { display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: var(--island-h); padding: 0 calc(var(--island-h) * .5); border-radius: var(--island-r); border: 0; background: var(--ink); color: var(--bg-kai); font: inherit; font-size: var(--t-body); line-height: 1.5; text-align: left; text-decoration: none; cursor: pointer; transition: background .25s ease; }
#kontakt .kai-cta-block span { display: inline-block; transition: transform .35s cubic-bezier(.22, .75, .2, 1); }
#kontakt .kai-cta-block:hover,
    #kontakt .kai-cta-block:focus-visible { background: var(--accent); }
#kontakt .kai-cta-block:hover span,
    #kontakt .kai-cta-block:focus-visible span { transform: translateX(.4rem); }
#kontakt .kai-cta-block[disabled] { opacity: .5; cursor: default; }
#kontakt .kai-cta-block[disabled]:hover { background: var(--ink); }
.kai-form { grid-column: 2; grid-row: 2; align-self: start; display: grid; grid-template-columns: minmax(0, 1fr); container-type: inline-size; color: var(--ink); }
.kai-form__title,
    .contact-actions__title { display: flex; align-items: center; gap: .3em; margin: 0; padding-bottom: .45em; border-bottom: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); font-family: var(--font-display); font-size: var(--t-h3); font-weight: var(--w-display); letter-spacing: var(--track-display); line-height: var(--lh-display); }
.kai-form__arrow,
    .contact-actions__arrow { flex: none; width: .62em; height: .62em; }
.kai-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.kai-form__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 2rem; align-items: start; padding-top: 2.25rem; font-size: var(--t-body); line-height: 1.5; }
.kai-form__row > span { padding: .55rem 0; font-weight: 500; }
.kai-form__row > input,
    .kai-form__row > textarea { width: 100%; min-width: 0; margin: 0; padding: .55rem 0 .9rem; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); border-radius: 0; background: none; color: var(--ink); font: inherit; resize: none; outline: none; transition: border-color .25s ease; }
.kai-form__row > input::placeholder,
    .kai-form__row > textarea::placeholder { color: var(--muted); opacity: 1; }
.kai-form__row > input:focus-visible,
    .kai-form__row > textarea:focus-visible { border-bottom-color: var(--accent); }
.kai-form__foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 2rem; row-gap: .75rem; align-items: center; padding-top: 2rem; }
.kai-form__status { grid-column: 1 / -1; }
.kai-form__status:empty { display: none; }
.kai-form__send { grid-column: 2; justify-self: stretch; }
@container (max-width: 400px) {
  .kai-form__row,
      .kai-form__foot { grid-template-columns: minmax(0, 1fr); row-gap: .75rem; }
  .kai-form__row > span { padding: 0; }
  .kai-form__send { grid-column: 1; }
}
.site-footer { position: absolute; right: clamp(1rem, 2vw, 2rem); bottom: 0; left: clamp(1rem, 2vw, 2rem); display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 2rem; row-gap: var(--gap-title); padding: 1.5rem 0; color: var(--ink); font-size: var(--t-label); letter-spacing: .08em; text-transform: uppercase; }
.site-footer p { grid-column: 2; margin: 0; }
@media (max-width: 800px) {
  #kontakt { grid-template-columns: 1fr; grid-template-rows: none; align-content: center; gap: var(--gap-title); }
  #kontakt-title,
      .contact-copy,
      .contact-actions,
      .kai-form { grid-column: 1; grid-row: auto; }
  .kai-form__row,
      .kai-form__foot { grid-template-columns: minmax(0, 1fr); row-gap: .75rem; padding-top: 1.75rem; }
  .contact-actions__foot { padding-top: 1.75rem; }
  .kai-form__row > span { padding: 0; }
  .kai-form__status,
      .kai-form__send { grid-column: 1; }
  .site-footer { position: static; grid-column: 1; grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
  .site-footer p { grid-column: 1; }
}
#kontakt { min-height:0;align-content:start;column-gap:clamp(5rem,8vw,8rem);row-gap:40px;padding:72px clamp(1rem,2vw,2rem) 32px;grid-template-rows:auto auto }
#kontakt-title { grid-column:1;grid-row:1;align-self:start;align-self:last baseline;font-size:var(--t-h2) }
.contact-copy { grid-column:2;grid-row:1;align-self:start;align-self:last baseline;padding-top:0;max-width:46ch }
.contact-actions { grid-column:1;grid-row:2;align-self:stretch }
.kai-form { grid-column:2;grid-row:2;align-self:start;margin-top:0 }
.site-footer { grid-column:1/-1;position:static;min-height:0;margin:0;padding:24px 0 0;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent);grid-template-columns:1fr auto;column-gap:2rem }
.site-footer .kai-footer-copy { grid-column:1 }
.site-footer p:not(.kai-footer-copy) { grid-column:2 }
@media(max-width:800px) {
  #kontakt { row-gap:var(--gap-title);padding:56px 16px 24px;grid-template-rows:none }
  #kontakt-title, .contact-copy, .contact-actions, .kai-form { grid-column:1;grid-row:auto }
  #kontakt .kai-form { margin-top:3rem }
  .site-footer { grid-template-columns:1fr;gap:10px;margin-top:8px }
  .site-footer .kai-footer-copy, .site-footer p:not(.kai-footer-copy) { grid-column:1 }
}