/* Home compositions only. Shared elements live in components.css. */
body {
--fraz-h1-margin: 0;
  --fraz-h1-italic: italic;
  --fraz-h1-color: #f1f5f9;
  --fraz-portrait-height: 360px;
  --fraz-portrait-ratio: auto;
  --fraz-portrait-title-gap: 32px;
  --fraz-free-panel-offset: 370px;
  --fraz-step-width: min(400px,35.2112676%);
  --fraz-step-shift: min(368px,32.3943662%);
  --fraz-step-overlap: -96px;
  --fraz-step-padding: 32px;
  --fraz-siworks-size: 32px;
  --fraz-migration-arrow-size: 80px;
  --fraz-migration-arrow-left: 160px;
  --fraz-migration-arrow-top: 90px;
  --fraz-hero-link-size: 24px;
  --fraz-corner-width: 64px;
  --fraz-corner-height: 32px;
  --home-free-gap: 120px;
  --home-card-space: 32px;
  --home-card-title-gap: 18px;
  --home-faq-top: 96px;
  --home-body-size: 18px;
  --home-people-gap: 80px;
  --home-duo-gap: 96px;
  --home-free-leading-size: 32px;
  --home-icon-size: 18px;
  --home-steps-gap: 48px;
  --home-step-size: 24px;
  --home-slogan-size: 30px;
  --home-reference-word-size: 96px;
  --home-reference-attribution-size: 13px;
  --home-reference-brand-size: 24px;
  --home-reference-quote-size: 21px;
  --home-reference-person-role-size: 15px;
  --home-reference-source-small-size: 28px;
  --home-reference-word-mobile-size: 88px;
  --home-section-intro-size: 23.2px;
  margin: 0;
  background: var(--fraz-color-bg);
  color: var(--fraz-color-text);
  font: 400 var(--home-body-size)/1.4 var(--fraz-body-font);
}
@media (max-width:991.98px) {
body {
--fraz-portrait-height: 330px;
  --fraz-step-width: 100%;
  --fraz-step-shift: 0px;
  --fraz-step-overlap: 24px;
  --fraz-siworks-size: 30px;
  --fraz-migration-arrow-size: 72px;
  --fraz-migration-arrow-top: 76px;
  --home-body-size: 16.8px;
  --home-card-title-gap: 16px;
  --home-icon-size: 17.6px;
  --home-faq-top: 80px;
  --home-people-gap: 40px;
}
}
@media (max-width:767.98px) {
body {
--fraz-portrait-height: auto;
  --fraz-portrait-ratio: 1.1;
  --fraz-portrait-title-gap: 24px;
  --fraz-step-padding: 24px;
  --fraz-siworks-size: 28px;
  --fraz-migration-arrow-size: 56px;
  --fraz-migration-arrow-top: 84px;
  --home-card-space: 24px;
  --home-card-title-gap: 12px;
  --home-body-size: 16px;
  --home-faq-top: 64px;
  --home-duo-gap: 80px;
  --home-free-leading-size: 28px;
  --home-steps-gap: 36px;
  --home-step-size: 20px;
  --home-people-gap: 48px;
  --home-icon-size: 16px;
}
}
@media (min-width:992px) and (max-width:1199px) {
body {
--home-free-gap: 64px;
}
}
@media (min-width:480px) and (max-width:767px) {
body {
--home-card-title-gap: 13.2px;
}
}
.fraz-h1 {
max-width: var(--fraz-layout-title-measure);
  margin: var(--fraz-h1-margin);
  color: var(--fraz-h1-color);
  width: fit-content;
}
.fraz-h1__accent {
font: inherit;
  font-style: var(--fraz-h1-italic);
  color: var(--fraz-h1-accent);
  --fraz-h1-accent: var(--accents--ice);
}
.home-hero-content {
display: block;
}
.home-hero-link {
font-family: var(--fraz-heading-font);
  font-size: var(--fraz-hero-link-size);
  font-weight: 400;
  line-height: 1.3;
}
.home-services-more {
text-align: right;
}
.home-services-button {
margin-left: auto;
}
.home-siworks-wordmark {
font-family: var(--fraz-heading-font);
  font-size: var(--fraz-siworks-size);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.045em;
}
.home-migration-arrow {
font-family: var(--fraz-body-font);
  font-weight: 400;
  line-height: 1;
  font-size: var(--fraz-migration-arrow-size);
  left: var(--fraz-migration-arrow-left);
  top: var(--fraz-migration-arrow-top);
}
.fraz-hero-slogan {
display: block;
  max-width: var(--fraz-layout-lead-measure);
  margin-top: 0;
  margin-bottom: var(--fraz-space-group);
}
.home-hero-actions {
display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--fraz-space-group);
  margin-bottom: 0;
  flex-wrap: wrap;
}
@media (max-width:991.98px) {
.fraz-hero-slogan {
display: none;
}
}
.home-card-corner::before {
content: "";
  position: absolute;
  inset: 0 auto auto 0;
  box-sizing: border-box;
  width: var(--fraz-corner-width);
  height: var(--fraz-corner-height);
  border-top: var(--fraz-line-hairline) solid var(--situation-accent);
  border-left: var(--fraz-line-hairline) solid var(--situation-accent);
  background: transparent;
  pointer-events: none;
}
.hero-lead {
font: 400 var(--home-slogan-size)/1.25 var(--fraz-heading-font);
  letter-spacing: -.02em;
}
.hero-lead em {
color: var(--accents--ice);
}
.hero-description {
color: var(--fraz-color-muted);
}
.hero-paths { min-width:0; max-width:100%; }
.hero-path > span:first-child { min-width:0; }
.hero-path {
  max-width:100%;
display: flex;
  align-items: center;
  gap: var(--fraz-space-micro);
  padding-block: var(--fraz-space-compact);
  color: var(--fraz-color-steel);
}
.hero-path .fraz-text-arrow {
font: inherit;
  line-height: 1;
}
.situations {
background: var(--fraz-color-panel);
}
.situations>.wrap {
display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,8fr);
  gap: var(--fraz-space-block);
  align-items: start;
}
.situations-intro .eyebrow {
color: var(--fraz-color-light-blue);
}
.situations-intro h2 em {
color: var(--fraz-color-light-blue);
}
.situations-intro>p:not(.eyebrow) {
font: 400 var(--home-section-intro-size)/1.6 var(--fraz-body-font);
  letter-spacing: -.01em;
  color: var(--fraz-color-muted);
}
.audience-links {
display: flex;
  flex-wrap: wrap;
  gap: var(--fraz-space-compact);
  margin-top: var(--fraz-space-stack);
}
.situation-list {
display: grid;
  grid-template-columns: repeat(12,1fr);
  position: relative;
}
.situation-list article {
position: relative;
  grid-column: span 6;
  min-width: 0;
  padding: var(--home-card-space);
}
.situation-list article:nth-child(1) {
--situation-accent: var(--fraz-color-steel);
  background: rgba(125,168,188,.12);
}
.situation-list article:nth-child(2) {
--situation-accent: var(--fraz-color-gold);
}
.situation-list article:nth-child(3) {
--situation-accent: var(--fraz-color-coral);
}
.situation-list article:nth-child(4) {
--situation-accent: var(--fraz-color-lavender);
  background: rgba(196,181,253,.12);
}
.situation-list h3 {
color: var(--situation-accent);
  margin-bottom: var(--home-card-title-gap);
}
.situation-list p {
--situation-copy-measure: 440px;
  max-width: var(--situation-copy-measure);
  color: var(--fraz-color-muted);
}
.situation-list article:nth-child(2)::before,.situation-list article:nth-child(3)::before {
content: "";
  position: absolute;
  left: 0;
  width: calc(100% - var(--fraz-space-group));
  height: var(--fraz-line-hairline);
  background: var(--situation-accent);
}
.situation-list article:nth-child(2)::before {
top: 0;
}
.situation-list article:nth-child(3)::before {
bottom: 0;
}
.situation-list article:nth-child(4)::after {
content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--fraz-space-large);
  height: var(--fraz-space-stack);
  border-right: var(--fraz-line-hairline) solid var(--situation-accent);
  border-bottom: var(--fraz-line-hairline) solid var(--situation-accent);
}
.services {
background: var(--fraz-color-bg);
}
.service-heading {
--service-intro-gap: 56px;
  display: grid;
  grid-template-columns: minmax(0,6fr) minmax(0,5fr);
  gap: 0 var(--fraz-space-large);
  align-items: end;
  margin-bottom: var(--service-intro-gap);
}
.service-heading .eyebrow {
grid-area: 1/1;
  color: var(--fraz-color-lavender);
}
.service-heading h2 {
grid-area: 2/1;
}
.service-heading h2 br {
display: none;
}
.service-heading h2 em {
color: var(--fraz-color-lavender);
}
.service-heading>p:last-child {
letter-spacing: -.01em;
  grid-area: 1/2/3;
  font: 400 var(--home-section-intro-size)/1.6 var(--fraz-body-font);
  color: var(--fraz-color-muted);
}
.service-list {
isolation: isolate;
}
.service-more {
margin-top: var(--fraz-space-stack);
}
.collaboration {
background: var(--fraz-color-bg);
}
.home-collaboration {
position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(0,7fr);
  gap: var(--home-free-gap);
  padding-top: var(--fraz-space-stack);
}
.home-collaboration::before {
content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw) calc(-1 * var(--fraz-space-stack)) calc(50% - var(--fraz-free-panel-offset));
  background: color-mix(in srgb,var(--fraz-color-steel) 16%,var(--fraz-color-bg));
  pointer-events: none;
}
.home-collaboration h2 {
overflow-wrap: anywhere;
}
.home-collaboration .eyebrow,.home-collaboration h2 em {
color: var(--fraz-color-steel);
}
.goodside-lead {
position: relative;
  margin-bottom: var(--fraz-space-group);
}
.goodside-lead p {
font: 400 var(--home-free-leading-size)/1.3 var(--fraz-heading-font);
  letter-spacing: -.02em;
}
.goodside-lead p:last-child {
font-style: italic;
  color: var(--fraz-color-steel);
}
.goodside-lead::before {
--collaboration-detail-space: 20px;
  content: "";
  position: absolute;
  top: var(--collaboration-detail-space);
  right: calc(100% + var(--fraz-space-small));
  width: calc(var(--home-free-gap) - var(--fraz-space-stack));
  height: var(--fraz-line-hairline);
  background: var(--fraz-color-steel);
  opacity: .55;
}
.goodside-lead::after {
--collaboration-marker-height: 5px;
  --collaboration-marker-top: 18px;
  content: "";
  position: absolute;
  top: var(--collaboration-marker-top);
  right: calc(100% + var(--home-free-gap)/2 - var(--fraz-space-compact));
  width: var(--fraz-space-group);
  height: var(--collaboration-marker-height);
  background: var(--fraz-color-steel);
}
.home-collaboration-steps {
list-style: none;
  padding: 0;
}
.home-collaboration-steps li {
--collaboration-detail-space: 20px;
  display: grid;
  grid-template-columns: var(--home-steps-gap) minmax(0,1fr);
  padding: var(--collaboration-detail-space) 0;
  border-bottom: var(--fraz-line-hairline) solid var(--fraz-color-line);
}
.home-collaboration-steps i {
font: italic 400 var(--home-step-size)/1 var(--fraz-heading-font);
  color: var(--fraz-color-steel);
}
.home-collaboration-steps p {
color: var(--fraz-color-muted);
}
.collaboration-duo {
margin-top: var(--home-duo-gap);
}
.collaboration-duo>.team-heading {
color:var(--fraz-color-steel);
  line-height: 1.2;
  letter-spacing: -.02em;
  margin-bottom: var(--fraz-portrait-title-gap);
}
.people {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--home-people-gap);
  align-items: stretch;
}
.person {
display: flex;
  flex-direction: column;
  gap: var(--fraz-space-group);
  min-width: 0;
}
.person-portrait {
display: block;
  width: 100%;
  height: var(--fraz-portrait-height);
  aspect-ratio: var(--fraz-portrait-ratio);
  overflow: hidden;
}

