.p-bi-hero { padding-block: clamp(40px, 5vw, 72px) clamp(72px, 8vw, 120px); }
.p-bi-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 40px 72px; align-items: center; }
.p-bi-h1 { font: 900 var(--t6)/.94 var(--f-d); letter-spacing: -.045em; max-width: 12ch; margin-bottom: 28px; }
.p-bi-lead { max-width: 38ch; font-size: clamp(20px, .5vw + 16px, 24px); }
.p-bi-tb { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 40px 0 0; border-top: 1.5px solid var(--ink); border-left: 1.5px solid var(--ink); max-width: 560px; }
.p-bi-tb-cell { border-right: 1.5px solid var(--ink); border-bottom: 1.5px solid var(--ink); padding: 10px 14px 12px; min-width: 0; }
.p-bi-tb dt { font: 500 var(--t1)/1.3 var(--f-m); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.p-bi-tb dd { margin: 4px 0 0; font: 600 var(--t2)/1.35 var(--f-t); color: var(--ink); }

.p-bi-slip-wrap {
  position: relative; margin: 0; padding: 34px 30px 20px;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 24px 24px; background-position: -1px -1px;
}
.p-bi-slip {
  position: relative; background: #FBFAF7; border: 1.5px solid var(--ink); border-radius: 6px;
  box-shadow: 10px 10px 0 var(--ink); padding: 0 0 22px;
}
.p-bi-crop { position: absolute; width: 18px; height: 18px; border-color: var(--orange-d); border-style: solid; border-width: 0; }
.p-bi-crop--tl { left: -14px; top: -14px; border-left-width: 2px; border-top-width: 2px; }
.p-bi-crop--br { right: -24px; bottom: -24px; border-right-width: 2px; border-bottom-width: 2px; }
.p-bi-slip-top { display: flex; justify-content: space-between; gap: 12px; background: var(--ink); color: var(--on-ink); padding: 12px 18px; border-radius: 4px 4px 0 0; font: 500 var(--t1)/1.3 var(--f-m); letter-spacing: .08em; }
.p-bi-slip-t { font-weight: 500; text-transform: uppercase; letter-spacing: .16em; }
.p-bi-slip-acc { color: var(--on-ink-muted); }
.p-bi-slip-head, .p-bi-slip-row { display: grid; grid-template-columns: minmax(0, 1fr) 64px 118px; gap: 12px; padding: 0 18px; }
.p-bi-slip-head { padding-top: 16px; padding-bottom: 8px; font: 500 var(--t1)/1.2 var(--f-m); color: var(--muted); border-bottom: 1.5px solid var(--ink); }
.p-bi-slip-head span:not(:first-child), .p-bi-slip-qty, .p-bi-slip-price { text-align: right; }
.p-bi-slip-rows { list-style: none; margin: 0; padding: 0; }
.p-bi-slip-row { padding-block: 12px; border-bottom: 1px solid var(--line); align-items: baseline; }
.p-bi-slip-art { display: flex; flex-direction: column; min-width: 0; }
.p-bi-slip-name { font: 600 var(--t2)/1.3 var(--f-t); color: var(--ink); }
.p-bi-slip-no { font: 500 var(--t1)/1.4 var(--f-m); color: var(--muted); }
.p-bi-slip-qty { font: 500 var(--t2)/1.3 var(--f-m); }
.p-bi-slip-price { font: 700 var(--t2)/1.3 var(--f-m); color: var(--orange-t); font-variant-numeric: tabular-nums; }
.p-bi-steps { list-style: none; margin: 22px 18px 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; position: relative; }
.p-bi-steps::before { content: ""; position: absolute; left: 6px; right: 12%; top: 6px; height: 2px; background: var(--line); }
.p-bi-steps::after { content: ""; position: absolute; left: 6px; right: 12%; top: 6px; height: 2px; background: var(--orange-d); transform-origin: left; }
.p-bi-st { position: relative; font: 500 var(--t1)/1.35 var(--f-m); color: var(--text); padding-top: 22px; }
.p-bi-st-dot { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--orange-d); border: 2px solid var(--orange-d); z-index: 1; }
.p-bi-stamp {
  position: absolute; right: 18px; top: -46px; z-index: 2; transform: rotate(-7deg);
  font: 500 var(--t1)/1 var(--f-m); letter-spacing: .14em; text-transform: uppercase; color: var(--orange-t);
  background: #FBFAF7; border: 2px solid var(--orange-d); outline: 1.5px solid var(--orange-d); outline-offset: 3px; padding: 9px 12px; border-radius: 3px;
}
.p-bi-hero { overflow-x: clip; }
.p-bi-knot-start { left: 50%; bottom: -34px; margin-left: -6px; }

