.agencja-page { overflow: clip; }
.agencja-page .container { max-width: var(--container-max); }
.agencja-page .media-frame { margin: 0; }
.agencja-page .eyebrow--light::before { background: var(--color-chrome); }

.agencja-hero { position: relative; padding-block: clamp(7.5rem, 11vw, 10rem); }
.agencja-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.agencja-hero__copy { grid-column: 1; min-width: 0; padding-top: 1rem; }
.agencja-hero__copy h1 { max-width: 21ch; }
.agencja-hero__copy h1 span { color: var(--color-cobalt); }
.agencja-hero__copy .lead { max-width: 42ch; }
.agencja-hero__actions { width: fit-content; }
.agencja-hero__media { grid-column: 2; width: 100%; min-width: 0; aspect-ratio: 4 / 5; margin-top: 4rem; }
.agencja-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; }
.agencja-hero__number { position: absolute; right: calc(100% - 3rem); bottom: 1rem; z-index: -1; color: rgba(33, 70, 199, .22); }

.agencja-manifest { padding-block: clamp(4rem, 9vw, 7rem); }
.agencja-manifest__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3rem 2rem; }
.agencja-manifest__statement { grid-column: 1 / span 9; min-width: 0; }
.agencja-manifest__statement h2 { max-width: 20ch; color: var(--color-burgundy); font-size: clamp(2.6rem, 5.4vw, 4.5rem); }
.agencja-manifest__statement h2 em { font-style: normal; color: var(--color-ink); }
.agencja-manifest__statement p:last-child { max-width: 43ch; }
.agencja-manifest__principle { min-width: 0; }
.agencja-manifest__principle h3 { max-width: 16ch; }
.agencja-manifest__principle p { max-width: 34ch; }
.agencja-manifest__principle--one { grid-column: 1 / span 4; }
.agencja-manifest__principle--one .editorial-number { font-size: 4rem; }
.agencja-manifest__principle--two { grid-column: 6 / span 3; padding-top: 3rem; border-top: 1px solid var(--color-chrome); }
.agencja-manifest__principle--three { grid-column: 9 / span 4; padding: 1.5rem; border: var(--border-subtle); background: var(--color-paper); }

.agencja-formats__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 3rem 2rem; }
.agencja-formats__heading { grid-column: 1; align-self: start; min-width: 0; }
.agencja-formats__heading h2 { max-width: 10ch; }
.agencja-formats__heading p:last-child { max-width: 27ch; }
.agencja-formats__list { grid-column: 2; display: flex; flex-direction: column; min-width: 0; }
.agencja-formats__list > li { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; min-width: 0; padding: 1.5rem 0; border-top: var(--border-subtle); transition: border-color var(--transition-base); }
.agencja-formats__list > li:last-child { border-bottom: var(--border-subtle); }
.agencja-formats__list > li:hover { border-color: var(--color-cobalt); }
.agencja-formats__list > li > span { min-width: 0; color: var(--color-cobalt); font-family: var(--font-heading); font-size: 1.45rem; font-weight: 800; line-height: 1; }
.agencja-formats__list h3 { margin-bottom: .5rem; }
.agencja-formats__list p { max-width: 42ch; margin-bottom: 0; }
.agencja-formats__special { margin-top: 1rem; padding: 1.5rem !important; border: 0 !important; background: var(--color-night-plum); color: var(--color-paper); }
.agencja-formats__special:hover { background: var(--color-burgundy); }
.agencja-formats__special h3, .agencja-formats__special a { color: var(--color-paper); }
.agencja-formats__special > span { color: var(--color-powder-pink) !important; }
.agencja-formats__media { grid-column: 2; width: 100%; min-width: 0; aspect-ratio: 16 / 9; margin-top: 1rem; }
.agencja-formats__media img { width: 100%; height: 100%; object-fit: cover; }

