
/* Creaticio Positioning V8 — preserves V7 visual system, adds navigation + content layouts */
.v6-desktop{gap:18px;font-size:11px}.v6-brand small{letter-spacing:.095em}.nav-drop{position:relative;display:flex;align-items:center}.nav-drop>a:after{content:"⌄";font-size:9px;margin-left:5px;color:#77736e}.nav-drop-menu{display:none;position:absolute;top:calc(100% + 18px);left:-16px;min-width:210px;padding:10px;background:#151515;border:1px solid #373733;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.26);z-index:80}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}.nav-drop-menu a{padding:10px 11px;border-radius:4px;font-size:11px;white-space:nowrap}.nav-drop-menu a:hover{background:#20201e}.menu-label{font-size:9px;letter-spacing:.16em;color:#ff8f63;margin:16px 8px 7px}.menu-label:first-child{margin-top:0}
.problem-grid,.system-grid,.process-grid,.outcome-grid,.insight-grid{display:grid;gap:16px;margin-top:46px}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.system-grid,.outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.problem-card,.system-card,.process-card,.outcome-card,.insight-card{border:1px solid var(--line);border-radius:8px;padding:30px;background:#151515;min-height:220px}.light .problem-card,.light .system-card,.light .process-card,.light .outcome-card,.light .insight-card{background:#fff;border-color:#d7d1c8;color:#171717}.problem-card b,.system-card b,.process-card b,.outcome-card b,.insight-card b{display:block;font-size:10px;letter-spacing:.14em;color:#ff9064;margin-bottom:42px}.problem-card h3,.system-card h3,.process-card h3,.outcome-card h3,.insight-card h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:0 0 14px;font-weight:500}.problem-card p,.system-card p,.process-card p,.outcome-card p,.insight-card p{font-size:13px;line-height:1.8;color:#a8a39c;margin:0}.light .problem-card p,.light .system-card p,.light .process-card p,.light .outcome-card p,.light .insight-card p{color:#686158}.section-note{margin-top:28px;padding:24px 0;border-top:1px solid #46423b;border-bottom:1px solid #46423b;display:flex;justify-content:space-between;gap:30px;align-items:center}.light .section-note{border-color:#ccc4b8}.section-note p{max-width:760px;margin:0;font-size:13px;line-height:1.8;color:#aaa59d}.light .section-note p{color:#655f57}.context-link{font-size:12px;color:#ff956b;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}.solution-card{border-top:1px solid #5c574f;padding:28px 0 4px}.solution-card .eyebrow{font-size:10px;letter-spacing:.14em;color:#ff956b}.solution-card h3{font-size:34px;letter-spacing:-.05em;font-weight:500;margin:24px 0 16px}.solution-card p{font-size:14px;line-height:1.9;color:#aaa59d;max-width:560px}.solution-card ul{padding:0;margin:24px 0;list-style:none}.solution-card li{font-size:12px;color:#c4c0b9;padding:9px 0;border-bottom:1px solid #2d2c29}.light .solution-card{border-color:#bdb5aa}.light .solution-card p,.light .solution-card li{color:#655f57}.light .solution-card li{border-color:#ddd6cc}.micro-link{display:block;margin-top:18px;font-size:12px;color:#ff956b}.hero-context-link{display:inline-block;margin-top:18px;font-size:11px;color:#aaa59e;border-bottom:1px solid #56514a;padding-bottom:5px}.capability-detail{display:grid;grid-template-columns:240px 1fr;gap:54px;padding:48px 0;border-top:1px solid #343430}.capability-detail:last-child{border-bottom:1px solid #343430}.capability-detail h2{font-size:42px;letter-spacing:-.05em;margin:0;font-weight:500}.capability-detail p{font-size:15px;line-height:1.9;color:#aaa59d;max-width:780px;margin:0 0 20px}.capability-detail ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:0;list-style:none}.capability-detail li{font-size:12px;color:#c9c4bd;padding:10px 0;border-bottom:1px solid #292927}.callout-band{padding:42px;border:1px solid #4a463f;border-radius:8px;background:linear-gradient(145deg,#171716,#111110);margin-top:48px}.callout-band h3{font-size:34px;letter-spacing:-.05em;margin:12px 0 18px}.callout-band p{max-width:830px;font-size:14px;line-height:1.9;color:#aaa59d}.mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:0;list-style:none;margin:26px 0}.mini-list li{font-size:12px;padding:10px 0;border-bottom:1px solid #2d2c29;color:#c9c4bd}.what-next{margin-top:36px;padding-top:28px;border-top:1px solid #343430}.what-next ol{counter-reset:steps;list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.what-next li{padding:20px;border:1px solid #343430;border-radius:6px;font-size:12px;line-height:1.6;color:#aaa59d}.what-next li:before{counter-increment:steps;content:"0" counter(steps);display:block;color:#ff956b;font-size:10px;margin-bottom:18px}.footer-spacer{height:1px}.v6-hero .actions{margin-top:4px}
@media(max-width:1200px){.v6-desktop{gap:12px;font-size:10px}.v6-nav .nav-cta{padding-inline:13px}.system-grid,.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.nav-drop-menu{display:none!important}}
@media(max-width:760px){.problem-grid,.system-grid,.process-grid,.outcome-grid,.insight-grid,.solution-grid{grid-template-columns:1fr}.section-note{display:block}.section-note .context-link{display:inline-block;margin-top:18px}.capability-detail{grid-template-columns:1fr;gap:18px;padding:38px 0}.capability-detail h2{font-size:34px}.capability-detail ul,.mini-list{grid-template-columns:1fr}.what-next ol{grid-template-columns:1fr}.callout-band{padding:28px}.solution-card h3{font-size:30px}}
/* V9 case studies */
.case-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line,#292929);border:1px solid var(--line,#292929);border-radius:24px;overflow:hidden}.case-flow article{background:var(--bg,#101010);padding:34px;min-height:260px}.case-flow article:last-child{grid-column:1/-1}.case-flow h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;margin:14px 0}.case-flow p{color:var(--muted,#a8a39b);line-height:1.75;max-width:760px}.case-cover{margin:34px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--line,#292929)}.case-cover img{width:100%;display:block;max-height:860px;object-fit:cover}.work-art-image{background-size:cover;background-position:center}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:780px){.case-flow{grid-template-columns:1fr}.case-flow article:last-child{grid-column:auto}}

/* CREATICIO_V96_NAV_HOVER_FIX */
/*
 * Desktop dropdown usability:
 * - fills the old 18px hover dead-zone with an invisible bridge
 * - slightly enlarges submenu hit targets
 * - keeps the existing visual design
 */
@media (hover:hover) and (pointer:fine) {
  .v6-desktop .nav-drop {
    position: relative;
  }

  .v6-desktop .nav-drop-menu {
    z-index: 100;
  }

  /* Transparent hover bridge between top-level item and submenu. */
  .v6-desktop .nav-drop-menu::before {
    content: "";
    position: absolute;
    left: -14px;
    right: -14px;
    top: -20px;
    height: 22px;
    background: transparent;
  }

  /* Give the cursor a larger, calmer target without changing the look. */
  .v6-desktop .nav-drop-menu a {
    display: block;
    padding: 12px 14px;
    line-height: 1.35;
  }

  .v6-desktop .nav-drop:hover .nav-drop-menu,
  .v6-desktop .nav-drop:focus-within .nav-drop-menu {
    display: grid;
  }
}
