/* Final art direction: additive, reversible and intentionally restrained. */
.final-art-direction {
  --art-display: clamp(58px, 8.8vw, 132px);
  --art-title: clamp(42px, 5.4vw, 76px);
  --art-card-title: clamp(30px, 3.2vw, 44px);
  --art-body: clamp(15px, 1.2vw, 17px);
  --art-space: clamp(84px, 9vw, 144px);
  --art-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Keep THE WALL exactly after the hero and remove the competing Beesness archive. */
.final-art-direction #beesness { display: none !important; }
.final-art-direction #san-francesco-marathon { display: grid !important; }
.final-art-direction #lamartina,
.final-art-direction .proof a[href="#lamartina"] { display: none !important; }
.final-art-direction #lamartina::before { content: none !important; }

/* Five-level editorial type system. */
.final-art-direction .hero h1 { font-size: var(--art-display); line-height: .88; letter-spacing: -.045em; }
.final-art-direction .section-head h2,
.final-art-direction .services h2,
.final-art-direction .proof-section > h2 { font-size: var(--art-title); line-height: 1.01; letter-spacing: -.035em; }
.final-art-direction .card-copy h3,
.final-art-direction .media-copy strong { font-size: var(--art-card-title); line-height: 1.06; letter-spacing: -.025em; }
.final-art-direction .profile-body > p,
.final-art-direction .section-intro,
.final-art-direction .card-copy > p:not(.eyebrow),
.final-art-direction .book-copy > p:not(.eyebrow) { font-size: var(--art-body); line-height: 1.72; }
.final-art-direction .kicker,
.final-art-direction .eyebrow {
  font-size: 10px;
  line-height: 1.35;
  letter-spacing: .16em;
  font-weight: 600;
}
.final-art-direction .text-link,
.final-art-direction .source,
.final-art-direction figcaption { letter-spacing: .015em; }

/* Deliberate whitespace instead of uniform padding inflation. */
.final-art-direction .services-priority { padding-block: clamp(88px, 9vw, 132px); }
.final-art-direction .proof-section { padding-block: clamp(72px, 7vw, 108px); }
.final-art-direction .profile { padding-block: var(--art-space); }
.final-art-direction .selected-work { padding-block: var(--art-space); }
.final-art-direction .media { padding-block: var(--art-space); }
.final-art-direction .book-section { padding-block: var(--art-space); }
.final-art-direction .manifesto { padding-block: clamp(110px, 13vw, 190px); }
.final-art-direction .contact { padding-block: clamp(96px, 10vw, 150px); }

/* The visual world remains memorable without competing with the first load. */
.final-art-direction .wall-home-track img { will-change: transform; }
.final-art-direction .wall-home-cta { transition-duration: .55s; transition-timing-function: var(--art-ease); }

/* Services: no portfolio numbering, more air and a calmer reading width. */
.final-art-direction .services .heading { margin-bottom: clamp(56px, 6vw, 82px); }
.final-art-direction .services .heading > p { max-width: 330px; line-height: 1.7; }
.final-art-direction .services-grid { gap: clamp(38px, 4.8vw, 72px); }
.final-art-direction .services-grid article { padding-top: 28px; }
.final-art-direction .services-grid p { max-width: 34ch; line-height: 1.7; }

/* Collaboration proof stays concise and secondary. */
.final-art-direction .proof { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.final-art-direction .proof a { min-height: 92px; padding-inline: 12px; }

/* Profile reads as a calm editorial spread, never as a CV. */
.final-art-direction .profile {
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr);
  column-gap: clamp(64px, 10vw, 150px);
  align-items: start;
}
.final-art-direction .profile .section-head { position: sticky; top: 120px; margin: 0; }
.final-art-direction .profile-body { max-width: 680px; }
.final-art-direction .profile-body > .lead { max-width: 26ch; font-size: clamp(25px, 2.5vw, 36px); line-height: 1.38; }
.final-art-direction .profile-body > p:not(.lead) { max-width: 56ch; }
.final-art-direction .profile-download { margin-top: 44px; padding-top: 24px; }

/* Four case studies only: Bosch, Beesness Award, IULM, San Francesco. */
.final-art-direction .work-grid { gap: clamp(72px, 8vw, 116px) clamp(38px, 5vw, 72px); }
.final-art-direction .work { position: relative; }
.final-art-direction .work::before {
  content: var(--project-index);
  display: block;
  margin-bottom: 14px;
  color: var(--muted);
  font: 600 9px/1 DM, Arial, sans-serif;
  letter-spacing: .18em;
}
.final-art-direction .work-wide::before,
.final-art-direction #san-francesco-marathon::before { position: absolute; top: -28px; left: 0; }
.final-art-direction .work > img,
.final-art-direction .work > figure img,
.final-art-direction .iulm-photos { background: #ecebe5; }
.final-art-direction .work img { transition: transform .75s var(--art-ease); }
.final-art-direction #san-francesco-marathon {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 1fr);
  gap: clamp(40px, 6vw, 82px);
  align-items: center;
}
.final-art-direction #san-francesco-marathon .card-copy { padding-top: 0; }
.final-art-direction .marathon-press { margin-top: 8px; }

/* Media and press form a single chapter with one typographic and grid logic. */
.final-art-direction .media { border-top: 1px solid var(--line); }
.final-art-direction .media .section-head { margin-bottom: clamp(52px, 6vw, 82px); }
.final-art-direction .media-showcase { gap: clamp(22px, 3vw, 40px); }
.final-art-direction .media-highlight { background: #eeece6; }
.final-art-direction .media-copy { padding: 30px; }
.final-art-direction .media-press-merged {
  gap: 0 clamp(30px, 4vw, 60px);
  margin-top: clamp(64px, 7vw, 104px);
}
.final-art-direction .media-press-merged > a { padding-block: 32px; }
.final-art-direction .media-press-merged h3 { font-size: clamp(27px, 2.7vw, 38px); line-height: 1.08; }

/* Book as a magazine feature: cover first, concise copy second. */
.final-art-direction .book-section {
  grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
  gap: clamp(64px, 11vw, 170px);
}
.final-art-direction .book-images { display: flex; justify-content: center; }
.final-art-direction .book-cover { width: min(100%, 420px); height: auto; max-height: 620px; }
.final-art-direction .book-copy { max-width: 610px; }
.final-art-direction .book-copy h2 { font-size: clamp(54px, 7vw, 96px); line-height: .98; letter-spacing: -.04em; margin: 24px 0 30px; }
.final-art-direction .book-copy > p { max-width: 43ch; }
.final-art-direction .book-stores { margin-top: 32px; }

/* Manifesto closes like the final spread of a magazine. */
.final-art-direction .manifesto .wrap { max-width: 1260px; }
.final-art-direction .manifesto h2 { max-width: 1050px; margin: 38px auto; font-size: clamp(48px, 6.8vw, 96px); line-height: 1.08; letter-spacing: -.035em; }
.final-art-direction .manifesto p:last-child { max-width: 590px; line-height: 1.75; }

/* Contact form is an invitation: three fields, quiet rules and clear focus. */
.final-art-direction .contact > .wrap { column-gap: clamp(54px, 9vw, 140px); }
.final-art-direction .contact h2 { max-width: 9.5ch; }
.final-art-direction .contact-form { max-width: 670px; }
.final-art-direction .form-fields { gap: 30px 24px; margin-top: 38px; }
.final-art-direction .contact-form input,
.final-art-direction .contact-form textarea { min-height: 52px; padding: 14px 0; border-bottom-color: rgba(37,37,34,.42); transition: border-color .3s ease, box-shadow .3s ease; }
.final-art-direction .contact-form textarea { min-height: 126px; }
.final-art-direction .contact-form input:focus,
.final-art-direction .contact-form textarea:focus { outline: 0; border-bottom-color: var(--ink); box-shadow: 0 2px 0 -1px var(--polish-accent); }
.final-art-direction .contact-form .button { min-width: 156px; }

@media (hover: hover) and (pointer: fine) {
  .final-art-direction .work:hover img { transform: scale(1.012); }
  .final-art-direction .wall-home-cta:hover { transform: translateX(3px); }
}

@media (max-width: 900px) {
  .final-art-direction .profile .section-head { position: static; }
  .final-art-direction .proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .final-art-direction #san-francesco-marathon { gap: 38px; }
  .final-art-direction .book-section { gap: 64px; }
}

@media (max-width: 650px) {
  .final-art-direction { --art-space: 76px; }
  .final-art-direction .hero h1 { font-size: clamp(56px, 15vw, 76px); line-height: .94; }
  .final-art-direction .hero-copy h2 { font-size: clamp(28px, 8vw, 34px); }
  .final-art-direction .hero-copy > p { max-width: 35ch; line-height: 1.65; }
  .final-art-direction .wall-home { padding-bottom: 68px; }
  .final-art-direction .wall-home-head { padding-top: 70px; padding-bottom: 38px; }
  .final-art-direction .wall-home h2 { font-size: clamp(68px, 22vw, 92px); }
  .final-art-direction .services-priority { padding-block: 76px; }
  .final-art-direction .services .heading { margin-bottom: 50px; }
  .final-art-direction .services-grid { gap: 40px; }
  .final-art-direction .services-grid article { padding-top: 24px; }
  .final-art-direction .proof-section { padding-block: 66px; }
  .final-art-direction .proof { gap: 10px; }
  .final-art-direction .proof a { min-height: 84px; }
  .final-art-direction .profile { display: block; padding-block: 82px; }
  .final-art-direction .profile-body { margin-top: 38px; }
  .final-art-direction .profile-body > .lead { font-size: 25px; }
  .final-art-direction .profile-download { margin-top: 36px; }
  .final-art-direction .selected-work { padding-block: 84px; }
  .final-art-direction .work-grid { display: block; }
  .final-art-direction .work { margin-bottom: 74px; }
  .final-art-direction .work::before,
  .final-art-direction .work-wide::before,
  .final-art-direction #san-francesco-marathon::before { position: static; margin-bottom: 14px; }
  .final-art-direction #san-francesco-marathon { display: block !important; margin-bottom: 0; }
  .final-art-direction #san-francesco-marathon .card-copy { padding-top: 24px; }
  .final-art-direction .media { padding-block: 82px; }
  .final-art-direction .media .section-head { margin-bottom: 46px; }
  .final-art-direction .media-showcase { gap: 28px; }
  .final-art-direction .media-copy { padding: 27px 24px 30px; }
  .final-art-direction .media-press-merged { margin-top: 62px; }
  .final-art-direction .book-section { gap: 42px; padding-block: 84px; }
  .final-art-direction .book-cover { width: min(88vw, 360px); height: auto; }
  .final-art-direction .book-copy h2 { font-size: 57px; }
  .final-art-direction .manifesto { padding-block: 108px; }
  .final-art-direction .manifesto h2 { font-size: clamp(42px, 12vw, 56px); }
  .final-art-direction .contact { padding-block: 88px; }
  .final-art-direction .contact h2 { max-width: 10ch; }
  .final-art-direction .contact-form { margin-top: 48px; }
  .final-art-direction .form-fields { grid-template-columns: 1fr; gap: 24px; }
  .final-art-direction .contact-form .button { min-height: 52px; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .final-art-direction .work img,
  .final-art-direction .wall-home-cta,
  .final-art-direction .contact-form input,
  .final-art-direction .contact-form textarea { transition: none !important; transform: none !important; }
}