.agencja-transformation { padding-block: clamp(4rem, 8vw, 7rem); }
.agencja-transformation__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3rem 2rem; }
.agencja-transformation__heading { grid-column: 1 / span 5; min-width: 0; }
.agencja-transformation__heading h2 { max-width: 12ch; }
.agencja-transformation__heading p:last-child { max-width: 32ch; }
.agencja-transformation__acts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; align-items: start; min-width: 0; position: relative; }
.agencja-transformation__acts::before { position: absolute; top: 3.2rem; left: 0; width: 100%; height: 1px; background: rgba(174, 180, 189, .7); content: ""; }
.agencja-act { position: relative; z-index: 1; min-width: 0; }
.agencja-act span { display: inline-flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; margin-bottom: 1.5rem; background: var(--color-night-plum); color: var(--color-powder-pink); font-family: var(--font-heading); font-size: 1.4rem; font-weight: 800; }
.agencja-act h3 { font-size: 1.55rem; }
.agencja-act p { max-width: 29ch; margin-bottom: 0; color: rgba(255, 253, 252, .86); }
.agencja-act--two { padding-top: 3rem; }
.agencja-act--three { padding-top: 6rem; }
.agencja-act--four { padding-top: 2rem; }
.agencja-transformation__media { grid-column: 2 / span 2; grid-row: 1; width: 100%; min-width: 0; aspect-ratio: 4 / 5; margin-top: 5rem; z-index: 2; }
.agencja-transformation__media img { width: 100%; height: 100%; object-fit: cover; }

.agencja-elements__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 3rem 2rem; }
.agencja-elements__intro { grid-column: 1; min-width: 0; padding-top: 1rem; }
.agencja-elements__intro h2 { max-width: 11ch; }
.agencja-elements__intro p:last-child { max-width: 34ch; }
.agencja-elements__modules { grid-column: 2; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); gap: 1.5rem; min-width: 0; }
.agencja-element { min-width: 0; padding: 1.5rem; }
.agencja-element span { display: block; margin-bottom: 2rem; color: var(--color-cobalt); font-family: var(--font-heading); font-size: .875rem; font-weight: 800; letter-spacing: var(--tracking-label); }
.agencja-element h3 { max-width: 15ch; font-size: 1.55rem; }
.agencja-element p { max-width: 34ch; margin-bottom: 0; }
.agencja-element--light { border-top: 1px solid var(--color-chrome); }
.agencja-element--paper { border: var(--border-subtle); background: var(--color-paper); }
.agencja-element--burgundy { background: var(--color-burgundy); color: var(--color-paper); }
.agencja-element--burgundy h3, .agencja-element--burgundy span { color: var(--color-paper); }
.agencja-element--line { border-bottom: 1px solid var(--color-chrome); display: flex; flex-direction: column; justify-content: end; }

.agencja-process__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3rem 2rem; }
.agencja-process__heading { grid-column: 1 / span 6; min-width: 0; }
.agencja-process__heading h2 { max-width: 13ch; }
.agencja-process__heading p:last-child { max-width: 33ch; }
.agencja-process__list { grid-column: 1 / -1; display: flex; flex-direction: column; min-width: 0; position: relative; gap: 1.5rem; }
.agencja-process__list::before { position: absolute; top: 0; bottom: 0; left: calc(50% - .5px); width: 1px; background: var(--color-chrome); content: ""; }
.agencja-process__list > li { display: grid; grid-template-columns: minmax(0, 1fr) 5rem minmax(0, 1fr); gap: 1.5rem; align-items: start; min-width: 0; }
.agencja-process__list > li > span { grid-column: 2; display: flex; align-items: center; justify-content: center; width: 5rem; min-height: 5rem; background: var(--color-canvas); color: var(--color-cobalt); font-family: var(--font-heading); font-size: 2rem; font-weight: 800; z-index: 1; }
.agencja-process__list article { grid-column: 3; min-width: 0; padding: 1rem 0; }
.agencja-process__list > li:nth-child(even) article { grid-column: 1; grid-row: 1; text-align: right; }
.agencja-process__list h3 { font-size: 1.55rem; }
.agencja-process__list p { max-width: 38ch; margin-bottom: 0; }
.agencja-process__list > li:nth-child(even) p { margin-left: auto; }
.agencja-process__list small { display: block; margin-bottom: .5rem; color: var(--color-burgundy); font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; }

