.sector-page main {
overflow: hidden;
}

.sector-section {
padding: 112px 0;
}

.sector-section > .container > * {
min-width: 0;
}

/* Hero */
.sector-hero {
position: relative;
display: flex;
min-height: 790px;
align-items: center;
overflow: hidden;
background: var(--forest-deep);
color: var(--white);
isolation: isolate;
}

.sector-hero-media,
.sector-hero-shade {
position: absolute;
inset: 0;
}

.sector-office .sector-hero-media {
background: url("../images/banner-office2.jpg") 52% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-housing .sector-hero-media {
background: url("../images/Wohnungen.jpg") 50% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-hotel .sector-hero-media {
background: url("../images/banner-hotel2.jpg") 58% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-care .sector-hero-media {
background: url("../images/sector_care.jpg") 58% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-school .sector-hero-media {
background: url("../images/sector-school.jpg") 60% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-clinic .sector-hero-media {
background: url("../images/sector-clinic.jpg") 60% 50% / cover no-repeat;
transform: scale(1.015);
}

.sector-hero-shade {
z-index: 1;
background:
	linear-gradient(90deg, rgba(4, 30, 29, 0.96) 0%, rgba(4, 34, 33, 0.88) 42%, rgba(4, 32, 31, 0.5) 70%, rgba(4, 30, 29, 0.28) 100%),
	linear-gradient(0deg, rgba(4, 45, 44, 0.42), transparent 40%);
}

.sector-hero-inner {
position: relative;
z-index: 2;
padding: 150px 0 86px;
}

.sector-hero-copy {
min-width: 0;
max-width: 710px;
}

.sector-hero h1 {
max-width: 700px;
font-family: var(--display);
font-size: clamp(44px, 5.5vw, 72px);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 0.98;
}

.sector-hero-summary {
max-width: 640px;
margin-top: 26px;
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
line-height: 1.68;
}

.sector-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 34px;
}

.sector-hero-notes {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin-top: 24px;
color: rgba(255, 255, 255, 0.72);
font-size: 12px;
font-weight: 650;
}

.sector-hero-notes span {
display: inline-flex;
align-items: center;
gap: 6px;
}

.sector-hero-notes .material-symbols-outlined {
color: #7de6ba;
font-size: 17px;
}

/* Confidence strip */
.confidence-strip {
position: relative;
z-index: 3;
margin-top: -1px;
border-bottom: 1px solid var(--line);
background: var(--white);
}

.confidence-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}

.confidence-item {
display: grid;
min-width: 0;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
gap: 15px;
border-right: 1px solid var(--line);
padding: 28px 30px;
}

.confidence-item:first-child {
padding-left: 0;
}

.confidence-item:last-child {
border-right: 0;
padding-right: 0;
}

.confidence-icon {
display: grid;
width: 44px;
height: 44px;
place-items: center;
border-radius: 50%;
background: var(--mint-soft);
color: var(--mint-dark);
}

.confidence-icon .material-symbols-outlined {
font-size: 22px;
}

.confidence-item strong,
.confidence-item span {
display: block;
}

.confidence-item strong {
font-family: var(--display);
font-size: 15px;
line-height: 1.25;
}

.confidence-item span {
margin-top: 3px;
color: var(--ink-2);
font-size: 12px;
line-height: 1.45;
}

/* Sector-specific usage profile */
.usage-section {
background: var(--warm);
}

.usage-heading {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 0.68fr);
align-items: end;
gap: 70px;
}

.usage-heading .section-lead {
margin-top: 0;
}

.usage-layout {
display: grid;
min-width: 0;
grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.58fr);
align-items: stretch;
gap: 18px;
margin-top: 54px;
}

.reality-list {
display: grid;
gap: 0;
margin-top: 8px;
padding: 0;
list-style: none;
flex: 1;
}

.reality-row {
display: grid;
min-width: 0;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 15px;
border-bottom: 1px solid var(--line);
padding: 18px 0;
}

.reality-row:last-child {
border-bottom: 0;
padding-bottom: 0;
}

.reality-icon {
display: grid;
width: 46px;
height: 46px;
place-items: center;
border-radius: 14px;
background: var(--mint-soft);
color: var(--mint-dark);
}

.reality-icon .material-symbols-outlined {
font-size: 24px;
}

.reality-copy {
min-width: 0;
}

.reality-copy strong,
.reality-copy span {
display: block;
}

.reality-copy strong {
font-family: var(--display);
font-size: 14px;
}

.reality-copy span {
margin-top: 3px;
color: var(--ink-2);
font-size: 11px;
line-height: 1.5;
}

.usage-profile--problems .reality-icon {
background: #eeebe4;
color: var(--ink-2);
}

.usage-profile {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
border: 1px solid rgba(11, 36, 35, 0.1);
border-radius: var(--radius-lg);
background: var(--white);
box-shadow: var(--shadow-soft);
padding: 32px;
}

.usage-profile-head {
border-bottom: 1px solid var(--line);
padding-bottom: 25px;
}

.usage-kicker {
display: block;
color: var(--mint-dark);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}

.usage-profile-head h3 {
margin-top: 7px;
font-family: var(--display);
font-size: clamp(21px, 2vw, 27px);
font-weight: 650;
letter-spacing: -0.015em;
line-height: 1.16;
}

.schedule-gaps {
display: flex;
min-width: 0;
flex-direction: column;
border-radius: var(--radius-lg);
background: var(--forest);
box-shadow: var(--shadow-soft);
padding: 34px;
color: var(--white);
}

.schedule-gaps-label {
color: #7de6ba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}

.schedule-gaps h3 {
max-width: 360px;
margin-top: 13px;
font-family: var(--display);
font-size: clamp(24px, 2.4vw, 32px);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.08;
}

.schedule-gaps ul {
display: grid;
gap: 0;
margin-top: 29px;
list-style: none;
}

.schedule-gaps li {
display: grid;
min-width: 0;
grid-template-columns: 32px minmax(0, 1fr);
align-items: center;
gap: 11px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px 0;
color: rgba(255, 255, 255, 0.68);
font-size: 11px;
line-height: 1.55;
}

.schedule-gaps li:first-child {
border-top: 0;
padding-top: 0;
}

.schedule-gaps li .material-symbols-outlined {
display: grid;
width: 32px;
height: 32px;
place-items: center;
border-radius: 50%;
background: rgba(33, 211, 139, 0.12);
color: #7de6ba;
font-size: 17px;
padding: 7.5px;
}

/* Documented solution capabilities */
.solution-section {
background: var(--paper);
}

.solution-heading {
display: grid;
min-width: 0;
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.76fr);
align-items: end;
gap: 64px;
}

.solution-heading .section-lead {
margin: 0 0 5px;
}

.solution-layout {
display: grid;
min-width: 0;
grid-template-columns: minmax(390px, 0.96fr) minmax(0, 1.04fr);
align-items: stretch;
gap: 18px;
margin-top: 52px;
}

.solution-primary {
position: relative;
display: flex;
min-width: 0;
min-height: 650px;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
border-radius: var(--radius-lg);
background:
	radial-gradient(circle at 88% 12%, rgba(33, 211, 139, 0.2), transparent 34%),
	var(--forest);
box-shadow: var(--shadow);
padding: clamp(32px, 4vw, 48px);
color: var(--white);
}

.solution-primary::after {
position: absolute;
right: -110px;
bottom: -120px;
width: 340px;
height: 340px;
border: 1px solid rgba(33, 211, 139, 0.13);
border-radius: 50%;
content: "";
pointer-events: none;
}

.solution-primary > * {
position: relative;
z-index: 1;
}

.solution-primary-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.solution-number {
color: var(--mint-dark);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}

.solution-primary .solution-number {
color: #7de6ba;
}

.solution-primary-icon {
display: grid;
width: 58px;
height: 58px;
place-items: center;
border: 1px solid rgba(33, 211, 139, 0.2);
border-radius: 18px;
background: rgba(33, 211, 139, 0.11);
color: var(--mint);
}

.solution-primary-icon .material-symbols-outlined {
font-size: 30px;
}

.solution-primary h3 {
max-width: 520px;
font-family: var(--display);
font-size: clamp(34px, 4vw, 54px);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.02;
}

.solution-primary p {
max-width: 540px;
margin-top: 18px;
color: rgba(255, 255, 255, 0.68);
font-size: 15px;
line-height: 1.7;
}

.solution-pipeline {
display: grid;
grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr);
align-items: center;
gap: 8px;
margin-top: 42px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
background: rgba(255, 255, 255, 0.055);
padding: 16px;
}

