:root{--secondary-rule:var(--green-rule)}[data-theme=blue]{--secondary-rule:#c5d4e7}[data-theme=violet]{--secondary-rule:#d6cce4}[data-theme=coral]{--secondary-rule:#e8cfc6}[data-theme=amber]{--secondary-rule:#e7d5b7}.page-hero{border-bottom:1px solid var(--rule);background:#fff}.page-hero-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(22px,4.4vw,64px);padding-block:clamp(44px,6.2vw,86px);display:grid}.page-hero h1{overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.55rem,5.45vw,5rem);line-height:1.1}.page-hero p{max-width:38em;margin-top:17px;font-size:clamp(.97rem,1.5vw,1.14rem)}.breadcrumbs{color:var(--muted);margin-top:24px;font-size:.83rem}.breadcrumbs ol{flex-wrap:wrap;align-items:baseline;gap:5px 11px;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:currentColor;opacity:.63;margin-right:11px}.breadcrumbs a{text-underline-offset:4px;text-decoration:underline}.breadcrumbs a:hover{color:var(--green)}.hero-directory .page-hero-inner{padding-block:clamp(30px,4.2vw,59px)}.hero-directory .page-intro{max-width:800px}.hero-compact .page-hero-inner{padding-block:clamp(34px,5vw,64px)}.hero-compact h1{font-size:clamp(2.3rem,4.5vw,4rem)}.page-art{background:var(--surface);border-radius:5px;min-width:0;margin:0;overflow:hidden}.page-art img{object-fit:cover;width:100%;height:100%;display:block}:is(.hero-split,.hero-reverse,.hero-stage,.hero-studio,.hero-guide,.hero-playbook) .page-hero-inner{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.hero-split .page-art,.hero-guide .page-art{aspect-ratio:3/2}.hero-split .page-hero-inner{padding-block:clamp(42px,5.4vw,75px)}.hero-split .page-art{box-shadow:0 20px 50px #233e3114}.hero-panorama .page-hero-inner{gap:30px}.hero-panorama .page-intro{grid-template-columns:minmax(0,1fr) minmax(0,.76fr);align-items:end;gap:0 25px;display:grid}.hero-panorama .page-intro p{margin-top:0}.hero-panorama .breadcrumbs{grid-column:1/-1;margin-top:15px}.hero-panorama .page-art{aspect-ratio:2.7}.hero-panorama .page-art img{object-position:center 52%}.hero-stage .page-art{border:1px solid var(--secondary-rule);aspect-ratio:3/2;box-shadow:0 14px 34px #233e3110}.hero-studio .page-hero-inner{align-items:stretch;gap:0}.hero-studio .page-intro{background:var(--surface);flex-direction:column;justify-content:center;padding:clamp(25px,5vw,69px) clamp(20px,4vw,58px);display:flex}.hero-studio .page-art{border-radius:0;min-height:320px}.hero-studio .page-art img{aspect-ratio:3/2}.hero-reverse .page-intro{grid-area:1/2;padding-left:clamp(0px,2vw,26px)}.hero-reverse .page-art{aspect-ratio:3/2;grid-area:1/1}.hero-workspace .page-hero-inner{grid-template-columns:minmax(0,.87fr) minmax(40px,.16fr) minmax(0,1.13fr);gap:0}.hero-workspace .page-intro{z-index:1;border:1px solid var(--rule);background:#fff;grid-area:1/1/auto/3;padding:clamp(24px,4vw,58px);box-shadow:0 20px 45px #233e3114}.hero-workspace h1{font-size:clamp(2.1rem,4.35vw,4.3rem)}.hero-workspace .page-art{aspect-ratio:3/2;grid-area:1/2/auto/4}.hero-guide .page-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.77fr)}.hero-comparison .page-hero-inner{justify-items:center}.hero-comparison .page-intro{text-align:center}.hero-comparison .page-intro p{margin-inline:auto}.hero-comparison .breadcrumbs ol{justify-content:center}.hero-comparison .page-art{aspect-ratio:1.85;width:min(100%,1000px)}.hero-playbook .page-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-playbook .page-art{aspect-ratio:1.45;transform:rotate(-1.2deg);box-shadow:0 18px 28px #233e311a}.media-card{padding:0;overflow:hidden}.media-card>img{aspect-ratio:1.75;object-fit:cover;width:100%;height:auto}.media-card>div{padding:clamp(17px,2.45vw,29px)}.media-card h3 a:before{margin-top:4px;top:auto}.media-card h3 a:focus-visible:after{outline:2px solid var(--green);outline-offset:-3px}.resources-cards{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.resources-cards .media-card:first-child{flex-direction:column;grid-row:span 2;display:flex}.resources-cards .media-card:first-child img{flex:1;min-height:240px}.resources-cards .media-card:not(:first-child){grid-template-columns:.77fr 1fr;display:grid}.resources-cards .media-card:not(:first-child) img{height:100%;min-height:132px}.detail-layout--audit,.detail-layout--studio,.detail-layout--campaign{grid-template-columns:1fr;gap:30px}:is(.detail-layout--audit,.detail-layout--studio,.detail-layout--campaign) .detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout--audit .detail-steps li{padding-left:65px}.detail-layout--audit .detail-steps li:before{font-size:1.2rem}.detail-layout--audit .detail-steps li:nth-child(2n){background:var(--surface)}.detail-layout--audit .detail-steps li:before{left:13px}.detail-layout--evidence .detail-aside .info-panel,.detail-layout--workspace .detail-aside .info-panel:first-child{background:var(--surface)}.detail-layout--evidence .detail-steps{border:0}:is(.detail-layout--evidence,.detail-layout--studio,.detail-layout--campaign) .detail-steps{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}:is(.detail-layout--evidence,.detail-layout--studio,.detail-layout--campaign) .detail-steps li{border:1px solid var(--rule);background:#fff;padding:48px 20px 20px}:is(.detail-layout--evidence,.detail-layout--studio,.detail-layout--campaign) .detail-steps li:before{top:17px;left:20px}.detail-layout--studio .detail-steps li:first-child,.detail-layout--studio .detail-steps li:nth-child(4){background:var(--surface)}.detail-layout--campaign .detail-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout--campaign .detail-steps li{border-top:3px solid var(--gold)}.detail-layout--workspace .detail-copy>section:nth-child(2){border:1px solid var(--rule);background:#fff;padding:clamp(18px,3vw,34px)}.detail-layout--workspace .detail-steps{border-bottom:0}.article-copy--checklist{max-width:1050px}.article-copy--comparison{max-width:1120px}.article-copy--comparison .table-scroll{box-shadow:0 16px 45px #233e310b}.article-copy--playbook>section:last-of-type{background:var(--surface);border:1px solid var(--rule);padding:clamp(19px,3vw,33px)}.faq-page>section{border:1px solid var(--rule);background:#fff;padding:clamp(18px,3vw,35px)}@media (width<=870px){.resources-cards .media-card:not(:first-child){display:block}.resources-cards .media-card:not(:first-child) img{height:auto;min-height:0}.detail-layout--campaign .detail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.page-hero-inner,.hero-guide .page-hero-inner,.hero-playbook .page-hero-inner,.hero-workspace .page-hero-inner,:is(.hero-split,.hero-reverse,.hero-stage,.hero-studio) .page-hero-inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:34px}.page-hero h1{font-size:clamp(2rem,8.6vw,3.35rem)}.page-hero p{margin-top:12px}.breadcrumbs{margin-top:15px}.hero-panorama .page-intro{display:block}.hero-panorama .page-intro p{margin-top:12px}.hero-panorama .page-art,.hero-comparison .page-art{aspect-ratio:1.6}.hero-reverse :is(.page-intro,.page-art),.hero-workspace :is(.page-intro,.page-art){grid-area:auto;padding-left:0}.hero-workspace .page-intro{padding:18px}.hero-studio .page-art{min-height:0}.hero-playbook .page-art{transform:none}.resources-cards{grid-template-columns:1fr}.resources-cards .media-card:first-child{grid-row:auto}.resources-cards .media-card:first-child img{min-height:0}}@media (width<=480px){:is(.detail-layout--audit,.detail-layout--studio,.detail-layout--campaign) .detail-aside,:is(.detail-layout--evidence,.detail-layout--studio,.detail-layout--campaign) .detail-steps{grid-template-columns:1fr}}.case-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.case-layout>.note{grid-column:1/-1;margin-bottom:9px}.case-panel{border:1px solid var(--rule);border-top:3px solid var(--green-rule);background:#fff;padding:clamp(20px,2.8vw,38px)}.case-panel:nth-of-type(2){border-top-color:#c5d4e7;margin-top:22px}.case-panel:nth-of-type(3){border-top-color:#e7d5b7;margin-top:44px}.case-panel h2{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.3}.case-panel p{margin-top:15px}.case-panel strong{color:var(--ink)}.process-steps{max-width:1070px}.process-steps li{padding-block:22px}.process-steps li:before{font-size:1rem}@media (width<=820px){.case-layout{grid-template-columns:minmax(0,1fr)}.case-panel:nth-of-type(n){margin-top:0}}