/* Fariell’Auto shares the HS composition and keeps its own automotive identity. */
.project-fariell { scroll-margin-top: 110px; }
.project-fariell .project-logo {
  display: block;
  width: 100%;
  max-width: 390px;
  height: auto;
  margin: 26px 0;
}
.project-fariell .project-logo img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  transform: none;
  mix-blend-mode: normal;
}
.project-fariell .project-bottom { color: #a34108; }
.project-fariell .circle-plus { border-color: #d75c0b; color: #a34108; }
.project-fariell:hover .circle-plus { background: #d75c0b; color: #fff; }
.signature-film-fariell .signature-film-stage { aspect-ratio: 16 / 9; }
#detail-dialog.fariell-detail { border-color: #dba571; }
#detail-dialog.fariell-detail .dialog-header { background: #123f52; color: #fff6ed; }
#detail-dialog.fariell-detail #close-dialog { color: #fff6ed; }
.fariell-sheet { min-width: 0; color: #123f52; font: 400 1rem/1.75 var(--sans); }
.fariell-sheet-logo { display: block; width: min(100%, 390px); height: auto; margin: 0 0 26px; }
.fariell-sheet .fariell-kicker { margin: 0 0 12px; color: #a34108; font-size: .75rem; letter-spacing: .08em; }
.fariell-sheet .fariell-lead { max-width: 62ch; margin: 24px 0; font-size: 1.0625rem; }
.fariell-sheet .fariell-site-link {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  min-height: 52px;
  padding: 14px 22px;
  border: 1px solid #e66914;
  border-radius: 14px;
  background: #ff7800;
  color: #102f3d;
  font-weight: 600;
  text-decoration: none;
}
.fariell-site-link span:not(.sr-only) { font-size: .875rem; font-weight: 400; }
.fariell-sheet .fariell-site-link:hover { background: #ff942e; }
.fariell-paths { display: grid; gap: 0; margin: 32px 0 0; }
.fariell-paths a {
  display: block;
  min-width: 0;
  padding: 22px 0;
  border-top: 1px solid #c5d3cf;
  text-decoration: none;
  color: #123f52;
}
.fariell-paths h3 { margin: 0 0 9px; font: 400 clamp(1.5rem, 3vw, 1.875rem)/1.25 var(--serif); letter-spacing: -.025em; }
.fariell-paths p { margin: 0; color: #526267; }
.fariell-paths a:hover h3 { color: #a34108; }
.fariell-sheet .fariell-signature { margin: 8px 0 0; padding: 22px 0 0; border-top: 1px solid #c5d3cf; font-size: .875rem; color: #526267; }
.fariell-sheet a:focus-visible { outline: 2px solid #a34108; outline-offset: 5px; }
@media (max-width: 700px) {
  .project-fariell .project-logo { max-width: 330px; }
  .fariell-sheet .fariell-site-link { width: 100%; }
  .fariell-paths { margin-top: 24px; }
}