html.js .p-bi-slip-wrap { animation: p-bi-in 1s var(--ez) .25s both; }
html.js .p-bi-slip-row { animation: p-bi-row .6s var(--ez) both; animation-delay: calc(.7s + var(--n) * .16s); }
html.js .p-bi-st-dot { animation: p-bi-dot .4s var(--ez) both; animation-delay: calc(1.4s + var(--n) * .5s); }
html.js .p-bi-steps::after { animation: p-bi-line 1.6s var(--ez) 1.4s both; }
html.js .p-bi-stamp { animation: p-bi-stamp .7s var(--ez) 3.4s both; }
@keyframes p-bi-in { from { opacity: 0; transform: translateY(30px); } }
@keyframes p-bi-row { from { opacity: 0; transform: translateX(-14px); } }
@keyframes p-bi-dot { from { background: #FBFAF7; border-color: var(--ln-off); transform: scale(.7); } }
@keyframes p-bi-line { from { transform: scaleX(0); } }
@keyframes p-bi-stamp { from { opacity: 0; transform: rotate(-30deg) scale(1.6); } }

.sec.p-bi-sec-proof { padding-block: 0; }
.p-bi-proof { display: flex; align-items: baseline; gap: 14px 28px; flex-wrap: wrap; border-top: 1.5px solid var(--ink); border-bottom: 1px solid var(--line); padding-block: 20px; }
.p-bi-proof-t { font: 500 var(--t1)/1.3 var(--f-m); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin: 0; max-width: none; }
.p-bi-proof-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 0; font-size: var(--t2); line-height: 1.4; color: var(--text); flex: 1 1 600px; min-width: 0; }
.p-bi-proof-list li:not(:last-child)::after { content: "/"; margin: 0 14px; color: var(--orange-d); }
.p-bi-proof-list strong { color: var(--ink); margin-right: 4px; }

.p-bi-bom-wrap { border-top: 0; margin-top: 48px; }
.p-bi-bom { width: 100%; min-width: 900px; border-collapse: collapse; }
.p-bi-bom thead th { font: 500 var(--t1)/1.3 var(--f-m); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); text-align: left; padding: 12px 18px 12px 0; border-top: 2px solid var(--ink); border-bottom: 1.5px solid var(--ink); }
.p-bi-bom tbody td, .p-bi-bom tbody th { vertical-align: top; text-align: left; padding: 22px 18px 22px 0; border-bottom: 1px solid var(--line); }
.p-bi-bom tbody tr { transition: background .3s; }
.p-bi-bom tbody tr:hover { background: rgba(238, 115, 48, .07); }
.p-bi-pos { width: 64px; font: 500 var(--t4)/1 var(--f-m); color: var(--orange-t); }
.p-bi-bom tbody th { width: 24%; font: 800 var(--t4)/1.12 var(--f-d); letter-spacing: -.02em; color: var(--ink); }
.p-bi-what { width: 36%; font-size: var(--t2); line-height: 1.5; }
.p-bi-sys-cell { width: 16%; }
.p-bi-sys { display: inline-block; margin: 0 6px 6px 0; padding: 3px 8px; border: 1.5px solid var(--ink); border-radius: 3px; font: 500 var(--t1)/1.3 var(--f-m); color: var(--ink); white-space: nowrap; }
.p-bi-sol a { font: 600 var(--t2)/1.35 var(--f-t); color: var(--ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--orange); text-underline-offset: 5px; }

