.agency-page{--agency-bg: #070709;--agency-white: #f5f5f7;--agency-yellow: #f7d406;--agency-ink: #17191b;--agency-muted: #a6a6a9;--agency-line: #363638;--agency-gutter: clamp(1.25rem, 4.2vw, 5rem);--agency-space: clamp(5rem, 9vw, 10rem);--agency-gap: clamp(1.5rem, 3vw, 3rem);--agency-header-height: 96px;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;background:var(--agency-bg);color:var(--agency-white);font-family:var(--font-body);scroll-behavior:smooth;scroll-padding-top:calc(var(--agency-header-height) + 1rem);scrollbar-color:var(--agency-line) var(--agency-bg);scrollbar-width:thin}.agency-page ::selection{background:var(--agency-yellow);color:var(--agency-bg)}.agency-page :is(button,a):focus-visible{outline:2px solid var(--agency-yellow);outline-offset:5px}.agency-page :is(h1,h2,h3){font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;text-wrap:balance}.agency-page h2{font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:1.04}.agency-page p{text-wrap:pretty}.agency-section{padding:var(--agency-space) var(--agency-gutter)}.agency-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:var(--agency-header-height);padding-inline:var(--agency-gutter);background:var(--agency-bg)}.agency-brand img{width:65px;height:auto}.agency-header-links{display:flex;align-items:center;gap:clamp(1.5rem,4vw,5rem)}.agency-header-links a{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-size:.8rem}.agency-header-links a:hover{color:var(--agency-yellow)}.about-switcher{position:absolute;top:calc(100% + 3rem);left:var(--agency-gutter);display:grid;gap:.2rem;min-width:145px;padding:.3rem;border:1px solid var(--agency-line);border-radius:1.8rem;background:var(--agency-ink)}.about-switcher a{display:grid;place-items:center;min-height:44px;padding:.65rem 1.1rem;border-radius:1.5rem;font-size:.85rem}.about-switcher a[aria-current=page]{background:var(--agency-yellow);color:var(--agency-bg)}.about-switcher a:not([aria-current]):hover{color:var(--agency-yellow)}.agency-hero{position:relative;min-height:calc(100svh - var(--agency-header-height));display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3.5rem,7vw,7rem) var(--agency-gutter) 5rem;padding-left:calc(var(--agency-gutter) + 20vw);overflow:clip}.agency-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:clip}.agency-hero-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.agency-hero-bg-video video{width:100%;height:100%;object-fit:cover;display:block}.agency-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 40%,#07070966,#070709d1),linear-gradient(180deg,#07070980,#070709e0)}.agency-hero-content{position:relative;z-index:2;min-width:0;max-width:950px}.agency-hero h1{font-size:clamp(3.8rem,8vw,8.5rem);line-height:1;font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.5)}.agency-title-line{display:block;overflow:clip;padding-bottom:.1em}.agency-title-line>span{display:block}.agency-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--agency-gap);margin-top:3rem}.agency-hero-bottom p{max-width:54ch;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.75;text-shadow:0 2px 12px rgba(0,0,0,.6)}.agency-hero-bottom>a{color:var(--agency-yellow);min-width:44px;min-height:44px;display:grid;place-items:center}.agency-ribbon{--ribbon-width: clamp(260px, 30vw, 460px);--ribbon-ratio: 4 / 3;--ribbon-gap: 12px;position:relative;padding-block:2rem;overflow:clip}.agency-ribbon-track{display:flex;width:max-content;animation:agency-filmstrip 65s linear infinite;animation-play-state:paused}.agency-ribbon[data-running=true] .agency-ribbon-track{animation-play-state:running}.agency-ribbon-group{display:flex;align-items:stretch;gap:var(--ribbon-gap);padding-right:var(--ribbon-gap)}.agency-ribbon-shot{flex:0 0 var(--ribbon-width);width:var(--ribbon-width);aspect-ratio:var(--ribbon-ratio);margin:0;overflow:clip;background:var(--agency-ink)}.agency-ribbon-shot img{display:block;width:100%;height:100%;object-fit:cover}.agency-ribbon-pause{position:absolute;top:3rem;right:var(--agency-gutter);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#070709dd;color:var(--agency-white)}@keyframes agency-filmstrip{to{transform:translate(-50%)}}.agency-editorial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--agency-gap);border-top:1px solid var(--agency-line);margin-top:var(--agency-space)}.agency-editorial>h2{grid-column:2;font-size:clamp(2rem,3.1vw,3.5rem)}.agency-editorial-copy{grid-column:3 / -1;min-width:0}.agency-editorial-copy p{color:var(--agency-muted);font-size:1rem;line-height:1.85;max-width:56ch;margin-top:1.5rem}.agency-editorial-copy>.agency-body-lead{color:var(--agency-white);font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.6;margin-top:0}.agency-belief{position:relative;min-height:85svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:var(--agency-yellow);color:var(--agency-ink);overflow:clip}.agency-belief-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:clip}.agency-belief-bg video{width:100%;height:100%;object-fit:cover;display:block}.agency-belief-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f7d40673,#f7d406e0 55%,#f7d406f2)}.agency-belief-heading{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:4rem}.agency-belief-copy{position:relative;z-index:2}.agency-belief-copy h3{font-size:clamp(2rem,3vw,3rem);line-height:1.12;margin-bottom:2.5rem}.agency-belief-copy p{max-width:46ch;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.85;margin-top:1.5rem;font-weight:500}.agency-disciplines h2,.agency-clients h2,.agency-principles>h2{margin-left:25%;margin-bottom:4rem}.agency-discipline-rows,.agency-principle-rows{margin-left:25%}.agency-discipline-rows article,.agency-principle-rows article{display:grid;grid-template-columns:1fr 1.5fr;align-items:start;gap:var(--agency-gap);padding-block:2rem;border-top:1px solid var(--agency-line)}.agency-discipline-rows h3,.agency-principle-rows h3{font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.2}.agency-discipline-rows p,.agency-principle-rows p{font-size:1rem;line-height:1.8;color:var(--agency-muted);max-width:48ch}.agency-film{--agency-film-inset: clamp(1rem, 2vw, 2.5rem);display:block;width:100%;max-width:none;margin-inline:0;padding-inline:var(--agency-film-inset);grid-column:1 / -1;align-self:stretch;scroll-margin-top:calc(var(--agency-header-height) + 1rem)}.agency-client-names{margin-left:25%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agency-client-names span{display:grid;align-items:center;min-height:150px;padding:1.5rem;border-top:1px solid var(--agency-line);font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.5rem);font-weight:600;line-height:1.25;text-wrap:balance}.agency-archive-note{margin:2rem 0 0 25%;max-width:68ch;font-size:.8rem;line-height:1.8;color:var(--agency-muted)}.agency-method{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-left:calc(var(--agency-gutter) + 16vw)}.agency-method-intro{align-self:start;position:sticky;top:calc(var(--agency-header-height) + 2rem)}.agency-method-intro h2{font-size:clamp(2rem,3.3vw,4rem)}.agency-method-intro>p{max-width:31ch;line-height:1.7;margin-top:2rem;color:var(--agency-muted)}.agency-method-index{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:2rem}.agency-method-index a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;border-bottom:1px solid var(--agency-line)}.agency-method-index a:hover{color:var(--agency-yellow)}.agency-method-steps article{padding:2.5rem 0 4rem;border-top:1px solid var(--agency-line);scroll-margin-top:calc(var(--agency-header-height) + 1rem)}.agency-step-number{color:var(--agency-yellow);font-size:.75rem;font-variant-numeric:tabular-nums}.agency-method-steps h3{font-size:clamp(2.5rem,4vw,4rem);line-height:1.1;margin-top:1rem}.agency-method-steps h4{font-size:1.1rem;line-height:1.5;font-weight:500;margin-top:2rem}.agency-method-steps p{max-width:46ch;font-size:1rem;line-height:1.85;color:var(--agency-muted);margin-top:1rem}.agency-principles{border-top:1px solid var(--agency-line)}.agency-approach-statement{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--agency-yellow);color:var(--agency-ink)}.agency-approach-statement p{max-width:46ch;line-height:1.8;font-size:clamp(1rem,1.4vw,1.3rem)}.agency-contact{position:relative;min-height:90svh;display:flex;flex-direction:column;justify-content:center;padding-left:calc(var(--agency-gutter) + 22vw);padding-bottom:9rem}.agency-contact h2{font-size:clamp(3rem,6vw,6rem)}.agency-conversation{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;align-self:start;margin-top:3rem;padding-bottom:1rem;border-bottom:1px solid var(--agency-yellow);color:var(--agency-yellow);font-size:clamp(1.1rem,2.2vw,2rem)}.agency-email{align-self:start;color:var(--agency-muted);font-size:.8rem;margin-top:1.5rem;overflow-wrap:anywhere}.about-next-page{display:inline-flex;align-items:center;gap:1rem;align-self:start;min-height:44px;margin-top:3rem;font-size:.85rem}.about-next-page:hover{color:var(--agency-yellow)}.agency-contact footer{position:absolute;bottom:2rem;inset-inline:var(--agency-gutter);display:flex;justify-content:space-between;gap:1rem;color:var(--agency-muted);font-size:.65rem}.agency-contact footer a{display:flex;gap:.5rem;align-items:center}@media (max-width: 1000px){.agency-page{--agency-header-height: 80px}.agency-header{gap:.5rem}.agency-brand img{width:48px}.about-switcher{position:static;display:flex;min-width:0;padding:.2rem;gap:0}.about-switcher a{min-height:44px;padding:.5rem .75rem;font-size:.75rem}.agency-header-links .agency-home-link,.agency-header-contact>span{display:none}.agency-header-contact{width:44px;justify-content:center}.agency-hero{padding:4.5rem var(--agency-gutter) 3rem;min-height:calc(100svh - 80px)}.agency-hero h1{font-size:clamp(3rem,10vw,6rem)}.agency-hero-bottom{gap:1rem;margin-top:2rem}.agency-hero-bottom p{font-size:.95rem}.agency-editorial{grid-template-columns:1fr}.agency-editorial>h2,.agency-editorial-copy{grid-column:auto}.agency-editorial>h2{font-size:clamp(2.5rem,7vw,4rem)}.agency-belief,.agency-approach-statement{grid-template-columns:1fr;gap:3.5rem;min-height:auto}.agency-belief-overlay{background:linear-gradient(180deg,#f7d40699,#f7d406eb)}.agency-disciplines h2,.agency-principles>h2{margin-left:0;margin-bottom:3rem}.agency-discipline-rows,.agency-principle-rows{margin-left:0}.agency-method{grid-template-columns:1fr;gap:3rem;padding-left:var(--agency-gutter)}.agency-method-intro{position:relative;top:auto}.agency-method-intro h2{font-size:clamp(2.5rem,7vw,4rem)}.agency-contact{padding-left:var(--agency-gutter)}.agency-contact footer{flex-wrap:wrap;justify-content:flex-start;gap:1rem 1.5rem;font-size:.6rem}}@media (max-width: 600px){.agency-hero h1{font-size:12vw}.agency-page h2{font-size:clamp(2.2rem,10vw,3.5rem)}.agency-ribbon{--ribbon-width: 76vw;padding-block:1rem}.agency-ribbon-pause{top:2rem}.agency-belief-copy h3{font-size:2.1rem}.agency-discipline-rows article,.agency-principle-rows article{grid-template-columns:1fr;gap:1rem}.agency-method-steps article{padding-block:2rem 3rem}.agency-method-steps h3{font-size:2.7rem}.agency-method-steps h4{font-size:1rem}.agency-contact{min-height:85svh}.agency-contact h2{font-size:11vw}}@media (prefers-reduced-motion: reduce){.agency-page{scroll-behavior:auto}.agency-ribbon-track{animation:none;width:auto}.agency-ribbon-group{flex-wrap:wrap;width:100%;padding-inline:var(--agency-gutter);gap:var(--ribbon-gap)}.agency-ribbon-group[aria-hidden=true]{display:none}.agency-ribbon-shot{flex:0 0 min(100%,var(--ribbon-width));width:min(100%,var(--ribbon-width))}.agency-ribbon-pause{display:none}}
