:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--navy:#0b1931;--surface:#f5f5f7;--line:#d2d2d7;--display:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;--text:'SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0px;background:rgb(255, 255, 255);color:var(--ink);font-family:var(--text);line-height:1.47;letter-spacing:-0.015em}
h1{margin:0px}
h2{margin:0px}
h3{margin:0px}
h4{margin:0px}
p{margin:0px}
figure{margin:0px}
h1{font-family:var(--display)}
h2{font-family:var(--display)}
h3{font-family:var(--display)}
h4{font-family:var(--display)}
strong{font-family:var(--display)}
h1{line-height:1.06;font-weight:600;letter-spacing:-0.035em}
h2{line-height:1.06;font-weight:600;letter-spacing:-0.035em}
h3{line-height:1.06;font-weight:600;letter-spacing:-0.035em}
h4{line-height:1.06;font-weight:600;letter-spacing:-0.035em}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
h2{}
h3{}
.wrap{width:min(1200px, 100% - 112px);margin:auto}
.skip{position:fixed;top:-80px;left:16px;z-index:50;background:rgb(255, 255, 255);padding:12px}
.skip:focus{top:8px}
.site-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0px max(48px, 50% - 600px);position:sticky;top:0px;z-index:30;background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0, 0, 0, 0.047)}
.brand{font-family:var(--display);font-weight:600;letter-spacing:-0.03em}
.site-nav nav{display:flex;gap:28px;align-items:center}
.site-nav nav > a{color:rgb(66, 66, 69)}
.site-nav nav > a.active{color:var(--blue)}
.site-nav .nav-cta{padding:8px 16px;border-radius:999px;background:var(--blue);color:white}
.hero{position:relative;min-height:860px;overflow:hidden;background:radial-gradient(at 50% 75%, rgb(19, 45, 81) 0px, rgb(8, 19, 34) 43%, rgb(5, 10, 17) 80%);color:rgb(255, 255, 255);padding:88px 24px 0px}
.hero-copy{text-align:center;position:relative;z-index:2;max-width:950px;margin:auto}
.hero-name{font-weight:600;margin-bottom:20px}
.hero h1{line-height:1.01;letter-spacing:-0.055em;background:linear-gradient(110deg, rgb(244, 252, 255) 18%, rgb(200, 228, 255) 48%, rgb(85, 155, 219) 80%) text;color:transparent;max-width:1050px}
.hero-sub{font-weight:500;color:rgb(193, 207, 223);max-width:600px;margin:26px auto 28px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;transition:background 0.2s, transform 0.2s}
.blue{background:var(--blue);color:rgb(255, 255, 255)}
.blue:hover{background:rgb(0, 119, 237)}
.nav-cta:hover{background:rgb(0, 119, 237)}
.button:hover{transform:translateY(-2px)}
.hero-showcase{position:relative;width:min(1180px, 100%);margin:58px auto 0px;transform:translateY(var(--media-shift,0px));will-change:transform}
.hero-proof{border-radius:18px;overflow:hidden;background:rgb(248, 251, 255);border:1px solid rgba(255, 255, 255, 0.157);box-shadow:rgba(0, 0, 0, 0.467) 0px 30px 80px}
.hero-proof img{display:block}
.proof-0{width:54%;height:330px;left:23%;top:20px;z-index:3;transform:perspective(1000px) rotateX(5deg)}
.proof-1{width:36%;height:280px;left:0px;top:50px;z-index:1;transform:perspective(1000px) rotateY(8deg) rotate(-5deg);opacity:0.7}
.proof-2{width:36%;height:280px;right:0px;top:50px;z-index:1;transform:perspective(1000px) rotateY(-8deg) rotate(5deg);opacity:0.7}
.work-overview{background:var(--surface);padding:100px 0px}
.overview-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}
.overview-heading p{color:var(--muted);padding-bottom:5px}
.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.highlight{background:rgb(255, 255, 255);border-radius:28px;padding:40px;position:relative;min-height:380px;overflow:hidden;transition:transform 0.35s, box-shadow 0.35s}
.highlight:hover{transform:scale(1.015);box-shadow:rgba(29, 29, 31, 0.03) 0px 12px 40px}
.highlight > span:first-child{color:var(--muted);font-weight:600}
.highlight h3{line-height:1.08;margin:22px 0px 40px;max-width:420px}
.highlight-metrics strong{line-height:1;letter-spacing:-0.045em;font-weight:600;color:var(--blue)}
.highlight-metrics small{display:block;color:var(--muted);letter-spacing:0px;font-weight:400;line-height:1.5;margin-top:14px}
.round-arrow{position:absolute;right:28px;bottom:28px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:rgb(66, 66, 69)}
.case-section{padding:104px 0px 96px}
.case-2{background:var(--surface)}
.section-head{max-width:950px;margin-bottom:40px}
.eyebrow{letter-spacing:0.01em;color:var(--muted);font-weight:600;margin-bottom:22px}
.section-head h2{max-width:900px}
.results-panel{background:var(--surface);border-radius:28px;padding:40px;margin-bottom:44px}
.case-2 .results-panel{background:rgb(255, 255, 255)}
.metric strong{display:block;line-height:1.1;font-weight:600;letter-spacing:-0.055em;color:var(--blue)}
.metric span{display:block;font-weight:600;margin:10px 0px 8px}
.metric small{display:block;color:var(--muted);line-height:1.45;letter-spacing:0px}
.scope{line-height:1.6;color:var(--muted);margin-top:28px;max-width:900px}
.affiliate{line-height:1.5;margin-top:24px;font-weight:500}
.measurement{margin-top:24px;border-top:1px solid rgba(210, 210, 215, 0.667);}
.measurement summary{padding:16px 0px 0px;display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;color:rgb(66, 66, 69);font-weight:500}
.measurement summary::-webkit-details-marker{display:none}
.measurement summary span{line-height:1}
.measurement[open] summary span{transform:rotate(45deg)}
.table-scroll{overflow-x:auto;margin-top:20px}
table{width:100%;border-collapse:collapse;text-align:left;}
th{vertical-align:top;padding:14px 10px;border-bottom:1px solid var(--line)}
td{vertical-align:top;padding:14px 10px;border-bottom:1px solid var(--line)}
th{font-weight:600}
td small{display:block;color:var(--muted);margin-top:6px}
.context{display:grid;grid-template-columns:1fr 2.2fr;gap:48px;margin-bottom:44px;align-items:start}
.context h3{}
.context p{line-height:1.55;color:var(--muted);max-width:70ch}
.decision-grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3, minmax(0px, 1fr))}
.grid-2{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.decision-card{background:var(--surface);border-radius:28px;min-width:0px}
.case-2 .decision-card{background:rgb(255, 255, 255)}
.step{color:var(--muted);font-weight:600}
.decision-copy h3{line-height:1.16;letter-spacing:-0.03em;margin:16px 0px 20px}
.decision-copy p{line-height:1.6;color:var(--muted)}
.sample-open{padding:0px;border:0px;background:rgb(255, 255, 255);display:block;width:100%;aspect-ratio:16 / 10;cursor:zoom-in}
.decision-card .sample-open{margin:0px 20px 20px;width:calc(100% - 40px);border-radius:14px}
.zoom-cue{border-radius:50%;color:rgb(66, 66, 69);}
.samples{margin-top:60px}
.samples-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}
.samples-heading h3{}
.gallery-actions button{border:0px;background:rgb(232, 232, 237);color:rgb(66, 66, 69);border-radius:50%;height:36px;width:36px;}
.gallery-actions .show-all{border-radius:999px;width:auto;padding:0px 16px;}
.gallery-actions button:hover{background:rgb(222, 222, 228)}
.sample-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgb(200, 200, 204) transparent;padding-bottom:18px;scroll-behavior:smooth}
.sample-track figure{flex:0 0 360px;scroll-snap-align:start;background:var(--surface);border-radius:20px;overflow:hidden}
.case-2 .sample-track figure{background:rgb(255, 255, 255)}
.samples.expanded .sample-track{scroll-snap-type:none}
.samples.expanded .sample-track figure{min-width:0px}
.about-section{background:rgb(7, 18, 34);color:rgb(245, 245, 247);padding:108px 0px}
.about-section .eyebrow{color:rgb(151, 169, 195)}
.about-section h2{background:linear-gradient(120deg, rgb(238, 247, 255), rgb(141, 190, 241)) text;color:transparent}
.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center;margin-top:48px}
.about-copy p{line-height:1.65;color:rgb(168, 184, 204);margin-top:24px;max-width:65ch}
.about-copy .large-copy{line-height:1.45;color:rgb(228, 237, 247);margin-top:0px}
.budget-panel{background:rgb(19, 36, 58);border:1px solid rgba(255, 255, 255, 0.082);padding:42px;border-radius:28px}
.budget-panel strong{display:block;font-weight:600;letter-spacing:-0.05em;line-height:1.1;color:rgb(215, 236, 255)}
.budget-panel span{display:block;margin-top:18px;color:rgb(228, 237, 247);font-weight:500}
.budget-panel p{color:rgb(168, 184, 204);margin-top:18px;line-height:1.65}
.toolkit{margin-top:60px;border-top:1px solid rgba(255, 255, 255, 0.125)}
.toolkit-grid{grid-template-columns:repeat(3, 1fr);gap:32px;padding:20px 0px 8px}
.toolkit-grid h4{}
.experience-section{padding:108px 0px;background:rgb(255, 255, 255)}
.timeline{margin-top:40px}
.job{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;border-top:1px solid rgb(210, 210, 215);padding:36px 0px}
.job .eyebrow{margin-bottom:14px;font-weight:400}
.job h3{}
.job h4{line-height:1.2;margin-bottom:16px}
.job p{line-height:1.6;color:var(--muted);max-width:65ch}
.education{padding:40px;margin-top:36px;background:var(--surface);border-radius:28px}
.education .eyebrow{margin-bottom:16px}
.education h3{line-height:1.3}
.education p{color:var(--muted);margin-top:18px;line-height:1.6}
footer{background:var(--surface);padding:60px 0px}
.footer-content{display:flex;justify-content:space-between;gap:40px;align-items:start}
.footer-content h2{}
.footer-content p{color:var(--muted);margin-top:10px}
.contact-links{display:flex;flex-direction:column;gap:14px;}
.contact-links a{color:var(--blue)}
dialog{border:0px;background:rgb(255, 255, 255);border-radius:20px;max-width:94vw;max-height:94vh;padding:20px;box-shadow:rgba(0, 0, 0, 0.267) 0px 30px 100px}
dialog::backdrop{background:rgba(0, 0, 0, 0.733);backdrop-filter:blur(8px)}
dialog > img{display:block;max-width:87vw;max-height:78vh;object-fit:contain}
.close-dialog{display:block;margin:0px 0px 16px auto;border:0px;background:var(--surface);color:var(--ink);border-radius:999px;padding:10px 18px;}
.reveal{opacity:1;transform:none}
.reveal.motion-pending{opacity:0;transform:translateY(22px);transition:opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1)}
.reveal.motion-visible{opacity:1;transform:none}
@media (max-width: 1000px){
.wrap{width:calc(100% - 64px)}
.site-nav{padding-inline:32px}
.hero{min-height:780px;padding-top:72px}
.hero h1{}
.hero-showcase{height:310px;margin-top:50px}
.proof-0{height:280px}
.proof-1{height:240px}
.proof-2{height:240px}
.highlight{padding:32px}
.highlight h3{}
.highlight-metrics strong{}
.decision-copy{padding:26px 22px}
.decision-copy h3{}
.decision-copy p{}
.grid-3{gap:16px}
.about-grid{gap:40px}
.budget-panel{padding:32px}
.budget-panel strong{}
.context{gap:32px}
.sample-track figure{flex-basis:320px}
.metric span{}
.metric strong{}
}
@media (max-width: 700px){
html{scroll-padding-top:78px}
.wrap{width:calc(100% - 40px)}
.site-nav{height:60px;padding-inline:20px;gap:12px}
.brand{}
.site-nav nav{gap:14px}
.site-nav nav > a{}
.site-nav .nav-cta{padding:7px 11px}
.hero{min-height:650px;padding:72px 20px 0px}
.hero-name{margin-bottom:22px}
.hero h1{letter-spacing:-0.045em}
.hero-sub{line-height:1.5;margin:26px auto;max-width:330px}
.hero-showcase{height:220px;margin-top:48px;width:calc(100% + 40px);margin-left:-20px}
.proof-0{width:76%;left:12%;top:12px;height:185px;border-radius:12px}
.proof-1{width:42%;height:150px;top:35px;border-radius:10px}
.proof-2{width:42%;height:150px;top:35px;border-radius:10px}
.work-overview{padding:64px 0px}
.case-section{padding:64px 0px}
.about-section{padding:64px 0px}
.experience-section{padding:64px 0px}
.overview-heading{display:block;margin-bottom:28px}
.overview-heading h2{}
.overview-heading p{margin-top:22px}
.highlight-grid{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-2{grid-template-columns:1fr}
.about-grid{grid-template-columns:1fr}
.job{grid-template-columns:1fr}
.highlight-grid{gap:20px}
.highlight{min-height:350px;border-radius:24px}
.highlight h3{}
.highlight-metrics strong{}
.highlight-metrics small{}
.section-head{margin-bottom:28px}
.section-head h2{}
.eyebrow{line-height:1.5;margin-bottom:20px}
.results-panel{padding:26px 24px;border-radius:24px;margin-bottom:32px}
.metric strong{}
.metric span{line-height:1.3}
.metric small{}
.scope{margin-top:24px}
.affiliate{}
.context{grid-template-columns:1fr;gap:18px;margin-bottom:32px}
.context h3{}
.context p{}
.decision-grid{gap:20px}
.decision-copy h3{margin:16px 0px}
.decision-copy p{}
.decision-card .sample-open{aspect-ratio:16 / 10}
.samples{margin-top:44px}
.samples-heading{align-items:start;gap:16px}
.samples-heading h3{max-width:130px}
.gallery-actions button{width:30px;height:30px;}
.gallery-actions .show-all{padding:0px 10px}
.sample-track{gap:16px}
.sample-track figure{flex-basis:min(310px, 85vw)}
.about-grid{gap:32px;margin-top:32px}
.about-copy .large-copy{}
.about-copy p{}
.budget-panel{padding:32px}
.budget-panel strong{}
.budget-panel span{}
.toolkit{margin-top:40px}
.toolkit-grid{grid-template-columns:1fr;gap:28px}
.job{gap:20px;padding:28px 0px}
.job h3{}
.job h4{}
.job p{}
.education{margin-top:24px}
.education h3{}
.footer-content{display:block}
.contact-links{margin-top:28px;}
.table-scroll table{min-width:440px}
.measurement summary{}
.button{}
.hero{overflow:hidden}
}
@media (max-width: 360px){
.site-nav{padding-inline:16px}
.site-nav nav{gap:10px}
.site-nav .nav-cta{padding:7px 9px}
.brand{}
.site-nav nav > a{}
.highlight-metrics strong{}
.hero h1{}
.section-head h2{}
.samples-heading h3{}
.gallery-actions{gap:5px}
.results-panel{padding-inline:20px}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.sample-track{scroll-behavior:auto}
*{animation:auto ease 0s 1 normal none running none!important;transition:none!important}
::before{animation:auto ease 0s 1 normal none running none!important;transition:none!important}
::after{animation:auto ease 0s 1 normal none running none!important;transition:none!important}
.reveal.motion-pending{opacity:1;transform:none}
.hero-showcase{transform:none;will-change:auto}
}
@media print{
.site-nav{display:none}
.skip{display:none}
.gallery-actions{display:none}
.button{display:none}
dialog{display:none}
.hero{min-height:0px;padding:30px;background:rgb(255, 255, 255);color:rgb(29, 29, 31)}
.hero h1{color:rgb(29, 29, 31);background:none}
.hero-sub{color:rgb(29, 29, 31)}
.hero-name{color:rgb(29, 29, 31)}
.hero-showcase{display:none}
.wrap{width:100%}
.work-overview{padding:24px 0px}
.case-section{padding:24px 0px}
.about-section{padding:24px 0px}
.experience-section{padding:24px 0px}
.about-section{background:rgb(255, 255, 255);color:rgb(29, 29, 31)}
.about-section h2{color:rgb(29, 29, 31);background:none}
.about-copy p{color:rgb(110, 110, 115)}
.about-copy .large-copy{color:rgb(110, 110, 115)}
.reveal.motion-pending{opacity:1;transform:none}
.sample-track{display:grid;grid-template-columns:repeat(3, 1fr);overflow:visible}
.samples.expanded .sample-track{display:grid;grid-template-columns:repeat(3, 1fr);overflow:visible}
.sample-track figure{break-inside:avoid}
.decision-card{break-inside:avoid}
.case-section{break-before:page}
.budget-panel{background:rgb(245, 245, 247)}
.budget-panel strong{color:rgb(29, 29, 31)}
.budget-panel span{color:rgb(29, 29, 31)}
.budget-panel p{color:rgb(29, 29, 31)}
@page { size: a4; margin: 15mm; }
}
.text-unit{font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;display:inline!important}
.overview-metric > strong{display:block;line-height:1.1;min-height:1.1em;color:var(--blue);font-weight:600}
.overview-metric > span{display:block;color:var(--muted);line-height:1.5;margin-top:14px}
.overview-metric > small{display:block;color:var(--muted);line-height:1.5;margin-top:4px;font-weight:400}
.numeric-value:empty{display:block;min-height:1.1em}
.decision-copy{flex-direction:column}
.decision-copy .action-result{margin-top:22px;padding-top:16px;border-top:1px solid rgba(210, 210, 215, 0.467)}
.sample-track .sample-open{aspect-ratio:1 / 1;background:rgb(255, 255, 255)}
.result-hierarchy{display:grid}
.submetrics{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.submetrics strong{line-height:1.15;display:block;color:rgb(66, 66, 69);letter-spacing:-0.025em;min-height:1.15em;font-weight:400!important}
.submetrics span{line-height:1.5;color:var(--muted);font-weight:400;display:block;margin-top:8px}
.toolkit-grid{display:block;padding-top:12px}
.tool-group-heading{margin-bottom:26px}
.ads-platform-grid{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr))}
.ads-platform-grid > div{border:1px solid rgba(255, 255, 255, 0.07)}
.platform-logo{object-fit:contain;background:rgb(255, 255, 255);margin-bottom:20px}
.ads-platform-grid h4{}
.support-group-heading{border-top:1px solid rgba(255, 255, 255, 0.125)}
.support-tool-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr))}
.support-icon{display:grid;place-items:center;margin-bottom:18px}
.support-icon svg{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.support-tool-grid h4{}
.education{flex-direction:column}
.sample-open::before{content:"";position:absolute;left:0px;right:0px;z-index:1;pointer-events:none}
.hero-proof::before{content:"";position:absolute;left:0px;right:0px;z-index:1;pointer-events:none}
.hero-proof{position:absolute}
body{padding-bottom:80px}
@media (max-width: 1000px){
.result-hierarchy{gap:32px}
.submetrics{gap:20px}
.overview-metric > strong{}
.support-tool-grid{gap:24px}
}
@media (max-width: 700px){
.overview-metric > strong{}
.overview-metric > span{}
.overview-metric > small{}
.submetrics strong{}
.submetrics span{}
.ads-platform-grid{gap:16px}
.ads-platform-grid > div{padding:20px}
.ads-platform-grid h4{}
.support-tool-grid{gap:26px}
.support-tool-grid > div{padding-bottom:20px;border-bottom:1px solid rgba(255, 255, 255, 0.082)}
.tool-group-heading{}
.education{padding:24px}
.image-name-overlay{top:12px;right:12px}
.overview-metric > strong{letter-spacing:-0.05em}
}
@media (max-width: 360px){
.overview-metric > strong{}
.overview-metric > span{}
.overview-metric > small{}
}
@media print{
body{padding-bottom:0px}
.image-name-overlay{print-color-adjust:exact}
.sample-open::before{print-color-adjust:exact}
}
.metric > small{min-height:1.45em}
.samples .sample-track figure{background:rgb(255, 255, 255)}
.samples.expanded .sample-track{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:16px;overflow:visible;padding-bottom:0px}
.samples .sample-open{border-radius:20px}
.samples .sample-track figure{border-radius:20px;overflow:hidden}
@media (max-width: 1000px){
.samples.expanded .sample-track{grid-template-columns:repeat(2, minmax(0px, 1fr))}
}
@media (max-width: 700px){
.samples.expanded .sample-track{grid-template-columns:1fr;gap:14px}
.samples .image-name-overlay{top:12px}
}
.samples .sample-open{background:rgb(255, 255, 255);aspect-ratio:var(--proof-ratio,1.6)!important;height:auto!important}
.samples.expanded .sample-open{background:rgb(255, 255, 255);aspect-ratio:var(--proof-ratio,1.6)!important;height:auto!important}
.decision-card .sample-open{background:rgb(255, 255, 255);aspect-ratio:var(--proof-ratio,1.6)!important;height:auto!important}
.image-name-overlay{bottom:14px;left:16px;right:52px;text-align:left;top:auto!important}
.samples .image-name-overlay{bottom:14px;left:16px;right:52px;text-align:left;top:auto!important}
.hero-proof .image-name-overlay{bottom:14px;left:16px;right:52px;max-height:none;overflow:visible;text-align:left;line-height:1.4;top:auto!important}
.sample-open::before{bottom:0px;height:100px;top:auto!important;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6))!important}
.samples .sample-open::before{bottom:0px;height:100px;top:auto!important;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6))!important}
.hero-proof::before{bottom:0px;height:100px;top:auto!important;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6))!important}
.decision-copy > p:not(.action-result){flex:0 1 0%!important}
.decision-copy .action-result{}
.decision-card{justify-content:flex-start}
.zoom-cue{border:1px solid rgba(0, 0, 0, 0.07);background:rgba(255, 255, 255, 0.93)!important;box-shadow:none!important}
.zoom-cue svg{fill:none;stroke:rgb(52, 52, 57);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.measurement summary .text-unit{transform:none!important}
.measurement summary > span.text-unit{line-height:inherit!important}
.measurement summary > .disclosure-icon{display:inline-block;transition:transform 0.2s;transform:none}
.measurement[open] summary > .disclosure-icon{transform:rotate(45deg)}
.measurement[open] summary span:not(.disclosure-icon){transform:none!important}
.ads-platform-grid > div{min-width:0px;background:transparent!important;border-width:1px 0px 0px!important;border-style:solid none none!important;border-color:rgba(255, 255, 255, 0.15) currentcolor currentcolor!important;border-image:none!important;border-radius:0px!important;padding:24px 0px!important}
.support-tool-grid > div{min-width:0px;background:transparent!important;border-width:1px 0px 0px!important;border-style:solid none none!important;border-color:rgba(255, 255, 255, 0.15) currentcolor currentcolor!important;border-image:none!important;border-radius:0px!important;padding:24px 0px!important}
.capability-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:36px}
.platform-logo{width:32px;height:32px;margin:0px;border-radius:8px}
.support-icon{width:32px;height:32px;margin:0px;background:transparent;border-radius:0px}
.support-icon svg{width:24px;height:24px;stroke:rgb(181, 195, 212)}
.capability-header h4{margin:0px;line-height:1.3}
.capability-list{list-style:none;margin:0px;padding:0px;display:grid;gap:8px;color:rgb(168, 184, 204);line-height:1.5}
.capability-list li{padding-left:0px;margin:0px}
.support-group-heading{border:0px;padding-top:0px;margin-top:32px}
.ads-platform-grid{gap:28px}
.support-tool-grid{gap:28px}
.sample-track{align-items:flex-start}
.sample-track figure{height:auto}
.sample-track .sample-open{width:100%}
@media (max-width: 1000px){
.ads-platform-grid{grid-template-columns:repeat(2, 1fr)}
.capability-header h4{}
}
@media (max-width: 700px){
.support-tool-grid{grid-template-columns:1fr}
.capability-header h4{}
.capability-list{gap:7px}
.decision-copy .action-result{}
}
@media print{
.capability-list{color:rgb(110, 110, 115)}
.ads-platform-grid > div{border-color:rgb(210, 210, 215)!important}
.support-tool-grid > div{border-color:rgb(210, 210, 215)!important}
}
.round-arrow{border:0px;box-shadow:none;background:none!important}
.round-arrow svg{width:20px;height:20px;fill:none;stroke:rgb(85, 85, 90);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.decision-card > .sample-open{margin-top:0px!important}
@media (max-width: 1000px) and (min-width: 701px){
.decision-grid{grid-template-columns:1fr!important}
.decision-card{display:grid!important;grid-template-columns:minmax(0px, 1.5fr) minmax(0px, 1fr)!important;align-items:center!important}
.decision-card > .sample-open{justify-self:center!important;margin:20px!important;max-width:calc(100% - 40px)!important}
.decision-copy{flex:0 0 auto!important}
}
@media (max-width: 700px){
.decision-card{grid-template-columns:none!important}
.decision-card > .sample-open{margin:0px 20px 20px!important}
}
.decision-grid{align-items:stretch!important}
.decision-card{overflow:hidden;display:flex!important;flex-direction:column!important;height:100%!important}
.decision-copy{display:block!important;flex:1 1 0%!important;padding:28px!important}
.decision-copy .action-result{margin:12px 0px 0px!important;padding:0px!important;border:0px!important;color:rgb(29, 29, 31)!important;font-weight:600!important;line-height:1.55!important}
.decision-card > .sample-open{width:100%!important;max-width:none!important;height:auto!important;min-height:0px!important;max-height:none!important;margin:0px!important;aspect-ratio:var(--native-ratio)!important;flex:0 0 auto!important;border-radius:0px!important;background:transparent!important}
.sample-open{position:relative!important;overflow:hidden!important}
.sample-open img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.sample-open::before{display:none!important}
.sample-open::after{content:"";position:absolute;z-index:1;pointer-events:none;border-radius:0px}
.image-name-overlay{position:absolute!important;z-index:2!important;inset:auto 48px 14px 16px!important;background:transparent!important;padding:0px!important;border:0px!important;border-radius:0px!important;color:white!important;font-weight:600!important;line-height:1.35!important;text-shadow:rgba(0, 0, 0, 0.333) 0px 1px 4px!important;overflow:hidden!important}
.samples .image-name-overlay{position:absolute!important;z-index:2!important;inset:auto 48px 14px 16px!important;background:transparent!important;padding:0px!important;border:0px!important;border-radius:0px!important;color:white!important;font-weight:600!important;line-height:1.35!important;text-shadow:rgba(0, 0, 0, 0.333) 0px 1px 4px!important;overflow:hidden!important}
.sample-open.is-portrait .image-name-overlay{left:10px!important;right:10px!important;bottom:10px!important;}
.zoom-cue{position:absolute!important;z-index:3!important;right:12px!important;bottom:12px!important;top:auto!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0px!important}
.sample-open.is-portrait .zoom-cue{top:10px!important;bottom:auto!important;right:10px!important;width:25px!important;height:25px!important}
.zoom-cue svg{display:block!important;width:16px!important;height:16px!important}
.samples .unified-track{display:flex!important;align-items:flex-start!important;gap:16px!important;overflow-x:auto!important;padding:0px 0px 12px!important;height:auto!important;position:static!important;scroll-snap-type:x!important}
.samples .unified-track figure{flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0px!important;position:static!important;top:auto!important;left:auto!important;background:transparent!important;border-radius:14px!important;overflow:hidden!important}
.samples .unified-track .sample-open{display:block!important;width:calc(216px * var(--native-ratio,1.8))!important;max-width:440px!important;height:auto!important;max-height:none!important;min-height:0px!important;aspect-ratio:var(--native-ratio,1.8)!important;margin:0px!important;border-radius:14px!important;background:transparent!important}
.samples .unified-track .sample-open.is-portrait{max-width:132px!important;width:calc(216px * var(--native-ratio,.5625))!important}
.samples.expanded .unified-track{flex-wrap:wrap!important;overflow:visible!important;scroll-snap-type:none!important}
.samples.expanded [data-gallery-step]{display:none!important}
.gallery-actions{display:flex!important;align-items:center!important;gap:10px!important}
.gallery-actions [data-gallery-step]{width:40px!important;height:40px!important;padding:0px!important;border:0px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
.gallery-actions [data-gallery-step] svg{display:block!important;margin:0px!important;transform:none!important}
@media (max-width: 1000px){
.decision-grid{grid-template-columns:1fr!important}
.decision-card{display:grid!important;grid-template-columns:minmax(0px, 1.5fr) minmax(0px, 1fr)!important;align-items:center!important}
.decision-card > .sample-open{margin:0px!important;border-radius:0px!important}
}
@media (max-width: 700px){
.decision-card{display:flex!important;flex-direction:column!important}
.decision-copy{padding:24px!important}
.samples .unified-track .sample-open{width:calc(180px * var(--native-ratio,1.8))!important;max-width:calc(-48px + 100vw)!important}
.samples .unified-track .sample-open.is-portrait{width:calc(180px * var(--native-ratio,.5625))!important;max-width:120px!important}
.gallery-actions{gap:6px!important}
.gallery-actions [data-gallery-step]{width:34px!important;height:34px!important}
.image-name-overlay{left:12px!important;bottom:12px!important}
.samples .image-name-overlay{left:12px!important;bottom:12px!important}
}
.sample-open::after{inset:62% 0px 0px!important;background:linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.44) 100%)!important}
.image-name-overlay{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;max-height:2.7em!important}
.samples .image-name-overlay{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;max-height:2.7em!important}
#sample-dialog-caption{margin:12px 0px 0px;text-align:left;color:rgb(29, 29, 31);line-height:1.5}
@media (min-width: 1001px){
#case-1 .decision-copy h3{min-height:2.3em}
}
.measurement-table{table-layout:fixed;width:100%}
.measurement-table th{vertical-align:top}
.measurement-content > .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.measurement-content > .table-scroll:focus-visible{outline:rgb(0, 113, 227) solid 2px;outline-offset:4px}
.highlight-metrics{--overview-base:clamp(32px,3.2vw,48px);--metric-base:min(var(--overview-base),9.15cqw);--metric-label:12px;--metric-date:10px;container-type:inline-size;display:grid!important;gap:16px!important}
.overview-metric{min-width:0px!important}
.highlight-metrics .overview-metric > strong{font-variant-numeric:lining-nums tabular-nums;min-height:0px!important;display:flex!important;letter-spacing:-0.045em!important;white-space:nowrap!important}
.highlight-metrics .metric-secondary > strong{}
.highlight-metrics .overview-metric > span{margin-top:12px!important;line-height:1.5!important}
.highlight-metrics .metric-primary > span{}
.highlight-metrics .metric-secondary > span{font-weight:400!important}
.highlight-metrics .metric-primary > small{font-weight:400!important}
.highlight-metrics .metric-secondary > small{font-weight:400!important}
.brand-context{margin-top:20px;max-width:70ch;line-height:1.6;color:var(--muted)}
.brand-context summary{list-style:none;display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;cursor:pointer;color:var(--muted);font-weight:500}
.brand-context summary::-webkit-details-marker{display:none}
.brand-context summary a{color:var(--blue);font-weight:500}
.brand-context summary svg{flex:0 0 auto;display:block;margin-left:6px;transition:transform 0.2s}
.brand-context[open] summary svg{transform:rotate(180deg)}
.brand-context-body{padding-top:10px;max-width:65ch}
.brand-context-body p{color:var(--muted);margin:0px;line-height:1.7!important}
.brand-context-body .brand-description{margin-top:8px}
@media (max-width: 1000px){
.highlight-grid{grid-template-columns:1fr!important}
.highlight-metrics{--overview-base:38px;gap:14px!important}
}
@media (max-width: 700px){
.highlight{padding:28px 20px!important}
.highlight-metrics{--overview-base:36px;--metric-label:10px;--metric-date:9px;gap:12px!important}
.brand-context{margin-top:16px}
.brand-context-body p{}
}
@media (max-width: 360px){
.highlight-metrics{--overview-base:31px;--metric-label:9px;--metric-date:8px;gap:8px!important}
}
@media (prefers-reduced-motion: reduce){
.brand-context summary svg{transition:none}
}
@media print{
.brand-context-body{display:block!important}
}
.hero-showcase{height:auto!important;aspect-ratio:1180 / 410!important}
.hero-proof{height:auto!important;aspect-ratio:var(--hero-ratio,16/9)!important}
.hero-proof img{object-fit:cover!important;width:100%!important;height:100%!important;background:transparent!important}
.highlight-metrics .metric-primary > strong{color:rgb(0, 101, 209)!important}
.highlight-metrics .overview-metric > span{min-height:calc(var(--metric-label)*3.12)!important}
.highlight-metrics .metric-primary > span{font-weight:700!important}
#case-1 .decision-card > .sample-open{width:calc(100% - 28px)!important;margin:0px 14px 14px!important;max-width:none!important;border-radius:16px!important;align-self:center!important}
#case-2 .decision-card > .sample-open{width:calc(100% - 28px)!important;margin:0px 14px 14px!important;max-width:none!important;border-radius:16px!important;align-self:center!important}
.measurement-table td{vertical-align:top}
.measurement-table td > span{display:block;line-height:1.5}
.measurement-table td small{display:block;margin-top:8px;line-height:1.5}
.measurement-definitions{margin-top:16px}
.measurement-definitions p{line-height:1.6;color:var(--muted);margin:8px 0px 0px}
.result-hierarchy{grid-template-columns:repeat(2, minmax(0px, 1fr));gap:48px}
.result-column{min-width:0px}
@media (max-width: 1000px) and (min-width: 701px){
#case-1 .decision-card > .sample-open{width:calc(100% - 24px)!important;margin:12px!important}
#case-2 .decision-card > .sample-open{width:calc(100% - 24px)!important;margin:12px!important}
.result-hierarchy{gap:32px}
}
@media (max-width: 700px){
.hero-showcase{aspect-ratio:1.8 / 1!important}
#case-1 .decision-card > .sample-open{width:calc(100% - 24px)!important;margin:0px 12px 12px!important;border-radius:14px!important}
#case-2 .decision-card > .sample-open{width:calc(100% - 24px)!important;margin:0px 12px 12px!important;border-radius:14px!important}
.result-hierarchy{gap:32px;grid-template-columns:1fr!important}
.result-column + .result-column{border-top:1px solid var(--line);padding-top:28px}
}
.highlight-metrics .overview-metric > strong{height:calc(var(--metric-base)*1.68)!important}
.highlight-metrics .metric-primary > strong{font-weight:720!important}
.highlight-metrics .metric-secondary > strong{font-weight:450!important}
.highlight-metrics .overview-metric > strong{line-height:1!important}
.highlight-metrics .metric-primary > strong{}
@media (max-width: 700px){
.highlight[href="#case-2"] .highlight-metrics .metric-primary > strong{}
}
.highlight-metrics{grid-template-columns:repeat(3, max-content)!important;justify-content:space-between!important;align-items:start!important}
.overview-metric{width:max-content!important;text-align:left!important}
.highlight-metrics .overview-metric > strong{width:max-content!important;justify-content:flex-start!important;align-items:flex-end!important}
.highlight-metrics .overview-metric > span{width:0px!important;min-width:100%!important;text-align:left!important;white-space:normal!important}
.highlight-metrics .overview-metric > small{width:0px!important;min-width:100%!important;text-align:left!important}
.highlight-metrics .overview-metric > small{white-space:nowrap!important}
.toolkit-title{font-weight:500;line-height:1.3;padding:28px 0px;margin:0px;letter-spacing:-0.02em}
.toolkit .toolkit-grid{display:block!important}
@media (max-width: 700px){
.toolkit-title{}
}
@media (max-width: 360px){
.highlight-metrics .overview-metric > span{min-height:calc(var(--metric-label)*4.68)!important}
}
.case-section .decision-copy{padding-inline:28px!important}
.case-section .decision-copy > p{text-align:justify;text-align-last:left}
.case-section .decision-copy > p .text-unit{white-space:pre-line}
@media (max-width: 700px){
.case-section .decision-copy{padding-inline:24px!important}
}
.samples .unified-track .evidence-featured .sample-open{width:calc(216px * var(--native-ratio))!important;max-width:none!important}
.education{display:grid!important;grid-template-columns:1fr 1fr!important;gap:48px!important}
.education-column{min-width:0px}
.education-column > .eyebrow{margin:0px 0px 22px}
.institution-row{display:flex;align-items:flex-start;gap:16px}
.institution-copy{min-width:0px}
.education-logo{width:64px;height:64px;object-fit:contain;flex:0 0 auto}
.education-logo.pmax-logo{width:88px}
.institution-copy h3{margin:0px;line-height:1.3!important}
.institution-copy p{line-height:1.7;color:var(--muted);margin-top:14px}
.institution-copy .text-unit{white-space:pre-line}
.organization-link{color:inherit;text-decoration:underline 1px rgb(210, 210, 215);text-underline-offset:0.16em}
.organization-link:hover{color:var(--blue);text-decoration-color:currentcolor}
@media (max-width: 700px){
.samples .unified-track .evidence-featured .sample-open{width:calc(180px * var(--native-ratio))!important}
.education{grid-template-columns:1fr!important;gap:32px!important}
.institution-row{gap:14px}
.education-logo{width:56px;height:56px}
.education-logo.pmax-logo{width:76px}
.institution-copy h3{}
}
.overview-metric>small:empty{min-height:1em}

