/* Compact OCIA landing-page pass.
   The landing page should feel like the printed Companion continued on screen,
   while getting the reader to the matching lesson quickly. */

/* Hero: smaller opening spread, real cover, less billboard scale */
#ocia-landing .ocia-book-hero:before{inset:14px}
#ocia-landing .ocia-book-hero:after{inset:20px}

.ocia-book-hero-inner{
  grid-template-columns:minmax(0,1.25fr) minmax(230px,300px);
  gap:clamp(28px,4.5vw,58px);
  width:min(1140px,calc(100% - 56px));
  padding:52px 0 44px;
}

#ocia-landing .ocia-book-hero .ocia-hero-rule{margin-bottom:16px}
#ocia-landing .ocia-book-hero .ocia-hero-rule span{width:64px}
#ocia-landing .ocia-book-hero .ocia-kicker{margin-bottom:12px;font-size:.68rem}

#ocia-landing .ocia-book-hero h1{
  max-width:680px;
  font-size:clamp(2.45rem,4.9vw,4.65rem);
  line-height:.98;
  letter-spacing:-.035em;
}
#ocia-landing .ocia-book-hero h1 em{margin-top:7px}

#ocia-landing .ocia-book-hero .ocia-hero-copy{
  max-width:650px;
  margin-top:18px;
  font-size:clamp(.98rem,1.2vw,1.1rem);
  line-height:1.62;
}
#ocia-landing .ocia-book-hero .ocia-hero-actions{margin-top:22px}
#ocia-landing .ocia-book-hero .ocia-independent-note{
  margin-top:12px;
  max-width:620px;
  font-size:.85rem;
  line-height:1.48;
}

.ocia-book-hero-meta{
  margin-top:22px;
  padding-top:14px;
}
.ocia-book-hero-meta span{
  min-width:118px;
  padding:0 16px;
}
.ocia-book-hero-meta strong{font-size:1.32rem}
.ocia-book-hero-meta small{font-size:.59rem;margin-top:5px}

.ocia-book-stage{
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:10px;
  perspective:none;
}
.ocia-book-stage:before{
  width:92%;
  height:82%;
  filter:blur(20px);
  opacity:.6;
  transform:translate(0,4%);
}
.ocia-book-object{
  width:min(284px,100%);
  transform:none;
  filter:drop-shadow(0 20px 26px rgba(2,17,28,.34));
}
.ocia-book-object:before,
.ocia-book-object:after{display:none}
.ocia-book-object img{
  border-radius:2px;
  border:1px solid rgba(239,207,123,.65);
}
.ocia-book-stage figcaption{
  position:static;
  width:auto;
  transform:none;
  font-size:.59rem;
  line-height:1.4;
}

/* Compact three-step handoff */
#ocia-landing .ocia-method{
  width:min(1080px,calc(100% - 40px));
  margin:38px auto 18px;
  padding:30px 32px 28px;
  box-shadow:0 10px 30px rgba(18,37,49,.055);
}
#ocia-landing .ocia-method:before{inset:6px}
#ocia-landing .ocia-method .ocia-section-heading{
  max-width:760px;
  margin-bottom:22px;
}
#ocia-landing .ocia-method .ocia-section-heading:before{
  margin-bottom:10px;
  font-size:1.15rem;
}
#ocia-landing .ocia-method .ocia-section-heading h2{
  font-size:clamp(1.7rem,3vw,2.55rem);
}
#ocia-landing .ocia-method .ocia-section-heading>p:last-child{
  margin-top:8px;
  font-size:.96rem;
}
#ocia-landing .ocia-method-grid article{
  min-height:0;
  padding:22px 22px 20px;
}
#ocia-landing .ocia-method-grid h3{margin-top:10px;font-size:1.15rem}
#ocia-landing .ocia-method-grid p{margin-top:8px;font-size:.9rem;line-height:1.48}