.solution-pipeline > div {
display: grid;
min-width: 0;
justify-items: start;
gap: 4px;
}

.solution-pipeline > div > .material-symbols-outlined {
display: grid;
width: 34px;
height: 34px;
place-items: center;
margin-bottom: 6px;
border-radius: 10px;
background: rgba(33, 211, 139, 0.12);
color: var(--mint);
font-size: 19px;
padding: 7.5px;
}

.solution-pipeline > .material-symbols-outlined {
color: rgba(255, 255, 255, 0.3);
font-size: 18px;
}

.solution-pipeline small,
.solution-pipeline strong {
display: block;
}

.solution-pipeline small {
color: rgba(255, 255, 255, 0.45);
font-size: 9px;
}

.solution-pipeline strong {
color: var(--white);
font-size: 11px;
line-height: 1.35;
}

.solution-capabilities {
display: grid;
min-width: 0;
gap: 10px;
}

.solution-capability {
display: grid;
min-width: 0;
grid-template-columns: 50px minmax(0, 1fr);
align-items: center;
gap: 17px;
border: 1px solid var(--line);
border-radius: 18px;
background: var(--white);
padding: 20px 22px;
}

.solution-capability-icon {
display: grid;
width: 50px;
height: 50px;
place-items: center;
border-radius: 15px;
background: var(--mint-soft);
color: var(--mint-dark);
}