.person-text {
display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: var(--fraz-space-group);
}
.person-text h3 {
--profile-detail-space: 20px;
  margin-bottom: var(--profile-detail-space);
}
.person-text>p:not(.tags) {
max-width: 50ch;
  color: var(--fraz-color-muted);
}
.person-text h3 a {
--profile-link-gap: 14px;
  display: inline-flex;
  align-items: baseline;
  row-gap: var(--profile-link-gap);
}
.person-text h3 .fraz-text-arrow {
font-size: var(--home-icon-size);
  line-height: 1;
  margin-left: .1em;
}
.raffaela h3 a {
color: var(--fraz-color-lavender);
}
.florian h3 a {
color: var(--fraz-color-gold);
}
.tags {
--profile-detail-space: 20px;
  --profile-tags-measure: 470px;
  max-width: var(--profile-tags-measure);
  display: flex;
  flex-wrap: wrap;
  gap: var(--fraz-space-tight);
  margin-top: auto;
  padding-top: var(--profile-detail-space);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fraz-color-muted);
  line-height: 1.4;
}
.tags span {
display: flex;
  align-items: center;
  background: var(--fraz-color-card);
  border: var(--fraz-line-hairline) solid var(--fraz-color-line);
  padding: var(--fraz-space-tight);
}
.goodside-more {
margin-top: var(--fraz-space-stack);
}
.faq-section>.container {
padding-top: var(--home-faq-top);
}
.grid-item-flex-vertical h2 {
margin-bottom: var(--fraz-space-group);
}
.accent-line-long-bold {
--faq-accent-length: 60px;
  height: var(--fraz-line-frame);
  width: var(--faq-accent-length);
  background: var(--accents--ice);
}

