/* Wolverine About grid: split intros, Heritage track, Values rows, paired image links. */
.agency-test{--agency-margin:clamp(20px,3.75vw,72px);--agency-gap:20px;--agency-line:color-mix(in srgb,var(--ink) 20%,transparent);--agency-heading:clamp(28px,2.6vw,50px)}
.agency-test .agency-hero-description{font-size:clamp(16px,1.3vw,22px);line-height:1.35;max-width:34em;margin:18px 0 24px;color:inherit}
.agency-test .hero h1{font-size:clamp(64px,8.4vw,158px)}
.agency-test .benefit-grid h3 a{color:inherit;text-decoration:none}.agency-test .benefit-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.agency-ref-heading{margin-inline:var(--agency-margin);display:grid;grid-template-columns:1fr 1fr;gap:var(--agency-gap);padding-top:40px}
.agency-ref-heading h2,.agency-ref-heading>p{font-size:var(--agency-heading);font-weight:550;line-height:1;letter-spacing:-.045em;margin:0}
.agency-ref-heading h2{max-width:80%}.agency-ref-heading>p{max-width:calc(100% * 5 / 6)}
.agency-history{margin-block:clamp(80px,9vw,172px);overflow:hidden;color:var(--ink)}
.agency-history .agency-ref-heading{border-top:1px solid var(--agency-line)}
.agency-history-controls{display:flex;justify-content:flex-end;gap:64px;margin:clamp(56px,8vw,154px) var(--agency-margin) 40px}
.agency-history-controls button{font:inherit;font-size:16px;border:0;background:none;color:inherit;padding:12px 0;min-width:44px;cursor:pointer}
.agency-history-controls button:disabled{opacity:.35;cursor:default}.agency-history-controls button:hover:not(:disabled){opacity:.65}
.agency-history-track{display:flex;align-items:stretch;gap:var(--agency-gap);padding:4px var(--agency-margin) 16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
.agency-history-track::-webkit-scrollbar{display:none}
.agency-history-card{flex:0 0 calc((100vw - 2 * var(--agency-margin) - 2 * var(--agency-gap)) / 3);min-width:0;scroll-snap-align:start;scroll-margin-left:var(--agency-margin);display:grid;grid-template-rows:clamp(260px,29vw,558px) auto;align-content:start}
.agency-history-image{align-self:center;width:100%;aspect-ratio:var(--image-ratio);border-radius:12px;overflow:hidden}
.agency-history-image img{width:100%;height:100%;object-fit:cover;display:block}
.agency-history-copy{padding-top:32px}
.agency-history-copy h3{margin:0;font-size:clamp(24px,2vw,38px);line-height:1;letter-spacing:-.03em;font-weight:550;color:var(--muted)}
.agency-history-copy h3 span{display:block;color:var(--ink)}
.agency-history-copy p{max-width:248px;margin:16px 0 0;font-size:16px;line-height:1.2;letter-spacing:-.02em;color:var(--muted)}
.agency-formats{margin:clamp(80px,9vw,172px) var(--agency-margin);color:var(--ink)}
.agency-format-title{font-size:var(--agency-heading);font-weight:550;letter-spacing:-.045em;line-height:1;margin:0 0 80px}
.agency-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--agency-gap)}
.agency-format-grid article{border-left:1px solid var(--agency-line);padding-left:24px;display:flex;flex-direction:column;justify-content:space-between;gap:100px;min-width:0}
.agency-format-grid h3{font-size:var(--agency-heading);line-height:1;letter-spacing:-.045em;margin:0;font-weight:550}
.agency-format-grid p{font-size:clamp(18px,1.6vw,26px);line-height:1.15;letter-spacing:-.03em;font-weight:500;color:var(--muted);max-width:27ch;margin:0 0 24px}
.agency-format-link{font-size:16px;display:inline-flex;gap:24px;align-items:center}.agency-format-link:hover{text-decoration:underline;text-underline-offset:4px}
.agency-values{background:#000;color:#fff;border-radius:24px;overflow:hidden;margin-block:clamp(80px,9vw,172px);padding-bottom:48px}
.agency-values .agency-ref-heading{padding-top:32px}
.agency-values-list{margin:140px var(--agency-margin) 0;display:flex;flex-direction:column;gap:12px}
.agency-value-row{display:grid;grid-template-columns:calc((100% - 3 * var(--agency-gap)) / 4) 1fr;gap:var(--agency-gap)}
.agency-value-image{aspect-ratio:1.6;border-radius:8px;overflow:hidden;align-self:start}.agency-value-image img{width:100%;height:100%;display:block;object-fit:cover}
.agency-value-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--agency-gap);border-top:1px solid #ffffff4d;padding-top:8px;align-content:start}
.agency-value-copy h3{margin:0;font-size:var(--agency-heading);line-height:1;letter-spacing:-.045em;font-weight:550}
.agency-value-copy p{margin:0;font-size:clamp(16px,1.45vw,23px);line-height:1.2;letter-spacing:-.02em;color:#929292}
.agency-dual{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 4px;margin:clamp(80px,9vw,172px) 0}
.agency-dual-tile{aspect-ratio:1.45;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:32px;border-radius:20px;color:#fff}
.agency-dual-image{position:absolute;inset:-10% 0;z-index:-2;overflow:hidden}.agency-dual-image img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform}
.agency-dual-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:#0006}
.agency-dual-tile h2{font-size:var(--agency-heading);line-height:1;letter-spacing:-.045em;font-weight:550;margin:0;max-width:85%}
.agency-tile-button{display:flex;width:fit-content;align-items:center;gap:24px;background:#0005;backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;font-size:16px;transition:background .6s ease}
.agency-tile-button>span{transition:transform .6s cubic-bezier(.23,1,.32,1)}.agency-dual-tile:hover .agency-tile-button{background:#0008}.agency-dual-tile:hover .agency-tile-button>span{transform:translateX(4px)}
.agency-test-notice{padding:16px var(--gutter);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-block:1px solid var(--agency-line);font-size:14px;background:var(--surface);color:var(--ink)}
@media(max-width:999px){.agency-ref-heading>p{max-width:100%}.agency-value-copy{grid-template-columns:1fr 2fr}.agency-history-card{flex-basis:42vw}.agency-format-grid article{gap:64px;padding-left:16px}.agency-dual-tile{padding:24px}}
@media(max-width:600px){
 .agency-test{--agency-margin:20px;--agency-heading:28px}
 .agency-ref-heading{grid-template-columns:1fr;gap:36px;padding-top:24px}.agency-ref-heading h2{max-width:100%}
 .agency-history-controls{margin-top:40px;gap:40px;margin-bottom:16px}.agency-history-card{flex-basis:78vw;grid-template-rows:280px auto}.agency-history-copy{padding-top:24px}
 .agency-format-title{margin-bottom:40px}.agency-format-grid{grid-template-columns:1fr;gap:48px}.agency-format-grid article{gap:32px}.agency-format-grid p{max-width:100%;font-size:20px}
 .agency-values-list{margin-top:40px;gap:40px}.agency-value-row{grid-template-columns:1fr;gap:20px}.agency-value-image{width:100%;border-radius:4px}.agency-value-copy{display:block;border:0;padding:0}.agency-value-copy p{margin-top:12px;font-size:18px;max-width:36ch}
 .agency-dual{grid-template-columns:1fr}.agency-dual-tile{aspect-ratio:1.2;padding:24px}
 .agency-test .hero h1{font-size:clamp(44px,11vw,66px)}.agency-test .agency-hero-description{font-size:16px;max-width:25em}
}
@media(prefers-reduced-motion:reduce){.agency-tile-button,.agency-tile-button>span{transition:none}.agency-dual-image img{will-change:auto}}
body.agency-test{overflow-x:clip}
.agency-history.has-sticky-gallery{overflow:visible}
.agency-gallery-runway.is-active{position:relative}
.agency-gallery.is-pinned{position:sticky;top:0;height:100svh;box-sizing:border-box;padding-top:80px;overflow:clip}
.agency-gallery.is-pinned .agency-history-controls{margin:0 var(--agency-margin) 16px}
.agency-gallery.is-pinned .agency-history-track{position:relative;overflow:visible;scroll-snap-type:none;will-change:transform}
.agency-gallery.is-pinned .agency-history-card{grid-template-rows:min(42vh,450px) auto}
.agency-gallery.is-pinned .agency-history-image{max-height:min(42vh,450px);width:auto;max-width:100%;justify-self:stretch}
.agency-gallery.is-pinned .agency-history-copy{padding-top:20px}
.agency-gallery.is-pinned .agency-history-copy h3{font-size:clamp(24px,2vw,34px)}