/* Native, fluid content layout. The intro/home composition is handled separately. */
:root { --page-gutter:clamp(20px,3.4vw,65px); --ui-ease:cubic-bezier(.2,.7,.2,1); }
.stage[data-layout="fluid"] :is(.products-page,.company-page,.triangle-page,.discovery-page) { min-width:0; }
@media(min-width:901px) {
  .stage[data-layout="fluid"] #products-page .products-body { left:var(--page-gutter)!important; right:var(--page-gutter)!important; top:clamp(165px,23vh,225px)!important; bottom:45px!important; padding-right:12px; }
  .stage[data-layout="fluid"] #products-page.is-course-syllabus .products-body { top:100px!important; }
  .stage[data-layout="fluid"] #products-page .products-heading { top:55px!important; left:var(--page-gutter)!important; right:var(--page-gutter)!important; width:auto!important; }
  .stage[data-layout="fluid"] #products-page .products-heading h1 { font-size:clamp(28px,2.5vw,44px)!important; }
  .stage[data-layout="fluid"] #products-page .products-breadcrumbs { right:var(--page-gutter)!important; top:24px!important; max-width:45%; }
  .stage[data-layout="fluid"] #products-page .products-detail-layout { grid-template-columns:clamp(165px,12vw,230px) minmax(0,1fr); gap:clamp(20px,2vw,36px); }
  .stage[data-layout="fluid"] #company-page .company-heading { left:var(--page-gutter)!important; right:var(--page-gutter)!important; width:auto!important; }
  .stage[data-layout="fluid"] #company-page .company-body { left:var(--page-gutter)!important; right:var(--page-gutter)!important; top:clamp(165px,23vh,225px)!important; bottom:45px!important; }
  .stage[data-layout="fluid"] #company-page .company-heading h1 { font-size:clamp(28px,2.5vw,44px)!important; }
  .stage[data-layout="fluid"] #company-page .company-footer { left:var(--page-gutter); right:var(--page-gutter); bottom:18px; }
  .stage[data-layout="fluid"] .company-back { right:var(--page-gutter)!important; top:24px!important; }
  .stage[data-layout="fluid"] #discovery-page .discovery-body { left:var(--page-gutter); right:var(--page-gutter); bottom:35px; }
  .stage[data-layout="fluid"] #triangle-page > .triangle-page__header { left:var(--page-gutter); right:var(--page-gutter); width:auto; }
  .stage[data-layout="fluid"] #triangle-page .triangle-page__header h1 { font-size:clamp(28px,2.4vw,43px); }
  .stage[data-layout="fluid"] #triangle-page .triangle-body { right:0; }
  .stage[data-layout="fluid"] #triangle-page .triangle-body__content { width:100%; }
  .stage[data-layout="fluid"] #triangle-page .triangle-body__content > .triangle-map { transform:translateX(-50%) scale(var(--diagram-scale)); }
  .stage[data-layout="fluid"] #triangle-page .triangle-body__content > .triangle-details { margin-top:calc(710px * var(--diagram-scale) + 60px); }
  .stage[data-layout="fluid"] #triangle-page .triangle-detail { padding:55px var(--page-gutter); }
  .stage[data-layout="fluid"] #iso-solutions { padding-left:var(--page-gutter); padding-right:var(--page-gutter); }
}
.stage[data-layout="fluid"] :is(.iso-phva,.iso-additional,.course-landing,.about-provided,.cx-overview,.mentoring-overview) { max-width:none; width:100%; }
.stage[data-layout="fluid"] .about-provided__pillars { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.stage[data-layout="fluid"] .about-provided__credentials { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.stage[data-layout="fluid"] .about-client-logo-grid { grid-template-columns:repeat(auto-fit,minmax(95px,1fr)); }
.stage[data-layout="fluid"] .diplomas-impact__benefits { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.stage[data-layout="fluid"] .diplomas-impact__benefits > span { min-width:0; border-left:0; }
.stage[data-layout="fluid"] #products-page .mentoring-cycle { min-width:0!important; max-width:100%!important; transform:none!important; }
.stage[data-layout="fluid"] .mentoring-poster__label--left { left:0; }
.stage[data-layout="fluid"] .mentoring-poster__label--right { right:0; }
.stage[data-layout="fluid"] .course-layout { grid-template-columns:minmax(0,1fr) clamp(285px,24vw,380px); }
.stage[data-layout="fluid"] .course-hero { padding:clamp(24px,3vw,48px); }
.stage[data-layout="fluid"] .course-landing h1 { font-size:clamp(30px,3.2vw,52px); }
.stage[data-layout="fluid"] .cinema { width:min(1440px,calc(100% - 32px)); height:min(840px,calc(100% - 32px)); max-width:calc(100% - 32px); max-height:calc(100% - 32px); }
.stage[data-layout="fluid"] .course-main > .course-section > p { max-width:88ch; }
.stage[data-layout="fluid"] .course-quote { max-height:calc(100vh - 125px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--gold-muted) #0c111a; }
.stage[data-layout="fluid"] .iso-phva__family h3 { font-size:clamp(18px,1.3vw,25px); }
.stage[data-layout="fluid"] .iso-phva__family :is(h4,p),.stage[data-layout="fluid"] .iso-additional :is(p,li) { font-size:clamp(13px,.95vw,17px); }
.stage[data-layout="fluid"] .iso-phva__family li { min-height:95px; }
.stage[data-layout="fluid"] .iso-phva__icon { width:clamp(38px,3.3vw,64px); height:clamp(38px,3.3vw,64px); }
.stage[data-layout="fluid"] .iso-phva__header h2 { font-size:clamp(20px,1.8vw,32px); }
.stage[data-layout="fluid"] .iso-phva__header h2 strong { font-size:clamp(24px,2.1vw,38px); }
.stage[data-layout="fluid"] .iso-phva__header :is(p,em) { font-size:clamp(12px,1.1vw,20px); }
.stage[data-layout="fluid"] .course-norm-choice { min-height:95px; }
.stage[data-layout="fluid"] .iso-phva__phase h3 { font-size:clamp(19px,1.6vw,26px); }
.stage[data-layout="fluid"] .iso-phva__phase :is(p,li) { font-size:clamp(14px,1vw,18px); }
.stage[data-layout="fluid"] .iso-additional__card h3 { font-size:clamp(18px,1.4vw,26px); }
.stage[data-layout="fluid"] .iso-additional__grid { gap:12px; }
.stage[data-layout="fluid"] .iso-additional__header h2 { font-size:clamp(24px,2vw,36px); }
.stage[data-layout="fluid"] .iso-phva__cycle { width:190px; height:190px; }
.stage[data-layout="fluid"] .iso-phva__cycle :is(span,strong) { font-size:15px; }
.stage[data-layout="fluid"] .iso-phva__benefits { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; padding:20px; }
.stage[data-layout="fluid"] .iso-phva__benefits span { font-size:14px; }
.stage[data-layout="fluid"] .iso-additional__requirements h3 { font-size:clamp(16px,1.2vw,23px); }
.stage[data-layout="fluid"] .iso-additional__requirements p { font-size:14px; }
@media(min-width:901px) and (max-width:1850px) {
  #iso-solutions .iso-tree { position:relative!important; inset:auto!important; width:100%!important; max-width:none; margin:0!important; transform:none!important; }
  #iso-solutions .iso-tree__branches { width:100%!important; margin:0!important; grid-template-columns:1fr 1fr!important; gap:30px; }
  #iso-solutions .iso-tree__branch { width:100%!important; padding:10px!important; }
  #iso-solutions .iso-tree__branch > .iso-tree__heading { margin:0!important; left:auto!important; width:100%!important; }
  #iso-solutions .iso-tree__options,#iso-solutions .iso-mentoring-children { width:100%!important; grid-template-columns:minmax(0,1fr)!important; inset:auto!important; transform:none!important; margin:20px 0!important; }
  #iso-solutions :is(.iso-mentoring-parent,.iso-automation-parent,.iso-project-parent,.iso-project-packages) { width:100%!important; inset:auto!important; transform:none!important; }
  #iso-solutions .iso-tree__categories { position:relative!important; inset:auto!important; width:100%!important; margin:25px 0!important; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #iso-solutions .iso-leadership-branches { width:100%!important; margin:15px 0!important; inset:auto!important; transform:none!important; }
  #iso-solutions :is(.iso-main-lines,.iso-category-lines,.iso-leadership-lines),#iso-solutions .iso-tree *::before,#iso-solutions .iso-tree *::after { display:none!important; }
}
@media(min-width:901px) and (max-width:1200px) {
  .stage[data-layout="fluid"] .cx-overview__hero { grid-template-columns:minmax(0,1fr); }
  .stage[data-layout="fluid"] .cx-overview__core { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stage[data-layout="fluid"] .cx-overview__center { grid-column:1/-1; grid-row:1; }
  .stage[data-layout="fluid"] .diplomas { grid-template-columns:minmax(0,1fr); }
  .stage[data-layout="fluid"] .diplomas > * { grid-column:1!important; grid-row:auto!important; min-width:0; }
}
@media(min-width:901px) and (max-width:1150px) {
  .stage[data-layout="fluid"] #products-page .iso-phva__layout { grid-template-columns:minmax(0,1fr); }
  .stage[data-layout="fluid"] #products-page :is(.iso-phva__families,.iso-phva__phases,.iso-phva__cycle) { grid-column:1; grid-row:auto; }
  .stage[data-layout="fluid"] .triangle-detail__grid { grid-template-columns:1fr; gap:25px; }
}
@media(min-width:2000px) {
  .stage[data-layout="fluid"] .course-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
  .stage[data-layout="fluid"] .course-modules details { margin:0; }
}
@media(min-width:901px) and (max-height:750px) {
  .stage[data-layout="fluid"] .cinema { overflow-y:auto; }
  .stage[data-layout="fluid"] .cinema__screen { flex:0 0 380px; }
  .stage[data-layout="fluid"] .cinema__header { position:sticky; top:0; z-index:5; background:#090d15; }
  .stage[data-layout="fluid"] .story-art { height:280px; }
}
@media(max-width:900px) {
  .stage[data-layout="fluid"] .course-layout { grid-template-columns:1fr; }
  .stage[data-layout="fluid"] .course-quote { max-height:none; overflow:visible; }
  .stage[data-layout="fluid"] .about-provided__credentials { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stage[data-layout="fluid"] .iso-phva__header { flex-wrap:wrap; }
  .stage[data-layout="fluid"] .iso-phva__header h2 { font-size:20px; flex:1 1 100%; }
  .stage[data-layout="fluid"] .iso-phva__header > div { display:none; }
}
@media(prefers-reduced-motion:no-preference) {
  .course-primary,.course-topic-link,.course-norm-choice,.course-phase-choice { transition:background .22s,border-color .22s,box-shadow .22s,color .22s,translate .22s; }
  .course-primary:hover { translate:0 -2px; }
  .course-norm-choice[aria-pressed="true"] { box-shadow:inset 0 0 26px rgb(var(--gold-base-rgb)/.12),0 0 18px rgb(var(--gold-base-rgb)/.12); }
  .course-modules details[open] .course-module-body { animation:ui-panel-in .24s var(--ui-ease); }
  .ui-route-content { animation:ui-page-in .26s var(--ui-ease); }
}
@keyframes ui-panel-in { from { opacity:.35; translate:0 -5px; } to { opacity:1; translate:0 0; } }
@keyframes ui-page-in { from { opacity:.55; translate:0 7px; } to { opacity:1; translate:0 0; } }
.ui-feedback { position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(circle at var(--tap-x,50%) var(--tap-y,50%),rgb(var(--gold-light-rgb)/.22),transparent 60%); animation:ui-feedback-out .5s ease-out forwards; }
@keyframes ui-feedback-out { from { opacity:.9; } to { opacity:0; } }
/* Let the page scroll naturally rather than clipping the content into a fixed panel. */
@media(min-width:901px) {
  .stage[data-layout="fluid"] :is(#products-page,#company-page,#discovery-page) { overflow-y:auto; overflow-x:hidden; padding:55px var(--page-gutter) 40px; }
  .stage[data-layout="fluid"] #products-page .products-heading,
  .stage[data-layout="fluid"] #company-page .company-heading { position:relative!important; inset:auto!important; margin:0 0 45px!important; padding:0!important; width:100%!important; }
  .stage[data-layout="fluid"] #products-page .products-body,
  .stage[data-layout="fluid"] #company-page .company-body,
  .stage[data-layout="fluid"] #discovery-page .discovery-body { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; overflow:visible!important; padding:0!important; margin:0!important; }
  .stage[data-layout="fluid"] #products-page.is-course-syllabus { padding-top:100px; }
  .stage[data-layout="fluid"] #products-page.is-course-syllabus .products-body { inset:auto!important; }
  .stage[data-layout="fluid"] #products-page .products-footer,
  .stage[data-layout="fluid"] #company-page .company-footer { position:relative!important; inset:auto!important; margin:30px 0 0; padding:15px 0 0; }
  .stage[data-layout="fluid"] #products-page .product-sidebar { top:20px; }
  .stage[data-layout="fluid"] #discovery-page { padding-top:100px; }
}
.stage[data-layout="fluid"] :is(#products-page,#company-page,#discovery-page) > .motion-atmosphere { position:fixed; inset:0; }
.ui-scroll-top { position:fixed; z-index:46; right:20px; bottom:20px; width:44px; height:44px; border:1px solid var(--gold-muted); border-radius:50%; background:#14181ff2; color:var(--gold-light); cursor:pointer; box-shadow:0 5px 22px #0006; font-size:22px; }
.ui-scroll-top:hover { background:#3c3019; }
.ui-scroll-top:focus-visible { outline:2px solid var(--gold-light); outline-offset:4px; }
