flynt-component[name=BlockProjectDetail] .hero{padding-block:60px 48px}flynt-component[name=BlockProjectDetail] .hero>*{margin:0}flynt-component[name=BlockProjectDetail] .hero .back{display:inline-block;font-size:.875rem;-webkit-margin-after:40px;margin-block-end:40px}flynt-component[name=BlockProjectDetail] .hero .eyebrow{-webkit-margin-after:19px;margin-block-end:19px}flynt-component[name=BlockProjectDetail] .hero h1{font-size:clamp(3.4375rem,7vw,6.5rem);overflow-wrap:anywhere}flynt-component[name=BlockProjectDetail] .heading{align-items:end;display:grid;gap:70px;grid-template-columns:1.3fr 1fr;-webkit-margin-before:32px;margin-block-start:32px}flynt-component[name=BlockProjectDetail] .heading .lead{font-size:1.6875rem;line-height:1.3;margin:0;max-inline-size:570px}flynt-component[name=BlockProjectDetail] .heading .meta{font-size:.875rem;margin:0;text-align:end}flynt-component[name=BlockProjectDetail] .heading .tags{color:var(--color-text-muted);font-size:.6875rem;letter-spacing:.04em;-webkit-margin-before:8px;margin-block-start:8px;text-transform:uppercase}flynt-component[name=BlockProjectDetail] .banner{aspect-ratio:1.9;background:var(--brand-color, var(--soft));max-block-size:760px;overflow:hidden}flynt-component[name=BlockProjectDetail] .banner .zoom{block-size:100%}flynt-component[name=BlockProjectDetail] .banner img{block-size:100%;inline-size:100%;object-fit:cover}flynt-component[name=BlockProjectDetail] .banner[data-fit=contain] img{object-fit:contain}flynt-component[name=BlockProjectDetail] .banner[data-padding]{padding:40px}flynt-component[name=BlockProjectDetail] .zoom{background:none;border:0;color:inherit;cursor:zoom-in;display:block;inline-size:100%;padding:0;position:relative;text-align:start}flynt-component[name=BlockProjectDetail] .zoom>span{align-items:center;background:var(--white);block-size:42px;color:var(--black);display:flex;font-family:var(--font-family-arrow);font-size:25px;inline-size:42px;inset-block-start:18px;inset-inline-end:18px;justify-content:center;position:absolute;transition:background-color .3s,rotate .3s}flynt-component[name=BlockProjectDetail] .zoom:hover>span{background:var(--yellow);rotate:5deg}flynt-component[name=BlockProjectDetail] .chapter{display:grid;gap:70px;grid-template-columns:1fr 2fr;padding-block:var(--component-spacing)}flynt-component[name=BlockProjectDetail] .chapter>*{margin:0}flynt-component[name=BlockProjectDetail] .chapter>div>*{margin:0}flynt-component[name=BlockProjectDetail] .chapter h2{-webkit-margin-after:30px;margin-block-end:30px;max-inline-size:780px}flynt-component[name=BlockProjectDetail] .chapter .large-copy{max-inline-size:48ch}flynt-component[name=BlockProjectDetail] .chapter-label .client{color:var(--color-text-muted);font-size:.9375rem;-webkit-margin-before:24px;margin-block-start:24px;max-inline-size:220px}flynt-component[name=BlockProjectDetail] .thinking .chapter{padding-block:70px}flynt-component[name=BlockProjectDetail] .thinking .chapter .large-copy{font-size:1.4375rem}flynt-component[name=BlockProjectDetail] .gallery{-webkit-padding-before:var(--component-spacing);padding-block-start:var(--component-spacing)}flynt-component[name=BlockProjectDetail] .gallery-secondary{display:grid;gap:32px;grid-template-columns:1fr 1fr;padding-block:0 var(--component-spacing)}flynt-component[name=BlockProjectDetail] .gallery-secondary:has(>.figure:only-child){grid-template-columns:1fr}flynt-component[name=BlockProjectDetail] .gallery-secondary>.figure:only-child img{block-size:660px}flynt-component[name=BlockProjectDetail] .figure{margin:0;min-inline-size:0}flynt-component[name=BlockProjectDetail] .figure img{background:var(--soft);block-size:550px;inline-size:100%;object-fit:contain;padding:30px}flynt-component[name=BlockProjectDetail] .gallery-first .figure img{block-size:680px}flynt-component[name=BlockProjectDetail] .deliverables{display:grid;font-size:1.0625rem;gap:14px 30px;grid-template-columns:1fr 1fr;list-style:none;margin-block:35px 0;margin-inline:0;padding:0}flynt-component[name=BlockProjectDetail] .deliverables li{-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border);-webkit-padding-before:12px;padding-block-start:12px}flynt-component[name=BlockProjectDetail] .results{padding-block:70px}flynt-component[name=BlockProjectDetail] .results .container>.eyebrow{color:var(--yellow);margin-block:0 35px;margin-inline:0}flynt-component[name=BlockProjectDetail] .results-grid{align-items:end;display:grid;gap:50px;grid-template-columns:1.1fr 1fr .8fr;margin:0}flynt-component[name=BlockProjectDetail] .results .stat{margin:0}flynt-component[name=BlockProjectDetail] .results .stat p{color:var(--color-text-muted);font-size:1.125rem;-webkit-margin-before:10px;margin-block-start:10px}flynt-component[name=BlockProjectDetail] .results .stat-value{font-size:clamp(4rem,7vw,6.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1}flynt-component[name=BlockProjectDetail] .results .note{font-size:1.25rem;margin:0}flynt-component[name=BlockProjectDetail] .results .note span{color:#b7b7b1;display:block;font-size:.8125rem;-webkit-margin-before:20px;margin-block-start:20px}flynt-component[name=BlockProjectDetail] .results .outcome h2{margin-block:0 30px}flynt-component[name=BlockProjectDetail] .results .outcome>p:last-child{color:var(--color-text-muted);font-size:1.4375rem;margin:0;max-inline-size:650px}flynt-component[name=BlockProjectDetail] .next{-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border);padding-block:var(--component-spacing)}flynt-component[name=BlockProjectDetail] .next>*{margin:0}flynt-component[name=BlockProjectDetail] .next-link{align-items:center;display:flex;gap:40px;justify-content:space-between;-webkit-margin-before:28px;margin-block-start:28px}flynt-component[name=BlockProjectDetail] .next-link h2{flex:1;margin:0;max-inline-size:1050px}flynt-component[name=BlockProjectDetail] .next-link .arrow{font-size:70px;margin:0}flynt-component[name=BlockProjectDetail] .next-image{aspect-ratio:1.3;background:var(--brand-color);flex-shrink:0;inline-size:240px;overflow:hidden}flynt-component[name=BlockProjectDetail] .next-image img{block-size:100%;inline-size:100%;object-fit:cover;transition:transform .55s var(--motion-ease)}flynt-component[name=BlockProjectDetail] .next-image[data-fit=contain] img{object-fit:contain}flynt-component[name=BlockProjectDetail] .next-image[data-padding]{padding:16px}flynt-component[name=BlockProjectDetail] .next-link:hover .next-image img{transform:scale(1.025)}flynt-component[name=BlockProjectDetail] .dialog{background:#111110;border:0;color:var(--white);inline-size:min(1180px,100% - 48px);margin:auto;max-block-size:calc(100dvh - 40px);max-inline-size:none;overflow:auto;padding:24px}flynt-component[name=BlockProjectDetail] .dialog[open]{display:flex;flex-direction:column;gap:20px}flynt-component[name=BlockProjectDetail] .dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000de}flynt-component[name=BlockProjectDetail] .dialog>*{margin:0}flynt-component[name=BlockProjectDetail] .dialog-header,flynt-component[name=BlockProjectDetail] .dialog-footer{align-items:center;display:flex;gap:25px;justify-content:space-between}flynt-component[name=BlockProjectDetail] .dialog-header>*,flynt-component[name=BlockProjectDetail] .dialog-footer>*{margin:0}flynt-component[name=BlockProjectDetail] .dialog-close{align-items:center;background:none;border:0;color:var(--white);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:20px;padding:7px}flynt-component[name=BlockProjectDetail] .dialog-close>span{font-family:var(--font-family-arrow);font-size:30px;line-height:1}flynt-component[name=BlockProjectDetail] .dialog-image{inline-size:100%;max-block-size:69dvh;min-block-size:0;object-fit:contain}flynt-component[name=BlockProjectDetail] .dialog-caption{color:#cecec7;font-size:.875rem;max-inline-size:65ch}flynt-component[name=BlockProjectDetail] .dialog-controls{align-items:center;display:flex;flex-shrink:0;gap:18px}flynt-component[name=BlockProjectDetail] .dialog-controls button{align-items:center;background:none;block-size:42px;border:1px solid #555;color:var(--white);cursor:pointer;display:flex;font-family:var(--font-family-arrow);font-size:24px;inline-size:42px;justify-content:center;line-height:1}flynt-component[name=BlockProjectDetail] .dialog-controls button:hover{background:var(--yellow);color:var(--black)}flynt-component[name=BlockProjectDetail] .dialog-controls button:disabled{background:none;color:var(--white);cursor:default;opacity:.25}flynt-component[name=BlockProjectDetail] .dialog-count{font-size:.75rem;min-inline-size:42px;text-align:center}@media (max-width: 767px){flynt-component[name=BlockProjectDetail] .hero h1{font-size:clamp(2.4375rem,9.7vw,4rem)}flynt-component[name=BlockProjectDetail] .hero .back{font-size:.8125rem;-webkit-margin-after:30px;margin-block-end:30px}flynt-component[name=BlockProjectDetail] .heading{gap:24px;grid-template-columns:1fr;-webkit-margin-before:23px;margin-block-start:23px}flynt-component[name=BlockProjectDetail] .heading .lead{font-size:1.4375rem}flynt-component[name=BlockProjectDetail] .heading .meta{font-size:.8125rem;text-align:start}flynt-component[name=BlockProjectDetail] .banner-wrap{padding:0}flynt-component[name=BlockProjectDetail] .banner{aspect-ratio:1.5}flynt-component[name=BlockProjectDetail] .banner[data-padding]{padding:20px}flynt-component[name=BlockProjectDetail] .zoom>span{block-size:36px;font-size:22px;inline-size:36px;inset-block-start:12px;inset-inline-end:12px}flynt-component[name=BlockProjectDetail] .chapter{gap:27px;grid-template-columns:1fr}flynt-component[name=BlockProjectDetail] .chapter h2{font-size:2.3125rem;-webkit-margin-after:23px;margin-block-end:23px}flynt-component[name=BlockProjectDetail] .chapter-label .client{font-size:.875rem;-webkit-margin-before:12px;margin-block-start:12px;max-inline-size:100%}flynt-component[name=BlockProjectDetail] .thinking .chapter{padding-block:45px}flynt-component[name=BlockProjectDetail] .thinking .chapter .large-copy{font-size:1.25rem}flynt-component[name=BlockProjectDetail] .figure img{block-size:360px;padding:15px}flynt-component[name=BlockProjectDetail] .gallery-first .figure img{block-size:440px}flynt-component[name=BlockProjectDetail] .gallery-secondary{gap:30px;grid-template-columns:1fr}flynt-component[name=BlockProjectDetail] .gallery-secondary>.figure:only-child img{block-size:460px}flynt-component[name=BlockProjectDetail] .deliverables{font-size:.9375rem;gap:13px 18px;-webkit-margin-before:28px;margin-block-start:28px}flynt-component[name=BlockProjectDetail] .results{padding-block:45px}flynt-component[name=BlockProjectDetail] .results-grid{gap:28px 20px;grid-template-columns:1fr 1fr}flynt-component[name=BlockProjectDetail] .results .stat p{font-size:.9375rem}flynt-component[name=BlockProjectDetail] .results .stat-value{font-size:3.25rem;white-space:nowrap}flynt-component[name=BlockProjectDetail] .results .note{font-size:1.125rem;grid-column:1/-1}flynt-component[name=BlockProjectDetail] .results .note span{font-size:.75rem;-webkit-margin-before:10px;margin-block-start:10px}flynt-component[name=BlockProjectDetail] .results .outcome h2{font-size:2.5rem}flynt-component[name=BlockProjectDetail] .results .outcome>p:last-child{font-size:1.25rem}flynt-component[name=BlockProjectDetail] .next-link{gap:20px}flynt-component[name=BlockProjectDetail] .next-link h2{font-size:2.3125rem;overflow-wrap:anywhere}flynt-component[name=BlockProjectDetail] .next-link .arrow{font-size:43px}flynt-component[name=BlockProjectDetail] .next-image{inline-size:96px}flynt-component[name=BlockProjectDetail] .next-image[data-padding]{padding:6px}flynt-component[name=BlockProjectDetail] .dialog{inline-size:calc(100% - 20px);max-block-size:calc(100dvh - 20px);padding:16px}flynt-component[name=BlockProjectDetail] .dialog-header{gap:15px}flynt-component[name=BlockProjectDetail] .dialog-image{max-block-size:64dvh}flynt-component[name=BlockProjectDetail] .dialog-footer{display:block}flynt-component[name=BlockProjectDetail] .dialog-caption{font-size:.8125rem;-webkit-margin-after:18px;margin-block-end:18px}flynt-component[name=BlockProjectDetail] .dialog-controls{justify-content:space-between}}@media (max-width: 360px){flynt-component[name=BlockProjectDetail] .hero h1{font-size:2.25rem}flynt-component[name=BlockProjectDetail] .results .stat-value{font-size:2.75rem}}body.gallery-open{overflow:hidden}