.portfolio-page .interior-hero{padding-bottom:92px}.portfolio-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:end;margin-top:60px}.portfolio-introduction>p{max-width:540px;font-size:17px}.portfolio-chapter-nav{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgb(15 81 50/.25);padding-top:12px}.portfolio-chapter-nav a{display:inline-flex;align-items:center;min-height:44px;gap:20px;font-size:12px;white-space:nowrap;color:var(--color-evergreen)}.portfolio-chapter-nav a:hover{text-decoration:underline;text-underline-offset:6px}.portfolio-chapter{scroll-margin-top:24px}.portfolio-image-field{margin:0;overflow:clip}.portfolio-image-field img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-image-slot{width:100%;height:100%;display:grid;place-items:center;background:var(--color-charcoal);color:var(--color-offwhite)}.portfolio-image-slot>span{display:block;padding:24px;text-align:center;font-size:13px;line-height:1.7}.portfolio-image-slot>span>span{display:block;font-size:11px;margin-top:8px}.portfolio-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:104px;padding:64px var(--gutter) 132px}.portfolio-brand-heading h2{font-size:clamp(48px,6.25vw,90px);font-weight:550;letter-spacing:-.055em;line-height:1.08}.portfolio-category{font-size:15px;margin-top:22px}.portfolio-brand-copy{max-width:530px}.portfolio-brand-copy>p{font-size:17px}.portfolio-brand-copy .text-link{margin-top:26px}.portfolio-brand-copy>.portfolio-relationship{font-size:12px;margin-top:22px}.portfolio-brand-copy>.portfolio-market-role{font-size:14px;margin-top:14px}.portfolio-chapter-vehicotek .portfolio-image-field{height:min(56vw,800px);margin-inline:var(--gutter)}.portfolio-chapter-intego{background:var(--color-evergreen);color:var(--color-offwhite);--focus-ring:var(--focus-on-dark);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:112px var(--gutter);gap:72px;align-items:center}.portfolio-chapter-intego .portfolio-image-field{height:700px}.portfolio-chapter-intego .portfolio-image-slot{background:var(--color-charcoal)}.portfolio-chapter-intego .portfolio-editorial{display:block;padding:0}.portfolio-chapter-intego .portfolio-brand-heading h2{font-size:clamp(56px,6.25vw,90px)}.portfolio-chapter-intego .portfolio-brand-copy{margin-top:72px}.portfolio-chapter-grothub{padding-top:132px}.portfolio-chapter-grothub .portfolio-image-field{height:min(50vw,680px);margin-left:calc(var(--gutter) * 2);margin-right:var(--gutter)}.portfolio-chapter-grothub .portfolio-image-slot{background:var(--color-offwhite);color:var(--color-evergreen);border:1px solid rgb(15 81 50/.24)}.portfolio-chapter-grothub .portfolio-editorial{padding-top:72px}.portfolio-page-closing h2{font-size:clamp(44px,4.4vw,64px)}.portfolio-page-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}@media (max-width:1100px){.portfolio-editorial,.portfolio-introduction{gap:48px}.portfolio-chapter-nav{gap:12px}.portfolio-chapter-nav a{gap:10px;font-size:11px}.portfolio-chapter-intego{gap:44px}.portfolio-chapter-intego .portfolio-image-field{height:580px}.portfolio-brand-heading h2{font-size:58px}}@media (max-width:800px){.portfolio-editorial,.portfolio-introduction{grid-template-columns:minmax(0,1fr);gap:32px}.portfolio-chapter-nav{max-width:560px}.portfolio-chapter-nav a{font-size:12px}.portfolio-editorial{padding-block:44px 88px}.portfolio-chapter-vehicotek .portfolio-image-field{margin-inline:0;height:70vw}.portfolio-chapter-intego{display:block;padding:0}.portfolio-chapter-intego .portfolio-image-field{height:72vw}.portfolio-chapter-intego .portfolio-editorial{padding:44px var(--gutter) 88px}.portfolio-chapter-intego .portfolio-brand-copy{margin-top:32px}.portfolio-chapter-grothub{padding-top:88px}.portfolio-chapter-grothub .portfolio-image-field{margin-inline:var(--gutter);height:75vw}.portfolio-chapter-grothub .portfolio-editorial{padding-top:44px}.portfolio-page-actions{margin-top:32px}}@media (max-width:520px){.portfolio-page .interior-hero h1{font-size:clamp(56px,15vw,76px)}.portfolio-page .interior-hero{padding-bottom:64px}.portfolio-introduction{margin-top:36px}.portfolio-introduction>p{font-size:15px}.portfolio-chapter-nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 22px}.portfolio-chapter-nav a{font-size:11px}.portfolio-chapter-vehicotek .portfolio-image-field{height:110vw;max-height:520px}.portfolio-chapter-intego .portfolio-image-field{height:100vw;max-height:460px}.portfolio-chapter-grothub .portfolio-image-field{height:100vw;max-height:440px}.portfolio-brand-heading h2,.portfolio-chapter-intego .portfolio-brand-heading h2{font-size:clamp(43px,11.8vw,61px)}.portfolio-category{font-size:13px;margin-top:16px}.portfolio-brand-copy>p{font-size:15px}.portfolio-chapter-intego .portfolio-editorial,.portfolio-editorial{padding-top:36px;padding-bottom:76px}.portfolio-chapter-grothub{padding-top:76px}.portfolio-page-closing h2{font-size:clamp(34px,9.3vw,48px)}}