/* Three type sizes: body, title, display. */
:root{--font-body:16px;--font-title:28px;--font-display:48px}
body,button,table,.site-nav nav>a,.brand{font-size:var(--font-body)}
small,.text-unit{font-size:inherit!important}
h1,h2{font-size:var(--font-display);line-height:1.12}
h3,h4,h5,h6,.hero-name,.about-copy .large-copy{font-size:var(--font-title);line-height:1.3}
.metric strong,.budget-panel strong{font-size:var(--font-display)}
.submetrics strong{font-size:var(--font-title)}
.highlight-metrics{--metric-label:var(--font-body);--metric-date:var(--font-body);grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.highlight-metrics .overview-metric{width:auto!important}
.highlight-metrics .overview-metric>strong{height:auto!important;min-height:1.2em!important;font-size:var(--font-title)!important}
.highlight-metrics .metric-primary>strong{font-size:var(--font-display)!important}
.highlight-metrics .overview-metric>span,.highlight-metrics .overview-metric>small{width:auto!important;min-width:0!important;min-height:0!important;font-size:var(--font-body)!important;white-space:normal!important}
.hero h1{font-size:var(--font-display);line-height:1.12}
.hero-sub,.image-name-overlay,.samples .image-name-overlay,.sample-open.is-portrait .image-name-overlay{font-size:var(--font-body)!important}
.sample-open.is-portrait .image-name-overlay{bottom:10px!important}
.samples-heading h3{max-width:none}
.gallery-actions .show-all{height:auto;min-height:40px;padding-block:8px;white-space:nowrap}
.hero{min-height:0;padding-top:72px;padding-bottom:56px}
.hero-showcase{margin-top:48px}
@media(max-width:700px){
  :root{--font-title:24px;--font-display:36px}
  .site-nav{height:auto;flex-wrap:wrap;padding-block:12px;gap:10px}
  .site-nav nav{width:100%;justify-content:space-between;gap:8px}
  .site-nav nav>a{font-size:var(--font-body)}
  html{scroll-padding-top:116px}
  .hero{padding-top:48px;padding-bottom:40px}
  .hero h1{font-size:var(--font-display)}
  .highlight-metrics{gap:12px!important}
  .highlight[href="#case-2"] .highlight-metrics .metric-primary>strong{font-size:var(--font-display)!important}
  .samples-heading{flex-wrap:wrap;align-items:center}
  .gallery-actions{margin-left:auto}
}