/* berke-logical-layout: strict */
/* berke-reference-ui: true */
/** Berke Home 0.10.0 — Reference UI/UX Composition, RTL-native. */
.berke-h010,
.berke-h010 *{box-sizing:border-box;font-family:var(--berke-font-family)!important;font-synthesis:none}
.berke-h010{direction:rtl;color:var(--berke-color-text);background:#fff;font-size:var(--berke-type-body);line-height:var(--berke-leading-body);overflow:clip}
.berke-h010 h1,.berke-h010 h2,.berke-h010 h3,.berke-h010 p,.berke-h010 figure{margin-block-start:0}
.berke-h010 h1,.berke-h010 h2,.berke-h010 h3{color:var(--berke-color-heading);text-wrap:balance}
.berke-h010 a{text-underline-offset:.2em}
.berke-h010-container{width:min(var(--berke-container-wide),calc(100% - 3rem));margin-inline:auto}
.berke-h010-section{padding-block:var(--berke-section-space)}
.berke-h010-section--soft{background:var(--berke-color-surface-blue)}
.berke-h010-kicker{margin:0 0 var(--berke-space-3);color:#17627f;font-size:var(--berke-type-small);font-weight:800;line-height:var(--berke-leading-compact)}
.berke-h010-kicker--dark{color:#a8e4f4}
.berke-h010-heading{max-width:var(--berke-content-measure);margin-block-end:var(--berke-space-7)}
.berke-h010-heading--wide{max-width:62rem}
.berke-h010-heading h2{margin:0;font-size:var(--berke-type-h2);font-weight:800;line-height:var(--berke-leading-heading)}
.berke-h010-heading>p:last-child{margin:var(--berke-space-3) 0 0;color:#405f71;font-size:var(--berke-type-body)}
.berke-h010-heading--sticky{position:sticky;inset-block-start:7rem;align-self:start}

.berke-h010-hero{padding-block:clamp(3.8rem,7vw,6.8rem) var(--berke-space-7);background:linear-gradient(180deg,#f7fbfd 0%,#fff 74%)}
.berke-h010-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.berke-h010-hero__copy{max-width:42rem}
.berke-h010-hero h1{margin:0;font-size:var(--berke-type-display);font-weight:800;line-height:var(--berke-leading-display)}
.berke-h010-lead{max-width:41rem;margin:var(--berke-space-4) 0 0;color:#36596c;font-size:var(--berke-type-lead);font-weight:500}
.berke-h010-actions{display:flex;flex-wrap:wrap;gap:var(--berke-space-3);margin-block-start:var(--berke-space-5)}
.berke-h010-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:var(--berke-control-min);padding:.72rem 1.15rem;border:1px solid transparent;border-radius:var(--berke-radius-pill);font-size:var(--berke-type-control);font-weight:700;line-height:1.5;text-decoration:none;transition:transform var(--berke-motion-duration-fast) var(--berke-motion-ease-standard),background-color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard),border-color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard)}
.berke-h010-button:hover{transform:translateY(-1px)}
.berke-h010-button--primary{color:#fff;background:var(--berke-color-primary-900)}
.berke-h010-button--secondary{color:var(--berke-color-primary-900);border-color:var(--berke-color-border-strong);background:#fff}
.berke-h010-button--light{color:var(--berke-color-primary-900);background:#fff}
.berke-h010-button--ghost{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
.berke-h010-media{margin:0}
.berke-h010-media__frame{position:relative;overflow:hidden;border-radius:var(--berke-radius-xl);background:#dce8ee;box-shadow:var(--berke-shadow-md)}
.berke-h010-media__image{display:block;width:100%;height:100%;object-fit:cover}
.berke-h010-media--hero .berke-h010-media__frame{aspect-ratio:5/4}
.berke-h010-media figcaption{margin-block-start:var(--berke-space-3);color:#55717f;font-size:var(--berke-type-caption);line-height:var(--berke-leading-compact)}
.berke-h010-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--berke-space-7);border-block:1px solid var(--berke-color-border)}
.berke-h010-principles span{display:flex;align-items:center;gap:.55rem;min-height:4rem;padding-block:.8rem;padding-inline:1rem;border-inline-start:1px solid var(--berke-color-border);color:#36596c;font-size:var(--berke-type-small);font-weight:600}
.berke-h010-principles span:first-child{border-inline-start:0}
.berke-h010-principles b{color:#17627f;font-size:var(--berke-type-caption)}

.berke-h010-router{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--berke-color-border);border-radius:var(--berke-radius-xl);overflow:hidden;background:#fff;box-shadow:var(--berke-shadow-xs)}
.berke-h010-route{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--berke-space-5);padding:clamp(1.5rem,3vw,2.5rem);color:inherit;text-decoration:none;background:#fff;transition:background-color var(--berke-motion-duration-base) var(--berke-motion-ease-standard)}
.berke-h010-route+ .berke-h010-route{border-inline-start:1px solid var(--berke-color-border)}
.berke-h010-route:hover{background:#f8fcfd}
.berke-h010-route--dark{color:#fff;background:var(--berke-color-primary-900)}
.berke-h010-route--dark:hover{background:#183552}
.berke-h010-route__index{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:#17627f;background:#eef8fb;font-size:var(--berke-type-caption);font-weight:800}
.berke-h010-route--dark .berke-h010-route__index{color:#a8e4f4;background:rgba(255,255,255,.08)}
.berke-h010-route__label{margin:0 0 .25rem;color:#17627f;font-size:var(--berke-type-small);font-weight:800}
.berke-h010-route--dark .berke-h010-route__label{color:#a8e4f4}
.berke-h010-route h3{margin:0;font-size:var(--berke-type-h3);font-weight:800;line-height:var(--berke-leading-heading)}
.berke-h010-route--dark h3{color:#fff}
.berke-h010-route p:not(.berke-h010-route__label){margin:.55rem 0 0;color:#506b7d;font-size:var(--berke-type-card)}
.berke-h010-route--dark p:not(.berke-h010-route__label){color:#d7e5eb}
.berke-h010-route strong{display:inline-flex;gap:.35rem;margin-block-start:.85rem;color:#17627f;font-size:var(--berke-type-small)}
.berke-h010-route--dark strong{color:#a8e4f4}

.berke-h010-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--berke-space-6)}
.berke-h010-families article{padding-block-start:var(--berke-space-4);border-block-start:3px solid var(--berke-color-primary-500)}
.berke-h010-family__num{color:#17627f;font-size:var(--berke-type-caption);font-weight:800}
.berke-h010-families h3{margin:.55rem 0 0;font-size:var(--berke-type-h3);font-weight:800}
.berke-h010-families p{margin:.65rem 0 0;color:#405f71;font-size:var(--berke-type-card)}
.berke-h010-families a,.berke-h010-inline-action a,.berke-h010-text-link{display:inline-flex;gap:.35rem;margin-block-start:.85rem;color:#17627f;font-size:var(--berke-type-small);font-weight:800;text-decoration:none}
.berke-h010-inline-action{margin-block-start:var(--berke-space-6);padding-block-start:var(--berke-space-4);border-block-start:1px solid var(--berke-color-border)}

.berke-h010-paths{display:grid;grid-template-columns:minmax(17rem,.55fr) minmax(0,1.25fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.berke-h010-path-list{border-block-start:1px solid var(--berke-color-border)}
.berke-h010-path-list>a{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:var(--berke-space-4);align-items:center;padding-block:1.25rem;color:inherit;text-decoration:none;border-block-end:1px solid var(--berke-color-border);transition:background-color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard),padding-inline var(--berke-motion-duration-fast) var(--berke-motion-ease-standard)}
.berke-h010-path-list>a:hover{padding-inline:.55rem;background:#f8fcfd}
.berke-h010-path-list__num{color:#17627f;font-size:var(--berke-type-caption);font-weight:800}
.berke-h010-path-list h3{margin:0;font-size:var(--berke-type-h4);font-weight:800}
.berke-h010-path-list p{margin:.28rem 0 0;color:#506b7d;font-size:var(--berke-type-card)}
.berke-h010-path-list__arrow{color:#17627f;font-size:1.25rem}

.berke-h010-diagnosis{color:#fff;background:var(--berke-color-primary-950)}
.berke-h010-diagnosis__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.berke-h010-diagnosis h2{margin:0;color:#fff;font-size:var(--berke-type-h2);font-weight:800;line-height:var(--berke-leading-heading)}
.berke-h010-diagnosis__copy>p:not(.berke-h010-kicker){margin:.8rem 0 0;color:#d7e5eb;font-size:var(--berke-type-body)}
.berke-h010-diagnosis ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:var(--berke-space-5) 0 0;padding:0;list-style:none}
.berke-h010-diagnosis li{padding-block:.6rem;padding-inline-start:1.1rem;border-inline-start:2px solid var(--berke-color-primary-500);color:#f0f7fa;font-size:var(--berke-type-card)}
.berke-h010-media--dark .berke-h010-media__frame{box-shadow:none}
.berke-h010-media--dark figcaption{color:#bfd6e2}

.berke-h010-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--berke-space-5)}
.berke-h010-projects article{padding:var(--berke-space-5);border:1px solid var(--berke-color-border);border-radius:var(--berke-radius-lg);background:#fff}
.berke-h010-projects article>span{color:#17627f;font-size:var(--berke-type-caption);font-weight:800}
.berke-h010-projects h3{margin:.45rem 0 0;font-size:var(--berke-type-h3)}
.berke-h010-projects p{margin:.55rem 0 0;color:#506b7d;font-size:var(--berke-type-card)}
.berke-h010-evidence-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--berke-color-border)}
.berke-h010-evidence-flow>div{padding-block:var(--berke-space-5);padding-inline:var(--berke-space-5);border-inline-start:1px solid var(--berke-color-border)}
.berke-h010-evidence-flow>div:first-child{border-inline-start:0}
.berke-h010-evidence-flow span{color:#17627f;font-size:var(--berke-type-caption);font-weight:800}
.berke-h010-evidence-flow strong{display:block;margin-block-start:.35rem;color:var(--berke-color-heading);font-size:var(--berke-type-h4)}
.berke-h010-evidence-flow p{margin:.35rem 0 0;color:#506b7d;font-size:var(--berke-type-card)}

.berke-h010-process{display:grid;grid-template-columns:minmax(17rem,.55fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.berke-h010-timeline{--h010-progress:0;position:relative;display:grid;gap:var(--berke-space-6);margin:0;padding:0;list-style:none}
.berke-h010-timeline::before,.berke-h010-timeline::after{content:"";position:absolute;inset-block:.2rem;inset-inline-start:1.45rem;width:2px;transform:translateX(50%);transform-origin:center top}
.berke-h010-timeline::before{background:#d4e6ed}
.berke-h010-timeline::after{background:var(--berke-color-primary-500);transform:translateX(50%) scaleY(var(--h010-progress));transition:transform 80ms linear}
.berke-h010-timeline li{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--berke-space-4);align-items:start}
.berke-h010-timeline__marker{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--berke-color-border-strong);border-radius:50%;color:#55717f;background:#fff;font-size:var(--berke-type-caption);font-weight:800;transition:color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard),background-color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard),border-color var(--berke-motion-duration-fast) var(--berke-motion-ease-standard)}
.berke-h010-timeline li.is-active .berke-h010-timeline__marker{color:#fff;border-color:var(--berke-color-primary-600);background:var(--berke-color-primary-600)}
.berke-h010-timeline h3{margin:0;font-size:var(--berke-type-h4);font-weight:800}
.berke-h010-timeline p{margin:.35rem 0 0;color:#506b7d;font-size:var(--berke-type-card)}

.berke-h010-final{padding-block:clamp(3rem,6vw,5rem);color:#fff;background:var(--berke-color-primary-900)}
.berke-h010-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--berke-space-6);align-items:center}
.berke-h010-final h2{margin:0;color:#fff;font-size:var(--berke-type-h2);font-weight:800;line-height:var(--berke-leading-heading)}
.berke-h010-final p:not(.berke-h010-kicker){max-width:45rem;margin:.65rem 0 0;color:#d7e5eb;font-size:var(--berke-type-body)}
.berke-h010-final .berke-h010-actions{margin:0;justify-content:flex-end}

/* Motion: critical hero text/media are never hidden. Hero surface and below-fold arrival are enhancement only. */
html.h010-motion-ready .berke-h010 [data-h010-reveal],
html.h010-motion-ready .berke-h010 [data-h010-item]{opacity:0;transform:translateY(var(--berke-motion-distance-reveal));transition:opacity 520ms var(--berke-motion-ease-enter),transform 520ms var(--berke-motion-ease-enter)}
html.h010-motion-ready .berke-h010 [data-h010-reveal].is-visible,
html.h010-motion-ready .berke-h010 [data-h010-item].is-visible{opacity:1;transform:none}
html.h010-motion-ready .berke-h010 [data-h010-item]{transition-delay:var(--h010-delay,0ms)}
.berke-h010-media--hero .berke-h010-media__frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(238,248,251,.78),rgba(75,184,221,.08));transform:scaleX(0);transform-origin:100% 50%;z-index:2/* berke-rtl-physical-ok: decorative hero surface origin */}
html.h010-motion-ready .berke-h010-media--hero.is-hero-settled .berke-h010-media__frame::after{animation:h010-surface 760ms var(--berke-motion-ease-enter) both}
@keyframes h010-surface{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}

@media(max-width:73.75rem){
	.berke-h010-container{width:min(100% - 2.25rem,72rem)}
	.berke-h010-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}
	.berke-h010-paths,.berke-h010-process{grid-template-columns:minmax(15rem,.5fr) minmax(0,1fr);gap:2.5rem}
	.berke-h010-families{gap:var(--berke-space-5)}
}
@media(max-width:60rem){
	.berke-h010-hero__grid,.berke-h010-diagnosis__grid,.berke-h010-paths,.berke-h010-process{grid-template-columns:1fr}
	.berke-h010-heading--sticky{position:static}
	.berke-h010-hero__copy{max-width:52rem}
	.berke-h010-media--hero{max-width:52rem}
	.berke-h010-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.berke-h010-principles span:nth-child(odd){border-inline-start:0}
	.berke-h010-principles span:nth-child(n+3){border-block-start:1px solid var(--berke-color-border)}
	.berke-h010-router{grid-template-columns:1fr}
	.berke-h010-route+ .berke-h010-route{border-inline-start:0;border-block-start:1px solid var(--berke-color-border)}
	.berke-h010-families{grid-template-columns:repeat(2,minmax(0,1fr))}
	.berke-h010-families article:last-child{grid-column:1/-1}
	.berke-h010-diagnosis__copy{order:0}
	.berke-h010-media--dark{order:1}
	.berke-h010-evidence-flow{grid-template-columns:1fr}
	.berke-h010-evidence-flow>div{border-inline-start:0;border-block-start:1px solid var(--berke-color-border)}
	.berke-h010-evidence-flow>div:first-child{border-block-start:0}
	.berke-h010-final__inner{grid-template-columns:1fr}
	.berke-h010-final .berke-h010-actions{justify-content:flex-start}
}
@media(max-width:47.999rem){
	.berke-h010-container{width:min(100% - 1.5rem,45rem)}
	.berke-h010-section{padding-block:var(--berke-section-space-compact)}
	.berke-h010-hero{padding-block:2.9rem 2rem}
	.berke-h010-hero__grid{gap:1.6rem}
	.berke-h010-hero h1{font-size:var(--berke-type-h1)}
	.berke-h010-actions{display:grid;grid-template-columns:1fr}
	.berke-h010-button{width:100%}
	.berke-h010-media--hero .berke-h010-media__frame{aspect-ratio:4/3;border-radius:var(--berke-radius-lg)}
	.berke-h010-principles{display:flex;gap:.45rem;overflow-x:auto;scroll-snap-type:x proximity;margin-block-start:1.4rem;padding-block-end:.35rem;border-block:0;scrollbar-width:none}
	.berke-h010-principles::-webkit-scrollbar{display:none}
	.berke-h010-principles span{flex:0 0 auto;min-height:2.75rem;padding:.5rem .72rem;border:1px solid var(--berke-color-border)!important;border-radius:var(--berke-radius-pill);scroll-snap-align:start;background:#fff;white-space:nowrap;font-size:var(--berke-type-caption)}
	.berke-h010-heading{margin-block-end:var(--berke-space-5)}
	.berke-h010-route{grid-template-columns:2.6rem minmax(0,1fr);gap:.75rem;padding:1.15rem}
	.berke-h010-route__index{width:2.6rem;height:2.6rem}
	.berke-h010-families{grid-template-columns:1fr;gap:var(--berke-space-5)}
	.berke-h010-families article:last-child{grid-column:auto}
	.berke-h010-path-list>a{grid-template-columns:2rem minmax(0,1fr) auto;gap:.65rem;padding-block:1rem}
	.berke-h010-path-list p{margin-block-start:.2rem}
	.berke-h010-diagnosis ul{grid-template-columns:1fr}
	.berke-h010-projects{grid-template-columns:1fr}
	.berke-h010-timeline{gap:var(--berke-space-5)}
	.berke-h010-timeline li{grid-template-columns:2.6rem minmax(0,1fr);gap:.75rem}
	.berke-h010-timeline__marker{width:2.6rem;height:2.6rem}
	.berke-h010-timeline::before,.berke-h010-timeline::after{inset-inline-start:1.25rem}
}
@media(prefers-reduced-motion:reduce){
	.berke-h010-button,.berke-h010-path-list>a,.berke-h010-timeline__marker{transition:none!important}
	.berke-h010-button:hover{transform:none!important}
	html.h010-motion-ready .berke-h010 [data-h010-reveal],html.h010-motion-ready .berke-h010 [data-h010-item]{opacity:1!important;transform:none!important;transition:none!important}
	.berke-h010-media--hero .berke-h010-media__frame::after{display:none!important}
	.berke-h010-timeline::after{transform:translateX(50%) scaleY(1)!important;transition:none!important}
}