/* The table of contents is the main event */
#ocia-landing .ocia-lessons{
  padding:44px 0 58px;
}
#ocia-landing .lessons-heading{
  margin-bottom:24px;
  padding-bottom:18px;
}
#ocia-landing .lessons-heading h2{
  font-size:clamp(1.95rem,3.5vw,3rem);
  line-height:1.06;
}
#ocia-landing .lessons-heading>div>p:last-child{font-size:.95rem}
#ocia-landing .ocia-search-wrap{padding:12px 13px 13px}
#ocia-landing .ocia-lesson-groups{gap:34px}
#ocia-landing .ocia-lesson-group{gap:12px}
#ocia-landing .ocia-lesson-group-head{padding:11px 15px 11px 17px}
#ocia-landing .ocia-lesson-group-head h3{font-size:1.35rem}
#ocia-landing .ocia-card-grid{gap:10px}
#ocia-landing .ocia-lesson-card{
  min-height:184px;
  padding:20px 19px 18px;
}
#ocia-landing .ocia-lesson-card h4{margin-top:18px;font-size:1.2rem}

/* Reader rhythm becomes a compact orientation section after the lessons */
.ocia-level2-rhythm{
  width:min(1080px,calc(100% - 40px));
  padding:8px 0 42px;
}
.ocia-level2-rhythm-head{
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-bottom:16px;
}
.ocia-level2-rhythm-head h2{font-size:clamp(1.55rem,2.8vw,2.25rem)}
.ocia-level2-rhythm-head p:last-child{font-size:.94rem}
#ocia-landing .ocia-evidence-strip div{
  min-height:108px;
  padding:20px 15px 17px;
}
#ocia-landing .ocia-evidence-strip div:before{margin-bottom:11px}
#ocia-landing .ocia-evidence-strip strong{font-size:.92rem}
#ocia-landing .ocia-evidence-strip span{font-size:.84rem;line-height:1.4}

/* Closing standard stays strong without adding another oversized block */
#ocia-landing .ocia-research-standard{
  width:min(1080px,calc(100% - 40px));
  margin-bottom:58px;
  padding:34px 38px;
}
#ocia-landing .ocia-standard-copy h2{font-size:clamp(1.8rem,3vw,2.65rem)}

/* Retire the old bridge; its idea is now built into the compact handoff */
.ocia-companion-bridge{display:none!important}

@media(max-width:900px){
  .ocia-book-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(210px,250px);
    width:min(100% - 42px,900px);
    gap:28px;
  }
  .ocia-book-object{width:min(244px,100%)}
  #ocia-landing .ocia-method{margin-top:30px}
}

@media(max-width:720px){
  #ocia-landing .ocia-book-hero:before{inset:8px}
  #ocia-landing .ocia-book-hero:after{inset:13px}
  .ocia-book-hero-inner{
    grid-template-columns:1fr;
    width:min(100% - 34px,620px);
    padding:36px 0 32px;
    gap:24px;
  }
  .ocia-book-stage{order:-1}
  .ocia-book-object{width:min(220px,66vw)}
  .ocia-book-stage figcaption{display:none}
  #ocia-landing .ocia-book-hero h1{font-size:clamp(2.15rem,10vw,3.35rem)}
  #ocia-landing .ocia-book-hero .ocia-hero-copy{font-size:.96rem}
  .ocia-book-hero-meta{margin-top:18px;padding-top:12px}
  .ocia-book-hero-meta span{min-width:96px;padding:0 11px}

  #ocia-landing .ocia-method{
    width:calc(100% - 24px);
    margin-top:26px;
    padding:26px 18px 22px;
  }
  #ocia-landing .ocia-method-grid article{padding:18px 15px}

  #ocia-landing .ocia-lessons{padding:36px 0 46px}
  .ocia-level2-rhythm{width:calc(100% - 24px);padding-bottom:34px}
  .ocia-level2-rhythm-head{grid-template-columns:1fr;gap:7px}
  #ocia-landing .ocia-evidence-strip div{min-height:0;padding:17px 15px}

  #ocia-landing .ocia-research-standard{
    width:calc(100% - 24px);
    margin-bottom:42px;
    padding:30px 22px;
  }
}

@media(max-width:440px){
  .ocia-book-object{width:min(198px,62vw)}
  #ocia-landing .ocia-book-hero .ocia-hero-actions{margin-top:18px}
  .ocia-book-hero-meta span{min-width:88px;padding:0 8px}
  .ocia-book-hero-meta strong{font-size:1.18rem}
  #ocia-landing .ocia-method .ocia-section-heading h2{font-size:1.7rem}
  #ocia-landing .ocia-lessons{padding-top:32px}
}