/* Public evidence and demonstrations of the work. */
.experience-strip{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:35px;border-top:1px solid #30353c;padding-block:38px 48px}.experience-strip>div{display:flex;flex-direction:column;gap:10px}.experience-strip>div:first-child{flex-direction:row;align-items:center;gap:22px}.experience-strip strong{font:600 clamp(16px,1.6vw,23px)/1.3 var(--font-display);letter-spacing:-.035em}.experience-strip>div:first-child strong{font-size:57px;line-height:1}.experience-strip strong>span{color:var(--accent);font-size:.6em}.experience-strip p{font-size:12px;line-height:1.7;color:#acb3bc}.case-tabs{grid-template-columns:repeat(6,1fr);gap:20px}.case-tabs button{gap:8px}.case-tabs button span{font-size:13px}.case-story .case-thesis{margin-top:15px;color:#d8dde1}.brand-evidence{display:grid;grid-template-columns:1fr 1fr;background:#171c21;border:1px solid #333b44;border-radius:8px;overflow:hidden}.campaign-process{padding:38px}.campaign-process h4,.knowledge-controls h4,.web-config h4{font:600 clamp(25px,3vw,39px)/1.18 var(--font-display);letter-spacing:-.04em;margin:21px 0}.campaign-process>p:not(.eyebrow),.knowledge-controls>p:not(.eyebrow){font-size:13px;color:#aab5be;line-height:1.8}.process-steps{display:grid;gap:0;margin-top:25px}.process-steps button{display:flex;align-items:center;gap:16px;background:none;border:0;border-bottom:1px solid #374049;padding:16px 0;min-height:53px;color:#afb9c1;text-align:left;font-size:13px}.process-steps button>span:first-child{font-size:10px;color:#8e9aa4}.process-steps button>span:last-child{margin-left:auto;opacity:0;transition:transform .25s,opacity .25s}.process-steps button[aria-pressed=true]{color:#fff}.process-steps button[aria-pressed=true]>span{color:var(--accent)}.process-steps button[aria-pressed=true]>span:last-child{opacity:1;transform:rotate(45deg)}.process-detail{padding:24px 0 20px;min-height:160px}.process-detail>.eyebrow{color:#e9b67e;font-size:9px}.process-detail p{font-size:13px;color:#c6cdd3;line-height:1.8;margin-top:10px;max-width:390px}.evidence-receipt{border-top:1px solid #374049;padding-top:22px;font-size:12px}.evidence-receipt strong{font-weight:600}.evidence-receipt p{margin:10px 0 17px;line-height:1.8;color:#aab5be}.evidence-receipt>span{font-size:10px;color:#d6b68d}.campaign-artifact{margin:0;background:#e8e8e2;color:#28312c;padding:24px 32px 22px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.artifact-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px}.segmented{display:flex;gap:3px;padding:3px;background:#d9dad3;border-radius:30px}.segmented button{border:0;background:transparent;color:#596158;padding:9px 15px;font-size:10px;border-radius:30px;min-height:36px}.segmented button[aria-pressed=true]{background:#fff;color:#172218;box-shadow:0 2px 6px #14231614}.campaign-stage{height:530px;display:flex;align-items:center;justify-content:center;padding:28px 0;perspective:1200px}.campaign-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 45px #20322728;border-radius:2px;transform:rotateY(-5deg) rotateX(2deg);transition:transform .45s}.campaign-stage:hover img{transform:none}.campaign-artifact figcaption{font-size:10px;line-height:1.7;color:#5f675f;max-width:390px;margin-inline:auto}.tool-drawer{border:1px solid #3c454e;border-radius:6px;margin-top:26px}.tool-drawer>summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:25px 28px;font-size:14px;font-weight:600;list-style:none}.tool-drawer>summary::-webkit-details-marker{display:none}.tool-drawer>summary>span{color:#f1b873;font-size:20px;line-height:1}.tool-drawer[open]>summary>span{transform:rotate(45deg)}.tool-drawer .drawer-intro{font-size:13px;line-height:1.9;color:#aab5be;padding:0 28px 26px;max-width:780px}.tool-drawer>.lab-surface{border-radius:0 0 6px 6px}.knowledge-lab,.web-lab{display:grid;grid-template-columns:1fr 1.15fr;background:#171c21;border:1px solid #333b44;border-radius:8px;overflow:hidden}.knowledge-controls,.web-config{padding:38px}.knowledge-options{display:grid;gap:8px;margin:25px 0}.knowledge-options button{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;text-align:left;color:#b4bec6;background:#20272e;border:1px solid #3c4650;border-radius:4px;min-height:56px;font-size:12px}.knowledge-options button[aria-pressed=true]{border-color:#cfaa7f;color:#ffe1ba;background:#352d25}.knowledge-source{margin-top:30px;border-top:1px solid #36404a;padding-top:25px}.knowledge-source p{font-size:12px;line-height:1.8;color:#adb9c4;margin-top:12px}.knowledge-preview{background:#dce0dd;color:#253229;padding:25px}.document-chrome{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.07em;color:#6c7972;padding:0 0 20px}.knowledge-page{background:#fbfcf9;padding:40px 30px;box-shadow:0 18px 35px #293f351a;min-height:490px;border-radius:2px}.document-number{display:block;font-size:9px;letter-spacing:.06em;color:#737f73;border-top:3px solid #3c5545;padding-top:15px}.knowledge-page h4{font:600 30px/1.15 var(--font-display);letter-spacing:-.04em;margin:38px 0 18px;max-width:300px}.knowledge-page>p:not(.public-demo-note){font-size:12px;line-height:1.8;color:#798377}.knowledge-page ol{list-style:decimal;padding:25px 0 25px 17px;color:#3d5144;font-size:12px;line-height:1.8}.knowledge-page li{padding:0 0 12px 8px}.human-check{display:flex;gap:14px;padding:18px;background:#eef2e9;font-size:10px;line-height:1.8}.human-check>span{color:#4f745b}.human-check strong,.human-check p>span{display:block}.public-demo-note{font-size:9px!important;line-height:1.8;color:#758175!important;margin-top:22px!important}.case-takeaway{display:flex;align-items:center;gap:30px;padding-top:28px;border-top:1px solid #323e48;margin-top:32px}.case-takeaway>p{font-size:14px;color:#d3dbe1;line-height:1.8;max-width:480px}.case-takeaway .eyebrow{font-size:9px;max-width:130px;flex-shrink:0}.case-takeaway .inline-link{margin-left:auto;font-size:11px;max-width:230px}.web-config fieldset{border:0;padding:0;margin:26px 0}.web-config legend{font-size:10px;color:#b9c1c8;margin-bottom:12px}.web-brand-options{display:flex;gap:8px}.web-brand-options button,.web-page-options button{background:#252c33;color:#c1cbd4;border:1px solid #3c4650;border-radius:4px;min-height:45px;padding:12px 18px;font-size:12px}.web-brand-options button{flex:1}.web-brand-options button[aria-pressed=true],.web-page-options button[aria-pressed=true]{background:#f1f4f6;color:#19252e;border-color:#f1f4f6}.web-page-options{display:flex;flex-direction:column;gap:6px}.web-page-options button{text-align:left}.web-foundation{border-top:1px solid #3c4650;padding-top:25px}.web-foundation p{font-size:12px;color:#c2cbd3;line-height:1.8;margin:14px 0}.web-foundation>span:last-child{font-size:9px;color:#e4b681}.web-preview-shell{background:#e5e7e8;color:#233e48;padding:25px}.web-preview{background:#fcfaf4;box-shadow:0 20px 40px #192d3b18;overflow:hidden;border-radius:3px;transition:background .3s}.web-preview[data-brand=kitchen]{background:#f3f0e8;color:#3d5442}.web-preview>#web-brand-name{display:block;padding:22px 25px;font:600 21px var(--font-display);letter-spacing:-.04em}.web-preview-photo{height:190px;position:relative}.web-preview-photo>img{width:100%;height:100%;object-fit:cover}.web-preview-photo>span{position:absolute;bottom:15px;left:22px;font-size:9px;background:#ffffffeb;padding:8px 11px;border-radius:20px;color:#203440}.web-preview-copy{padding:25px}.web-preview-copy h4{font:600 28px/1.18 var(--font-display);letter-spacing:-.035em;max-width:310px}.web-preview-copy>p{font-size:12px;line-height:1.8;margin:18px 0;color:#6b7778;min-height:66px}.web-example-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2f5366;color:white;padding:15px 18px;font-size:11px;border-radius:3px}.web-preview[data-brand=kitchen] .web-example-cta{background:#435b49}.people-photo{object-position:54% center!important}.practice-enter{animation:practice-enter .4s ease-out both}@keyframes practice-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.case-tabs{gap:13px}.case-tabs button span{font-size:11px}.campaign-process,.knowledge-controls,.web-config{padding:28px}.campaign-artifact{padding:22px}.campaign-stage{height:500px}.case-takeaway{flex-wrap:wrap;gap:15px}.case-takeaway .inline-link{max-width:none;margin-left:0}.knowledge-page{padding:30px 25px}.knowledge-page h4{font-size:26px}}
@media(max-width:760px){.experience-strip{grid-template-columns:1fr 1fr;gap:27px;padding-block:30px}.experience-strip>div:first-child{grid-column:1/-1;border-bottom:1px solid #30353c;padding-bottom:25px}.experience-strip>div:first-child strong{font-size:55px}.experience-strip strong{font-size:16px}.experience-strip p{font-size:10px}.case-tabs button span{font-size:12px}.brand-evidence,.knowledge-lab,.web-lab{grid-template-columns:1fr}.campaign-process{padding:27px 24px}.campaign-process h4,.knowledge-controls h4,.web-config h4{font-size:31px}.process-detail{min-height:145px}.campaign-artifact{padding:23px}.campaign-stage{height:470px}.campaign-stage img{transform:none}.campaign-artifact figcaption{font-size:9px}.tool-drawer>summary{padding:20px;font-size:12px}.tool-drawer .drawer-intro{padding:0 20px 23px;font-size:12px}.knowledge-controls,.web-config{padding:26px 24px}.knowledge-preview,.web-preview-shell{padding:24px}.knowledge-page{min-height:0}.knowledge-page h4{margin-top:28px}.knowledge-page li{font-size:12px}.case-takeaway{display:block}.case-takeaway>.eyebrow{max-width:none}.case-takeaway>p{margin:15px 0;font-size:13px}.web-preview-copy h4{font-size:27px}.web-preview-copy>p{min-height:0}.web-brand-options button,.web-page-options button{font-size:12px}.web-foundation>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.practice-enter{animation:none}.campaign-stage img,.web-preview,.process-steps button>span{transition:none;transform:none}}
body[data-motion=off] .practice-enter{animation:none}body[data-motion=off] .campaign-stage img{transform:none;transition:none}
body[data-motion=off] .web-preview,body[data-motion=off] .process-steps button>span{transition:none}
.case-panel{scroll-margin-top:115px}