.agencja-offline { padding-block: clamp(4rem, 8vw, 7rem); }
.agencja-offline__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.agencja-offline__copy, .agencja-offline__visual { min-width: 0; }
.agencja-offline__copy h2 { max-width: 11ch; }
.agencja-offline__copy .lead { max-width: 42ch; }
.agencja-offline__boundary { max-width: 34ch; padding: 1.5rem; border: 1px solid rgba(255, 253, 252, .58); }
.agencja-offline__boundary h3 { font-size: 1.4rem; }
.agencja-offline__boundary p, .agencja-offline__visual p { margin-bottom: 0; }
.agencja-offline__media { width: 100%; min-width: 0; aspect-ratio: 4 / 5; margin-top: 3rem; }
.agencja-offline__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-base); }
.agencja-offline__media:hover img { transform: scale(1.03); }
.agencja-offline__media figcaption { color: rgba(255, 253, 252, .76); }
.agencja-offline__visual p { max-width: 34ch; margin-top: 1.5rem; }

.agencja-standard__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3rem 2rem; }
.agencja-standard__heading { grid-column: 1 / span 7; min-width: 0; }
.agencja-standard__heading h2 { max-width: 16ch; }
.agencja-standard__columns { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; min-width: 0; }
.agencja-standard__columns article { min-width: 0; padding-top: 1.5rem; border-top: var(--border-subtle); }
.agencja-standard__columns article:nth-child(2) { border-top-color: var(--color-burgundy); }
.agencja-standard__columns span { display: block; margin-bottom: 2rem; color: var(--color-chrome); font-family: var(--font-heading); font-size: 2rem; font-weight: 800; }
.agencja-standard__columns article:nth-child(3) span { color: var(--color-cobalt); }
.agencja-standard__columns h3 { font-size: 1.55rem; }
.agencja-standard__columns p { max-width: 30ch; margin-bottom: 0; }
.agencja-standard__quote { grid-column: 8 / span 5; margin: 0; padding: 2rem; border: 0; background: var(--color-cobalt); color: var(--color-white); font-size: clamp(1.5rem, 2.6vw, 2.2rem); }

.agencja-finale { position: relative; min-height: 70svh; display: grid; align-items: end; color: var(--color-paper); isolation: isolate; }
.agencja-finale__image, .agencja-finale__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.agencja-finale__image { object-fit: cover; object-position: center; z-index: -2; }
.agencja-finale__overlay { background: linear-gradient(90deg, rgba(33, 28, 44, .77) 0%, rgba(33, 28, 44, .39) 58%, rgba(33, 28, 44, .2) 100%); z-index: -1; }
.agencja-finale__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); width: 100%; padding-bottom: clamp(4rem, 8vw, 7rem); }
.agencja-finale__copy { grid-column: 1 / span 6; min-width: 0; padding: 1.5rem; background: rgba(33, 28, 44, .5); }
.agencja-finale__copy h2 { max-width: 15ch; color: var(--color-paper); font-size: clamp(2.6rem, 5vw, 4.7rem); }
.agencja-finale__copy h2 span { color: var(--color-powder-pink); }
.agencja-finale__copy p { max-width: 38ch; margin-bottom: 0; }

.agencja-cta__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.agencja-cta__copy { grid-column: 3 / span 7; min-width: 0; padding-left: 2rem; border-left: 1px solid var(--color-chrome); }
.agencja-cta__copy h2 { max-width: 16ch; }
.agencja-cta__copy > p:not(.eyebrow) { max-width: 48ch; }
.agencja-cta__actions { width: fit-content; }

@media (max-width: 68rem) {
.agencja-hero__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
.agencja-hero__media { margin-top: 2rem; }
.agencja-transformation__acts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.agencja-transformation__media { grid-column: 1 / span 1; grid-row: 2; margin-top: 0; }
.agencja-act--three { padding-top: 0; }
.agencja-process__list > li { grid-template-columns: minmax(0, 1fr) 4rem minmax(0, 1fr); }
.agencja-process__list > li > span { width: 4rem; min-height: 4rem; }
}