.p-bi-lanes-head { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 24px 56px; align-items: end; }
.p-bi-lanes-head h2 { margin-bottom: 0; }
.p-bi-lanes { margin-top: 56px; display: grid; gap: 22px; }
.p-bi-lane { --lab: 168px; --gp: 28px; position: relative; display: grid; grid-template-columns: var(--lab) minmax(0, 1fr); gap: var(--gp); align-items: center; padding: 26px 28px; border-radius: 8px; }
.p-bi-lane--today { border: 1.5px dashed var(--ln-off); }
.p-bi-lane--linked { background: var(--paper); border: 1.5px solid var(--ink); box-shadow: 8px 8px 0 var(--orange); }
.p-bi-lane-k { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.p-bi-lane-k span:first-child { font: 800 var(--t4)/1 var(--f-d); letter-spacing: -.02em; color: var(--ink); }
.p-bi-lane-sub { font: 500 var(--t1)/1.3 var(--f-m); color: var(--muted); }
.p-bi-ln { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; position: relative; }
.p-bi-ln-step { position: relative; z-index: 1; display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 6px; font: 600 var(--t2)/1.3 var(--f-t); min-height: 70px; }
.p-bi-ln-n { flex: 0 0 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font: 500 var(--t1)/1 var(--f-m); }
.p-bi-lane--today .p-bi-ln-step { color: var(--muted); background: var(--tint); border: 1.5px solid var(--ln-off); }
.p-bi-lane--today .p-bi-ln-n { border: 1.5px solid var(--ln-off); }
.p-bi-lane--today .p-bi-ln-step:not(:last-child)::after {
  content: "×"; position: absolute; right: -24px; top: 50%; width: 18px; height: 18px; margin-top: -9px; display: grid; place-items: center;
  font: 700 var(--t2)/1 var(--f-t); color: var(--orange-t);
}
.p-bi-lane--linked .p-bi-ln::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: var(--orange-d); }
.p-bi-lane--linked .p-bi-ln-step { color: var(--ink); background: #FBFAF7; border: 1.5px solid var(--ink); }
.p-bi-lane--linked .p-bi-ln-n { background: var(--orange); color: var(--ink); }
.p-bi-lane--linked .p-bi-ln-step:last-child { background: var(--ink); color: var(--on-ink); }
.p-bi-ln-run { position: absolute; z-index: 2; left: calc(28px + var(--lab) + var(--gp)); right: 28px; top: 50%; height: 0; pointer-events: none; }
.p-bi-ln-run::before { content: ""; position: absolute; left: 0; top: -6px; width: 12px; height: 12px; border-radius: 50%; background: var(--orange-d); box-shadow: 0 0 0 5px rgba(238, 115, 48, .25); }
html.js .p-bi-ln-run::before { opacity: 0; }
html.js .sec.is-seen .p-bi-ln-run::before { animation: p-bi-run 4.2s linear .6s infinite; }
@keyframes p-bi-run { 0% { left: 0; opacity: 0; } 6% { opacity: 1; } 94% { opacity: 1; } 100% { left: calc(100% - 12px); opacity: 0; } }
.p-bi-knot-lane { position: absolute; left: -7px; top: 50%; margin-top: -6px; z-index: 3; }

.p-bi-ruler { position: relative; height: 270px; margin-top: 64px; }
.p-bi-axis { position: absolute; left: 0; right: 0; top: 44px; height: 2px; background: var(--ink); transform-origin: left; }
.p-bi-years { list-style: none; margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 44px; height: 30px; }
.p-bi-years li { position: absolute; left: calc(var(--x) * 100%); top: 0; padding: 12px 0 0 6px; font: 500 var(--t1)/1 var(--f-m); color: var(--muted); border-left: 1.5px solid var(--ink); height: 26px; }
.p-bi-marks { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; }
.p-bi-mk { position: absolute; left: calc(var(--x) * 100%); top: 40px; width: 150px; padding: 0 0 0 14px; }
.p-bi-mk:nth-child(2), .p-bi-mk:nth-child(4) { padding-top: 112px; }
.p-bi-mk:not(:nth-child(2)):not(:nth-child(4)) { padding-top: 46px; }
.p-bi-mk-pin { position: absolute; left: -5px; top: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--paper); border: 2px solid var(--ink); }
.p-bi-mk-pin::after { content: ""; position: absolute; left: 3px; top: 10px; width: 2px; height: calc(var(--pl, 40px)); background: var(--ink); }
.p-bi-mk:nth-child(2) .p-bi-mk-pin::after, .p-bi-mk:nth-child(4) .p-bi-mk-pin::after { --pl: 106px; }
.p-bi-mk-date { display: block; font: 500 var(--t1)/1.3 var(--f-m); color: var(--muted); }
.p-bi-mk-t { display: block; font: 700 var(--t2)/1.3 var(--f-t); color: var(--ink); }
.p-bi-mk--sap { width: 290px; }
.p-bi-mk--sap2 .p-bi-mk-pin { border-color: var(--orange-d); }
.p-bi-mk--sap .p-bi-mk-pin { background: var(--orange); border-color: var(--orange); box-shadow: 0 0 0 6px rgba(238, 115, 48, .22); }
.p-bi-mk--sap .p-bi-mk-t { display: inline-block; background: var(--ink); color: var(--paper); padding: 3px 10px; border-radius: 999px; margin-top: 4px; }
html.js .p-bi-axis { transform: scaleX(0); transition: transform 1.2s var(--ez); }
html.js .p-bi-mk { opacity: 0; transform: translateY(12px); transition: opacity .6s var(--ez), transform .6s var(--ez); transition-delay: calc(.5s + var(--n) * .22s); }
html.js .sec.is-seen .p-bi-axis { transform: none; }
html.js .sec.is-seen .p-bi-mk { opacity: 1; transform: none; }
.p-bi-trs { list-style: none; padding: 0; margin: 40px 0 0; border-top: 2px solid var(--ink); }
.p-bi-tr { display: grid; grid-template-columns: 64px minmax(0, .78fr) minmax(0, 1.22fr); gap: 12px 36px; padding: 30px 0; border-bottom: 1px solid var(--line); align-items: start; }
.p-bi-tr-n { font: 500 var(--t4)/1 var(--f-m); color: var(--orange-t); }
.p-bi-tr h3 { margin: 0; max-width: 18ch; }
.p-bi-tr-body p { max-width: 60ch; }

