/* Heretic Photo — homepage-only refinements */

/* Mobile-only definition refinement */
@media (max-width: 700px){
  .definition::after{
    right:-.18em!important;
    top:auto!important;
    bottom:-.08em!important;
    transform:none!important;
    font-size:clamp(7rem,38vw,11rem)!important;
    opacity:.7!important;
  }
  .definition .definition-inner{
    padding-top:3.4rem!important;
    padding-bottom:3.8rem!important;
    padding-left:clamp(20px,6vw,30px)!important;
    padding-right:clamp(20px,6vw,30px)!important;
  }
  .definition-grid{
    display:block!important;
  }
  .definition-word{
    font-size:clamp(3.9rem,19vw,6rem)!important;
    line-height:.84!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }
  .definition-pronunciation{
    margin-top:.9rem!important;
    font-size:.75rem!important;
    line-height:1.55!important;
    letter-spacing:.035em!important;
  }
  .definition-copy{
    width:100%!important;
    max-width:none!important;
    margin:2.2rem 0 0!important;
    padding:1.25rem 0 0!important;
    border-left:0!important;
    border-top:2px solid var(--gold2,#b29a73)!important;
  }
  .definition-label{
    margin-bottom:.75rem!important;
    font-size:.6rem!important;
    letter-spacing:.14em!important;
  }
  .definition-copy blockquote{
    font-size:clamp(1.65rem,8vw,2.35rem)!important;
    line-height:1.05!important;
    max-width:15ch!important;
  }
  .definition-copy p{
    margin-top:1rem!important;
    max-width:34rem!important;
    font-size:.9rem!important;
    line-height:1.7!important;
  }
}
@media (max-width: 390px){
  .definition-word{font-size:clamp(3.45rem,18vw,4.6rem)!important}
  .definition-copy blockquote{font-size:clamp(1.5rem,7.5vw,2rem)!important}
}

/* Mobile portfolio cards: stronger readability + persistent CTAs */
@media (max-width:700px){
  .portfolio-section .portfolio-grid{
    gap:14px!important;
  }
  .portfolio-section .portfolio-card,
  .portfolio-section .portfolio-card:nth-child(3),
  .portfolio-section .portfolio-card:nth-child(6),
  .portfolio-section .portfolio-card--wide{
    min-height:clamp(430px,118vw,540px)!important;
    aspect-ratio:auto!important;
  }
  .portfolio-section .portfolio-card .portfolio-card__media{
    background-position:center center;
  }
  .portfolio-section .portfolio-card:after,
  .portfolio-section .portfolio-card--wide:after{
    background:
      linear-gradient(0deg,rgba(2,2,2,.98) 0%,rgba(2,2,2,.94) 27%,rgba(2,2,2,.68) 50%,rgba(2,2,2,.18) 76%,rgba(2,2,2,.08) 100%)!important;
  }
  .portfolio-section .portfolio-card__content,
  .portfolio-section .portfolio-card--wide .portfolio-card__content{
    width:100%!important;
    max-width:none!important;
    min-height:inherit!important;
    padding:26px 22px 22px!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
  }
  .portfolio-section .portfolio-card__meta{
    margin-bottom:10px!important;
    font-size:.6rem!important;
  }
  .portfolio-section .portfolio-card h3{
    font-size:clamp(2.2rem,12vw,3.15rem)!important;
    line-height:.88!important;
    max-width:10ch!important;
  }
  .portfolio-section .portfolio-card h3 em{
    margin-top:3px!important;
  }
  .portfolio-section .portfolio-card p{
    max-width:34rem!important;
    margin:14px 0 17px!important;
    color:#c9c3bd!important;
    font-size:.84rem!important;
    line-height:1.5!important;
  }
  .portfolio-section .portfolio-card .btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:5!important;
    min-height:46px!important;
    padding:0 18px!important;
    border:1px solid var(--gold2,#b29a73)!important;
    background:var(--gold2,#b29a73)!important;
    color:#090807!important;
    box-shadow:0 8px 24px rgba(0,0,0,.3)!important;
    font-size:.7rem!important;
    font-weight:700!important;
  }
  .portfolio-section .portfolio-card .btn span{
    color:#090807!important;
  }
  .portfolio-section .portfolio-card:hover .btn,
  .portfolio-section .portfolio-card .btn:hover,
  .portfolio-section .portfolio-card .btn:focus-visible{
    background:var(--bone,#e9e4dd)!important;
    border-color:var(--bone,#e9e4dd)!important;
    color:#090807!important;
  }
  .portfolio-section .portfolio-card:hover .btn span,
  .portfolio-section .portfolio-card .btn:hover span,
  .portfolio-section .portfolio-card .btn:focus-visible span{
    color:#090807!important;
  }
}
@media (max-width:390px){
  .portfolio-section .portfolio-card,
  .portfolio-section .portfolio-card:nth-child(3),
  .portfolio-section .portfolio-card:nth-child(6),
  .portfolio-section .portfolio-card--wide{
    min-height:440px!important;
  }
  .portfolio-section .portfolio-card__content,
  .portfolio-section .portfolio-card--wide .portfolio-card__content{
    padding:24px 18px 18px!important;
  }
  .portfolio-section .portfolio-card p{
    font-size:.8rem!important;
  }
  .portfolio-section .portfolio-card .btn{
    width:100%!important;
    justify-content:space-between!important;
  }
}