.project-page{background:#140b09;color:#f4e9de}.project-page .project-nav{position:relative;border-bottom:1px solid #3f302c;padding:25px 5%}.wrap{width:90%;max-width:1440px;margin:0 auto}.eyebrow{font:10px/1.6 monospace;letter-spacing:.06em;color:#b2978f}.back-link{display:block;font:11px monospace;margin:35px 0 50px;color:#c8b6b1}.case-heading{padding-top:55px;padding-bottom:45px;position:relative}.case-heading>.company-logo{position:absolute;right:0;top:80px;max-width:180px;height:40px}.case-heading h1,.work-heading h1{font-size:clamp(42px,6.3vw,92px);font-weight:400;line-height:1.04;letter-spacing:-.055em;max-width:1150px;margin:35px 0}.case-heading .lead{font-size:clamp(18px,1.8vw,26px);line-height:1.4;color:#bda7a1;max-width:950px;margin:30px 0 65px}.case-info{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr;gap:35px;border-top:1px solid #4d3b35;padding-top:25px}.case-info span{font:9px/1.4 monospace;letter-spacing:.08em;color:#9c7b71}.case-info p{font-size:13px;line-height:1.5;margin:12px 0}.case-cover{padding:50px;background:#ccbbb6;max-height:800px;display:flex;justify-content:center;align-items:center;overflow:hidden}.case-cover img{width:100%;height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 20px 25px #0002)}.case-story{display:grid;grid-template-columns:1fr 3fr;gap:8%;padding-top:110px;padding-bottom:110px}.case-story aside{position:sticky;top:40px;align-self:start}.case-story aside a{display:block;font-size:13px;margin:17px 0;color:#bca59e}.case-story aside a:hover{color:white}.case-story>div>section{scroll-margin-top:50px;margin-bottom:85px}.case-story>div>section:last-child{margin-bottom:0}.case-story h2,.section-head h2{font-size:clamp(32px,3.8vw,58px);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:25px 0}.case-story p:not(.eyebrow){font-size:20px;line-height:1.6;color:#c5b2ac}.approach-list{padding:0;list-style:none;counter-reset:steps}.approach-list li{position:relative;counter-increment:steps;border-top:1px solid #4e3c36;padding:25px 0 25px 55px;color:#c5b2ac;font-size:17px;line-height:1.6}.approach-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:29px;font:10px monospace;color:#9f7e74}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #4e3c36;padding-top:25px}.case-metrics strong{font-size:clamp(35px,4.6vw,70px);line-height:1.1;font-weight:400;letter-spacing:-.05em;display:block;overflow-wrap:anywhere}.case-metrics span{display:block;margin-top:13px;font:11px/1.5 monospace;color:#b79e97}.artifacts{background:#efe0d2;color:#321610;padding:85px 0}.artifacts .eyebrow{color:#7b5e56}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.section-head p:not(.eyebrow){max-width:530px;font-size:16px;color:#6d534b}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.gallery-item{margin:0;min-width:0;background:#d2c3bf;padding:20px}.gallery-item img{display:block;width:100%;height:auto;max-height:850px;object-fit:contain}.gallery-item a>span{display:flex;justify-content:space-between;font:10px monospace;margin-top:20px;padding-top:15px;border-top:1px solid #aa8e85}.gallery-item a:hover>span{color:#000}.portrait-artifact{grid-row:span 2}.source-link{font-size:12px;margin:45px 0 0;text-decoration:underline;text-underline-offset:5px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:55px}.demo h3{font-weight:400;font-size:24px;letter-spacing:-.5px}.demo>a{display:inline-block;font-size:11px;margin-top:15px}.video-frame{aspect-ratio:16/9;background:#150f0d}.video-frame iframe{display:block;border:0;width:100%;height:100%}.video-poster{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#111;cursor:pointer;color:white;overflow:hidden}.video-poster img{display:block;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s}.video-poster:hover img{opacity:.95}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;background:#0005}.play-label{position:absolute;bottom:15px;left:20px;font:10px monospace}.direct-demo{border:1px solid #b59c95;padding:25px;margin-bottom:40px}.next-project{padding-top:70px;padding-bottom:85px;display:grid;grid-template-columns:1fr auto;gap:25px}.next-project>.eyebrow{grid-column:1/-1}.next-project>span:nth-child(2){font-size:clamp(30px,4vw,60px);line-height:1.08;letter-spacing:-.045em;max-width:1050px}.next-project>span:last-child{font-size:50px}.next-project:hover>span:nth-child(2){color:#ed8662}.lightbox{background:#1c1412;color:#e8dad6;border:1px solid #7d6057;padding:20px;width:min(1300px,96vw);max-height:95vh}.lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}.lightbox form{text-align:right;margin-bottom:15px}.lightbox button{background:none;color:inherit;border:1px solid #8f6d63;border-radius:25px;padding:8px 20px;font:12px Arial;cursor:pointer}.lightbox>img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:auto}.lightbox>p{font:11px monospace;text-align:center}.work-heading{padding-top:90px;padding-bottom:60px}.work-heading h1{margin-top:25px}.work-heading .lead{font-size:20px;color:#b8a099}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 35px;padding-bottom:110px}.project-card{display:block;min-width:0}.card-image{position:relative;background:#c5b1ab;padding:30px;aspect-ratio:1.35;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;filter:grayscale(.8);transition:filter .4s,transform .4s}.project-card:hover img{filter:grayscale(0);transform:scale(1.025)}.card-arrow{position:absolute;right:18px;bottom:15px;color:#201512;font-size:22px}.video-label{position:absolute;left:15px;bottom:15px;font:9px monospace;background:#251a17;color:#ece2df;padding:6px 8px}.card-meta{display:flex;justify-content:space-between;gap:15px;font:10px monospace;margin-top:20px;color:#af958d}.project-card h3{font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.1;margin:18px 0}.project-card>p{font-size:14px;color:#b29890}.audit-artifact,.sales-artifact{padding:40px;background:#cfbeb9;margin-bottom:50px}.audit-artifact>div{display:grid;grid-template-columns:60px 1fr 2fr;gap:20px;align-items:center;border-top:1px solid #9b7a70}.audit-artifact h3{font-weight:400;font-size:25px}.sales-artifact h2{font-size:45px;font-weight:400;line-height:1.1;letter-spacing:-2px}.sales-artifact>div{display:flex;gap:20px;flex-wrap:wrap}.section{padding-top:80px;padding-bottom:80px}@media(max-width:850px){.case-info{grid-template-columns:1fr 1fr}.case-story{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:65px}.case-story aside{position:static;display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #4e3c36;margin-bottom:20px}.case-story aside .eyebrow{display:none}.case-cover{padding:25px}.case-story p:not(.eyebrow){font-size:18px}.case-metrics{gap:20px}.section-head{gap:30px}.gallery,.demo-grid{gap:20px}.project-card h3{font-size:25px}}@media(max-width:550px){.project-page .project-nav{padding:20px 5%}.case-heading{padding-top:20px;padding-bottom:30px}.case-heading>.company-logo{top:44px;height:25px;max-width:115px}.back-link{margin:30px 0 45px;font-size:10px}.case-heading h1{font-size:42px;margin:25px 0}.case-heading .lead{font-size:18px;margin-bottom:35px}.case-info{gap:20px}.case-info p{font-size:12px}.case-cover{padding:15px}.case-story aside{gap:10px 20px}.case-story aside a{font-size:11px;margin:10px 0}.case-story h2,.section-head h2{font-size:35px}.case-story>div>section{margin-bottom:60px}.approach-list li{padding-left:35px;font-size:16px}.case-metrics{grid-template-columns:1fr 1fr}.case-metrics strong{font-size:40px}.section-head{grid-template-columns:1fr;gap:0}.gallery,.demo-grid,.archive-grid{grid-template-columns:1fr}.gallery-item{padding:12px}.artifacts{padding:55px 0}.gallery-item img{max-height:650px}.next-project{padding-top:45px;padding-bottom:55px}.next-project>span:nth-child(2){font-size:32px}.next-project>span:last-child{font-size:35px}.work-heading{padding-top:55px}.work-heading h1{font-size:42px}.work-heading .lead{font-size:17px}.archive-grid{gap:45px;padding-bottom:65px}.audit-artifact,.sales-artifact{padding:20px}.audit-artifact>div{grid-template-columns:25px 1fr;gap:10px}.audit-artifact>div>p{grid-column:2}.sales-artifact h2{font-size:35px}.lightbox{padding:12px}.project-page footer .footer-bottom{gap:20px}}
.project-card>.company-logo{display:block;width:125px;height:28px;margin-top:25px}.project-card>.company-logo+.card-meta{margin-top:12px}
/* Give every original walkthrough its own readable product context. */
.demo-context { max-width: 66ch; margin: 1.2rem 0 1.8rem; }
.demo-context p { font-size: 1rem; line-height: 1.65; margin: 0 0 1rem; }
.demo > .eyebrow { font-size: .7rem; margin-bottom: .7rem; }
.demo-grid { align-items: start; }
.detail-keywords{display:flex;align-items:baseline;gap:25px;padding:0 0 35px}.detail-keywords h2{font:10px/1.5 monospace;text-transform:uppercase;color:#bb9283;font-weight:400;margin:0}.detail-keywords ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}.detail-keywords li{border:1px solid #55342c;border-radius:4px;background:#24130f;color:#d8c2b6;padding:5px 9px;font-size:12px}@media(max-width:550px){.detail-keywords{display:block}.detail-keywords h2{margin-bottom:12px}}
.summit-credit{padding:0 0 55px}.summit-credit p{font:10px monospace;color:#bb9283}.summit-credit a{font-size:18px;border-bottom:1px solid #704638;padding-bottom:5px}