.agency-page{--agency-rule:color-mix(in srgb, var(--color-public-copper) 25%, transparent)}.agency-page .public-editorial-hero{text-align:left;justify-content:flex-start}.agency-page .public-editorial-frame{display:none}.agency-page .public-editorial-hero-content{width:min(100%,72rem);margin-inline:auto}.agency-page .public-editorial-hero-content>.public-eyebrow{justify-content:flex-start}.agency-page .public-editorial-title,.agency-page .public-editorial-description{margin-left:0;margin-right:0}.agency-page .public-editorial-title{max-width:12ch;font-size:clamp(3.3rem,6.7vw,6.8rem)}.agency-page .public-editorial-description{max-width:34rem}.agency-page .public-cinematic-image{opacity:.8;filter:saturate(.8);object-position:60% center}.agency-page .public-cinematic-shade{background:linear-gradient(90deg, rgba(var(--public-petrol-rgb), .72), rgba(var(--public-petrol-rgb), .1) 72%), linear-gradient(0deg, var(--color-public-petrol-950), transparent 35%)}.agency-container{width:min(100% - 3rem,76rem);margin-inline:auto}.agency-section{padding-block:clamp(4.5rem,8vw,8rem)}.agency-eyebrow{color:var(--color-public-copper);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.66rem;font-weight:600;line-height:1.6}.agency-page .agency-section h2{max-width:17ch;color:var(--color-public-cream-light);font-size:clamp(2.35rem,4.4vw,4.4rem);font-weight:400;line-height:1.12}.agency-section-heading{align-items:end;gap:2rem 4rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.agency-section-heading>p,.agency-lead{max-width:39rem;color:var(--color-public-cream-dim);font-size:clamp(.94rem,1.2vw,1.05rem);line-height:1.9}.agency-card-index{color:var(--color-public-copper);letter-spacing:.17em;text-transform:uppercase;font-size:.65rem;font-weight:600;line-height:1.5}.agency-page .agency-section h3{color:var(--color-public-cream-light);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:400}.agency-principles,.agency-methods{list-style:none}.agency-principle,.agency-method{gap:1rem 2rem;padding-block:1.65rem;transition:padding-left .4s cubic-bezier(.2,.8,.2,1);display:grid}.agency-principle:hover,.agency-method:hover{padding-left:.65rem}.agency-principle p,.agency-method p,.agency-timeline-copy p,.agency-faq p{max-width:34rem;color:var(--color-public-cream-dim);font-size:.9rem;line-height:1.85}.agency-founder-layout{align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.agency-founder-portrait{background:var(--color-public-petrol-900);position:relative;overflow:hidden}.agency-founder-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 25%;filter:saturate(.72);width:100%;max-height:37rem;transition:filter .8s,transform 1.2s cubic-bezier(.2,.8,.2,1);display:block}.agency-founder-portrait:hover img{filter:saturate();transform:scale(1.025)}.agency-founder-portrait>span{background:linear-gradient(transparent, var(--color-public-petrol-950));color:var(--color-public-cream-dim);letter-spacing:.18em;text-transform:uppercase;padding:1.1rem 1.5rem;font-size:.6rem;position:absolute;bottom:0;left:0;right:0}.agency-founder-copy .agency-lead{margin-top:2rem}.agency-founder blockquote{color:var(--color-public-cream-light);font-family:var(--font-public-display);margin-top:3rem;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55}.agency-founder cite{color:var(--color-public-copper);font-family:var(--font-public-sans);letter-spacing:.12em;text-transform:uppercase;margin-top:1.25rem;font-size:.65rem;font-style:normal;display:block}.agency-timeline{width:min(100%,66rem);margin-inline:auto;list-style:none;position:relative}.agency-timeline:before{background:var(--agency-rule);content:"";width:1px;position:absolute;top:.6rem;bottom:.6rem;left:1rem}.agency-timeline-entry{grid-template-columns:2rem minmax(0,1fr);gap:1.5rem;min-height:11rem;display:grid}.agency-timeline-node{z-index:1;border:1px solid var(--color-public-copper);background:var(--color-public-petrol-950);width:.7rem;height:.7rem;box-shadow:0 0 0 5px var(--color-public-petrol-950);border-radius:50%;grid-area:1/1;margin:.4rem auto 0;transition:background-color .3s,box-shadow .3s;position:relative}.agency-timeline-entry:hover .agency-timeline-node{background:var(--color-public-copper);box-shadow:0 0 0 5px var(--color-public-petrol-950), 0 0 22px var(--color-public-copper)}.agency-timeline-copy{grid-area:1/2;padding-bottom:3rem}.agency-timeline-copy h3{margin-top:.7rem}.agency-timeline-copy p,.agency-faq p{margin-top:.75rem}.agency-universe-layout{gap:3rem 6rem;display:grid}.agency-universe .agency-lead{margin-top:1.75rem}.agency-links{flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;display:flex}.agency-links a{min-height:44px;color:var(--color-public-copper-light);align-items:center;gap:.8rem;font-size:.75rem;font-weight:600;transition:border-color .25s,gap .25s;display:inline-flex}.agency-links a:hover{color:var(--color-public-cream-light);gap:1.05rem}.agency-faq{grid-template-columns:2rem 1fr;gap:1rem;padding-block:1.4rem;display:grid}.agency-page .agency-faq h3{font-size:1.18rem}@media (width>=700px){.agency-principle{grid-template-columns:4rem minmax(0,1fr) minmax(0,1.15fr)}.agency-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;display:grid}.agency-method{grid-template-columns:2rem minmax(0,1fr)}}@media (width>=900px){.agency-section-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr)}.agency-founder-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}.agency-universe-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.agency-timeline:before{left:50%}.agency-timeline-entry{grid-template-columns:minmax(0,1fr) 4rem minmax(0,1fr);gap:0;min-height:13rem}.agency-timeline-node{grid-column:2}.agency-timeline-copy{text-align:right;grid-column:1;padding-inline:0 2.5rem}.agency-timeline-copy p{margin-left:auto}.agency-timeline-entry:nth-child(2n) .agency-timeline-copy{text-align:left;grid-column:3;padding-inline:2.5rem 0}.agency-timeline-entry:nth-child(2n) .agency-timeline-copy p{margin-left:0}}@media (width<=699px){.agency-page .public-editorial-title{font-size:clamp(2.75rem,10vw,4.5rem)}.agency-page .public-cinematic-image{object-position:58% center}.agency-page .public-cinematic-shade{background:linear-gradient(90deg, rgba(var(--public-petrol-rgb), .88), rgba(var(--public-petrol-rgb), .62)), linear-gradient(0deg, var(--color-public-petrol-950), transparent 50%)}.agency-founder-portrait img{max-height:28rem}}@keyframes agency-reveal{0%{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes agency-line-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes agency-node-arrive{0%{background:var(--color-public-petrol-950);box-shadow:0 0 0 5px var(--color-public-petrol-950)}to{background:var(--color-public-copper);box-shadow:0 0 0 5px var(--color-public-petrol-950), 0 0 18px color-mix(in srgb, var(--color-public-copper) 55%, transparent)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.agency-page :is(.agency-section-heading,.agency-principle,.agency-founder-portrait,.agency-founder-copy,.agency-method,.agency-timeline-entry,.agency-universe-layout>div,.agency-faq){animation:linear both agency-reveal;animation-timeline:view();animation-range:entry cover 24%}.agency-timeline:after{background:var(--color-public-copper);content:"";transform-origin:top;width:1px;animation:linear both agency-line-progress;animation-timeline:view();animation-range:entry 10% exit 80%;position:absolute;top:.6rem;bottom:.6rem;left:1rem}.agency-timeline-node{animation:linear both agency-node-arrive;animation-timeline:view();animation-range:entry cover 40%}}}@media (width>=900px){@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.agency-timeline:after{left:50%}}}}@media (prefers-reduced-motion:reduce){.agency-principle,.agency-method,.agency-founder-portrait img,.agency-timeline-node,.agency-links a{transition:none}.agency-principle:hover,.agency-method:hover{padding-left:0}.agency-founder-portrait:hover img{transform:none}}.agency-page.is-low-spec :is(.agency-section-heading,.agency-principle,.agency-founder-portrait,.agency-founder-copy,.agency-method,.agency-timeline-entry,.agency-universe-layout>div,.agency-faq,.agency-timeline-node),.agency-page.is-low-spec .agency-timeline:after{animation:none}
