/* CREANODE homepage: responsive */
@media (max-width: 1180px) {
.home-hero .sticky-scroll-grid {grid-template-columns: minmax(0, .54fr) 58px minmax(390px, 1.04fr);
    gap: 22px;}
.home-hero-panel {width: clamp(454px, 46.5vw, 525px);
    height: clamp(352px, 46.5vh, 417px);}
.home-os-app-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 900px) {
.home-hero .sticky-scroll-grid {grid-template-columns: 1fr;}
.home-hero .sticky-scroll-copy,
.home-hero .sticky-scroll-track,
.home-hero.is-os-expanded .sticky-scroll-track {grid-column: 1;
    grid-row: auto;}
.home-hero-expand-toggle {display: none;}
.home-hero .sticky-scroll-track {justify-items: stretch;}
.home-hero-os-shell,
.home-hero.is-os-expanded .home-hero-os-shell {width: 100%;
    grid-template-columns: 1fr;}
.home-hero-os-shell::after {display: none;}
.home-hero-panel {grid-column: 1;
    grid-template-columns: minmax(0, 1fr);}
.home-hero-panel-content {grid-column: 1;}
.home-hero .sticky-scroll-item {width: 100%;
    justify-content: stretch;}
.home-hero-panel,
.home-hero.is-os-expanded .home-hero-panel {overflow: hidden;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    min-height: auto;
    margin-top: 0;
    padding: 0;}
.home-hero-panel-content,
.home-hero.is-os-expanded .home-hero-panel-content {padding: 10px;}
.home-os-workspace,
.home-hero.is-os-expanded .home-os-workspace {grid-template-columns: 1fr;}
.home-os-sidebar {display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));}
.home-os-sidebar-label {grid-column: 1 / -1;}
.home-os-app-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.home-os-status {align-items: flex-start;
    flex-direction: column;}
.home-os-status p {text-align: left;}
.home-hero.is-os-expanded .sticky-scroll-copy-inner {transform: translate3d(0, -80vh, 0) !important;}
}

@media (max-width: 620px) {
.home-panel-bottom,
.home-hero.is-os-expanded .home-panel-bottom {grid-template-columns: 1fr;}
.home-panel-top {grid-template-columns: auto 1fr;}
.home-panel-top strong {grid-column: 1 / -1;
    justify-self: start;
    text-align: left;}
.home-os-app-grid {grid-template-columns: 1fr;}
}

@media (prefers-reduced-motion: no-preference) {
.home-ecosystem-app:nth-child(3n + 1) {animation: homeTileFloat 8.4s ease-in-out infinite;}
.home-ecosystem-app:nth-child(3n + 2) {animation: homeTileFloat 9.2s ease-in-out .7s infinite;}
.home-ecosystem-app:nth-child(3n) {animation: homeTileFloat 10s ease-in-out 1.1s infinite;}
}

@media (max-width: 1120px) {
.home-story-card {min-height: auto;}
.home-audience-visual,
.home-audience-grid,
.home-transform-layout {grid-template-columns: 1fr;}
.home-transform-list {min-height: auto;}
.home-transform-layout .home-transform-core {min-height: 150px;}
.home-audience-axis {min-height: auto;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    align-content: center;
    padding: 14px 16px;}
.home-audience-axis::before {top: 50%;
    bottom: auto;
    left: 18px;
    right: 18px;
    width: auto;
    height: 1px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, transparent, rgba(217, 201, 142, .58), rgba(245, 242, 223, .20), transparent);}
.home-audience-axis span,
.home-audience-axis strong {writing-mode: horizontal-tb;}
.home-audience-axis strong {min-height: auto;
    padding: 8px 16px;}
}

@media (max-width: 760px) {
.home-story-card {padding: 22px;
    border-radius: 22px;}
.home-positioning-hero-copy h3,
.home-card-headline h3 {font-size: clamp(1.72rem, 8.4vw, 2.75rem);}
.home-story-right-kicker {white-space: normal;
    gap: 10px;}
.home-story-right-kicker::before {width: 26px;}
.home-story-right-kicker::after {display: none;}
.home-audience-card,
.home-ecosystem-app,
.home-transform-list {min-height: auto;}
}

@media (max-width: 1180px) {
.home-story.home-hero .sticky-scroll-grid,
.home-story-grid {grid-template-columns: minmax(320px, .58fr) minmax(520px, 1.10fr);
    gap: clamp(28px, 4vw, 54px);}
}

