/* TOC Bible Study Center landing page — Concept 3 lock, 2026-09-27 */
.bsc-landing-page .bsc-app{background:#020b14;overflow:hidden;min-height:0}
.bsc-landing{position:relative;background:#020b14;color:#fff;isolation:isolate}
.bsc-landing-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.bsc-landing-hero-media{position:absolute;inset:0;z-index:-3}
.bsc-landing-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.bsc-landing-hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
linear-gradient(180deg,rgba(2,10,18,.30) 0%,rgba(2,10,18,.10) 36%,rgba(2,10,18,.06) 55%,rgba(2,10,18,.78) 83%,#020b14 100%),
linear-gradient(90deg,rgba(2,10,18,.28),transparent 30%,transparent 72%,rgba(2,10,18,.12))}
.bsc-landing-copy{width:min(1180px,92vw);padding-top:34px;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.72)}
.bsc-landing-kicker{display:block;margin-bottom:8px;color:#e7edf4;font:600 13px/1.2 Arial,sans-serif;letter-spacing:.34em;text-transform:uppercase}
.bsc-landing-title{margin:0;color:#f8fbff;font:500 clamp(44px,5vw,72px)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.bsc-landing-title span{color:#61baff}
.bsc-landing-tagline{margin:9px 0 0;color:#f4f7fa;font:500 clamp(16px,1.35vw,21px)/1.2 Georgia,"Times New Roman",serif}
.bsc-landing-search{width:min(820px,76vw);margin:18px auto 0}
.bsc-landing-search form{display:flex;align-items:center;min-height:52px;padding:4px 5px 4px 20px;border-radius:999px;background:#fff;box-shadow:0 11px 32px rgba(0,0,0,.32)}
.bsc-landing-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#142031;font:500 16px/1.2 Arial,sans-serif}
.bsc-landing-search input::placeholder{color:#687789}
.bsc-landing-search button{width:44px;height:44px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:#0879cf;color:#fff;cursor:pointer}
.bsc-landing-search button:hover{background:#1497ed}
.bsc-landing-enter{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:10px auto 0;color:#e8f5ff;text-decoration:none;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.72);opacity:.92}
.bsc-landing-enter:hover{color:#73d8ff;opacity:1}
.bsc-landing-enter:focus-visible{outline:2px solid #4dcaff;outline-offset:4px;border-radius:3px}
.bsc-landing-enter span{font-size:15px;line-height:1;transition:transform .16s ease}
.bsc-landing-enter:hover span{transform:translateX(3px)}
.bsc-search-icon{width:21px;height:21px;border:2px solid currentColor;border-radius:50%;position:relative;display:block}
.bsc-search-icon:after{content:"";position:absolute;width:8px;height:2px;right:-6px;bottom:-3px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.bsc-landing-spacer{flex:1;min-height:150px}
.bsc-landing-cards{width:min(1040px,86vw);display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 auto 16px}
.bsc-landing-card{position:relative;min-height:160px;border:1px solid rgba(230,192,110,.66);border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 16px 42px rgba(0,0,0,.28);transition:transform .2s ease,border-color .2s ease}
.bsc-landing-card:hover{transform:translateY(-3px);border-color:#efc267}
.bsc-landing-card:focus-visible{outline:3px solid #4dcaff;outline-offset:3px}
.bsc-landing-card>div{position:relative;z-index:2;padding:20px 28px}
.bsc-landing-card small{display:block;margin-top:5px;font:500 13px/1.25 Arial,sans-serif}
.bsc-landing-card h2{margin:0;font:700 18px/1.1 Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.bsc-landing-card strong{display:block;margin-top:16px;font:600 21px/1.18 Georgia,"Times New Roman",serif}
.bsc-landing-card p{max-width:390px;margin:7px 0 0;font:500 14px/1.4 Arial,sans-serif}
.bsc-landing-card .bsc-card-action{position:absolute;right:20px;bottom:18px;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:400 25px/1 Arial,sans-serif}
.bsc-landing-votd{color:#fff;background:
radial-gradient(circle at 82% 18%,rgba(71,177,239,.27),transparent 34%),
linear-gradient(145deg,rgba(3,36,61,.98),rgba(3,18,32,.98))}
.bsc-landing-votd small{color:#b9d9ed}.bsc-landing-votd p{color:#cde6f4}
.bsc-landing-devotional{color:#142033;background:
radial-gradient(circle at 83% 15%,rgba(255,221,144,.68),transparent 38%),
linear-gradient(135deg,#f6e1b6,#f0c87b)}
.bsc-landing-devotional small{color:#59616b}.bsc-landing-devotional p{color:#26313d}
.bsc-landing-card-label{display:flex;align-items:center;gap:12px}
.bsc-landing-card-icon{width:34px;height:34px;display:grid;place-items:center;font:700 21px/1 Georgia,serif}
.bsc-landing-closing{margin:0 0 12px;color:#e4edf5;text-align:center;font:600 10px/1.35 Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.bsc-landing-closing span{display:block;margin-top:6px;font-size:9px;color:#afc0cf}
@media(max-width:1050px){
  .bsc-landing,.bsc-landing-hero{min-height:880px}
  .bsc-landing-copy{padding-top:54px}
  .bsc-landing-spacer{min-height:315px}
  .bsc-landing-card{min-height:210px}
  .bsc-landing-card>div{padding:24px 26px}
}
@media(max-width:760px){
  .bsc-landing-page .study-nav{display:none}
  .bsc-landing,.bsc-landing-hero{min-height:auto}
  .bsc-landing-hero{padding-bottom:20px}
  .bsc-landing-hero-media{height:530px}
  .bsc-landing-hero-media img{object-position:50% 44%}
  .bsc-landing-hero:before{background:
    linear-gradient(180deg,rgba(2,10,18,.28) 0%,rgba(2,10,18,.12) 34%,rgba(2,10,18,.18) 53%,#020b14 72%,#020b14 100%)}
  .bsc-landing-copy{width:92vw;padding-top:44px}
  .bsc-landing-kicker{font-size:9px;letter-spacing:.28em}
  .bsc-landing-title{font-size:clamp(38px,11vw,52px);line-height:.93}
  .bsc-landing-tagline{margin-top:10px;font-size:17px}
  .bsc-landing-search{width:90vw;margin-top:20px}
  .bsc-landing-search form{min-height:52px;padding-left:18px}
  .bsc-landing-search input{font-size:14px}
  .bsc-landing-search button{width:42px;height:42px}
  .bsc-landing-spacer{min-height:250px}
  .bsc-landing-cards{width:92vw;grid-template-columns:1fr;gap:10px;margin-bottom:20px}
  .bsc-landing-card{min-height:180px}
  .bsc-landing-card>div{padding:22px 24px}
  .bsc-landing-card h2{font-size:18px}.bsc-landing-card strong{margin-top:18px;font-size:21px}
  .bsc-landing-card p{font-size:14px;padding-right:42px}
  .bsc-landing-card .bsc-card-action{right:18px;bottom:18px;width:38px;height:38px;font-size:25px}
  .bsc-landing-closing{font-size:9px;letter-spacing:.22em;padding:0 16px}
}
@media(max-width:420px){
  .bsc-landing-hero-media{height:500px}
  .bsc-landing-copy{padding-top:36px}
  .bsc-landing-title{font-size:38px}
  .bsc-landing-search{width:92vw}
  .bsc-landing-spacer{min-height:230px}
}
@media(prefers-reduced-motion:reduce){.bsc-landing-card{transition:none}}
.bsc-landing .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(min-width:761px){
  .bsc-landing,.bsc-landing-hero{height:clamp(650px,calc(100vh - 142px),780px);min-height:650px}
  .bsc-landing-hero-media img{object-position:50% 60%}
}

/* Desktop refinement — calmer, narrower Concept 3 composition */
@media(min-width:761px){
  .bsc-landing-search{
    width:min(600px,50vw);
    margin:26px auto 0;
  }
  .bsc-landing-cards{
    width:min(760px,58vw);
    gap:16px;
    margin:0 auto 16px;
  }
}

/* Fine refinement — compact search and protected card copy */
@media(min-width:761px){
  .bsc-landing-search{
    width:min(520px,44vw);
    margin:28px auto 0;
  }
  .bsc-landing-search form{
    min-height:44px;
    padding:3px 4px 3px 17px;
  }
  .bsc-landing-search input{
    font-size:14px;
  }
  .bsc-landing-search button{
    width:36px;
    height:36px;
  }
  .bsc-search-icon{
    width:17px;
    height:17px;
  }

  .bsc-landing-card>div{
    padding:18px 22px;
  }
  .bsc-landing-card h2{
    font-size:17px;
  }
  .bsc-landing-card strong{
    margin-top:14px;
    font-size:19px;
  }
  .bsc-landing-card p{
    max-width:none;
    padding-right:58px;
    margin-top:6px;
    font-size:13.5px;
    line-height:1.35;
  }
  .bsc-landing-card .bsc-card-action{
    right:16px;
    bottom:15px;
    width:34px;
    height:34px;
    font-size:22px;
  }
}

/* ===== TOC BIBLE LANDING CALM MOTION V2 ===== */
.bsc-landing-hero-media{
  overflow:hidden;
  opacity:0;
  animation:bscHeroFade 2.6s ease-out forwards;
}
.bsc-landing-hero-media img{
  transform:translate3d(0,var(--bsc-parallax-y,0px),0) scale(1.06);
  transform-origin:center 58%;
  will-change:transform;
}
.bsc-landing-copy,
.bsc-landing-cards,
.bsc-landing-closing{
  opacity:0;
  animation:bscSlowFade 2.2s ease-out .18s forwards;
}

.bsc-landing-search form{
  transition:box-shadow .3s ease;
}
.bsc-landing-search form:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 1px rgba(77,202,255,.12);
}
.bsc-landing-search form:focus-within{
  box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 0 3px rgba(77,202,255,.14);
}
.bsc-landing-search button{
  transition:background-color .25s ease,box-shadow .25s ease;
}
.bsc-landing-search button:hover,
.bsc-landing-search button:focus-visible{
  box-shadow:0 0 0 4px rgba(34,183,255,.10);
}

.bsc-landing-card{
  transition:border-color .28s ease,box-shadow .28s ease;
}
.bsc-landing-card::before{
  content:none;
}
.bsc-landing-card:hover,
.bsc-landing-card:focus-visible{
  transform:none;
  border-color:#efc267;
  box-shadow:0 17px 36px rgba(0,0,0,.30);
  filter:none;
}
.bsc-landing-card .bsc-card-action{
  transition:background-color .25s ease;
}
.bsc-landing-card:hover .bsc-card-action,
.bsc-landing-card:focus-visible .bsc-card-action{
  transform:none;
}
.bsc-landing-votd:hover .bsc-card-action,
.bsc-landing-votd:focus-visible .bsc-card-action{
  background:rgba(255,255,255,.06);
}
.bsc-landing-devotional:hover .bsc-card-action,
.bsc-landing-devotional:focus-visible .bsc-card-action{
  background:rgba(255,255,255,.20);
}

@keyframes bscHeroFade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes bscSlowFade{
  from{opacity:0}
  to{opacity:1}
}

@media(prefers-reduced-motion:reduce){
  .bsc-landing-hero-media,
  .bsc-landing-copy,
  .bsc-landing-cards,
  .bsc-landing-closing{
    animation:none!important;
    opacity:1!important;
  }
  .bsc-landing-hero-media img{
    transform:scale(1.06)!important;
  }
  .bsc-landing-search form,
  .bsc-landing-search button,
  .bsc-landing-card,
  .bsc-landing-card .bsc-card-action{
    transition:none!important;
  }
}