/* OJO V17 — post-hero visibility, journey character refinement, homepage CTAs and capability cards. */
.v8-site.v8-home .ojo14-manifesto,
.v8-site.v8-home .ojo14-manifesto.is-visible{
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.v8-site.v8-home .ojo14-hero-actions .v8-button{min-height:52px;padding:15px 22px;font-size:14px!important;letter-spacing:.01em}
.v8-site.v8-home .ojo14-hero-actions .v8-button-outline{border-color:#e7d5c8;color:#fff;background:transparent}
.v8-site.v8-home .ojo14-hero-actions .v8-button-outline:hover{background:#ffffff12;border-color:#fff}
.v8-site .ojo14-doodle-scene{min-height:260px}
.v8-site .ojo14-doodle-route{height:260px}
.v8-site .ojo14-doodle-journey .ojo-doodle-person{stroke-width:7.2;stroke-linecap:round;stroke-linejoin:round}
.v8-site .ojo14-doodle-journey .doodle-head{fill:#fffaf2;stroke:#183349;stroke-width:6}
.v8-site .ojo14-doodle-journey .doodle-body{stroke-width:7}
.v8-site .ojo14-doodle-journey .doodle-arm,.v8-site .ojo14-doodle-journey .doodle-leg{stroke-width:7.5;transform-box:fill-box;transform-origin:top center}
.v8-site .ojo14-doodle-journey .doodle-leg{stroke:#183349}
.v8-site .ojo14-doodle-journey.journey-started:not(.journey-paused) .doodle-arm-front{animation:o16-arm-front .42s ease-in-out infinite alternate!important}
.v8-site .ojo14-doodle-journey.journey-started:not(.journey-paused) .doodle-arm-back{animation:o16-arm-back .42s ease-in-out infinite alternate!important}
.v8-site .ojo14-doodle-journey.journey-started:not(.journey-paused) .doodle-leg-front{animation:o16-leg-front .42s ease-in-out infinite alternate!important}
.v8-site .ojo14-doodle-journey.journey-started:not(.journey-paused) .doodle-leg-back{animation:o16-leg-back .42s ease-in-out infinite alternate!important}
.v8-site .ojo14-capability-grid{gap:20px}
.v8-site .ojo14-capability{position:relative;overflow:hidden;min-height:380px;padding:27px 24px 25px;border:1px solid transparent;border-radius:10px;color:#fff!important;box-shadow:0 14px 34px #102b3a16;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.v8-site .ojo14-capability:nth-child(1){background:linear-gradient(150deg,#244e65 0%,#16364b 100%);border-color:#3a6578}
.v8-site .ojo14-capability:nth-child(2){background:linear-gradient(150deg,#bd704f 0%,#8d493c 100%);border-color:#d58a68}
.v8-site .ojo14-capability:nth-child(3){background:linear-gradient(150deg,#527f79 0%,#315b59 100%);border-color:#6f9b91}
.v8-site .ojo14-capability:nth-child(4){background:linear-gradient(150deg,#586b91 0%,#354766 100%);border-color:#788bb0}
.v8-site .ojo14-capability:after{content:"";position:absolute;width:210px;height:210px;right:-105px;top:-105px;border:1px solid #ffffff28;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff05;pointer-events:none}
.v8-site .ojo14-capability>span{color:#ffffffb8!important;font-size:10px!important;letter-spacing:.17em}
.v8-site .ojo14-capability>i{width:62px;height:62px;border:1px solid #ffffff70;border-radius:19px;background:#ffffff18!important;color:#fff!important;font-size:28px!important;box-shadow:0 8px 22px #102b3a22!important;backdrop-filter:blur(8px)}
.v8-site .ojo14-capability h3{color:#fff!important;font-size:27px!important}
.v8-site .ojo14-capability p{color:#ffffffd9!important;font-size:15px!important;line-height:1.72!important;min-height:105px}
.v8-site .ojo14-capability>b{color:#fff!important;border-top:1px solid #ffffff38;padding-top:16px;font-size:12px!important}
.v8-site .ojo14-capability:hover{transform:translateY(-10px)!important;box-shadow:0 24px 48px #102b3a2c;border-color:#ffffffa6}
.v8-site .ojo14-capability:hover>i{animation:o16-icon-breathe 1.2s ease-in-out infinite}
@media(max-width:1000px){.v8-site .ojo14-capability{min-height:350px}}
@media(max-width:680px){
 .v8-site .ojo14-doodle-scene{min-height:205px}
 .v8-site .ojo14-doodle-route{height:205px}
 .v8-site .ojo14-capability{min-height:330px;padding:21px 18px}
 .v8-site .ojo14-capability h3{font-size:23px!important}
 .v8-site .ojo14-capability p{font-size:14px!important;min-height:0}
 .v8-site .ojo14-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
 .v8-site .ojo14-hero-actions .v8-button{min-height:48px;padding:13px 16px;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 .v8-site .ojo14-capability,.v8-site .ojo14-capability:after,.v8-site .ojo14-capability>i{animation:none!important;transition:none!important}
}
