/* Two compositions using the negative space in the original artwork. */
.perspective {
  width:100%;max-width:1672px;min-height:660px;aspect-ratio:1672/941;
  margin:0 auto;display:grid;align-items:center;padding:64px clamp(32px,6vw,96px);
  text-align:left;isolation:isolate;
}
.perspective-art {position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2}
.perspective-art img {width:100%;height:100%;object-fit:cover;object-position:center}
.perspective-art::after {background:linear-gradient(0deg,var(--ink),transparent 18%),linear-gradient(180deg,#090e1099,transparent 12%)}
.perspective-shade {display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090e10eb 0%,#090e10cc 27%,#090e1080 42%,transparent 61%)}
.perspective-copy {position:relative;inset:auto;width:43%;max-width:560px;margin:0;text-align:left}
.perspective-copy h2 {font-size:clamp(36px,3.7vw,60px);line-height:1.13;letter-spacing:-.055em;margin:0 0 28px}
.perspective-copy .soft {color:#adb7b2}
.perspective-copy>p:not(.eyebrow) {font-size:16px;line-height:1.7;max-width:43ch;margin:0 0 18px;color:#c2ccc7}
.perspective-copy>p:last-child {margin-bottom:0}

main>.offering {padding:0 0 var(--section-space);display:block;text-align:center}
.collaboration-scene {position:relative;isolation:isolate;width:100%;max-width:1672px;min-height:620px;aspect-ratio:2.1;margin:0 auto;display:flex;align-items:center;overflow:hidden}
.collaboration-art {position:absolute;inset:0;margin:0;width:100%;height:100%;z-index:-2}
.collaboration-art img {width:100%;height:100%;object-fit:cover;object-position:center}
.collaboration-scene::after {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090e10f5 0%,#090e10c9 28%,#090e1066 46%,transparent 64%),linear-gradient(0deg,var(--ink),transparent 22%),linear-gradient(180deg,#090e1077,transparent 15%)}
.collaboration-scene .offering-intro {position:relative;width:52%;max-width:800px;margin:0;padding:64px clamp(32px,6vw,96px);text-align:left}
.collaboration-scene .offering-intro h2 {font-size:clamp(36px,3.9vw,62px);line-height:1.13;margin:0 0 28px}
.collaboration-scene .offering-intro>p {max-width:42ch;margin:0;font-size:17px;color:#c2ccc7}
.collaboration-scene .offering-intro .soft {color:#adb7b2}
.collaboration-scene .contact-action {margin-top:28px}
.offering-list {width:calc(100% - 48px);max-width:1200px;margin:12px auto 0;gap:40px}
.offering-item {position:relative}
.offering-item::before {content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c6ab8580,transparent)}

/* 240px to 288px: a 20% increase to the approved vector logo. */
.proofen-logo {width:288px;max-width:100%;height:120px;margin-bottom:0}
.imint-logo {height:120px;margin-bottom:0}
.work-identity {width:100%}.work-disciplines {margin-top:12px}
.proof-intro {margin-bottom:36px}.proof-intro h2 {margin-bottom:0}
.work-entry {gap:28px;padding:36px 32px 28px}
.work-entry>.company-link {align-self:center;margin-top:0;font-size:14px;min-height:48px}
.work-milestone {padding-top:24px}
.circular-chapter {padding-bottom:var(--section-space);border-bottom:1px solid var(--line)}
.circular-copy {margin-bottom:0}

@media(min-width:901px) and (max-width:1100px) {
 .perspective {padding-inline:40px}
 .perspective-copy {width:45%}
 .perspective-copy h2 {font-size:38px}
 .collaboration-scene .offering-intro {width:54%;padding-inline:40px}
}
@media(max-width:900px) {
 /* Art and copy share a feathered edge when side-by-side would become cramped. */
 .perspective {display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;padding:0 24px 56px;gap:0;text-align:center}
 .perspective-art {position:relative;inset:auto;width:calc(100% + 48px);height:clamp(320px,58vw,480px);flex:none;margin:0 -24px;z-index:0}
 .perspective-art img {object-position:76% center}
 .perspective-art::after {background:linear-gradient(0deg,var(--ink),transparent 40%)}
 .perspective-shade {display:none}
 .perspective-copy {width:100%;max-width:640px;text-align:center;margin:-22px auto 0;z-index:1}
 .perspective-copy h2 {font-size:clamp(32px,5.4vw,46px);margin-bottom:24px}
 .perspective-copy>p:not(.eyebrow) {font-size:15px;max-width:58ch;margin:0 auto 18px}
 .collaboration-scene {display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;overflow:visible}
 .collaboration-art {position:relative;inset:auto;width:100%;height:clamp(300px,55vw,440px);flex:none;z-index:0}
 .collaboration-art img {object-position:70% center}
 .collaboration-art::after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--ink),transparent 45%)}
 .collaboration-scene::after {display:none}
 .collaboration-scene .offering-intro {width:100%;max-width:680px;padding:0 24px 36px;margin:-16px auto 0;text-align:center;z-index:1}
 .collaboration-scene .offering-intro h2 {font-size:clamp(34px,5.5vw,48px);margin-bottom:24px}
 .collaboration-scene .offering-intro>p {font-size:16px;margin:0 auto;max-width:48ch}
 .offering-list {grid-template-columns:1fr;max-width:620px;gap:28px;margin-top:4px}
 .offering-item>p {max-width:44ch}
 .work-entry {padding:32px 24px 24px;gap:24px}
 .circular-chapter {padding-bottom:56px}
}
@media(max-width:380px) {
 .work-entry {padding-inline:16px}
 .proofen-logo {width:288px;max-width:100%}
 .perspective-copy h2 {font-size:31px}
}

/* One-time image reveals and small, staggered accents. No image scaling or scroll interception. */
@media(prefers-reduced-motion:no-preference) {
 .motion-ready .scene-reveal {opacity:0;transition:opacity 1.2s ease}
 .motion-ready .scene-reveal.is-visible {opacity:1}
 .motion-ready .offering-item::before {transform:scaleX(.12);transition:transform 1.15s cubic-bezier(.22,1,.36,1)}
 .motion-ready .offering-item.is-visible::before {transform:scaleX(1)}
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
 .motion-ready .scene-reveal {clip-path:inset(0 2% 0 2%);transition:opacity 1.2s ease,clip-path 1.4s cubic-bezier(.22,1,.36,1)}
 .motion-ready .scene-reveal.is-visible {clip-path:inset(0)}
 .journey-list>li:nth-child(2),.offering-list>article:nth-child(2),.proof-gallery>article:nth-child(2) {--reveal-lag:90ms}
 .journey-list>li:nth-child(3),.offering-list>article:nth-child(3) {--reveal-lag:180ms}
 .motion-ready .reveal>* {transition-delay:calc(var(--order,0)*65ms + var(--reveal-lag,0ms))}
}
@media(prefers-reduced-motion:reduce) {
 .scene-reveal {opacity:1!important;clip-path:none!important;transition:none!important}
 .offering-item::before {transform:none!important;transition:none!important}
}