/* Composition only; the portfolio's existing case-study CSS supplies the design system. */
.fuctureshit-page .bw-introduction h1 { overflow-wrap: anywhere; }
.fuctureshit-page .boltwagon-content { --bw-section-before: 120px; --bw-section-after: 80px; }
.fuctureshit-page .boltwagon-content img { border-radius: 12px; }
.fuctureshit-page .fn-cover img { border-radius: 0; }
.fuctureshit-page .fn-image-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 700ms cubic-bezier(.22, 1, .36, 1), transform 700ms cubic-bezier(.22, 1, .36, 1);
}
.fuctureshit-page .fn-image-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .fuctureshit-page .fn-image-reveal { opacity: 1; transform: none; transition: none; }
}
.fn-brand { grid-template-columns: minmax(0, 2355fr) minmax(0, 1665fr); }
.fn-type { grid-template-columns: minmax(0, 1893fr) minmax(0, 2127fr); }
.fn-cover { position: relative; }
/* The supplied cover already contains the portfolio navigation artwork.
   Accessible links align with it without duplicating or altering the image. */
.fn-cover-nav a { position: absolute; top: 2.3%; height: 5%; border-radius: 5px; }
.fn-cover-nav a:focus-visible { outline: 3px solid #05df72; outline-offset: 3px; }
.fn-home { left: 2.75%; width: 2.9%; }
/* Reuse Home's .brand image/filter transition; preserve the existing nav geometry. */
.fuctureshit-page .brand { background: #fff; cursor: pointer; }
.fuctureshit-page .brand:hover { background: #000; }
.fn-cover-nav .brand { border-radius: 6px; }
.fuctureshit-page .brand img { width: 100%; height: 100%; border-radius: 0; }
.fn-resume { left: 84.8%; width: 6.5%; }
.fn-email { left: 92%; width: 5.3%; }
.fn-mobile-header { display: none; }
@media (max-width: 760px) {
  .fn-brand, .fn-type { grid-template-columns: minmax(0, 1fr); }
  .fn-cover-nav { display: none; }
  .fuctureshit-page .fn-mobile-header { display: block; position: relative; height: 58px; padding-inline: 16px; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
}
@media (min-width: 761px) and (max-width: 1024px) {
  .fuctureshit-page .bw-introduction { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}