/* AVBB — portfolio aligned with the approved homepage.
   Copyright 2026 A Visual By Benji Ltd. All rights reserved. */
.portfolio-home-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#F4EEE1;
  color:#A31016;
  border:2px solid #F4EEE1;
  border-radius:999px;
  padding:16px 34px;
  font:14px/1.3 'Archivo Black',Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:none;
  transition:background .2s ease,color .2s ease;
}
.portfolio-home-button:hover {background:transparent;color:#F4EEE1}
.portfolio-home-button:focus-visible {outline:2px solid #F4EEE1;outline-offset:5px}
.portfolio-director-note {padding-top:0}
.portfolio-intro h2 em {font-style:normal}
.portfolio-deck-controls {
  border:1px solid #f4eee155;
  border-radius:999px;
  gap:18px;
}
.portfolio-deck-controls::before,.portfolio-deck-controls::after {content:none}
.portfolio-deck-controls button {
  border:1px solid #f4eee155;
  border-radius:50%;
  background:transparent;
}
#photography .portfolio-sample,
#photography .portfolio-sample:nth-child(1),
#photography .portfolio-sample:nth-child(3) {
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  rotate:0deg;
}
#photography .portfolio-sample figcaption {padding:0 0 20px;border-bottom:1px solid #0e0b0938}
.portfolio-weddings__grid>a:hover::after {transform:none}
.portfolio-booking-scene {padding-top:100px}
/* Use the existing flowing-card fallback when a landscape viewport is too
   short for a pinned frame, full captions and the controls. */
@media(min-width:681px) and (max-height:680px) {
  #social-deck {scroll-margin-top:76px}
  .social-deck__status {display:none}
  .social-deck:not(.is-enhanced) .portfolio-next-chapter {
    position:relative;
    inset:auto;
    transform:none;
    justify-content:center;
    margin:24px auto;
  }
}
@media(max-width:680px) {
  .portfolio-home-button {padding:14px 26px;font-size:12px}
  .portfolio-deck-controls {gap:15px}
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-home-button {transition:none}
}