/* Homepage refinements — Method, Sprints, Selected Work */

/* Keep anchored homepage sections clear of the fixed navigation */
#sprints{
  scroll-margin-top:58px;
}

/* Slimmer translucent navigation strip once the page is scrolling */
.site-header:not(.logo-at-top){
  padding-top:14px;
  padding-bottom:14px;
}

/* Subtle Sprint emphasis in the existing navigation */
.site-nav .nav-sprints{
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}

/* Keep the major homepage section headlines on one consistent scale */
.home-method-intro h2,
.home-sprints-head h2,
.credentials-work .work-heading h2{
  font-size:clamp(3rem,5vw,5.5rem);
  line-height:.95;
  letter-spacing:-.02em;
}

/* New Method preview */
.home-method-preview{
  background:var(--magenta);
  padding:8vw 3.4vw;
  border-bottom:1px solid rgba(135,32,211,.16);
  overflow:hidden;
}
.home-method-layout{
  display:grid;
  grid-template-columns:.58fr 1.42fr;
  gap:6vw;
  align-items:center;
}
.home-method-intro{
  max-width:560px;
}
.home-method-intro .section-label{
  color:var(--purple);
  margin-bottom:28px;
}
.home-method-intro h2{
  margin:0 0 28px;
  color:var(--purple);
}
.home-method-intro p{
  font-size:1.02rem;
  margin:0 0 28px;
  color:rgba(22,22,22,.72);
}
.home-method-intro .link{
  color:var(--purple);
}
.home-method-list{
  border-top:1px solid rgba(22,22,22,.16);
}
.home-method-card{
  display:grid;
  grid-template-columns:54px 92px 1fr;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid rgba(22,22,22,.16);
  opacity:0;
  transform:translateX(120px);
  transition:opacity .5s ease,transform .72s cubic-bezier(.18,.75,.22,1);
  transition-delay:calc(var(--step) * 130ms);
}
.home-method-preview.is-visible .home-method-card{
  opacity:1;
  transform:none;
}
.home-method-card .method-no{
  font-size:.7rem;
  letter-spacing:.13em;
  color:var(--purple);
}
.home-method-card img{
  width:76px;
  height:76px;
  object-fit:contain;
}
.home-method-card h3{
  font-size:clamp(1.65rem,2.55vw,3rem);
  line-height:1;
  margin:0 0 8px;
  color:var(--teal);
}
.home-method-card p{
  margin:0;
  font-size:.96rem;
  color:rgba(22,22,22,.76);
}

/* Sprint section */
.home-sprints{
  background:var(--lightblue);
  padding:8vw 3.4vw;
  border-bottom:1px solid rgba(28,123,124,.16);
}
.home-sprints-head{
  display:grid;
  grid-template-columns:.42fr 1fr .75fr;
  gap:5vw;
  align-items:end;
  margin-bottom:5vw;
}
.home-sprints-head .section-label{
  color:var(--teal);
  align-self:start;
}
.home-sprints-head h2{
  margin:0;
  color:var(--purple);
}
.home-sprints-head>p{
  font-size:1.08rem;
  line-height:1.55;
  margin:0;
  max-width:560px;
}
.home-sprints-head .sprint-mode{
  color:var(--teal);
  font-weight:800;
}
.home-sprint-options{
  display:grid;
  grid-template-columns:1fr 1fr .62fr;
  border-top:1px solid rgba(22,22,22,.18);
  border-bottom:1px solid rgba(22,22,22,.18);
}
.home-sprint-option{
  padding:32px 30px 32px 0;
  border-right:1px solid rgba(22,22,22,.18);
}
.home-sprint-option+.home-sprint-option{
  padding-left:30px;
}
.home-sprint-option span{
  display:block;
  font-size:.7rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--teal);
  margin-bottom:12px;
}
.home-sprint-option strong{
  display:block;
  font-family:Raleway,Avenir,"Avenir Next",sans-serif;
  font-size:clamp(1.8rem,2.8vw,3.1rem);
  line-height:1;
  color:var(--ink);
}
.home-sprint-option b{
  display:block;
  margin-top:16px;
  color:var(--purple);
  font-size:.95rem;
}
.home-sprints-cta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:30px 0 30px 30px;
  color:var(--teal);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:700;
}

/* Selected Work: expandable credentials */
.selected-work.credentials-work{
  background:var(--white);
}
.credentials-work .work-heading{
  margin-bottom:5vw;
}
.credentials-work .work-heading h2{
  margin-top:0;
}
.credential-list{
  border-top:1px solid rgba(22,22,22,.16);
}
.work-credential{
  border-bottom:1px solid rgba(22,22,22,.16);
}
.work-credential summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:.48fr 1.25fr auto;
  gap:3vw;
  align-items:center;
  padding:28px 0;
}
.work-credential summary::-webkit-details-marker{display:none}
.credential-client{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--purple);
}
.credential-thesis{
  font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(1.55rem,2.65vw,3rem);
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1.04;
  color:var(--ink);
}
.credential-toggle{
  font-size:1.6rem;
  color:var(--purple);
  transition:transform .2s ease;
}
.work-credential[open] .credential-toggle{
  transform:rotate(45deg);
}
.credential-detail{
  display:grid;
  grid-template-columns:.48fr 1.25fr auto;
  gap:3vw;
  padding:0 0 34px;
}
.credential-detail-inner{
  grid-column:2 / 3;
  max-width:850px;
}
.credential-detail-inner p{
  font-size:1rem;
  line-height:1.55;
  margin:0 0 14px;
}
.credential-detail-inner strong{
  color:var(--purple);
}
.credential-detail-inner .credential-link{
  display:inline-block;
  margin-top:10px;
  color:var(--teal);
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
  font-size:.82rem;
}

@media(max-width:900px){
  #sprints{scroll-margin-top:64px}
  .site-header:not(.logo-at-top){padding-top:12px;padding-bottom:12px}
  .home-method-layout{grid-template-columns:1fr;gap:48px}
  .home-method-card{opacity:1;transform:none}
  .home-sprints-head{grid-template-columns:1fr;gap:28px}
  .home-sprint-options{grid-template-columns:1fr}
  .home-sprint-option,.home-sprint-option+.home-sprint-option{padding:24px 0;border-right:0;border-bottom:1px solid rgba(22,22,22,.18)}
  .home-sprints-cta{padding:24px 0}
  .work-credential summary{grid-template-columns:1fr auto;gap:12px}
  .credential-client{grid-column:1 / 2}
  .credential-thesis{grid-column:1 / 2}
  .credential-toggle{grid-column:2;grid-row:1 / 3;align-self:center}
  .credential-detail{grid-template-columns:1fr;padding-bottom:28px}
  .credential-detail-inner{grid-column:1}
}

@media(max-width:600px){
  .home-method-preview,.home-sprints{padding:72px 20px}
  .home-method-preview{position:relative;padding-bottom:150px}
  .home-method-intro .link{position:absolute;left:20px;bottom:72px;margin:0}
  .home-method-card{grid-template-columns:34px 64px 1fr;gap:16px;padding:20px 0}
  .home-method-card img{width:58px;height:58px}
  .home-method-card h3{font-size:1.5rem}
  .home-method-intro h2,.home-sprints-head h2,.credentials-work .work-heading h2{font-size:15vw}
  .credentials-work .work-heading{margin-bottom:44px}
}

@media(prefers-reduced-motion:reduce){
  .home-method-card{opacity:1;transform:none;transition:none}
}