.solution-capability-icon .material-symbols-outlined {
font-size: 26px;
}

.solution-capability h3 {
margin-top: 3px;
font-family: var(--display);
font-size: 18px;
font-weight: 650;
letter-spacing: -0.015em;
line-height: 1.2;
}

.solution-capability p {
margin-top: 5px;
color: var(--ink-2);
font-size: 12px;
line-height: 1.55;
}

/* Example operating flow */
.operation-section {
position: relative;
overflow: hidden;
background: var(--forest);
color: var(--white);
}

.operation-section::before {
position: absolute;
top: -230px;
right: -170px;
width: 520px;
height: 520px;
border: 1px solid rgba(33, 211, 139, 0.25);
border-radius: 50%;
box-shadow:
	0 0 0 70px rgba(33, 211, 139, 0.04),
	0 0 0 140px rgba(33, 211, 139, 0.025);
content: "";
pointer-events: none;
}

.operation-section > .container {
position: relative;
z-index: 1;
}

.operation-heading {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(400px, 1.1fr);
gap: 86px;
}

.operation-heading .section-lead {
color: rgba(255, 255, 255, 0.65);
}

.operation-board {
position: relative;
min-width: 0;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, 0.055);
box-shadow: 0 28px 90px rgba(0, 0, 0, 0.2);
padding: 26px;
}

.board-top {
margin-bottom: 22px;
}

.board-top strong {
color: var(--white);
font-family: var(--display);
font-size: 21px;
line-height: 1.2;
}

.operation-list {
position: relative;
display: grid;
gap: 10px;
}

.operation-list::before {
position: absolute;
top: 22px;
bottom: 22px;
left: 58px;
width: 1px;
background: rgba(255, 255, 255, 0.12);
content: "";
}