.p-bi-sheets { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 40px; margin-top: 56px; align-items: start; }
.p-bi-sheet { background: #FBFAF7; border: 1.5px solid var(--ink); border-radius: 8px; overflow: hidden; }
.p-bi-sheet--1 { margin-top: 96px; }
.p-bi-sheet-img { margin: 0; }
.p-bi-sheet-img .photo-frame { aspect-ratio: 16 / 10; border-radius: 0; overflow: hidden; }
.p-bi-sheet-img .illu { border-radius: 0; }
.p-bi-sheet-body { padding: 18px 28px 30px; }
.p-bi-sheet h3 { font-size: var(--t5); margin: 8px 0 4px; }
.p-bi-sheet h3 a { text-decoration: none; }
.p-bi-sheet h3 a:hover { text-decoration: underline; text-decoration-color: var(--orange); }
.p-bi-sheet-what { font: 600 var(--t3)/1.35 var(--f-t); color: var(--ink); }
.p-bi-sheet-fact { display: flex; align-items: baseline; gap: 14px; margin: 18px 0 22px; padding: 14px 0; border-top: 1.5px solid var(--ink); border-bottom: 1.5px solid var(--ink); }
.p-bi-sheet-fv { font: 900 var(--t5)/.9 var(--f-d); letter-spacing: -.04em; color: var(--orange-d); }
.p-bi-sheet-fact span:last-child { font-size: var(--t2); line-height: 1.35; color: var(--muted); }
.p-bi-sf { margin: 0 0 18px; }
.p-bi-sf-row { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.p-bi-sf dt { font: 500 var(--t1)/1.6 var(--f-m); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.p-bi-sf dd { margin: 0; font-size: var(--t2); line-height: 1.5; }
.p-bi-grp-h { margin: 96px 0 0; font-size: var(--t4); }
.p-bi-grps { list-style: none; padding: 0; margin: 22px 0 0; border-top: 2px solid var(--ink); }
.p-bi-grp { display: grid; grid-template-columns: 236px minmax(0, 1fr) minmax(0, .5fr); gap: 20px 36px; padding: 26px 0; border-bottom: 1px solid var(--line); align-items: start; }
.p-bi-grp-img { margin: 0; }
.p-bi-grp-img .photo-frame { aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; }
.p-bi-grp-label { margin: 0 0 6px; font: 500 var(--t1)/1.3 var(--f-m); color: var(--orange-t); }
.p-bi-grp h4 { margin: 0 0 8px; font: 800 var(--t4)/1.15 var(--f-d); letter-spacing: -.02em; color: var(--ink); }
.p-bi-grp h4 a { text-decoration: none; }
.p-bi-grp h4 a:hover { text-decoration: underline; text-decoration-color: var(--orange); }
.p-bi-grp-body p:last-child { font-size: var(--t2); margin: 0; }
.p-bi-grp-use { margin: 0; padding-left: 16px; border-left: 2px solid var(--orange-d); font: 600 var(--t2)/1.4 var(--f-t); color: var(--ink); }
.p-bi-grp-use .kicker-inline { display: block; margin-bottom: 6px; }
.p-bi-more { margin: 30px 0 0; }

.p-bi-sap { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 48px 80px; align-items: start; }
.p-bi-sap-text p { color: var(--on-ink-muted); max-width: 48ch; }
.p-bi-sap-img { margin-top: 56px; }
.p-bi-sap-img .photo-frame { aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; }
.p-bi-roles-wrap { padding-top: 8px; }

@media (max-width: 1100px) {
  .p-bi-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .p-bi-slip-wrap { max-width: 640px; }
  .p-bi-ln { gap: 22px; }
  .p-bi-lane--today .p-bi-ln-step:not(:last-child)::after { right: -20px; }
}
@media (max-width: 960px) {
  .p-bi-lanes-head, .p-bi-sap, .p-bi-sheets { grid-template-columns: minmax(0, 1fr); }
  .p-bi-sheet--1 { margin-top: 0; }
  .p-bi-lane { --lab: 0px; --gp: 0px; grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .p-bi-ln { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-left: 4px; }
  .p-bi-lane--linked .p-bi-ln::before { left: 16px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .p-bi-lane--today .p-bi-ln-step:not(:last-child)::after { right: auto; left: 12px; top: auto; bottom: -19px; margin-top: 0; }
  .p-bi-ln-step { min-height: 0; }
  .p-bi-ln-run { left: 52px; right: auto; top: 0; bottom: 0; height: auto; width: 0; }
  .p-bi-lane--linked .p-bi-ln-run { top: 92px; bottom: 26px; left: 46px; }
  html.js .sec.is-seen .p-bi-ln-run::before { animation-name: p-bi-run-v; }
  .p-bi-ruler { height: auto; margin-top: 40px; padding-left: 22px; }
  .p-bi-axis { top: 0; bottom: 0; left: 6px; right: auto; width: 2px; height: auto; transform-origin: top; }
  html.js .p-bi-axis { transform: scaleY(0); }
  .p-bi-years { display: none; }
        .p-bi-marks { position: static; display: grid; gap: 18px; }
  .p-bi-mk, .p-bi-mk:nth-child(2), .p-bi-mk:nth-child(4), .p-bi-mk:not(:nth-child(2)):not(:nth-child(4)) { position: relative; left: auto; top: auto; width: auto; padding: 0 0 0 10px; }
  .p-bi-mk-pin { left: -22px; top: 4px; }
  .p-bi-mk-pin::after { display: none; }
  .p-bi-tr { grid-template-columns: 44px minmax(0, 1fr); }
  .p-bi-tr-body { grid-column: 2; }
  .p-bi-grp { grid-template-columns: 160px minmax(0, 1fr); }
  .p-bi-grp-use { grid-column: 2; }
  .p-bi-roles-wrap { padding-top: 0; }
}
@keyframes p-bi-run-v { 0% { top: 0; opacity: 0; } 6% { opacity: 1; } 94% { opacity: 1; } 100% { top: calc(100% - 12px); opacity: 0; } }
@media (max-width: 760px) {
  .p-bi-bom-wrap { overflow: visible; }
  .p-bi-bom { min-width: 0; }
  .p-bi-bom thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .p-bi-bom, .p-bi-bom tbody { display: block; }
  .p-bi-bom tbody tr { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 6px 10px; padding: 20px 0; border-bottom: 1px solid var(--line); }
  .p-bi-bom tbody td, .p-bi-bom tbody th { display: block; width: auto; padding: 0; border: 0; }
  .p-bi-bom tbody td.p-bi-pos { grid-row: 1 / span 4; font-size: var(--t3); padding-top: 4px; }
    .p-bi-sys-cell { margin-top: 6px; }
}
@media (max-width: 640px) {
  .p-bi-slip-wrap { padding: 24px 14px 14px; }
  .p-bi-slip { box-shadow: 6px 6px 0 var(--ink); }
  .p-bi-slip-head, .p-bi-slip-row { grid-template-columns: minmax(0, 1fr) 64px 64px; gap: 8px; padding-inline: 12px; }
  .p-bi-slip-head > span:nth-child(2) { white-space: nowrap; }
  .p-bi-steps { margin-inline: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .p-bi-steps::before, .p-bi-steps::after { display: none; }
  .p-bi-stamp { right: 10px; top: auto; bottom: -22px; }
  .p-bi-crop--br { right: -10px; bottom: -10px; }
  .p-bi-tb-cell { padding: 8px 10px 10px; }
  .p-bi-tb dd { font-size: var(--t1); }
  .p-bi-proof-list li:not(:last-child)::after { content: ""; margin: 0; }
  .p-bi-proof-list { flex-direction: column; gap: 6px; }
  .p-bi-lane { padding: 20px 16px; }
  .p-bi-sheet-body { padding: 16px 18px 24px; }
  .p-bi-sf-row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .p-bi-grp { grid-template-columns: minmax(0, 1fr); }
  .p-bi-grp-use { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html.js .p-bi-slip-wrap, html.js .p-bi-slip-row, html.js .p-bi-st-dot, html.js .p-bi-steps::after, html.js .p-bi-stamp { animation: none; }
  html.js .p-bi-axis, html.js .p-bi-mk { transform: none; opacity: 1; transition: none; }
  html.js .sec.is-seen .p-bi-ln-run::before { animation: none; }
}
@media (max-width: 1100px) and (min-width: 961px) {
  [data-form="leere-flaeche-cta"] .seal--void { --sz: 168px; }
}



/* F9 Nr. 28: Karten einer Reihe gleich hoch, einzeln gestapelt nur so hoch wie der Inhalt */
main .bento, main .duo { align-items: stretch; }
main .bento-tile, main .duo-half { align-self: stretch; }
@media (max-width: 960px) {
  main .bento, main .bento--ind { grid-auto-rows: auto; }
  main .bento-tile, main .stack-card { min-height: 0; height: auto; }
}
/* F9 Nr. 29: zwei Schaltflaechen nebeneinander, mobil untereinander */
.cta-paar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin-top: 18px; }
.void .cta-paar .btn { margin-top: 0; }
@media (max-width: 640px) {
  main .actions { flex-direction: column; align-items: stretch; gap: 14px; }
  main .actions .tlink { align-self: flex-start; }
  main .cta-paar { flex-direction: column; align-items: stretch; }
}

/* F10 Nr. 57: Reiterleiste einzeilig wie auf der Startseite */
@media (min-width: 961px) {
  .roles--lage .role-tabs { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .roles--lage .role-tab { justify-content: center; text-align: center; }
}

/* F10 Nr. 60: schwarze Box so breit wie die zweite, Titel einzeilig */
@media (min-width: 961px) {
  .sec--duo .duo, .sec--duo .duo--mirror { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .sec--duo .duo-half h3 { max-width: none; }
}
@media (min-width: 961px) and (max-width: 1279px) {
  .sec--duo .duo-half h3 { font-size: clamp(28px, 2.8vw, 40px); }
}