/* Editorial Harmony v7 — one restrained interaction language across homepage. */

/* The case study menu inherits the established Speaking subpage structure. */
.jiz-project-nav {display:flex;align-items:center;gap:clamp(14px,2vw,30px);padding-inline:clamp(18px,3vw,44px);background:#0B0D10}
.jiz-project-nav__links {display:flex;align-items:center;gap:clamp(12px,1.9vw,30px);margin-left:auto}
.jiz-project-nav__links a {display:inline-flex;align-items:center;min-height:44px;
 color:#D9DDE3;text-decoration:none;font:500 .83rem/1.3 Geist,Arial,sans-serif;white-space:nowrap}
.jiz-project-nav__links a:hover,.jiz-project-nav__links a[aria-current]{color:#C6F23A}
.jiz-project-nav__current{flex:0 1 auto;max-width:22ch;margin-left:clamp(8px,1vw,20px)}
.jiz-project-nav__menu{display:none;position:relative}
.jiz-project-nav__menu summary{min-height:44px;display:flex;align-items:center;
 padding:0 12px;color:#D9DDE3;cursor:pointer;font-size:.85rem;list-style:none}
.jiz-project-nav__menu summary::-webkit-details-marker{display:none}
.jiz-project-nav__menu-links{position:absolute;z-index:100;top:calc(100% + 9px);right:0;
 width:210px;padding:12px;display:grid;gap:4px;background:#0B0D10;
 border:1px solid rgba(100,225,255,.24);border-radius:16px;box-shadow:0 18px 48px -20px rgba(0,0,0,.8)}
.jiz-project-nav__menu-links a{display:flex;align-items:center;min-height:44px;padding:0 11px;
 color:#F7F8FA;text-decoration:none;border-radius:9px;font-size:.85rem}
.jiz-project-nav__menu-links a:hover,.jiz-project-nav__menu-links a:focus-visible{
 background:rgba(100,225,255,.1);color:#64E1FF}
@media(max-width:1160px){.jiz-project-nav__links{display:none}.jiz-project-nav__menu{display:block;margin-left:auto}}
@media(max-width:690px){
 .jiz-project-nav{gap:9px}
 .jiz-project-nav__current{display:none}
 .jiz-project-nav__brandname{display:none}
 .jiz-project-nav__menu{order:2;margin-left:auto}
 .jiz-project-nav__actions{order:3}
 .jiz-project-nav__motion{font-size:.72rem;padding-inline:8px}
 .jiz-project-nav__exit{font-size:.77rem;padding-inline:10px}
}
@media(max-width:410px){.jiz-project-nav__motion{display:none}}

/* One calm, useful current-project indicator replaces seven numbered buttons. */
.jiz-homepage .jz-fw-controls{justify-content:flex-end}
.jiz-homepage .jz-fw-count{color:#D9DDE3}
.jiz-homepage .jz-fw-index summary{display:inline-flex;align-items:center;gap:9px;
 border:1px solid rgba(100,225,255,.27);padding:12px 18px;border-radius:999px;
 color:#64E1FF;min-height:44px}
.jiz-homepage .jz-fw-index summary:hover,.jiz-homepage .jz-fw-index summary:focus-visible{
 background:rgba(100,225,255,.08);border-color:#64E1FF}

/* Tools: three meaningful levels of emphasis, not several indistinguishable grays. */
.jiz-homepage .jz-st-titleline{display:flex;align-items:center;gap:15px}
.jiz-homepage .jz-st-glyph{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;
 border:1px solid rgba(100,225,255,.32);border-radius:13px;color:#64E1FF;
 background:rgba(100,225,255,.08)}
.jiz-homepage .jz-st-tools{gap:8px!important}
.jiz-homepage .jz-st-tools li{border:1px solid rgba(217,221,227,.13);border-radius:999px;
 padding:7px 11px!important;font:500 .75rem/1.45 var(--font-mono);
 background:#303B43;color:#F7F8FA}
.jiz-homepage .jz-st-tools li.jz-st-tool--primary{background:#F7F8FA;color:#0B0D10;
 border-color:#F7F8FA;font-weight:600}
.jiz-homepage .jz-st-tools li.jz-st-tool--secondary{background:#25323B;color:#D0E8EF;
 border-color:rgba(100,225,255,.17)}
.jiz-homepage .jz-st-more{display:inline-flex;gap:9px;align-items:center;justify-content:center;
 min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(100,225,255,.4);
 color:#64E1FF!important;background:rgba(100,225,255,.075)!important;font-weight:650}
.jiz-homepage .jz-st-more:hover{background:rgba(100,225,255,.18)!important}

/* Principles: icon and sequence work as one visual identifier. */
.jiz-homepage .jz-pp-item{transition:background .22s,border-color .22s,padding .22s}
.jiz-homepage .jz-pp-n{display:flex;flex-direction:column;align-items:flex-start;gap:9px;
 color:#146C7B!important;padding-top:0!important}
.jiz-homepage .jz-pp-n svg{display:block}
.jiz-homepage .jz-pp-n small{font:600 .68rem/1.2 var(--font-mono);color:#54717A}
.jiz-homepage .jz-pp-n::before{display:none!important}
.jiz-homepage .jz-pp-item:hover{border-color:rgba(12,99,122,.45);background:rgba(100,225,255,.05)}
.jiz-homepage .jz-pp-item:hover .jz-pp-n{color:#0A5968!important}

/* Evidence is opt-in, transparent and contextual rather than overstating cause. */
.jiz-homepage .jz-im-evidence{margin-top:14px;max-width:480px;color:#D9DDE3}
.jiz-homepage .jz-im-evidence summary{min-height:44px;display:inline-flex;align-items:center;gap:10px;
 cursor:pointer;border:1px solid rgba(100,225,255,.3);border-radius:999px;
 padding:10px 14px;color:#64E1FF;font:600 .79rem/1.4 Geist,Arial,sans-serif}
.jiz-homepage .jz-im-evidence summary:hover,.jiz-homepage .jz-im-evidence summary:focus-visible{
 background:rgba(100,225,255,.1);border-color:#64E1FF}
.jiz-homepage .jz-im-evidence__body{padding:14px 16px 18px;margin-top:8px;
 border:1px solid rgba(100,225,255,.18);border-radius:16px;
 background:#142127;line-height:1.6;font-size:.86rem;color:#D9DDE3}
.jiz-homepage .jz-im-evidence__body p{margin:0 0 10px}
.jiz-homepage .jz-im-evidence__note{color:#A9C2C8;font-size:.74rem}
.jiz-homepage .jz-im-evidence__body a{display:inline-flex;align-items:center;gap:7px;
 min-height:44px;color:#C6F23A;text-underline-offset:4px}

/* Capabilities: consistent cyan hover/focus that also works by keyboard. */
.jiz-homepage .jz-pr--capabilities .jz-pr-cap button:is(:hover,:focus-visible){
 box-shadow:inset 4px 0 0 #64E1FF;background:linear-gradient(90deg,rgba(100,225,255,.18),transparent 65%)!important}
.jiz-homepage .jz-pr--capabilities .jz-pr-cap button:focus-visible{outline:2px solid #146C7B;outline-offset:3px}

/* A quieter, more human contact composition: use existing approved portrait asset
   until the newly supplied photo is imported into repository assets. */
.jiz-homepage .jz-ct-intro{display:grid;gap:8px;margin:0}
.jiz-homepage .jz-ct-intro p{max-width:32ch;margin:0;color:#D9DDE3;font-size:1.06rem;line-height:1.5}
.jiz-homepage .jz-ct-choices button{justify-content:flex-start!important;gap:15px!important;min-height:68px!important}
.jiz-homepage .jz-ct-choice-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;
 border-radius:12px;background:rgba(100,225,255,.09);color:#64E1FF!important}
.jiz-homepage .jz-ct-choice-name{color:#F7F8FA!important;font-size:clamp(.93rem,1.1vw,1.05rem)!important;flex:1}
.jiz-homepage .jz-ct-choice-arrow{color:#64E1FF!important}
.jiz-homepage .jz-ct-poster--portrait{
 min-height:clamp(340px,39vw,510px);
 background-image:linear-gradient(0deg,rgba(6,12,17,.94),rgba(6,12,17,.3) 54%,rgba(6,12,17,.10)),
 url('/assets/imagery/speaking/speaker-contact-warm.jpg')!important;
 background-position:center,center 34%!important;background-size:cover,cover!important;
 justify-content:flex-end;align-items:flex-start;gap:16px;
}
.jiz-homepage .jz-ct-poster--portrait .jz-ct-poster-footer{
 max-width:18ch;color:#F7F8FA;font:600 clamp(1.35rem,2.8vw,2.7rem)/1.1 var(--font-display);
 letter-spacing:-.035em;text-transform:none}
.jiz-homepage .jz-ct-poster--portrait .jz-ct-poster-line{width:40%;background:linear-gradient(90deg,#C6F23A,transparent)}
.jiz-homepage .jz-ct-poster--portrait .jz-ct-poster-kicker{color:#C6F23A}
@media(max-width:700px){.jiz-homepage .jz-ct-poster--portrait{min-height:360px}}

/* Journal: one headline and one purposeful archive invitation. */
.jiz-homepage .cls-room__archive-link{display:flex;justify-content:flex-end;
 padding-top:clamp(20px,2.5vw,32px);margin-top:clamp(16px,2vw,25px);
 border-top:1px solid rgba(217,221,227,.16)}
.jiz-homepage .cls-room__archive-link a{display:inline-flex;align-items:center;min-height:44px;
 color:#C6F23A;text-decoration:none;font:600 .87rem/1.5 var(--font-body)}
.jiz-homepage .cls-room__archive-link a:hover{text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.jiz-homepage .jz-pp-item{transition:none}}

/* The graphite gutter doubles as a subtle editorial chapter guide.
   Numbers continue from Presence 01 / Proof 02, without adding new headings. */
.jiz-homepage main > div[data-chapter-label]::before{
 content:attr(data-chapter-label);
 position:absolute;top:2px;right:calc(var(--panel-gap,20px) + 10px);z-index:3;
 display:block;pointer-events:none;
 color:#D9E5E8;font:650 .59rem/1.4 var(--font-mono,monospace);
 letter-spacing:.15em;opacity:.72;
}
@media(max-width:640px){
 .jiz-homepage main > div[data-chapter-label]::before{
  top:0;right:calc(var(--panel-gap,12px) + 8px);
  font-size:.54rem;letter-spacing:.09em;
 }
}

/* Homepage Speaking is now a single image-led composition, aligned with the subpage. */
html .jiz-homepage .sp-preview--immersive{
  background:#10191E!important;color:#F7F8FA!important;
  padding:clamp(14px,2.5vw,34px)!important;
}
.jiz-homepage .sp-preview-scene{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:clamp(560px,58vw,790px);
 display:flex;align-items:flex-end;
 padding:clamp(35px,5vw,80px);
 border-radius:clamp(18px,2.4vw,30px);
 background-image:
   linear-gradient(90deg,rgba(6,12,17,.95),rgba(6,12,17,.82) 29%,rgba(6,12,17,.13) 75%),
   linear-gradient(0deg,rgba(6,12,17,.79),transparent 63%),
   url('/assets/imagery/speaking/speaker-cinematic-dark.jpg');
 background-size:cover;background-position:center;
 box-shadow:inset 0 -70px 90px -55px rgba(0,0,0,.75);
}
.jiz-homepage .sp-preview-scene .sp-preview-copy{position:relative;z-index:1;
 display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,2vw,23px);
 width:min(100%,680px);max-width:680px;margin:0;padding:0}
.jiz-homepage .sp-preview-scene .sp-kicker{margin:0;color:#C6F23A;
 font:650 .7rem/1.4 var(--font-mono,monospace);letter-spacing:.15em}
.jiz-homepage .sp-preview-scene .sp-preview-copy h2{
 margin:0;color:#F7F8FA;font:650 clamp(3rem,5.5vw,6.2rem)/1 var(--font-display);
 letter-spacing:-.058em;max-width:12ch;text-wrap:balance;
}
.jiz-homepage .sp-preview-scene .sp-preview-copy > p:not(.sp-kicker){
 margin:0;max-width:47ch;color:#D9E2E5;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.65
}
.jiz-homepage .sp-preview-scene .sp-preview-formats{display:flex;flex-wrap:wrap;gap:7px}
.jiz-homepage .sp-preview-scene .sp-preview-formats span{
 display:inline-flex;align-items:center;padding:7px 12px;
 border:1px solid rgba(100,225,255,.36);border-radius:999px;
 background:rgba(4,12,16,.35);color:#E0F6FC;font:550 .78rem/1.3 var(--font-body);
}
.jiz-homepage .sp-preview-scene .sp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:7px}
.jiz-homepage .sp-preview-scene .sp-button{display:inline-flex;align-items:center;justify-content:center;
 min-height:49px;padding:11px 22px;border-radius:999px;background:#C6F23A!important;
 color:#0B0D10!important;border:1px solid #C6F23A;text-decoration:none;font-weight:650}
.jiz-homepage .sp-preview-scene .sp-text-link{color:#F7F8FA!important;
 text-decoration:underline;text-decoration-color:#64E1FF;text-underline-offset:6px}
.jiz-homepage .sp-preview-disclosure{position:absolute;right:22px;bottom:13px;z-index:1;
 max-width:25ch;margin:0;color:rgba(247,248,250,.7);text-align:right;
 font:500 .59rem/1.45 var(--font-mono,monospace)}
.jiz-homepage .sp-preview-studio{margin:clamp(14px,2vw,24px) clamp(6px,1vw,15px) 0;
 border-top:1px solid rgba(100,225,255,.14);padding:13px 4px;color:#D9E2E5}
.jiz-homepage .sp-preview-studio summary{display:flex;align-items:center;gap:10px;
 min-height:44px;cursor:pointer;color:#64E1FF;list-style:none;
 font:650 .72rem/1.4 var(--font-mono,monospace);letter-spacing:.12em}
.jiz-homepage .sp-preview-studio summary::-webkit-details-marker{display:none}
.jiz-homepage .sp-preview-studio p{max-width:64ch;font-size:.91rem;line-height:1.6}
.jiz-homepage .sp-preview-studio a{display:inline-flex;align-items:center;min-height:44px;color:#C6F23A}
@media(max-width:760px){
 .jiz-homepage .sp-preview-scene{min-height:650px;padding:28px 23px 54px;
   background-image:linear-gradient(0deg,rgba(5,10,14,.96),rgba(5,10,14,.75) 40%,rgba(5,10,14,.1) 85%),
    url('/assets/imagery/speaking/speaker-cinematic-dark.jpg');
   background-position:center,center;background-size:cover}
 .jiz-homepage .sp-preview-scene .sp-preview-copy h2{font-size:clamp(2.55rem,10vw,4.7rem)}
 .jiz-homepage .sp-preview-disclosure{bottom:11px;right:18px;left:18px;text-align:left;max-width:none}
}