.operation-row {
position: relative;
z-index: 1;
display: grid;
min-width: 0;
grid-template-columns: 34px minmax(0, 1fr) 24px minmax(175px, 0.78fr);
align-items: center;
gap: 13px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 15px;
background: rgba(4, 45, 44, 0.68);
padding: 14px 16px;
}

.operation-icon {
display: grid;
width: 34px;
height: 34px;
place-items: center;
border-radius: 50%;
background: var(--mint-soft);
color: var(--mint-dark);
}

.operation-icon .material-symbols-outlined {
font-size: 18px;
}

.operation-copy {
min-width: 0;
}

.operation-copy strong,
.operation-copy span {
display: block;
}

.operation-copy strong {
font-size: 13px;
}

.operation-copy span {
margin-top: 2px;
color: rgba(255, 255, 255, 0.48);
font-size: 11px;
}

.operation-flow {
display: grid;
width: 24px;
height: 24px;
place-items: center;
border: 1px solid rgba(33, 211, 139, 0.2);
border-radius: 50%;
background: rgba(33, 211, 139, 0.08);
color: #73d9b1;
}

.operation-flow .material-symbols-outlined {
font-size: 15px;
}

.operation-action {
display: grid;
width: 100%;
min-height: 48px;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
gap: 9px;
justify-self: stretch;
border: 1px solid rgba(33, 211, 139, 0.28);
border-radius: 12px;
background: linear-gradient(135deg, rgba(33, 211, 139, 0.2), rgba(33, 211, 139, 0.08));
box-shadow: inset 3px 0 0 var(--mint), 0 8px 24px rgba(0, 0, 0, 0.12);
padding: 8px 10px;
color: #baf4dc;
text-align: left;
}

.operation-action > .material-symbols-outlined {
display: grid;
width: 30px;
height: 30px;
place-items: center;
border-radius: 8px;
background: rgba(33, 211, 139, 0.16);
color: var(--mint);
font-size: 17px;
padding: 6.5px;
}

.operation-action strong {
color: #d9f9ec;
font-size: 11px;
line-height: 1.3;
}

.system-links {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
margin-top: 44px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: var(--radius-md);
background: rgba(255, 255, 255, 0.11);
overflow: hidden;
}

.system-link {
display: grid;
min-width: 0;
grid-template-columns: 38px minmax(0, 1fr);
gap: 14px;
background: var(--forest-deep);
padding: 25px;
}

.system-link > span {
display: grid;
width: 38px;
height: 38px;
place-items: center;
border-radius: 50%;
background: rgba(33, 211, 139, 0.12);
color: #7de6ba;
}

.system-link strong,
.system-link small {
display: block;
}

.system-link strong {
font-family: var(--display);
font-size: 15px;
}

.system-link small {
margin-top: 4px;
color: rgba(255, 255, 255, 0.48);
font-size: 11px;
line-height: 1.5;
}

/* Commercial benefits */
.benefits-section {
background: var(--paper);
}

.benefits-heading {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
align-items: end;
gap: 72px;
}

.benefits-heading .section-lead {
margin-top: 0;
}

.benefits-audiences {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
margin-top: 48px;
}

.benefits-audiences:has(> .benefit-audience:only-child) {
grid-template-columns: 1fr;
}

