/* Content-rich case studies. Everything remains readable without JavaScript. */
:root{--accent:#b04412}
.logo-mark{background:var(--accent);color:#fff}.btn:not(.outline):not(.lime){background:var(--accent);border-color:var(--accent)}.btn:not(.outline):not(.lime):hover{background:#92370d}.case-actions{display:flex;flex-wrap:wrap;gap:16px 28px}.case-actions .text-link+ .text-link{font-weight:400}
.case-art{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:30px;min-height:258px;border:1px solid #d5def0;background:#e9eef5;border-radius:12px}.case-art.dark{border-color:#253553;color:#f4f7ff;background:#19243b}.case-art.slate{background:#e3eaf2}.case-art.sand{background:#f6e8de}.diagram-top{position:absolute;top:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font:10px/1.5 Consolas,monospace;letter-spacing:.09em}.diagram-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;width:100%;padding-top:12px}.diagram-stage{position:relative;border-top:1px solid #a3b5db;padding-top:16px;min-width:0}.diagram-number{display:block;font:11px Consolas,monospace;margin-bottom:13px;color:#8d491f}.diagram-stage strong{font-size:clamp(.85rem,1.5vw,1.13rem);line-height:1.25;letter-spacing:-.03em;display:block;max-width:145px;font-weight:500;overflow-wrap:break-word}.diagram-arrow{position:absolute;right:-17px;top:24px;color:#b04412}.dark .diagram-stage{border-color:#617696}.dark .diagram-number,.dark .diagram-arrow{color:#ffad7d}.art-label{bottom:19px;left:28px;color:#465d84;font-size:9px}.dark .art-label{color:#b8caef}.art-photoshop .diagram-number:before{content:'[ ';}.art-photoshop .diagram-number:after{content:' ]';}.art-windows .diagram-stage{border-top-style:dashed}.art-website:after{content:'';position:absolute;left:28px;right:28px;bottom:45px;border-bottom:1px solid #a3b5db}.case-grid{row-gap:50px}.case-card h3{font-size:1.6rem;line-height:1.22}.project-nav{display:flex;gap:10px;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid var(--line)}.project-nav a{padding:12px 16px;border:1px solid var(--line);border-radius:6px;font-size:.82rem;background:#fff}.project-nav a:hover{border-color:var(--accent);color:var(--accent)}.project-nav span{margin-left:12px;color:var(--muted)}.project-group{scroll-margin-top:24px;border-bottom:1px solid var(--line)}.case-count{font:12px Consolas,monospace;color:var(--muted)}.case-detail .page-hero{padding-bottom:38px}.case-detail .page-hero h1{font-size:clamp(2.6rem,4.5vw,4.25rem);max-width:1000px}.case-facts{display:flex;flex-wrap:wrap;gap:12px 30px;padding:20px 0;font:11px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.case-facts span:first-child{color:#a83f10}.case-detail-art{margin:10px 0 0}.case-detail-art .case-art{min-height:250px}.case-detail-art .diagram-stages{max-width:880px;align-self:center;gap:45px}.case-detail-art .diagram-stage strong{max-width:250px;font-size:1.5rem}.case-detail-art .diagram-arrow{right:-30px}.case-reading{display:grid;grid-template-columns:240px minmax(0,760px);gap:90px;align-items:start;padding-top:65px}.case-sidebar{position:sticky;top:25px}.case-sidebar nav{display:flex;flex-direction:column;gap:18px;font-size:.84rem}.case-sidebar .eyebrow{margin-bottom:7px}.case-sidebar a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.case-sidebar-contact{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.case-sidebar-contact p{font-size:.8rem;color:var(--muted)}.case-body{min-width:0}.case-body section{scroll-margin-top:25px}.case-body section+section{margin-top:65px}.case-body h2{font-size:2.25rem;line-height:1.15;margin-bottom:24px}.case-body h3{font-size:1.4rem;letter-spacing:-.035em;margin-top:35px;margin-bottom:14px}.case-body p,.case-body li{font-size:1rem;line-height:1.8;color:var(--muted)}.case-body .lead{font-size:1.15rem;color:var(--ink)}.case-body .eyebrow{font-size:.67rem;margin-bottom:18px;color:#a83f10}.workflow-steps{list-style:none;padding:0;margin:35px 0 0}.workflow-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line);margin:0}.step-number{font:13px/1.5 Consolas,monospace;color:var(--accent);padding-top:4px}.workflow-steps h3{margin:0 0 10px}.workflow-steps p{margin:0}.code-example{border:1px solid #2f405f;background:#141e32;color:#e1eaff;border-radius:10px;overflow:hidden;margin-top:24px}.code-caption{padding:15px 21px;background:#1d2b46;display:flex;justify-content:space-between;gap:20px;font:10px Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:#c2d2f5}.code-example pre{margin:0;padding:23px;overflow-x:auto;font:13px/1.85 Consolas,'Courier New',monospace;tab-size:2}.code-example pre:focus-visible{outline:3px solid #86a9ff;outline-offset:-4px}.project-scope{border-left:3px solid var(--accent);background:var(--soft);padding:8px 25px 15px;margin:30px 0}.project-scope h3{margin-top:18px;font-size:1.1rem}.project-scope li{font-size:.88rem}.case-body .faqs p{font-size:.94rem}.case-body .faqs summary{font-size:1rem}.case-quote{padding:35px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.case-quote h2{font-size:1.8rem}.case-quote .section-note{font-size:.8rem;margin:18px 0 0}.live-link{margin-top:28px}.case-body .text-link{color:#a83f10}
@media(max-width:1050px){.case-reading{grid-template-columns:190px minmax(0,1fr);gap:45px}.diagram-stage strong{font-size:1rem}}
@media(max-width:760px){.case-reading{grid-template-columns:1fr;gap:40px;padding-top:35px}.case-sidebar{position:static}.case-sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:13px 20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.case-sidebar .eyebrow{flex-basis:100%}.case-sidebar-contact{display:none}.case-body h2{font-size:1.85rem}.case-body section+section{margin-top:48px}.case-detail .page-hero h1{font-size:2.7rem}.case-facts{font-size:10px;gap:10px 20px}.case-detail-art .case-art{min-height:220px}.case-detail-art .diagram-stage strong{font-size:1.05rem}.case-detail-art .diagram-stages{gap:22px}.case-detail-art .diagram-arrow{right:-16px}.case-art{padding:26px;min-height:230px}.diagram-top{left:24px;right:24px;font-size:9px}.art-label{left:24px;font-size:8px}.diagram-stages{gap:20px}.diagram-stage strong{font-size:1rem}.case-quote{padding:25px}.workflow-steps li{gap:12px;grid-template-columns:32px minmax(0,1fr)}.code-example pre{font-size:12px;padding:18px}.project-nav{gap:8px}.project-nav a{font-size:.75rem;padding:10px 12px}.project-nav span{margin-left:8px}.case-body p,.case-body li{font-size:.97rem}}
@media(max-width:420px){.diagram-stage strong{font-size:.9rem}.case-detail .page-hero h1{font-size:2.35rem}.diagram-top{letter-spacing:.03em}.case-detail-art .diagram-stage strong{font-size:.95rem}}
.btn.lime:hover{background:#d6e1f1;border-color:#d6e1f1}.check-list li:before,.faqs summary:after{color:#385a86}.store-note{border-left-color:#385a86}

/* User refinement: navy/white actions; orange logo square; navy/white buttons. */
:root{--accent:#264c7c;--lime:#e6edf6}
.logo-mark{background:#f97738;color:#14243b}.btn:not(.outline):not(.lime){background:#14243b;border-color:#14243b;color:#fff}.btn:not(.outline):not(.lime):hover{background:#263e60;border-color:#263e60}.hero h1 em{color:#14243b}.workbench:before{opacity:.32}.diagram-arrow,.diagram-number{color:#385a86}.case-art.dark{background:#14243b}.contact-band .btn{background:#fff;border-color:#fff;color:#14243b}.contact-band .btn:hover{background:#e7edf5}.service-card:hover{background:#f1f4f8}.eyebrow:before{background:#34567e}.contact-band .eyebrow:before,.status-dot{background:#ff965e}.integration-icon{color:#ff965e}.dark .diagram-number,.dark .diagram-arrow{color:#ffad7d}.case-body .eyebrow,.case-facts span:first-child,.case-body .text-link{color:#294d7c}.nav a:hover,.text-link:hover{color:#294d7c}.contact-band .text-link:hover{color:#ffad7d}::selection{background:#d4e2f4;color:#14243b}

.cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.consent[hidden]{display:none}.consent{position:fixed;inset:auto 0 0;z-index:100;background:#fff;color:#14243b;border-top:1px solid #c7d2e1;box-shadow:0 -6px 30px #14243b16}.consent-inner{display:flex;align-items:center;gap:32px;padding-top:24px;padding-bottom:24px}.consent h2{font-size:1.05rem;letter-spacing:0;margin:0 0 8px}.consent p{font-size:.8rem;line-height:1.6;margin:0;max-width:720px}.consent p a{text-decoration:underline}.consent-actions{display:flex;gap:12px;flex-shrink:0}.consent .btn{font-size:.8rem;padding:16px 20px;white-space:nowrap}.consent .btn:hover{background:#e6edf6;color:#14243b}@media(max-width:900px){.consent-inner{display:block;padding-top:18px;padding-bottom:18px}.consent-actions{margin-top:14px}.consent .btn{flex:1;padding:13px 10px}.consent p{font-size:.75rem}}

/* Project art and wrapped titles are complete navigation targets. */
.case-art-link{display:block;border-radius:14px}.case-card h3 a,.service-card h3 a{display:block}.case-art-link:focus-visible{outline:3px solid #34567e;outline-offset:5px}.case-art-link:hover .case-art{box-shadow:0 0 0 2px #34567e}.case-card h3 a:hover{text-decoration:underline;text-underline-offset:.15em}