@media (max-width: 900px) {
.home-story.home-hero {padding-top: 118px;
    padding-bottom: 72px;}
.home-story.home-hero .sticky-scroll-grid,
.home-story-grid {grid-template-columns: 1fr;
    gap: 30px;}
.home-story.home-hero .sticky-scroll-copy,
.home-story-copy {position: relative;
    top: auto;
    min-height: auto;}
.home-story.home-hero .sticky-scroll-copy-inner,
.home-story-copy-inner {transform: none !important;}
.home-story.home-hero .sticky-scroll-track,
.home-story-track,
.home-story.home-hero.is-os-expanded .sticky-scroll-track,
.home-story.is-os-expanded .home-story-track {grid-column: 1;
    grid-row: auto;}
.home-story.home-hero .sticky-scroll-item,
.home-story.home-hero .sticky-scroll-item:first-child,
.home-story-item,
.home-story-item-hero {min-height: auto;
    padding-top: 0;}
.home-story .home-story-card {min-height: auto;}
}

@media (max-width: 1180px) {
.home-story.home-hero .sticky-scroll-grid,
.home-story-grid {grid-template-columns: minmax(310px, .56fr) minmax(520px, 1.08fr);
    gap: clamp(30px, 4.6vw, 64px);}
.home-os-dashboard {grid-template-columns: 1fr;}
}

@media (max-width: 900px) {
.home-story.home-hero .sticky-scroll-grid,
.home-story-grid {grid-template-columns: 1fr;}
.home-os-preview-grid,
.home-os-preview-metrics,
.home-os-dashboard,
.home-architecture-map {grid-template-columns: 1fr;}
.home-architecture-map {min-height: auto;}
.home-architecture-map::before,
.home-architecture-map::after {display: none;}
.home-architecture-core,
.home-architecture-layer-software,
.home-architecture-layer-business,
.home-architecture-layer-electronics {grid-column: 1;
    grid-row: auto;
    width: 100%;}
.home-architecture-core {min-height: 210px;
    aspect-ratio: auto;
    border-radius: 28px;}
}

@media (max-width: 620px) {
.home-os-preview-header,
.home-os-status {display: grid;
    gap: 8px;}
.home-os-preview-header strong,
.home-os-status p {max-width: none;
    text-align: left;}
}

@media (max-width: 1120px) {
.home-outcomes-board,
.home-outcomes-result-grid {grid-template-columns: 1fr;}
.home-outcomes-output {min-height: auto;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 16px;}
.home-outcomes-output::before {top: 50%;
    bottom: auto;
    left: 24px;
    right: 24px;
    width: auto;
    height: 1px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, transparent, rgba(217, 201, 142, .58), rgba(245, 242, 223, .20), transparent);}
.home-outcomes-output span,
.home-outcomes-output strong {writing-mode: horizontal-tb;
    text-orientation: mixed;}
.home-outcomes-output strong {min-height: 0;
    min-width: 150px;
    padding: 10px 18px;}
.home-outcomes-output small {max-width: none;
    text-align: right;}
}

@media (max-width: 640px) {
.home-outcomes-output {grid-template-columns: 1fr;
    justify-items: start;
    gap: 10px;}
.home-outcomes-output::before {display: none;}
.home-outcomes-output small {text-align: left;}
}

@media (max-width: 1100px) {
.home-ecosystem-console {grid-template-columns: 1fr;}
.home-ecosystem-selected {min-height: 260px;}
}

@media (max-width: 760px) {
.home-ecosystem-desktop {grid-template-columns: repeat(2, minmax(0, 1fr));}
.home-ecosystem-app {min-height: 122px;}
}

@media (max-width: 520px) {
.home-ecosystem-desktop {grid-template-columns: 1fr;}
.home-ecosystem-console {padding: 12px;
    border-radius: 24px;}
.home-ecosystem-selected-body h4 {font-size: 1.45rem;}
}

@media (max-width: 1120px) {
.home-trust-proof {grid-template-columns: 1fr;}
.home-trust-proof-core {min-height: 190px;}
}

@media (max-width: 760px) {
.home-trust-principles {grid-template-columns: 1fr;}
.home-trust-principle,
.home-trust-proof-core {min-height: auto;}
}

@media (prefers-reduced-motion: no-preference) {
.home-process-orbit::before {animation: homeProcessRotate 26s linear infinite;}
.home-process-orbit::after {animation: homeProcessRotate 18s linear reverse infinite;}
.home-process-orbit-dot-a {animation: homeProcessPulse 3.8s ease-in-out infinite;}
.home-process-orbit-dot-b {animation: homeProcessPulse 4.4s ease-in-out .4s infinite;}
.home-process-orbit-dot-c {animation: homeProcessPulse 4.8s ease-in-out .8s infinite;}
}

@media (max-width: 1120px) {
.home-process-wow {grid-template-columns: 1fr;}
.home-process-orbit {width: min(260px, 100%);
    justify-self: center;}
.home-process-rail::before {left: 28px;}
}

@media (max-width: 760px) {
.home-process-system {min-height: auto;}
.home-process-step {min-height: 78px;
    grid-template-columns: 54px minmax(0, 1fr);
    transform: none !important;}
.home-process-selected {min-height: auto;}
}

@media (max-width: 760px) {
  .home-audience-statement {align-items: flex-start;
    flex-direction: column;}
  .home-audience-statement span {text-align: left;}
}