@media (min-width: 901px) {
.benefits-audiences:not(:has(> .benefit-audience:only-child)) {
gap: 0;
}

.benefits-audiences:not(:has(> .benefit-audience:only-child)) > .benefit-audience:first-child {
border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.benefits-audiences:not(:has(> .benefit-audience:only-child)) > .benefit-audience + .benefit-audience {
border-left: 0;
border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
}

.benefit-audience {
min-width: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--line);
border-radius: var(--radius-lg);
background: var(--white);
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-right: 38px;
padding-left: 38px;
column-gap: 0;
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(odd) {
padding-right: 34px;
border-right: 1px solid var(--line);
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(even) {
padding-left: 34px;
}

.benefit-audience header {
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
align-items: center;
gap: 17px;
padding: 28px 30px;
background:
linear-gradient(110deg, var(--forest-deep), var(--forest));
}

.benefit-audience-icon {
display: grid;
width: 54px;
height: 54px;
place-items: center;
border-radius: 17px;
background: rgba(255, 255, 255, 0.12);
color: var(--mint);
}

.benefit-audience-icon .material-symbols-outlined {
font-size: 28px;
}

.benefit-audience small,
.benefit-audience h3 {
display: block;
}

.benefit-audience small {
color: var(--mint);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}

.benefit-audience h3 {
margin-top: 4px;
color: var(--white);
font-family: var(--display);
font-size: clamp(22px, 2.4vw, 30px);
letter-spacing: -0.015em;
line-height: 1.2;
}

.benefit-list {
list-style: none;
padding: 12px 30px 28px;
}

.benefit-list li {
display: grid;
min-width: 0;
grid-template-columns: 34px minmax(0, 1fr);
gap: 13px;
border-top: 1px solid var(--line);
padding: 18px 0;
color: var(--ink-2);
font-size: 12px;
line-height: 1.55;
}

.benefit-list li:first-child,
.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(2) {
border-top: 0;
}

.benefit-list li > .material-symbols-outlined {
display: grid;
width: 34px;
height: 34px;
place-items: center;
border-radius: 50%;
background: var(--paper);
color: var(--mint-dark);
font-size: 19px;
padding: 7.5px;
}

.benefit-list strong {
display: block;
margin-bottom: 2px;
color: var(--ink);
font-family: var(--display);
font-size: 14px;
}

/* Project journey */
.project-section {
background: var(--paper);
}

.project-shell {
overflow: hidden;
border-radius: var(--radius-lg);
background: var(--white);
box-shadow: var(--shadow);
}

.project-head {
display: grid;
grid-template-columns: 1fr 0.72fr;
align-items: end;
gap: 64px;
padding: 58px 58px 46px;
}

.project-head .section-lead {
margin-top: 0;
}

.project-steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid var(--line);
}

.project-step {
position: relative;
min-width: 0;
border-right: 1px solid var(--line);
padding: 40px 38px 44px;
}

.project-step:last-child {
border-right: 0;
}

.project-step-number {
display: inline-flex;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--forest);
color: #7de6ba;
font-size: 11px;
font-weight: 800;
}

.project-step h3 {
margin-top: 23px;
font-family: var(--display);
font-size: 22px;
letter-spacing: -0.015em;
line-height: 1.15;
}

.project-step p {
margin-top: 12px;
color: var(--ink-2);
font-size: 14px;
line-height: 1.68;
}

.project-delivery {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
background: var(--warm);
padding: 28px 38px;
}

.project-delivery-list {
display: flex;
flex-wrap: wrap;
gap: 12px 22px;
}

.project-delivery-list span {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--ink-2);
font-size: 12px;
font-weight: 650;
}

.project-delivery-list .material-symbols-outlined {
color: var(--mint-dark);
font-size: 18px;
}

.project-delivery .button {
flex: 0 0 auto;
}

/* Extended value */
.value-section {
background: var(--warm);
}

.value-layout {
display: grid;
min-width: 0;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.78fr);
align-items: center;
gap: clamp(55px, 8vw, 110px);
}

.value-media {
position: relative;
min-width: 0;
min-height: 610px;
}

.value-photo-main,
.value-photo-small {
position: absolute;
overflow: hidden;
border-radius: var(--radius-lg);
}

.value-photo-main {
inset: 0 16% 10% 0;
}

.value-photo-small {
right: 0;
bottom: 0;
width: 54%;
height: 60%;
border: 8px solid var(--warm);
box-shadow: none;
}

