/* A focused project story: the question, built work and a useful handoff. */
.tan-case-opening .tan-case-intro p{font-size:17px;line-height:1.8;max-width:62ch}
.case-proof-showcase{max-width:1120px;margin:0 auto;padding-inline:7%;box-sizing:content-box}
.case-proof-showcase .tan-visual{min-height:0;height:clamp(220px,29vw,360px);border-radius:4px;border:1px solid #c7b39a28}
.case-proof-showcase .tan-cover{filter:saturate(.6) brightness(.8);object-position:center 45%}
.case-proof-showcase .tan-visual-shade{background:linear-gradient(155deg,#17213299,transparent 70%)}
.case-proof-showcase .tan-brand{width:clamp(130px,14vw,190px);top:28px;left:30px}
.case-proof-showcase figcaption{font-size:12px;line-height:1.7;padding:14px 0 0}
.case-proof-story{padding-top:72px;padding-bottom:72px}
.case-proof-story aside span{font-size:10px;line-height:1.6;letter-spacing:.09em}
.case-proof-story aside strong{font-size:14px;line-height:1.7}
.case-proof-story p{font-size:17px;line-height:1.85;max-width:65ch}
.case-proof-components{padding:75px 7%;border-block:1px solid #ffffff18;background:#1b1e20}
.case-proof-components .conversion-heading>p{font-size:16px;line-height:1.85;max-width:45ch}
.case-proof-components .cost-columns{gap:clamp(24px,4vw,56px)}
.case-proof-components .cost-columns article>span{font-size:10px;line-height:1.7}
.case-proof-components .cost-columns h3{font-size:27px;line-height:1.25;margin:22px 0 18px}
.case-proof-components .cost-columns p{font-size:16px;line-height:1.85}
.case-proof-components .case-proof-delivery{margin:24px 0 0;padding-top:20px;border-top:1px solid #ffffff18;font-size:14px!important;color:#bdb5ac}
.case-proof-delivery strong{display:block;font-size:11px;font-weight:500;letter-spacing:.04em;color:#d8b999;margin-bottom:8px}
.case-walkthrough .conversion-heading>p{font-size:16px;line-height:1.85}
.case-walkthrough .case-explanation p{font-size:15px;line-height:1.85}
.case-walkthrough .case-screen figcaption{font-size:12px;line-height:1.7}
.case-proof-operation{padding:90px 7%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;border-top:1px solid #ffffff18;background:radial-gradient(ellipse at 0 0,#bd997615,transparent 60%),#1b1e20}
.case-proof-operation h2{font-size:clamp(34px,4.2vw,59px);font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:24px 0}
.case-proof-operation h2 em{color:#d2ae8c;font-weight:400}
.case-proof-operation-intro>p{max-width:48ch;color:#c5beb5;font-size:16px;line-height:1.85}
.case-proof-operation .case-proof-example-note{font-size:13px;line-height:1.8;margin-top:25px;color:#b4afa8;max-width:45ch}
.case-proof-stages{border-top:1px solid #bc9c7d60;min-width:0}
.case-proof-stages details{border:0;border-bottom:1px solid #bc9c7d40;padding:0;margin:0;background:none}
.case-proof-stages summary{list-style:none;display:flex;align-items:center;gap:18px;padding:24px 0;color:#ede6dc;cursor:pointer;font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.case-proof-stages summary::-webkit-details-marker{display:none}
.case-proof-stages .case-proof-step{flex:0 0 27px;align-self:flex-start;font-size:12px;line-height:1.8;color:#d2ac88;letter-spacing:.02em;padding-top:2px}
.case-proof-stages summary small{display:block;font-size:10px;line-height:1.6;font-weight:400;letter-spacing:.08em;color:#c5a383;margin-bottom:8px}
.case-proof-stages summary::after{content:'+';font-size:24px;font-weight:400;flex:0 0 20px;text-align:center;margin-left:auto;color:#d6b08f;transition:transform .2s}
.case-proof-stages details[open] summary::after{transform:rotate(45deg)}
.case-proof-stages details>div{padding:0 28px 24px 45px}
.case-proof-stages p{font-size:15px;line-height:1.85;color:#c8c0b6;max-width:60ch;margin:0 0 14px}
.case-proof-stages p:last-child{margin-bottom:0}
.case-proof-stages summary:focus-visible{outline:2px solid #e4c19e;outline-offset:5px}
.case-proof-cta>div{max-width:800px}
.case-proof-cta p{font-size:17px;line-height:1.85;max-width:55ch;color:#c7beb3;margin:26px 0 0}
@media(max-width:900px){
 .case-proof-showcase{margin:0 7%;padding:0}
 .case-proof-operation{grid-template-columns:1fr;gap:35px;padding-block:65px}
 .case-proof-operation-intro>p{max-width:65ch}
 .case-proof-operation .case-proof-example-note{max-width:65ch}
 .case-proof-components .cost-columns{grid-template-columns:1fr;gap:32px}
 .case-proof-components .cost-columns p{max-width:68ch}
 .case-proof-components .case-proof-delivery{max-width:68ch}
}
@media(max-width:600px){
 .tan-case-opening .tan-case-intro p{font-size:16px}
 .case-proof-showcase .tan-visual{height:220px;min-height:0}
 .case-proof-showcase .tan-brand{width:142px;left:22px;top:22px}
 .case-proof-story{padding-block:50px;gap:34px}
 .case-proof-story p{font-size:16px}
 .case-proof-story aside{gap:14px 20px;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
 .case-proof-story aside strong{font-size:13px}
 .case-proof-components{padding-block:56px}
 .case-proof-operation{padding-block:56px}
 .case-proof-stages summary{font-size:19px;gap:13px;padding-block:22px}
 .case-proof-stages .case-proof-step{flex-basis:23px}
 .case-proof-stages details>div{padding:0 0 24px 36px}
 .case-proof-cta p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.case-proof-stages summary::after{transition:none}}
body.paused .case-proof-stages summary::after{transition:none}