*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f6f6ef;color:#161a17;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:32px 4%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:27px;font-weight:900;line-height:.85;letter-spacing:-1.3px;position:relative}.logo span{font-size:10px;position:absolute;top:0;right:-12px}nav{display:flex;gap:48px;font-weight:800;font-size:15px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.hero{background:#d5ef70;min-height:790px;height:100vh;max-height:1050px;position:relative;overflow:hidden;padding:180px 4% 90px;display:flex;align-items:center}.hero-title{width:50%;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px}h1{font-size:clamp(60px,6.1vw,100px);line-height:.98;letter-spacing:-6px;margin:32px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{letter-spacing:-5px}.hero-title p{font-size:20px;line-height:1.5}.round-link{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700;margin-top:35px}.round-link span{border:1px solid #161a17;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:24px}.hero-art{position:absolute;right:-45px;top:170px;width:55%;height:550px;perspective:1200px}.dashboard{position:absolute;top:58px;left:0;width:650px;display:flex;background:#f9fbf7;border:1px solid #202d22;border-radius:12px;box-shadow:25px 35px 0 #b4cc58,40px 65px 60px #526c2244;transform:rotate(-9deg) rotateY(-13deg);overflow:hidden}.dash-side{width:155px;background:#172a23;color:white;padding:25px 18px;display:flex;flex-direction:column;gap:27px;font-size:11px}.dash-side b{font-size:22px;margin-bottom:12px}.dash-side small{font-size:9px;margin-top:75px;line-height:1.8;color:#b3c4b8}.dash-side .active{background:#d5ef70;color:#162b21;padding:10px;margin:-10px;border-radius:4px}.dash-main{width:495px;padding:24px}.dash-top{font-size:11px;border-bottom:1px solid #ddd;padding-bottom:15px;display:flex;justify-content:space-between}.muted{font-size:8px;letter-spacing:1px;color:#6c786e;margin-top:24px}.dash-main h3{font-size:22px;letter-spacing:-.7px}.stats{display:flex;gap:12px}.stats>div{padding:18px;background:#edf1e9;border-radius:5px;width:50%}.stats small{font-size:10px;display:block}.stats b{font-size:28px;display:block;margin-top:8px}.stats i{font-size:16px;color:#6b903a;float:right}.graph{border:1px solid #d9ded4;border-radius:6px;margin-top:16px;padding:17px}.graph>small{font-size:8px;letter-spacing:1px}.bars{display:flex;gap:15px;height:100px;align-items:end;padding-top:12px}.bars i{flex:1;background:#a7cd55;border-radius:3px 3px 0 0}.bars i:nth-child(2n){background:#274b3b}.graph-label{display:flex;justify-content:space-between;font-size:7px;margin-top:10px;color:#78816f}.dash-bottom{display:flex;justify-content:space-between;font-size:8px;padding-top:17px}.float-note{position:absolute;bottom:4px;left:40px;background:#fff9ed;transform:rotate(6deg);box-shadow:0 10px 30px #28411e22;padding:18px 25px;display:flex;gap:15px;font-size:15px;border-radius:6px;line-height:1.5}.float-note>span{font-size:38px}.star{position:absolute;right:70px;top:-55px;font-size:150px;color:#1b392b;animation:turn 35s linear infinite}.orbit{position:absolute;border:1px solid #89a64088;border-radius:50%;width:620px;height:620px;left:0;top:-70px}.o2{width:730px;height:730px;top:-125px;left:-55px}.hero-foot{position:absolute;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.intro{padding:110px 7%;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.intro h2{margin:0;font-size:145px;letter-spacing:-10px;line-height:1}.intro h2 span{display:block;font-size:80px;color:#799743;margin:30px 0 0 65px}.intro p{font-size:39px;letter-spacing:-1.4px;line-height:1.16;margin-top:0}.intro .intro-small{font-size:17px;letter-spacing:0;line-height:1.65;max-width:570px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:6px;font-size:14px;font-weight:700}#work{padding:40px 4% 100px}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #babeb4;padding-top:25px}.section-head h2{font-size:24px;letter-spacing:-1px}.section-head h2 span{font-size:12px;vertical-align:top;margin-left:6px;letter-spacing:0}.filters{display:flex;gap:7px}.filters button{border:1px solid #c5c9bd;padding:9px 16px;border-radius:25px;background:transparent;font-size:12px}.filters .selected{background:#18251e;color:white;border-color:#18251e}.concept-note{font-size:11px;color:#667062;margin:4px 0 30px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project{border:0;padding:0;background:transparent;text-align:left;color:inherit;display:block;width:100%}.project[hidden]{display:none}.cover{height:400px;position:relative;overflow:hidden;padding:40px;display:flex;align-items:center;justify-content:center}.project:nth-child(2n) .cover{height:450px}.project:nth-child(2){margin-top:60px}.project:nth-child(5){margin-top:-50px}.project .meta{padding:18px 0;display:flex;justify-content:space-between;gap:20px}.meta h3{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}.meta p{font-size:12px;color:#697264;margin:0}.meta>span{font-size:28px}.cover .mini{transition:transform .4s;transform:rotate(-5deg);width:100%;max-width:390px}.project:hover .mini{transform:rotate(0) scale(1.04)}.mini{background:#fff;color:#26332c;border-radius:9px;box-shadow:0 18px 45px #0002;padding:23px;font-size:11px}.mini-top{display:flex;justify-content:space-between;border-bottom:1px solid #e4e8e2;padding-bottom:14px;font-weight:bold}.mini h4{font-size:24px;letter-spacing:-1px;margin:20px 0}.mini-row{padding:12px 0;border-bottom:1px solid #e8ebe6;display:flex;justify-content:space-between;gap:15px}.mini-row span{color:#727d73}.pill{font-size:8px;background:#e4efcd;color:#365b24;border-radius:20px;padding:5px 9px}.cover-label{position:absolute;top:20px;left:23px;font-size:10px;letter-spacing:1px}.chart{display:flex;align-items:end;height:115px;gap:12px}.chart i{flex:1;background:#8074d5;border-radius:4px;height:var(--h)}.pipeline{display:flex;gap:8px}.pipeline>div{flex:1;background:#f2f1ed;padding:10px 7px;border-radius:5px;font-size:9px}.pipeline b{display:block;margin:14px 0;background:white;border-radius:3px;padding:12px 4px;font-size:8px}.giant{font-size:66px;letter-spacing:-4px;font-weight:bold;margin:22px 0 10px}.progress{height:8px;background:#eee;border-radius:6px;margin:14px 0}.progress i{display:block;width:70%;height:100%;background:#f09950;border-radius:6px}.approach{padding:85px 7%;background:#182c23;color:#eef3e9}.approach h2{font-size:60px;letter-spacing:-3px;line-height:1.05}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.steps>div{border-top:1px solid #819184;padding-top:20px}.steps span{font-size:10px;letter-spacing:1px;color:#d5ef70}.steps p{font-size:21px;line-height:1.4}.contact{padding:100px 7%}.contact h2{font-size:100px;line-height:1;letter-spacing:-5px;margin:30px 0}.contact h2>span{float:right;font-size:130px;color:#709743}.contact p{font-size:14px;color:#687365;max-width:440px;line-height:1.6}footer{margin:0 4%;padding:35px 0;border-top:1px solid #bdc4b8;display:flex;justify-content:space-between;align-items:center}footer .logo{font-size:20px}footer span{font-size:10px}dialog{border:0;max-width:820px;width:90%;padding:55px;background:#f6f6ef;color:#18251e;max-height:90vh;overflow:auto}dialog::backdrop{background:#10271ddc}.close{position:absolute;right:18px;top:18px;border:0;background:none;font-size:24px}dialog h2{font-size:48px;letter-spacing:-2px;line-height:1.1}dialog h3{font-size:12px;letter-spacing:1px;margin-top:30px}dialog p,dialog li{font-size:17px;line-height:1.6}.case-tag{font-size:11px;color:#5d7154}.case-flow{background:#d5ef70;padding:20px;margin:25px 0;font-size:14px;line-height:1.8}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.hero{height:auto;min-height:1040px;align-items:start;padding-top:160px}.hero-title{width:100%}h1{font-size:75px}.hero-art{top:500px;right:0;width:90%;transform:scale(.85);transform-origin:center left}.intro{gap:30px;padding:80px 5%}.intro h2{font-size:110px}.intro p{font-size:30px}.cover{height:330px;padding:25px}.project:nth-child(2n) .cover{height:350px}.contact h2{font-size:80px}}@media(max-width:600px){header{padding:25px 6%}nav{gap:20px;font-size:11px}.logo{font-size:23px}.hero{min-height:870px;padding:140px 6% 70px}h1{font-size:55px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.hero-title p{font-size:17px}.hero-art{top:450px;left:0;width:650px;transform:scale(.57)}.hero-foot{font-size:8px}.intro{display:block;padding:60px 6%}.intro h2{font-size:85px;margin-bottom:35px;letter-spacing:-5px}.intro h2 span{display:inline;font-size:65px;margin-left:30px}.intro p{font-size:32px}.intro .intro-small{font-size:15px}.section-head{display:block}.filters{flex-wrap:wrap;margin:20px 0}.projects{grid-template-columns:1fr;gap:25px}.project:nth-child(n){margin:0}.project:nth-child(n) .cover{height:350px}#work{padding:20px 6% 60px}.approach{padding:60px 6%}.approach h2{font-size:40px;letter-spacing:-2px}.steps{grid-template-columns:1fr;gap:15px;margin-top:35px}.steps p{font-size:19px}.contact{padding:65px 6%}.contact h2{font-size:60px;letter-spacing:-3px}.contact h2>span{font-size:55px}footer{flex-wrap:wrap;gap:25px}footer span{font-size:8px}dialog{padding:40px 25px}dialog h2{font-size:36px}}
/* Full-screen product reel */
.reel{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#c4b8f3;isolation:isolate}.reel-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation:scene 18s linear infinite;background:var(--bg)}.reel-scene:nth-child(2){animation-delay:6s}.reel-scene:nth-child(3){animation-delay:12s}.reel-stage{width:min(74vw,1000px);position:relative;animation:camera 6s ease-in-out infinite;transform:rotate(-8deg)}.reel-window{background:#fbfcf8;border-radius:16px;padding:32px;box-shadow:28px 35px 0 #172d2333,0 60px 100px #172d2344;color:#1c3026}.reel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8dfd1;padding-bottom:22px;font-size:13px}.reel-top b{font-size:28px;letter-spacing:-1px}.reel-window h2{font-size:clamp(28px,4vw,65px);letter-spacing:-3px;margin:28px 0}.reel-layout{display:flex;gap:20px}.reel-stat{background:#edf1e8;padding:25px;flex:1;border-radius:10px}.reel-stat small{font-size:11px;letter-spacing:1px}.reel-stat strong{display:block;font-size:clamp(35px,5vw,70px);letter-spacing:-3px;margin-top:15px}.reel-chart{display:flex;align-items:end;gap:18px;height:190px;padding:25px 0 0}.reel-chart i{flex:1;background:#7d6cc6;border-radius:8px 8px 0 0;height:var(--bar);transform-origin:bottom;animation:grow 6s ease-in-out infinite}.reel-chart i:nth-child(2n){background:#293e31}.reel-chart i:nth-child(3n){animation-delay:.2s}.reel-chip{position:absolute;right:-6%;top:20%;background:#d7f277;padding:22px 30px;border-radius:12px;box-shadow:0 14px 30px #0002;font-size:20px;animation:chip 6s ease-in-out infinite}.reel-chip.bottom{top:auto;bottom:4%;left:-8%;right:auto;background:#fff2dd;animation-delay:.4s}.reel-decoration{position:absolute;font-size:clamp(160px,25vw,370px);color:#ffffff66;top:5%;left:-3%;animation:turn 30s linear infinite}.reel-caption{position:absolute;bottom:35px;left:4%;right:4%;z-index:4;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#192e22}.reel-caption a{font-weight:700}.reel-caption span{display:flex;align-items:center;gap:12px}.live-dot{height:7px;width:7px;border-radius:50%;background:#213b29;animation:blink 1.5s infinite}.reel-controls{position:absolute;right:4%;bottom:75px;z-index:4;display:flex;gap:8px}.reel-controls button{border:1px solid #1b312766;background:#ffffff66;border-radius:50%;width:42px;height:42px;color:#1b3127}.reel.paused *{animation-play-state:paused!important}.reel-pipeline{display:flex;gap:18px;min-height:245px}.reel-lane{background:#eeeae1;flex:1;padding:18px;border-radius:9px;font-size:11px}.reel-ticket{background:white;border-radius:6px;padding:19px 12px;margin-top:18px;box-shadow:0 5px 12px #0001;font-size:13px;animation:ticket 6s ease-in-out infinite}.reel-ticket small{display:block;margin-top:10px;color:#6b7a69}.reel-lane:nth-child(2) .reel-ticket{animation-delay:.25s}.reel-lane:nth-child(3) .reel-ticket{animation-delay:.5s}.reel-checklist{display:grid;gap:14px}.reel-checklist>div{padding:22px;background:#edf1e8;border-radius:8px;display:flex;justify-content:space-between;font-size:17px;animation:ticket 6s ease-in-out infinite}.reel-checklist>div:nth-child(2){animation-delay:.3s}.reel-checklist>div:nth-child(3){animation-delay:.6s}.reel-checklist b{color:#567336}.reel-progress{margin:25px 0 10px;height:10px;background:#e1e7dc;border-radius:10px;overflow:hidden}.reel-progress i{display:block;height:100%;background:#223e2d;animation:progress 6s ease-in-out infinite}.hero{height:auto;min-height:730px}.hero-art{top:135px}header{position:absolute;color:#162a20}@keyframes scene{0%,30%{opacity:1;z-index:2}33.33%,100%{opacity:0;z-index:0}}@keyframes camera{0%{transform:scale(.83) rotate(-13deg) translateY(45px)}45%{transform:scale(1) rotate(-5deg) translateY(0)}100%{transform:scale(1.07) rotate(3deg) translateY(-20px)}}@keyframes grow{0%{transform:scaleY(.1)}35%,80%{transform:scaleY(1)}100%{transform:scaleY(.8)}}@keyframes chip{0%{opacity:0;transform:translateY(70px) rotate(12deg)}30%,85%{opacity:1;transform:translateY(0) rotate(-4deg)}100%{opacity:0;transform:translateY(-30px)}}@keyframes ticket{0%{opacity:0;transform:translateY(30px)}35%,100%{opacity:1;transform:translateY(0)}}@keyframes progress{0%{width:10%}65%,100%{width:100%}}@keyframes blink{50%{opacity:.3}}@media(max-width:600px){.reel{min-height:700px}.reel-stage{width:90vw}.reel-window{padding:20px}.reel-top{font-size:8px}.reel-top b{font-size:21px}.reel-window h2{letter-spacing:-1.5px}.reel-layout{gap:10px}.reel-stat{padding:14px}.reel-stat small{font-size:8px}.reel-chart{height:150px;gap:10px}.reel-chip{font-size:13px;padding:15px;top:-15%;right:0}.reel-chip.bottom{bottom:-15%;left:0}.reel-pipeline{gap:8px;min-height:180px}.reel-lane{padding:9px;font-size:8px}.reel-ticket{font-size:9px;padding:12px 7px}.reel-checklist>div{font-size:12px;padding:17px}.reel-caption{font-size:8px}.hero{min-height:870px}.hero-art{top:450px}}@media(prefers-reduced-motion:reduce){.reel-scene:first-child{opacity:1}.reel-scene:nth-child(n+2){display:none}.reel-chip{opacity:1}.reel-progress i{width:100%}}
/* Keep each scene's motion on the same timeline as its handoff. */
.reel{background:#d5ef70}.reel-scene{animation:reel-scene 18s linear infinite;will-change:opacity;z-index:1;pointer-events:none}.reel-scene:nth-child(1){animation-delay:0s}.reel-scene:nth-child(2){animation-delay:-12s}.reel-scene:nth-child(3){animation-delay:-6s}.reel-stage{animation:reel-camera 18s linear infinite;will-change:transform;transform:rotate(-6deg)}.reel-chart i{animation:reel-bars 18s linear infinite}.reel-chart i:nth-child(3n){animation-delay:0s}.reel-chip,.reel-chip.bottom{animation:reel-chip 18s linear infinite}.reel-ticket,.reel-checklist>div{animation:reel-card 18s linear infinite}.reel-lane:nth-child(n) .reel-ticket,.reel-checklist>div:nth-child(n){animation-delay:0s}.reel-progress i{animation:reel-progress 18s linear infinite}.reel-scene:nth-child(2) .reel-stage,.reel-scene:nth-child(2) .reel-chip,.reel-scene:nth-child(2) .reel-ticket{animation-delay:-12s}.reel-scene:nth-child(3) .reel-stage,.reel-scene:nth-child(3) .reel-chip,.reel-scene:nth-child(3) .reel-checklist>div,.reel-scene:nth-child(3) .reel-progress i{animation-delay:-6s}
@keyframes reel-scene{0%,28%{opacity:1}33.333%,94.666%{opacity:0}100%{opacity:1}}
@keyframes reel-camera{0%{transform:scale(.96) rotate(-7deg) translateY(8px)}28%{transform:scale(1.015) rotate(-4deg) translateY(-8px)}33.333%{transform:scale(1.025) rotate(-3.5deg) translateY(-10px)}34%,94%{transform:scale(.94) rotate(-8deg) translateY(12px)}100%{transform:scale(.96) rotate(-7deg) translateY(8px)}}
@keyframes reel-bars{0%{transform:scaleY(.35)}8%,28%{transform:scaleY(1)}33.333%{transform:scaleY(1)}34%,94%{transform:scaleY(.15)}100%{transform:scaleY(.35)}}
@keyframes reel-chip{0%{opacity:0;transform:translateY(16px) rotate(-2deg)}7%,28%{opacity:1;transform:translateY(0) rotate(-4deg)}33.333%,94%{opacity:0;transform:translateY(-8px) rotate(-4deg)}100%{opacity:0;transform:translateY(16px) rotate(-2deg)}}
@keyframes reel-card{0%{opacity:.55;transform:translateY(10px)}7%,33.333%{opacity:1;transform:translateY(0)}34%,94%{opacity:0;transform:translateY(14px)}100%{opacity:.55;transform:translateY(10px)}}
@keyframes reel-progress{0%{width:15%}22%,33.333%{width:100%}34%,94%{width:5%}100%{width:15%}}
@media(prefers-reduced-motion:reduce){.reel-scene:first-child{opacity:1}.reel-stage{transform:rotate(-5deg)}.reel-chip{opacity:1;transform:none}.reel-ticket,.reel-checklist>div{opacity:1;transform:none}}
.case-hero{padding:155px 7% 75px;position:relative;overflow:hidden;min-height:650px}.case-back{font-size:13px;display:inline-block;margin-bottom:40px}.case-hero h1{font-size:clamp(48px,6vw,90px);max-width:60%;letter-spacing:-4px;line-height:1.05}.case-hero h1 em{letter-spacing:-3px}.case-preview{position:absolute;right:6%;top:245px;width:32%;max-width:420px;transform:rotate(-5deg)}.case-story{padding:90px 7%;display:grid;grid-template-columns:1fr 2fr;gap:80px}.case-sidebar{font-size:13px;line-height:1.8}.case-story h2{font-size:30px;letter-spacing:-1px;margin:0 0 15px}.case-story section{margin-bottom:45px}.case-story p,.case-story li{font-size:19px;line-height:1.65}.case-story .concept-note{font-size:12px}.case-next{padding:55px 7%;background:#d5ef70}.case-next h2{font-size:55px;letter-spacing:-2px;margin:20px 0}.case-next p{font-size:21px}@media(max-width:650px){.case-hero{padding:125px 6% 60px;min-height:800px}.case-hero h1{max-width:100%;font-size:52px}.case-preview{position:relative;top:auto;right:auto;width:100%;margin-top:45px}.case-story{padding:55px 6%;grid-template-columns:1fr;gap:35px}.case-story p,.case-story li{font-size:17px}.case-next h2{font-size:40px}}
.reference-format{background:#f4f4f1;color:#16161a}.reference-format header{position:sticky;top:0;background:#f4f4f1ed;backdrop-filter:blur(14px);height:84px;padding:20px 4%;border-bottom:1px solid #16161a18}.case-section-nav{position:sticky;top:84px;z-index:5;background:#f4f4f1eb;backdrop-filter:blur(14px);border-bottom:1px solid #16161a18}.case-section-nav>div{max-width:1180px;margin:auto;padding:0 28px;display:flex;gap:5px;height:54px;align-items:center;overflow-x:auto}.case-section-nav a{white-space:nowrap;font-size:14px;padding:12px;position:relative}.case-section-nav a:first-child{border-right:1px solid #16161a25;margin-right:6px;padding-left:0}.case-section-nav .active:after{content:'';height:2px;position:absolute;bottom:4px;left:12px;right:12px;background:#799743}.case-document{max-width:1180px;margin:auto;padding:0 28px}.case-heading{padding:60px 0 50px}.case-heading h1{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.025em;line-height:1.04;max-width:920px;margin:18px 0}.case-heading>p{font-size:20px;color:#73737a;max-width:700px;line-height:1.5}.reference-section{padding:64px 0;border-top:1px solid #16161a18;scroll-margin-top:155px}.reference-section>.eyebrow,.case-heading>.eyebrow{font-family:monospace;font-weight:400;color:#73737a;font-size:12px;letter-spacing:1.6px}.reference-section h2{font-size:30px;letter-spacing:-.5px;margin:12px 0 30px}.reference-section p,.reference-section li{font-size:17px;line-height:1.7;color:#73737a;max-width:760px}.reference-section .case-lead{font-size:21px;color:#16161a;font-weight:500;line-height:1.6}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.case-facts>div{border:1px solid #16161a18;border-radius:10px;padding:22px;background:white}.case-facts small,.case-callout small{font-family:monospace;font-size:11px;letter-spacing:1px;color:#61753d}.case-facts p{font-size:15px;margin-bottom:0}.case-callout{border-left:3px solid #799743;background:#e8eddf;padding:22px 28px;margin:30px 0;max-width:940px}.case-callout p{margin-bottom:0;color:#30382c}.case-exhibit{margin:40px 0 12px;min-height:480px;border-radius:10px;display:grid;place-items:center;padding:60px}.case-exhibit .mini{width:min(100%,620px);font-size:14px;padding:35px;transform:none}.case-exhibit .mini h4{font-size:34px}.case-exhibit .chart{height:190px}.case-exhibit .mini-row{padding:20px 0}.reference-section .figure-caption{font-size:12px;max-width:none}.reference-next{display:flex;border-top:1px solid #16161a18;align-items:center;justify-content:space-between;padding:38px 0 55px}.reference-next h2{font-size:40px;letter-spacing:-1px;margin:0}@media(max-width:600px){.reference-format header{height:74px}.case-section-nav{top:74px}.case-section-nav>div{padding:0 20px}.case-document{padding:0 20px}.case-heading{padding:40px 0 30px}.reference-section{padding:40px 0}.case-facts{grid-template-columns:1fr}.case-exhibit{padding:25px;min-height:340px}.case-exhibit .mini{padding:20px}.case-exhibit .mini h4{font-size:24px}.reference-next h2{font-size:30px}}

.real-figure{margin:35px 0}.real-figure img{display:block;width:100%;max-height:850px;object-fit:contain;background:white;border:1px solid #16161a18;border-radius:8px}.real-figure figcaption{font-size:12px;line-height:1.5;color:#73737a;margin-top:12px}.real-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.real-gallery .real-figure{margin:15px 0}.reference-section h3{font-size:15px;letter-spacing:1px;margin-top:35px}.real-stats strong{font-size:40px;letter-spacing:-1px}.project-credits{display:flex;gap:30px;color:#73737a;font-size:13px;padding-top:15px}.real-cover img{width:100%;height:100%;object-fit:contain;transition:transform .4s;filter:drop-shadow(0 15px 20px #0002)}.project:hover .real-cover img{transform:scale(1.035)}.reel-real-image{width:100%;height:48vh;object-fit:contain;display:block;margin-top:20px}.real-reel-stage{width:min(83vw,1100px)}.reference-section blockquote{margin:35px 0;padding:25px;border-left:3px solid #799743;background:#e8eddf}.reference-section blockquote p{color:#253323;font-size:21px}.case-facts li{font-size:15px}.case-facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:600px){.real-gallery{grid-template-columns:1fr}.reel-real-image{height:40vh}.real-reel-stage{width:94vw}.reel-chip.bottom{max-width:95%;font-size:12px}}

.image-lightbox{position:fixed;inset:0;margin:auto;width:96vw;max-width:1500px;height:94vh;max-height:94vh;border:0;padding:55px 30px 35px;background:#101713;color:white;overflow:hidden;border-radius:10px}.image-lightbox::backdrop{background:#08110de8}.image-lightbox .lightbox-close{position:absolute;right:16px;top:12px;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ffffff55;background:#26372d;color:white;border-radius:25px;font-size:14px;z-index:2}.lightbox-image{width:100%;height:calc(100% - 35px);object-fit:contain;display:block}.lightbox-caption{text-align:center;font-size:12px;margin:12px 0;color:#d5dfd3}.real-figure a{cursor:zoom-in}.image-lightbox .lightbox-close:hover{background:#45614f}@media(max-width:600px){.image-lightbox{padding:65px 12px 25px;width:98vw;height:90vh}}

.lightbox-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap}.lightbox-controls button{border:1px solid #ffffff55;background:#26372d;color:white;border-radius:22px;padding:9px 16px}.lightbox-controls button:hover{background:#45614f}.lightbox-counter{font-size:12px;color:#d5dfd3}.image-lightbox{padding-bottom:85px}.lightbox-controls button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.lightbox-controls{gap:12px}.lightbox-controls button{padding:9px 12px}}

.kentik-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;padding:28px 0 36px;border-top:1px solid #16161a18}.kentik-summary p{font-size:16px;line-height:1.65;color:#565d53}.kentik-summary strong{color:#253d2d}.kentik-summary .text-link{font-size:12px;margin-top:0}.kentik-first-look{margin:0 0 60px}.kentik-first-look img{max-height:none}.kentik-first-look figcaption{font-size:14px;line-height:1.7;max-width:800px}@media(max-width:700px){.kentik-summary{grid-template-columns:1fr;gap:15px}.kentik-summary p{margin-bottom:0}}

.summary-stat{display:block;font-size:14px;line-height:1.5;margin:10px 0;color:#565d53}.summary-stat strong{font-size:20px;color:#253d2d}.decision-caption{display:block;font-size:14px;line-height:1.7;color:#4d584d;margin-top:9px;max-width:800px}.lightbox-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.hero-project-preview{position:absolute;top:70px;left:0;width:650px;display:block;background:#f9fbf7;border:1px solid #202d22;border-radius:12px;box-shadow:25px 35px 0 #b4cc58,40px 65px 60px #526c2244;transform:rotate(-7deg);overflow:hidden}.hero-project-preview img{display:block;width:100%;height:auto}.hero-project-preview>span{display:flex;justify-content:space-between;padding:18px 20px;font-size:10px;letter-spacing:.7px}.hero-project-preview b{font-size:11px;letter-spacing:0}.hero-project-art .float-note{bottom:0}.hero-project-preview:hover{transform:rotate(-5deg);transition:transform .3s}

.impact-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 45px}.impact-pair article{background:white;border:1px solid #16161a18;border-radius:12px;padding:28px}.reference-section .impact-pair h3{font-size:32px;letter-spacing:-1px;margin:15px 0 18px}.reference-section .impact-pair p{margin:0;font-size:16px}.kentik-impact-story>.case-callout{max-width:none}@media(max-width:650px){.impact-pair{grid-template-columns:1fr}.impact-pair article{padding:23px}}

.reference-section .customer-takeaway{margin:40px 0;padding:34px 38px;border-left:4px solid #799743;background:#e8eddf}.reference-section .customer-takeaway p{font-size:clamp(25px,3vw,34px);line-height:1.35;letter-spacing:-.7px;max-width:900px;color:#253323;margin:0 0 22px}.customer-takeaway cite{display:block;font-size:16px;line-height:1.5;font-style:normal;color:#56644d}.reference-section .leadership-takeaway{font-size:22px;line-height:1.55;max-width:900px;color:#263329;margin:24px 0 42px}@media(max-width:600px){.reference-section .customer-takeaway{padding:25px}.reference-section .leadership-takeaway{font-size:20px}}

.reference-section .workshop-caption{font-size:20px;line-height:1.6;color:#354131;max-width:960px;margin-top:20px}@media(max-width:600px){.reference-section .workshop-caption{font-size:18px}}

.role-summary-list{margin:12px 0 0;padding-left:19px;color:#565d53;font-size:16px;line-height:1.6}.role-summary-list li{margin-bottom:12px}.kentik-summary .role-summary-list+p{margin-top:0}

.demandbase-page #sec-about>p{max-width:none}.demandbase-page #sec-about>.case-lead{font-size:clamp(23px,2.3vw,29px);line-height:1.5;letter-spacing:-.3px}.demandbase-page #sec-about>p:not(.case-lead){font-size:19px;line-height:1.7}.demandbase-page #sec-about>h3{font-size:21px;letter-spacing:-.2px;margin:36px 0 15px}.demandbase-page #sec-about>.case-facts{margin-top:35px}@media(max-width:600px){.demandbase-page #sec-about>p:not(.case-lead){font-size:17px}}

.case-facts .tools-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;list-style:none;padding:0;margin:12px 0 0}.case-facts .tools-two-columns li{margin:0;font-size:15px;line-height:1.5}

.case-facts .tools-two-columns{list-style:disc;padding-left:20px;column-gap:32px}.case-facts .tools-two-columns li{display:list-item}

.case-facts .tools-two-columns{grid-template-columns:max-content max-content;column-gap:36px;row-gap:8px}

.case-facts .tools-two-columns{column-gap:20px}

.case-facts .tools-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}.case-facts .tools-tags li{display:block;padding:7px 11px;border:1px solid #cfd5c9;border-radius:6px;background:#f6f8f2;font-size:14px;line-height:1.3;margin:0;color:#354131}

.ai-story-step{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:32px;align-items:center;margin:45px 0}.ai-story-step .real-figure{margin:0}.reference-section .ai-story-step h3{font-size:22px;letter-spacing:-.4px;margin-top:0}.ai-story-step p{font-size:17px}.ai-principles li{margin-bottom:16px}@media(max-width:750px){.ai-story-step{grid-template-columns:1fr;gap:15px}}

.ai-principle-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.ai-principle-cards article{padding:28px;border:1px solid #cfd5c9;border-radius:10px;background:#fff}.ai-principle-cards span{font:11px monospace;letter-spacing:1.3px;color:#61753d}.ai-principle-cards h4{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:20px 0 14px}.reference-section .ai-principle-cards p{font-size:16px;line-height:1.6;margin:0;color:#626a5e}@media(max-width:700px){.ai-principle-cards{grid-template-columns:1fr}.ai-principle-cards article{padding:24px}}

.case-facts .team-icon-list{padding:0;list-style:none;display:grid;gap:18px;margin:16px 0 0}.case-facts .team-icon-list li{display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.4}.team-icon-list svg{width:24px;height:24px;flex:none;color:#61753d}.team-icon-list strong{font-weight:600}.team-icon-list span{display:block;font-size:12px;color:#737b6d;margin-top:3px}

.case-view-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d7dccf;padding:22px 0;margin-bottom:20px}.case-view-switch>span{font:11px monospace;letter-spacing:1px;color:#73737a}.case-view-switch>div{display:flex;border:1px solid #cfd5c9;border-radius:9px;padding:4px;gap:4px;background:#eaece4}.case-view-switch button{border:0;border-radius:6px;padding:12px 20px;background:transparent;text-align:left;font-size:14px;color:#596350}.case-view-switch button small{display:block;font-size:11px;margin-top:4px;font-weight:400}.case-view-switch button[aria-pressed=true]{background:#fff;color:#173828;box-shadow:0 2px 5px #0001;font-weight:700}.quick-case[hidden]{display:none}.quick-intro{max-width:800px;margin:30px 0}.quick-intro h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.1;margin:18px 0}.quick-intro p,.quick-context p{font-size:18px;line-height:1.6;color:#646d5e}.quick-context{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:35px 0}.quick-product{padding:28px;background:#e2eacb;border-radius:12px}.quick-product img{width:100%;max-height:530px;object-fit:contain;background:white}.quick-product figcaption{font-size:15px;line-height:1.6;color:#354131}.quick-results{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #d7dccf}.quick-results strong{display:block;font-size:48px;letter-spacing:-2px;color:#25492d}.quick-results span{display:block;font-size:14px;line-height:1.5;max-width:210px;margin-top:9px;color:#646d5e}.quick-case blockquote{margin:35px 0;border-left:3px solid #799743;padding:10px 25px}.quick-case blockquote p{font-size:24px;line-height:1.4}.quick-case cite{font-size:12px;color:#73737a;font-style:normal}.quick-finish{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7dccf;margin-top:30px;padding:30px 0 50px}.quick-deep-dive{padding:15px 22px;background:#1c3828;color:white;border:0;border-radius:6px}.quick-view .case-document>.kentik-summary,.quick-view .case-document>.kentik-first-look,.quick-view .reference-section{display:none}.quick-view .case-heading{padding-bottom:25px}@media(max-width:650px){.case-view-switch{align-items:start;flex-direction:column}.case-view-switch>div{width:100%}.case-view-switch button{flex:1;padding:12px}.quick-context{grid-template-columns:1fr;gap:14px}.quick-product{padding:15px}.quick-results{gap:14px}.quick-results strong{font-size:35px}.quick-results span{font-size:12px}.quick-finish{align-items:start;flex-direction:column;gap:12px}}

.quick-designs{margin:48px 0}.quick-designs h2{font-size:30px;letter-spacing:-.8px;margin:15px 0 25px}.quick-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.quick-design-grid .real-figure{margin:0}.quick-design-grid img{height:300px;object-fit:contain;background:#fff;padding:12px}.quick-design-grid figcaption{font-size:15px;line-height:1.6}.quick-design-grid figcaption strong{display:block;color:#253d2d;font-size:18px;margin-bottom:5px}.quick-design-grid figcaption span{display:block}@media(max-width:650px){.quick-design-grid{grid-template-columns:1fr}.quick-design-grid img{height:auto;max-height:400px}}

.quick-view .case-document>.assistant-first-look{display:none}.assistant-first-look{margin-bottom:60px}

.quick-design-grid .quick-ai-caption{display:flex;align-items:center;justify-content:space-between;gap:24px}.quick-ai-caption>div{flex:1;min-width:0}.quick-ai-caption .quick-prototype-link{flex:0 0 auto;font-size:12px;margin-top:0;max-width:170px;line-height:1.5}@media(max-width:900px){.quick-design-grid .quick-ai-caption{align-items:flex-start;flex-direction:column;gap:12px}}

.quick-prototype-card{border:1px solid #cad4b9;background:#e8eddf;border-radius:10px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:370px}.quick-prototype-card h3{font-size:28px;letter-spacing:-.7px;margin:16px 0 12px}.quick-prototype-card p{font-size:16px;line-height:1.6;color:#616e55}.prototype-play{font-size:42px;color:#61753d}.quick-prototype-card>a{align-self:flex-start;padding:13px 18px;background:#203d2b;color:white;border-radius:6px;font-size:14px;font-weight:600}

.quick-design-grid>.quick-final-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.quick-final-row>.real-figure{min-width:0}.quick-final-row>.quick-prototype-card{display:flex;border:1px solid #bdcba6;background:#e8eddf;border-radius:10px;min-width:0;min-height:300px;box-sizing:border-box;margin:0}.quick-final-row .real-figure img{height:300px;object-fit:contain}@media(max-width:600px){.quick-design-grid>.quick-final-row{grid-template-columns:1fr}.quick-final-row>.quick-prototype-card{min-height:260px}}

.quick-final-row>.quick-prototype-card{justify-content:center;gap:20px;padding:32px}.quick-prototype-card>div{margin:0}.quick-prototype-card>div>p{margin:0;font-size:18px;line-height:1.6}.quick-prototype-card>.eyebrow{margin:0;line-height:1.5}.quick-prototype-card>a{margin-top:4px}@media(max-width:600px){.quick-final-row>.quick-prototype-card{padding:26px;gap:18px}}

.quick-prototype-card .connected-ai-prototype{border-top:1px solid #bdcba6;padding-top:22px;margin-top:4px}.connected-ai-prototype p{font-size:16px;line-height:1.6;color:#616e55;margin:12px 0 18px}.connected-ai-prototype>a{display:inline-block;padding:13px 18px;background:#203d2b;color:white;border-radius:6px;font-size:14px;font-weight:600}.connected-ai-prototype .eyebrow{font-size:11px;line-height:1.5}

.analytics-assistant-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:35px 0 60px}.analytics-assistant-pair>.real-figure{margin:0;min-width:0}.analytics-assistant-pair img{width:100%;height:300px!important;object-fit:contain;background:white}.quick-view .case-document>.analytics-assistant-pair{display:none}@media(max-width:600px){.analytics-assistant-pair{grid-template-columns:1fr}.analytics-assistant-pair img{height:auto!important}}

.quick-design-grid>.analytics-assistant-pair{grid-column:1 / -1;margin:0}.quick-design-grid>.analytics-assistant-pair img{height:300px!important}@media(max-width:600px){.quick-design-grid>.analytics-assistant-pair img{height:auto!important}}

.real-gallery>.analytics-assistant-pair{grid-column:1 / -1;margin:0 0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.real-gallery>.analytics-assistant-pair img{height:300px!important;object-fit:contain}@media(max-width:600px){.real-gallery>.analytics-assistant-pair{grid-template-columns:1fr}.real-gallery>.analytics-assistant-pair img{height:auto!important}}

.reference-section .userflow-compact{max-width:740px;margin:30px auto}.reference-section .userflow-compact img{max-height:460px;width:100%;height:auto!important;object-fit:contain}.reference-section .userflow-compact figcaption{font-size:12px}

.reference-section h3.ai-section-heading{font-size:clamp(30px,3.2vw,40px);font-weight:700;line-height:1.15;letter-spacing:-1px;margin:64px 0 32px}

.quick-prototypes-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quick-prototypes-row>.quick-prototype-card{min-height:270px;justify-content:flex-start;gap:20px;padding:28px}.quick-prototypes-row .quick-prototype-card>p{font-size:16px;line-height:1.6;margin:0;color:#616e55}.quick-prototypes-row .quick-prototype-card>a{margin-top:auto}@media(max-width:650px){.quick-prototypes-row{grid-template-columns:1fr}}

/* Consistent typography for the quick overview. */
.quick-case{font-family:Arial,Helvetica,sans-serif}.quick-case p,.quick-context p,.quick-intro p,.quick-case .quick-ai-influence{font-size:17px;line-height:1.65;font-weight:400;color:#596352;letter-spacing:0}.quick-case h2{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.7px}.quick-case .quick-intro h2{font-size:clamp(34px,4vw,46px);line-height:1.12;letter-spacing:-1.3px}.quick-case h3{font-size:23px;line-height:1.3;letter-spacing:-.4px}.quick-case .eyebrow{font-family:monospace;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:1.2px;color:#61704f}.quick-case .real-figure figcaption{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;font-weight:400;letter-spacing:0;color:#626b5c}.quick-case .quick-design-grid figcaption strong{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.2px;color:#253d2d;display:block;margin-bottom:7px}.quick-case .quick-product figcaption{font-size:16px}.quick-case .quick-prototype-card>p{font-size:16px;line-height:1.65;font-weight:400}.quick-case .quick-prototype-card>a,.quick-case .quick-deep-dive{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0}.quick-case .quick-results span{font-size:14px;line-height:1.5}.quick-case .quick-results strong{font-size:46px;line-height:1.1;letter-spacing:-1.5px}.quick-case blockquote p{font-size:23px;line-height:1.45;color:#253d2d;font-weight:500}.quick-case cite{font-size:12px;line-height:1.5}@media(max-width:650px){.quick-case p,.quick-context p,.quick-intro p,.quick-case .quick-ai-influence{font-size:16px}.quick-case h2{font-size:26px}.quick-case .quick-results strong{font-size:34px}.quick-case .quick-results span{font-size:12px}}

.quick-view .full-case-intro{display:none}.quick-case .role-summary-list{font-size:16px;line-height:1.6}

.reference-section .sn-userflow-compact{max-width:700px;margin:30px auto}.reference-section .sn-userflow-compact img{width:100%;height:420px!important;object-fit:contain}.reference-section .sn-userflow-compact figcaption{font-size:12px}@media(max-width:600px){.reference-section .sn-userflow-compact img{height:auto!important;max-height:420px}}

.servicenow-page .quick-design-grid{align-items:start}.servicenow-page .quick-design-grid .real-figure img{width:100%;height:auto;max-height:none;object-fit:contain;padding:0}.servicenow-page .quick-design-grid .real-figure{min-width:0}

.quick-design-grid>.quick-gallery-title{grid-column:1 / -1;font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:26px 0 0;padding-top:25px;border-top:1px solid #cfd5c9}.quick-design-grid>.quick-gallery-title:first-child{margin-top:0;padding-top:0;border-top:0}

.quick-story-section{margin:55px 0}.quick-story-section>h2{margin:12px 0 16px}.quick-story-section>p{max-width:820px;margin-bottom:28px}.quick-story-section .quick-design-grid{margin-top:28px}.quick-case>.quick-results{margin:26px 0 42px;border-top:1px solid #d7dccf}.quick-story-section .quick-product{margin-top:25px}.quick-story-section .quick-prototypes-row{margin-top:30px}

.equinix-page .full-case-intro>.kentik-first-look{max-width:900px;margin:30px auto 60px;padding:24px;background:#e9edf0;border:1px solid #d9dfe1;border-radius:12px}.equinix-page .full-case-intro>.kentik-first-look img{display:block;width:100%;height:620px;max-height:70vh;object-fit:contain;background:#fff;border:0;border-radius:6px}.equinix-page .full-case-intro>.kentik-first-look figcaption{font-size:14px;line-height:1.6;margin-top:16px}@media(max-width:600px){.equinix-page .full-case-intro>.kentik-first-look{padding:12px}.equinix-page .full-case-intro>.kentik-first-look img{height:auto;max-height:65vh}}

.control-tour{width:100%;min-width:0;margin:25px 0 40px}.quick-design-grid>.control-tour{grid-column:1 / -1}.tour-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.tour-tabs button{border:1px solid #cbd3c2;border-radius:7px;background:#f4f4f1;padding:14px 12px;font-size:14px;text-align:left;line-height:1.4;color:#53614a}.tour-tabs button span{display:block;font:11px monospace;margin-bottom:5px;opacity:.7}.tour-tabs button[aria-selected=true]{background:#203d2b;color:white;border-color:#203d2b}.control-tour [role=tabpanel][hidden]{display:none}.control-tour .real-figure{margin:0!important}.servicenow-page .control-tour .real-figure img{display:block;width:100%;height:min(65vh,650px)!important;max-height:none;object-fit:contain;background:#eef1f3;padding:12px;border:1px solid #d4dccd;border-radius:8px}.control-tour figcaption{font-size:15px!important;line-height:1.6;margin-top:14px}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.tour-controls button{border:1px solid #cbd3c2;border-radius:6px;padding:10px 15px;background:white;color:#203d2b;font-size:14px}.tour-controls span{font-size:12px;color:#66725e}.control-tour button:focus-visible{outline:3px solid #92b651;outline-offset:3px}@media(max-width:600px){.tour-tabs{grid-template-columns:repeat(2,1fr)}.servicenow-page .control-tour .real-figure img{height:350px!important;padding:5px}}

.branch-tour{grid-column:1/-1;width:100%;min-width:0}
.branch-tour .tour-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.branch-tour .tour-tabs button,.branch-tour .tour-controls button{font:inherit;padding:10px 16px;border:1px solid #d9dde4;background:#fff;color:#263044;border-radius:8px;cursor:pointer}
.branch-tour .tour-tabs button[aria-selected=true]{background:#17253c;color:#fff;border-color:#17253c}
.branch-tour [hidden]{display:none!important}
.branch-tour .real-figure{margin:0}
.branch-tour .real-figure img{display:block;width:100%!important;height:min(65vh,650px)!important;max-height:none!important;object-fit:contain!important;padding:0!important;background:#f5f7fa}
.branch-tour .tour-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 28px}
@media(max-width:650px){.branch-tour .real-figure img{height:380px!important}}

/* Numbered gallery tabs matching ServiceNow */
.branch-tour .tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 18px}
.branch-tour .tour-tabs[aria-label="Workshop and workflow design"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.branch-tour .tour-tabs button{border:1px solid #cbd3c2;border-radius:7px;background:#f4f4f1;padding:14px 12px;font-size:14px;text-align:left;line-height:1.4;color:#53614a;transition:background .15s,border-color .15s}
.branch-tour .tour-tabs button span{display:block;font:11px monospace;margin-bottom:5px;opacity:.7}
.branch-tour .tour-tabs button:hover{background:#e9ede4;border-color:#87977c}
.branch-tour .tour-tabs button[aria-selected=true]{background:#203d2b;color:#fff;border-color:#203d2b}
.branch-tour .tour-controls button{border:1px solid #cbd3c2;border-radius:6px;padding:10px 15px;background:#fff;color:#203d2b;font-size:14px}
.branch-tour .tour-controls span{font-size:12px;color:#66725e}
.branch-tour button:focus-visible{outline:3px solid #92b651;outline-offset:3px}
@media(max-width:600px){.branch-tour .tour-tabs,.branch-tour .tour-tabs[aria-label="Workshop and workflow design"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.discovery-journey{margin:36px 0 42px}
.discovery-journey>p{max-width:760px}
.discovery-journey .journey-stages{list-style:none!important;padding:0!important;margin:26px 0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.discovery-journey .journey-stage{list-style:none;margin:0;padding:22px 18px;border:1px solid #dce2d8;border-radius:14px;background:#f7f8f4;position:relative}
.discovery-journey .journey-stage:not(:last-child):after{content:'→';position:absolute;right:-12px;top:28px;z-index:1;color:#76836d;background:#fff;border-radius:50%;font-size:17px}
.discovery-journey .journey-number{display:block;font:12px monospace;color:#728068;margin-bottom:20px}
.discovery-journey h4{font-size:20px;margin:0 0 14px}
.discovery-journey .journey-stage p{font-size:14px;line-height:1.6;margin:0}
.discovery-journey .journey-need{min-height:70px;font-weight:600}
.discovery-journey .journey-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 8px;color:#69765f}
.discovery-journey .journey-focus{background:#203d2b;color:#fff;border-color:#203d2b}
.discovery-journey .journey-focus .journey-number,.discovery-journey .journey-focus .journey-label{color:#cee0bf}
.discovery-journey .journey-focus p,.discovery-journey .journey-focus h4{color:#fff}
.discovery-journey .journey-insight{border-left:3px solid #91ae74;padding:8px 0 8px 18px;font-size:16px;line-height:1.6;margin:24px 0}
.discovery-journey details{margin-top:24px}
.discovery-journey summary{cursor:pointer;color:#203d2b;font-weight:600;padding:12px 0}
.discovery-journey details .real-figure{margin-top:16px}
@media(max-width:1000px){.discovery-journey .journey-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-journey .journey-stage:after{display:none}.discovery-journey .journey-need{min-height:0}}
@media(max-width:550px){.discovery-journey .journey-stages{grid-template-columns:1fr}.discovery-journey .journey-stage{padding:20px}.discovery-journey .journey-number{margin-bottom:12px}}

/* Customer discovery pull quote */
.reference-format .customer-pullquote{position:relative;margin:44px 0;padding:32px 38px 30px;border:1px solid #dce2d4;border-left:4px solid #68854d;border-radius:0 16px 16px 0;background:#edf1e7;max-width:none}
.customer-pullquote .quote-eyebrow{display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#536746;margin-bottom:18px}
.reference-format .customer-pullquote p{font-size:clamp(23px,2.8vw,34px);font-weight:500;line-height:1.35;letter-spacing:-.6px;color:#203d2b;margin:0;max-width:880px}
.reference-format .customer-pullquote cite{display:block;font:400 13px/1.5 Arial,sans-serif;color:#61705a;margin-top:22px;font-style:normal}
@media(max-width:600px){.reference-format .customer-pullquote{padding:26px 22px;margin:30px 0}}

/* Prototype call-to-action buttons */
.reference-format a.prototype-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:#203d2b;color:#fff;border:1px solid #203d2b;border-radius:8px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s,box-shadow .15s}
.reference-format a.prototype-button:hover{background:#31553c;box-shadow:0 4px 12px #203d2b20;text-decoration:none}
.reference-format a.prototype-button:focus-visible{outline:3px solid #92b651;outline-offset:4px}

.kentik-wireframe-tour{grid-column:1/-1}.kentik-wireframe-tour .real-figure img{display:block;width:100%;height:min(65vh,650px)!important;max-height:none;object-fit:contain;background:#eef1f3;padding:12px;border:1px solid #d4dccd;border-radius:8px}@media(max-width:600px){.kentik-wireframe-tour .real-figure img{height:350px!important;padding:5px}}

/* Match Demandbase gallery presentation */


.kentik-wireframe-tour{grid-column:1/-1;width:100%;min-width:0}
.kentik-wireframe-tour .tour-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.kentik-wireframe-tour .tour-tabs button,.kentik-wireframe-tour .tour-controls button{font:inherit;padding:10px 16px;border:1px solid #d9dde4;background:#fff;color:#263044;border-radius:8px;cursor:pointer}
.kentik-wireframe-tour .tour-tabs button[aria-selected=true]{background:#17253c;color:#fff;border-color:#17253c}
.kentik-wireframe-tour [hidden]{display:none!important}
.kentik-wireframe-tour .real-figure{margin:0}
.kentik-wireframe-tour .real-figure img{display:block;width:100%!important;height:min(65vh,650px)!important;max-height:none!important;object-fit:contain!important;padding:0!important;background:#f5f7fa}
.kentik-wireframe-tour .tour-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 28px}

/* Numbered gallery tabs matching ServiceNow */
.kentik-wireframe-tour .tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 18px}
.kentik-wireframe-tour .tour-tabs[aria-label="Workshop and workflow design"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.kentik-wireframe-tour .tour-tabs button{border:1px solid #cbd3c2;border-radius:7px;background:#f4f4f1;padding:14px 12px;font-size:14px;text-align:left;line-height:1.4;color:#53614a;transition:background .15s,border-color .15s}
.kentik-wireframe-tour .tour-tabs button span{display:block;font:11px monospace;margin-bottom:5px;opacity:.7}
.kentik-wireframe-tour .tour-tabs button:hover{background:#e9ede4;border-color:#87977c}
.kentik-wireframe-tour .tour-tabs button[aria-selected=true]{background:#203d2b;color:#fff;border-color:#203d2b}
.kentik-wireframe-tour .tour-controls button{border:1px solid #cbd3c2;border-radius:6px;padding:10px 15px;background:#fff;color:#203d2b;font-size:14px}
.kentik-wireframe-tour .tour-controls span{font-size:12px;color:#66725e}
.kentik-wireframe-tour button:focus-visible{outline:3px solid #92b651;outline-offset:3px}.kentik-wireframe-tour .tour-tabs,.kentik-wireframe-tour .tour-tabs[aria-label="Workshop and workflow design"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.kentik-wireframe-tour .tour-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media(max-width:600px){.kentik-wireframe-tour .tour-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.kentik-design-tour .tour-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.kentik-design-tour .tour-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Equinix gallery: shared numbered-tab presentation */
.equinix-page .branch-tour{width:100%;min-width:0;margin:26px 0 40px}
.equinix-page .branch-tour .tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 18px}
.equinix-page .branch-tour .tour-tabs button{border:1px solid #cbd3c2;border-radius:7px;background:#f4f4f1;padding:14px 12px;font-size:14px;text-align:left;line-height:1.4;color:#53614a;cursor:pointer;transition:background .15s,border-color .15s}
.equinix-page .branch-tour .tour-tabs button span{display:block;font:11px monospace;margin-bottom:5px;opacity:.7}
.equinix-page .branch-tour .tour-tabs button:hover{background:#e9ede4;border-color:#87977c}
.equinix-page .branch-tour .tour-tabs button[aria-selected=true]{background:#203d2b;color:#fff;border-color:#203d2b}
.equinix-page .branch-tour [hidden]{display:none!important}
.equinix-page .branch-tour .real-figure{margin:0}
.equinix-page .branch-tour .real-figure img{display:block;width:100%!important;height:min(65vh,650px)!important;max-height:none!important;object-fit:contain!important;padding:0!important;background:#f5f7fa}
.equinix-page .branch-tour .tour-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 28px}
.equinix-page .branch-tour .tour-controls button{border:1px solid #cbd3c2;border-radius:6px;padding:10px 15px;background:#fff;color:#203d2b;font-size:14px;cursor:pointer}
.equinix-page .branch-tour .tour-controls span{font-size:12px;color:#66725e}
.equinix-page .branch-tour button:focus-visible{outline:3px solid #92b651;outline-offset:3px}
@media(max-width:600px){.equinix-page .branch-tour .tour-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.equinix-page .branch-tour .real-figure img{height:380px!important}}

/* Full-width Supplier Portal gallery with readable portrait screens. */
.servicenow-page #sec-designs .real-gallery>.control-tour{grid-column:1 / -1}
.servicenow-page #sec-designs .control-tour .real-figure img{height:auto!important;max-height:none;width:100%;max-width:900px;margin-inline:auto;object-fit:contain}

.servicenow-page #sec-designs .supplier-tour .real-figure img{max-width:100%;padding:0}

.servicenow-page .sn-impact-callouts strong{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-1.5px}.servicenow-page .sn-impact-callouts span{font-size:14px;line-height:1.5}.servicenow-page .sn-impact-callouts{border-top:1px solid #d7dccf;margin:26px 0 42px}@media(max-width:700px){.servicenow-page .sn-impact-callouts{grid-template-columns:1fr;gap:26px}}

.kentik-impact-callouts{grid-template-columns:repeat(2,minmax(0,1fr))}.kentik-impact-callouts strong{font-size:clamp(30px,3vw,46px);line-height:1.1}@media(max-width:700px){.kentik-impact-callouts{grid-template-columns:1fr}}

.db-outcome-callouts strong{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-1px}.db-outcome-callouts span{font-size:14px;line-height:1.5;max-width:290px}@media(max-width:700px){.db-outcome-callouts{grid-template-columns:1fr;gap:26px}}

/* Keep long outcome labels inside the phone layout. */
@media(max-width:700px){.equinix-page .quick-results{grid-template-columns:1fr;gap:24px}}

/* Momentum outcomes: prominent evidence-led cards, with supporting delivery outcomes. */
.mo-outcomes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:28px 0 38px}
.mo-outcome-card{grid-column:span 2;min-width:0;background:rgba(255,255,255,.68);border:1px solid #d7dccf;border-radius:14px;padding:25px 24px;display:flex;flex-direction:column;gap:15px}
.mo-outcome-card .mo-outcome-source{font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#696773}
.mo-outcome-card h3{font:700 clamp(26px,2.7vw,38px)/1.08 Arial,Helvetica,sans-serif!important;letter-spacing:-1.2px!important;color:#25492d;margin:0!important}
.mo-outcome-card p{font-size:15px!important;line-height:1.6!important;color:#4b514c;margin:0!important;max-width:none!important}
.mo-outcome-card.mo-outcome-secondary{grid-column:span 3;border-top:1px solid #d7dccf;background:transparent;padding:23px 24px}
.mo-outcome-secondary h3{font-size:24px!important;letter-spacing:-.5px!important}
@media(max-width:760px){.mo-outcomes{grid-template-columns:1fr;gap:14px}.mo-outcome-card,.mo-outcome-card.mo-outcome-secondary{grid-column:auto}.mo-outcome-card{padding:22px}.mo-outcome-card h3{font-size:30px!important}}

/* Project artwork uses the exact pastel from its homepage tile. */
.case-page[data-project-color] .quick-product,.case-page[data-project-color] .kentik-first-look{background:var(--case-artifact-bg)}
.case-page[data-project-color] .control-tour .real-figure img,.case-page[data-project-color] .branch-tour .real-figure img,.case-page[data-project-color] .kentik-wireframe-tour .real-figure img{background:var(--case-artifact-bg)!important}