.value-photo-main img,
.value-photo-small img {
width: 100%;
height: 100%;
object-fit: cover;
}

.value-photo-main img {
object-position: center;
}

.value-photo-small img {
object-position: center;
}

.sector-housing .value-photo-main img {
object-position: center 42%;
}

.sector-hotel .value-photo-main img {
object-position: center 58%;
}

.sensor-overlay {
display: none;
}

.value-points {
display: grid;
gap: 5px;
margin-top: 34px;
}

.value-more {
margin-top: 28px;
}

.value-point {
display: grid;
min-width: 0;
grid-template-columns: 52px minmax(0, 1fr);
gap: 17px;
border-top: 1px solid rgba(11, 36, 35, 0.12);
padding: 19px 0;
}

.value-point:first-child {
border-top: 0;
}

.value-point-icon {
display: grid;
width: 52px;
height: 52px;
place-items: center;
border-radius: 50%;
background: var(--white);
box-shadow: 0 8px 22px rgba(4, 45, 44, 0.08);
color: var(--mint-dark);
}

.value-point-icon .material-symbols-outlined {
margin: 0;
font-size: 28px;
font-variation-settings:
	"FILL" 0,
	"wght" 500,
	"GRAD" 0,
	"opsz" 28;
line-height: 1;
}

.value-point > div > strong,
.value-point > div > span {
display: block;
}

.value-point > div > strong {
font-family: var(--display);
font-size: 16px;
}

.value-point > div > span {
margin-top: 3px;
color: var(--ink-2);
font-size: 13px;
line-height: 1.55;
}

/* Responsive */
@media (max-width: 1100px) {
.operation-heading {
	grid-template-columns: 1fr;
	gap: 28px;
}

.operation-heading > :first-child {
	max-width: 720px;
}

.value-layout {
	gap: 55px;
}
}