@media (max-width: 56.25rem) {
.agencja-hero__grid, .agencja-formats__grid, .agencja-elements__grid, .agencja-offline__grid { grid-template-columns: minmax(0, 1fr); }
.agencja-hero__copy, .agencja-hero__media, .agencja-formats__heading, .agencja-formats__list, .agencja-formats__media, .agencja-elements__intro, .agencja-elements__modules { grid-column: 1; }
.agencja-hero__media { max-width: 44rem; margin-top: 1rem; justify-self: end; }
.agencja-hero__number { right: 1.5rem; bottom: -2rem; font-size: 4rem; }
.agencja-manifest__grid, .agencja-transformation__grid, .agencja-process__grid, .agencja-standard__grid, .agencja-finale__grid, .agencja-cta__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.agencja-manifest__statement, .agencja-manifest__principle--one, .agencja-manifest__principle--two, .agencja-manifest__principle--three { grid-column: 1 / -1; padding-top: 0; }
.agencja-manifest__principle--two { border-top: 1px solid var(--color-chrome); padding-top: 1.5rem; }
.agencja-manifest__principle--three { max-width: 38ch; }
.agencja-formats__heading { position: static; }
.agencja-formats__heading h2 { max-width: 15ch; }
.agencja-formats__media { max-width: 52rem; }
.agencja-transformation__heading { grid-column: 1 / -1; }
.agencja-transformation__acts { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 2rem; padding-left: 4rem; }
.agencja-transformation__acts::before { top: 0; bottom: 0; left: 1.45rem; width: 1px; height: auto; }
.agencja-act, .agencja-act--two, .agencja-act--three, .agencja-act--four { padding-top: 0; }
.agencja-act span { position: absolute; left: -4rem; top: 0; width: 2.9rem; height: 2.9rem; margin: 0; font-size: 1.1rem; }
.agencja-transformation__media { grid-column: 1; grid-row: auto; width: 100%; max-width: 32rem; margin: 0; }
.agencja-elements__modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.agencja-process__heading { grid-column: 1 / -1; }
.agencja-process__list { grid-column: 1 / -1; }
.agencja-process__list::before { left: 1.5rem; }
.agencja-process__list > li, .agencja-process__list > li:nth-child(even) { grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; }
.agencja-process__list > li > span { grid-column: 1; width: 3rem; min-height: 3rem; font-size: 1.25rem; }
.agencja-process__list article, .agencja-process__list > li:nth-child(even) article { grid-column: 2; grid-row: 1; text-align: left; padding-top: .25rem; }
.agencja-process__list > li:nth-child(even) p { margin-left: 0; }
.agencja-offline__media { max-width: 34rem; margin-top: 0; }
.agencja-standard__heading, .agencja-standard__columns, .agencja-standard__quote { grid-column: 1 / -1; }
.agencja-standard__columns { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.agencja-standard__quote { max-width: 36ch; }
.agencja-finale { min-height: 66svh; }
.agencja-finale__copy { grid-column: 1 / -1; max-width: 42rem; }
.agencja-cta__copy { grid-column: 1 / -1; max-width: 48rem; }
}

@media (max-width: 42.5rem) {
.agencja-hero { padding-top: 6rem; }
.agencja-hero__copy h1 { max-width: 12ch; font-size: clamp(3.25rem, 15vw, 4.75rem); }
.agencja-hero__copy .lead { font-size: 1.125rem; }
.agencja-hero__media { width: 100%; height: 54svh; aspect-ratio: auto; }
.agencja-hero__actions, .agencja-cta__actions { width: 100%; }
.agencja-hero__actions > *, .agencja-cta__actions > * { flex-basis: 100%; width: 100%; }
.agencja-manifest__statement h2 { font-size: clamp(2.5rem, 12vw, 3.25rem); }
.agencja-formats__list > li { grid-template-columns: 2.75rem minmax(0, 1fr); gap: .75rem; }
.agencja-formats__list > li > span { font-size: 1.15rem; }
.agencja-formats__special { padding: 1rem !important; }
.agencja-elements__modules { grid-template-columns: minmax(0, 1fr); }
.agencja-element { min-height: 0; padding: 1.5rem; }
.agencja-element--line { display: block; }
.agencja-offline__copy h2 { font-size: clamp(2.5rem, 12vw, 3.25rem); }
.agencja-offline__media { aspect-ratio: 4 / 5; }
.agencja-finale__overlay { background: rgba(33, 28, 44, .58); }
.agencja-finale__copy { padding: 1.25rem; }
.agencja-finale__copy h2 { font-size: clamp(2.5rem, 12vw, 3.25rem); }
.agencja-cta__copy { padding-left: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
.agencja-offline__media img { transition: none; }
.agencja-offline__media:hover img { transform: none; }
}