@media (min-width:992px) and (max-width:1199px) {
.situations>.wrap {
grid-template-columns: minmax(0,4fr) minmax(0,7fr);
  gap: var(--fraz-space-stack);
}
.audience-links {
flex-direction: column;
  align-items: start;
}
}
@media (max-width:991.98px) {
.situations>.wrap {
grid-template-columns: minmax(0,1fr);
  gap: var(--fraz-space-block);
}
.service-heading {
column-gap: var(--fraz-space-wide);
}
.home-collaboration {
grid-template-columns: minmax(0,1fr);
  gap: var(--fraz-space-wide);
  padding-top: var(--fraz-space-stack);
}
.home-collaboration::before {
left: calc(-1 * var(--fraz-space-group));
  right: calc(-1 * var(--fraz-space-group));
}
.goodside-lead::before,.goodside-lead::after {
content: none;
}
.collaboration>.wrap {
padding-inline: var(--fraz-space-stack);
}
}
@media (max-width:767.98px) {
.audience-links {
gap: var(--fraz-space-small);
}
.situation-list article {
grid-column: 1/-1;
}
.situation-list article:nth-child(3)::before {
top:0;
  bottom:auto;
}
.situation-list p {
--situation-copy-measure: 560px;
  max-width: var(--situation-copy-measure);
}
.service-heading {
display: block;
  margin-bottom: var(--fraz-space-stack);
}
.service-heading h2 {
margin-bottom: var(--fraz-space-group);
}
.service-more {
margin-top: var(--fraz-space-tight);
}
.home-collaboration {
gap: var(--fraz-space-stack);
  padding-top: var(--fraz-space-stack);
}
.home-collaboration::before {
left: calc(-1 * var(--fraz-layout-gutter));
  right: calc(-1 * var(--fraz-layout-gutter));
}
.collaboration>.wrap {
padding-inline: var(--fraz-space-group);
}
.people {
grid-template-columns: minmax(0,1fr);
}
}
.home-proof {
--proof-stage-height: 270px;
  --proof-accent-width: 4px;
  --proof-detail-gap: 10px;
  --proof-caption-space: 22px;
  --proof-compact-space: 20px;
  --proof-panel-space: 28px;
  --proof-wordmark-clearance: 112px;
  padding-right: 0;
  padding-left: 0;
  scroll-margin-top: var(--fraz-space-stack);
}
.home-proof * {
box-sizing: border-box;
}
.home-proof :is(p, h2, h3, figure, blockquote, figcaption) {
margin-right: 0;
  margin-left: 0;
}
.home-proof .proof-heading {
margin-bottom: var(--fraz-space-block);
}
.home-proof .proof-eyebrow {
text-transform: uppercase;
  color: var(--fraz-color-ice);
}
.home-proof h2 {
width: fit-content;
  color: var(--fraz-color-text);
}
.home-proof h2 em {
color: var(--fraz-color-ice);
  font-weight: 400;
}
.home-proof .proof-grid {
--proof-column-gap: 56px;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--proof-column-gap);
}
.home-proof .proof-grid > * {
min-width: 0;
}
.home-proof .proof-label {
color: var(--fraz-color-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.home-proof .proof-copy {
color: var(--fraz-color-muted);
}
.home-proof .proof-link {
display: inline-block;
  margin-top: var(--fraz-space-small);
  font: 400 var(--fraz-type-body-small-size)/1.5 var(--fraz-body-font);
}
.home-proof .proof-myky-panel {
position: relative;
  display: grid;
  height: auto;
  background: rgba(125, 168, 188, 0.14);
}
.home-proof .proof-myky-stage {
position: relative;
  grid-area: 1 / 1;
  min-height: var(--proof-stage-height);
  height: auto;
  padding: var(--proof-panel-space) var(--fraz-space-stack);
  color: var(--fraz-color-steel);
}
.home-proof .proof-hausinfo {
--proof-source-word-size: 30px;
  --proof-source-top: 76px;
  position: absolute;
  left: var(--fraz-space-stack);
  top: var(--proof-source-top);
  font: italic 400 var(--proof-source-word-size)/1 var(--fraz-heading-font);
}
.home-proof .proof-migration-arrow {
position: absolute;
  color: var(--fraz-color-gold);
}
.home-proof .proof-myky-word {
position: absolute;
  left: min(25%,var(--fraz-migration-arrow-left));
  bottom: var(--proof-caption-space);
  font: 400 var(--home-reference-word-size)/.8 var(--fraz-heading-font);
  letter-spacing: -0.05em;
  color: var(--fraz-color-steel);
}
.home-proof .proof-myky-quote {
--proof-quote-width: 340px;
  position: relative;
  grid-area: 1 / 1;
  align-self: start;
  justify-self: end;
  margin-right: var(--fraz-space-group);
  margin-bottom: var(--proof-wordmark-clearance);
  top: calc(-1 * var(--fraz-space-group));
  width: var(--proof-quote-width);
  background: var(--fraz-color-bg);
  border-top: var(--proof-accent-width) solid var(--fraz-color-steel);
  padding: var(--proof-caption-space) var(--fraz-space-group) var(--proof-compact-space);
  z-index: 1;
}
.home-proof .proof-myky-quote blockquote {
--proof-myky-quote-size: 20px;
  padding: 0;
  border: 0;
  background: none;
  font: italic 400 var(--proof-myky-quote-size)/1.42 var(--fraz-heading-font);
  color: var(--fraz-color-text);
  letter-spacing: -0.01em;
  text-align: left;
}
.home-proof figcaption {
display: flex;
  flex-direction: column;
  gap: var(--fraz-space-micro);
  font-size: var(--fraz-type-body-small-size);
  color: var(--fraz-color-muted);
  margin-top: var(--fraz-space-small);
  text-align: left;
}
.home-proof figcaption b {
display: block;
  font: 400 var(--home-reference-attribution-size)/1.4 var(--fraz-mono-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fraz-color-steel);
}
.home-proof .proof-myky-bottom {
--proof-copy-column: 330px;
  display: grid;
  grid-template-columns: minmax(0, var(--proof-copy-column)) minmax(0, 1fr);
  gap: var(--fraz-space-wide);
  align-items: start;
}
.home-proof .proof-myky-copy {
margin-top: var(--proof-panel-space);
}
.home-proof .proof-himbeer {
--proof-note-edge: 2px;
  --proof-note-top: 72px;
  margin-top: var(--proof-note-top);
  border-left: var(--proof-accent-width) solid var(--fraz-color-coral);
  padding: var(--proof-note-edge) 0 var(--proof-note-edge) var(--fraz-space-small);
}
.home-proof .proof-himbeer .proof-label {
color: var(--fraz-color-coral);
}
.home-proof .proof-himbeer h3 {
letter-spacing: var(--fraz-type-card-tracking);
  font: 400 var(--home-reference-brand-size)/1.1 var(--fraz-heading-font);
  color: var(--fraz-color-coral);
  margin: var(--proof-detail-gap) 0 var(--fraz-space-tight);
}
.home-proof .proof-siworks {
padding-top: var(--fraz-space-wide);
}
.home-proof .proof-siworks-panel {
--proof-quote-bottom-space: 26px;
  padding: var(--proof-panel-space) var(--proof-panel-space) var(--proof-quote-bottom-space);
  background: var(--fraz-color-light-blue);
  color: var(--fraz-color-bg);
}
.home-proof .proof-siworks-panel .proof-label {
color: var(--fraz-color-bg);
}
.home-proof .proof-siworks-word {
display: block;
  color: var(--fraz-color-bg);
  margin-top: var(--proof-detail-gap);
  margin-right: 0;
  margin-bottom: var(--fraz-space-small);
  margin-left: 0;
}
.home-proof .proof-siworks-panel blockquote {
padding: 0;
  border: 0;
  background: none;
  font: italic 400 var(--home-reference-quote-size)/1.4 var(--fraz-heading-font);
  color: var(--fraz-color-bg);
  text-align: left;
  letter-spacing: normal;
}
.home-proof .proof-siworks-panel figcaption b {
color: var(--fraz-color-bg);
}
.home-proof .proof-siworks-panel figcaption span {
display: block;
  font: 400 var(--home-reference-person-role-size)/1.5 var(--fraz-body-font);
  color: rgb(27, 37, 51);
  margin-top: var(--fraz-space-micro);
}
.home-proof .proof-siworks-copy {
padding: var(--proof-caption-space) 0 0 var(--proof-panel-space);
}
.home-proof .proof-siworks-copy h3 {
--proof-result-title-size: 20px;
  font: 400 var(--proof-result-title-size)/1.2 var(--fraz-heading-font);
  letter-spacing: -.02em;
  color: var(--fraz-color-text);
  margin-bottom: var(--fraz-space-tight);
}
@media (width < 1200px) {
.home-proof .proof-grid {
grid-template-columns: minmax(0,1fr);
  gap: var(--fraz-space-wide);
}
.home-proof .proof-myky {
--proof-migration-measure: 760px;
  max-width: var(--proof-migration-measure);
}
.home-proof .proof-siworks {
--proof-audit-measure: 640px;
  padding: 0;
  width: 75%;
  max-width: var(--proof-audit-measure);
  justify-self: end;
}
.home-proof .proof-myky-bottom {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}
.home-proof .proof-himbeer {
margin-top: var(--fraz-space-block);
}
}
@media (width < 992px) {
.home-proof .proof-heading {
margin-bottom: var(--fraz-space-wide);
}
}
@media (width < 768px) {
.home-proof .proof-heading {
margin-bottom: var(--fraz-space-stack);
}
.home-proof .proof-grid {
gap: var(--fraz-space-wide);
}
.home-proof .proof-myky-panel {
display: block;
  height: auto;
  padding-bottom: var(--proof-compact-space);
}
.home-proof .proof-myky-stage {
--proof-stage-height: 220px;
  height: var(--proof-stage-height);
  padding: var(--fraz-space-group);
}
.home-proof .proof-hausinfo {
--proof-source-word-size: 30px;
  left: var(--fraz-space-group);
  top: var(--fraz-space-large);
  font-size: var(--home-reference-source-small-size);
}
.home-proof .proof-myky-word {
bottom: var(--proof-compact-space);
  font-size: var(--home-reference-word-mobile-size);
}
.home-proof .proof-myky-quote {
position: relative;
  inset: auto;
  width: auto;
  margin: 0 var(--proof-compact-space);
  padding: var(--proof-compact-space);
}
.home-proof .proof-myky-bottom {
grid-template-columns: minmax(0,1fr);
  gap: var(--fraz-space-group);
}
.home-proof .proof-myky-copy {
margin-top: var(--fraz-space-group);
}
.home-proof .proof-himbeer {
--proof-note-measure: 400px;
  margin: 0 0 0 var(--fraz-space-group);
  max-width: var(--proof-note-measure);
}
.home-proof .proof-siworks {
width: 100%;
  max-width: none;
}
.home-proof .proof-siworks-panel {
padding: var(--fraz-space-group);
}
.home-proof .proof-siworks-copy {
padding: var(--proof-compact-space) 0 0 var(--proof-compact-space);
}
.home-proof .proof-siworks-panel blockquote {
--proof-audit-quote-size: 20px;
  font-size: var(--proof-audit-quote-size);
}
}
@media (width < 380px) {
.home-proof .proof-myky-quote {
margin-inline: var(--fraz-space-small);
  padding-inline: var(--fraz-space-small);
}
.home-proof .proof-siworks-panel {
padding: var(--proof-compact-space);
}
.home-proof .proof-himbeer {
margin-left: var(--fraz-space-small);
}
.home-proof .proof-siworks-copy {
padding-left: 0;
}
.home-proof figcaption b {
letter-spacing: 0.08em;
}
}

/* The confirmed staircase is a Home composition, not a shared card variant. */
.home-service-card { width:var(--fraz-step-width); padding:var(--fraz-step-padding); margin-top:0; margin-left:0; }
.home-service-card--middle { z-index:2; margin-top:var(--fraz-step-overlap); margin-left:var(--fraz-step-shift); outline:var(--fraz-line-hairline) solid color-mix(in srgb,var(--fraz-color-gold) 25%,transparent); }
.home-service-card--last { z-index:3; margin-top:var(--fraz-step-overlap); margin-left:calc(2 * var(--fraz-step-shift)); }
.home-service-card:first-child { z-index:1; }
.faq-section { --faq-space:24px; --faq-answer-space:24px; }
@media (max-width:991.98px) {
 .home-service-card { margin-bottom:var(--fraz-space-group); }
}
@media (max-width:767.98px) {
 .home-service-card--middle { outline:0; }
 .faq-section { --faq-space:20px; --faq-answer-space:20px; }
}