@media (max-width: 900px) {
.sector-section {
	padding: 88px 0;
}

.sector-hero {
	min-height: auto;
}

.sector-hero-shade {
	background: linear-gradient(90deg, rgba(4, 30, 29, 0.94), rgba(4, 32, 31, 0.72));
}

.sector-hero-inner {
	padding: 138px 0 72px;
}

.usage-heading,
.usage-layout,
.solution-heading,
.solution-layout,
.operation-heading,
.benefits-heading,
.project-head,
.value-layout {
	grid-template-columns: 1fr;
}

.usage-heading,
.solution-heading,
.operation-heading,
.benefits-heading,
.project-head {
	gap: 24px;
}

.usage-heading .section-lead,
.solution-heading .section-lead,
.operation-heading .section-lead,
.benefits-heading .section-lead,
.project-head .section-lead {
	margin-top: 0;
}

.benefits-audiences {
	grid-template-columns: 1fr;
}

.usage-layout {
	gap: 18px;
}

.schedule-gaps {
	padding: 32px;
}

.solution-primary {
	min-height: 560px;
}

.solution-capabilities {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.solution-capability:last-child {
	grid-column: 1 / -1;
}

.value-layout {
	gap: 62px;
}

.value-layout > :last-child {
	order: -1;
}

.value-media {
	min-height: 560px;
}

}

@media (max-width: 760px) {
.confidence-grid,
.project-steps,
.system-links {
	grid-template-columns: 1fr;
}

.confidence-item,
.confidence-item:first-child,
.confidence-item:last-child {
	border-right: 0;
	border-bottom: 1px solid var(--line);
	padding: 20px 0;
}

.confidence-item:last-child {
	border-bottom: 0;
}

.usage-profile {
	padding: 25px 20px;
}

.reality-row {
	grid-template-columns: 42px minmax(0, 1fr);
}

.reality-icon {
	width: 42px;
	height: 42px;
}

.solution-capabilities {
	grid-template-columns: 1fr;
}

.solution-capability:last-child {
	grid-column: auto;
}

.system-links {
	gap: 1px;
}

.project-head {
	padding: 42px 28px 34px;
}

.project-step {
	border-right: 0;
	border-bottom: 1px solid var(--line);
	padding: 32px 28px;
}

.project-step:last-child {
	border-bottom: 0;
}

.project-delivery {
	align-items: stretch;
	flex-direction: column;
	padding: 28px;
}

.project-delivery .button {
	width: 100%;
}

}

@media (max-width: 640px) {
.sector-section {
	padding: 68px 0;
}

.benefits-audiences {
	margin-top: 36px;
}

.benefit-audience header {
	padding: 26px 24px;
}

.benefit-list {
	padding: 8px 24px 22px;
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list {
	grid-template-columns: 1fr;
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(odd),
.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(even) {
	border-right: 0;
	padding-right: 0;
	padding-left: 0;
}

.benefits-audiences:has(> .benefit-audience:only-child) .benefit-list li:nth-child(2) {
	border-top: 1px solid var(--line);
}

.sector-office .sector-hero-media {
	background-position: 61% center;
}

.sector-housing .sector-hero-media {
	background-position: 56% center;
}

.sector-hotel .sector-hero-media {
	background-position: 60% center;
}

.sector-care .sector-hero-media {
	background-position: 66% center;
}

.sector-school .sector-hero-media {
	background-position: 58% center;
}

.sector-clinic .sector-hero-media {
	background-position: 62% center;
}

.sector-hero-shade {
	background:
	  linear-gradient(180deg, rgba(4, 30, 29, 0.78) 0%, rgba(4, 31, 30, 0.94) 54%, var(--forest-deep) 100%),
	  linear-gradient(90deg, rgba(4, 30, 29, 0.7), transparent);
}

.sector-hero-inner {
	padding: 118px 0 54px;
}

.sector-hero h1 {
	font-size: clamp(38px, 12.3vw, 50px);
	line-height: 0.99;
}

.sector-hero-summary {
	margin-top: 21px;
	font-size: 16px;
	line-height: 1.62;
}

.sector-hero-actions {
	display: grid;
}

.sector-hero-actions .button {
	width: 100%;
}

.sector-hero-notes {
	display: grid;
	gap: 9px;
}

.solution-layout {
	margin-top: 38px;
}

.solution-primary {
	min-height: 0;
	gap: 48px;
	border-radius: 22px;
	padding: 28px;
}

.solution-primary-icon {
	width: 50px;
	height: 50px;
	border-radius: 15px;
}

.solution-primary h3 {
	font-size: clamp(32px, 10vw, 42px);
}

.solution-pipeline {
	grid-template-columns: 1fr;
	gap: 9px;
	margin-top: 0;
}

.solution-pipeline > div {
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	column-gap: 11px;
}

.solution-pipeline > div > .material-symbols-outlined {
	grid-row: 1 / 3;
	margin-bottom: 0;
}

.solution-pipeline > div > small,
.solution-pipeline > div > strong {
	grid-column: 2;
}

.solution-pipeline > .material-symbols-outlined {
	justify-self: center;
	transform: rotate(90deg);
}

.solution-capability {
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 14px;
	padding: 18px;
}

.solution-capability-icon {
	width: 44px;
	height: 44px;
	border-radius: 13px;
}

.operation-board {
	border-radius: 22px;
	padding: 16px;
}

.operation-list::before {
	display: none;
}

.operation-row {
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	padding: 14px;
}

.operation-flow {
	grid-column: 2;
	transform: rotate(90deg);
}

.operation-action {
	grid-column: 1 / -1;
	margin-top: 1px;
}

.system-link {
	padding: 21px;
}

.project-shell {
	border-radius: 22px;
}

.benefit-audience {
	border-radius: 22px;
}

.value-media {
	min-height: 440px;
}

.value-photo-main {
	inset: 0 9% 12% 0;
}

.value-photo-small {
	width: 58%;
	height: 44%;
	border-width: 5px;
}

}
