/* Case-study-only styles. The existing portfolio stylesheet remains unchanged. */
.mytricolor-case{--case-blue:#294e70;--case-blue-soft:#e8edf0;--case-dark:#20251f}
.mytricolor-case figure{margin:0}.mytricolor-case img{max-width:100%;height:auto;display:block}.mytricolor-case .wrap{max-width:1320px}.mytricolor-case h2{font-size:clamp(2rem,3.65vw,3rem);letter-spacing:-1.7px;line-height:1.15}.mytricolor-case h3{font-weight:500}.mytricolor-case .eyebrow{font-size:.75rem;letter-spacing:1.5px;line-height:1.5}.mytricolor-case code{font-family:Consolas,'Courier New',monospace;font-size:.8125rem;overflow-wrap:anywhere}.mytricolor-case .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-header{padding-bottom:26px}.case-back{font-size:.875rem;display:flex;align-items:center;gap:15px}.case-back:hover{color:var(--accent)}.case-hero{padding-top:76px}.case-kicker{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.case-kicker>p{font-size:1.25rem;font-weight:500;color:var(--ink);letter-spacing:-.4px}.case-kicker .eyebrow{font-size:.625rem;color:var(--muted)}.case-hero h1{font-size:clamp(2.8rem,4.9vw,4.3rem);line-height:1.08;letter-spacing:-3px;max-width:1110px}.case-hero h1 span{color:#7b7d76}.case-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;margin-top:42px}.case-intro>.eyebrow{padding-top:7px;color:var(--muted)}.case-intro p{font-size:1.0625rem;line-height:1.65}.case-intro p+p{margin-top:16px}.case-meta{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:30px;border-top:1px solid var(--line);padding:24px 0 0;margin:38px 0 44px}.case-meta dt{font-size:.625rem;letter-spacing:1.4px;color:var(--muted);margin-bottom:8px}.case-meta dd{font-size:.8125rem;line-height:1.6;margin:0}
.mytricolor-case .opening-visual{margin:auto}.opening-stage{position:relative;background:#e4e9ec;aspect-ratio:1.85;overflow:hidden;border-radius:7px}.opening-stage .opening-account{position:absolute;max-width:none;width:83%;left:4%;top:9%;transform:rotate(-3deg);border:1px solid #cbd4db;box-shadow:0 20px 35px #20344412}.opening-stage .opening-payment{position:absolute;width:39%;max-width:none;right:3%;top:33%;transform:rotate(4deg);border:1px solid #ccd3da;box-shadow:0 15px 32px #20344421}.opening-visual figcaption,.system-board figcaption{display:flex;justify-content:space-between;gap:24px;font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:17px}.opening-visual figcaption>span:last-child,.system-board figcaption>span:last-child{font-size:.625rem;letter-spacing:1px;text-align:right;white-space:nowrap}
.story-section{padding-top:100px;padding-bottom:100px}.editorial-split{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.editorial-split h2{margin-top:22px}.story-copy{padding-top:38px}.story-copy p{font-size:1rem;line-height:1.75}.story-copy p+p{margin-top:19px}.design-principles{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.design-principles li{padding-top:24px;display:flex;gap:24px}.design-principles li>span{font-family:Consolas,monospace;color:var(--accent);font-size:.75rem;line-height:1.6;margin-top:5px}.design-principles h3{font-size:1.625rem;letter-spacing:-.7px;line-height:1.2}.identity-section{padding:76px 0;background:#eeefea}.identity-section .story-copy{padding-top:0}.identity-section .pull-line{border-left:2px solid var(--accent);padding-left:20px;color:var(--ink);font-size:1.25rem;line-height:1.5;margin-top:30px}
.board-section{padding-top:90px;padding-bottom:90px}.visual-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.visual-heading h2{margin-top:20px}.visual-heading>p{font-size:.875rem;line-height:1.7}.system-board>img{width:100%;border:1px solid var(--line)}
.architecture-section{background:var(--case-dark);color:#f7f8f3;padding:86px 0}.architecture-section .eyebrow{color:#b9c1b4}.architecture-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.architecture-heading h2{margin-top:20px}.architecture-heading>p{max-width:355px;font-size:1rem;color:#b9c1b4}.token-path{margin-top:55px;display:grid;grid-template-columns:1fr 20px 1.16fr 20px 1.28fr 20px .8fr;gap:12px;align-items:center;padding-bottom:28px;border-bottom:1px solid #4a5145}.token-path>div>span{font-size:.625rem;letter-spacing:1px;color:#b9c1b4}.token-path h3{font-size:1.25rem;letter-spacing:-.5px;margin-top:12px}.path-arrow{color:#93a18a}.token-example{display:grid;grid-template-columns:1fr 20px 1.16fr 20px 1.28fr 20px .8fr;gap:12px;align-items:center;padding:22px 0;border-bottom:1px solid #424a3e}.token-example code{color:#e3c1aa;font-size:.75rem}.token-example>span{color:#8b9884}.token-example strong{font-weight:400;font-size:.8125rem;color:#e5e9df}.naming-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:65px}.naming-section>div>p{font-size:1.625rem;line-height:1.3;color:#f7f8f3;margin-top:19px;letter-spacing:-.7px}.naming-section .eyebrow{font-size:.625rem}.collections{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:.625rem;letter-spacing:1px;color:#b9c1b4}.naming-table{width:100%;border-collapse:collapse;table-layout:fixed}.naming-table th{text-align:left;font-size:.6875rem;font-weight:500;color:#b9c1b4;padding:0 10px 14px 0}.naming-table td{padding:11px 10px 11px 0;border-top:1px solid #424a3e;color:#e1e6dc;font-size:.75rem;overflow-wrap:anywhere}.naming-table code{font-size:.75rem;color:#d9bfa9}
.machine-section{padding-top:95px;padding-bottom:95px}.machine-lead{font-size:1rem;margin-top:25px}.machine-ideas{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px}.machine-ideas>div{border-top:1px solid var(--line);padding-top:17px}.machine-ideas>div>span{font-family:Consolas,monospace;font-size:.75rem;color:var(--accent)}.machine-ideas h3{font-size:1.125rem;line-height:1.35;margin:17px 0 9px;letter-spacing:-.4px}.machine-ideas p{font-size:.9375rem;line-height:1.65}
.ai-process-section{background:var(--case-dark);padding:85px 0;color:#f7f8f3}.ai-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.ai-process-copy>.eyebrow{color:#b9c1b4}.ai-process-copy h2{margin:22px 0}.ai-process-copy h2 span{color:#b9c1b4}.ai-process-copy>p{font-size:1.125rem;color:#d0d7c9;max-width:440px}.process-notes{margin-top:45px;max-width:420px}.process-notes>div{margin-top:24px}.process-notes h3{font-size:.875rem;margin-bottom:7px}.process-notes p{font-size:.875rem;color:#aeb7a7;line-height:1.65}.ai-process{list-style:none;margin:0;padding:0 0 0 32px;border-left:1px solid #424a3e}.ai-process li{display:grid;grid-template-columns:24px 1fr 20px;gap:16px;padding:21px 0;border-top:1px solid #424a3e;align-items:start}.ai-process li>span{font-size:.6875rem;font-family:Consolas,monospace;color:#aeb7a7;padding-top:5px}.ai-process li h3{font-size:1.375rem;letter-spacing:-.5px;line-height:1.3}.ai-process li p{font-size:.8125rem;color:#b9c1b4;margin-top:6px}.ai-process li b{font-weight:400;color:#93a18a;padding-top:3px}.ai-process li:first-child{border-top:0;padding-top:0}.ai-process .review-step{border-top-color:#ad684c;padding-bottom:0}.review-step h3,.ai-process .review-step>span{color:#eea080}
.implementation-path{list-style:none;margin:48px 0 0;padding:0}.implementation-path li{display:grid;grid-template-columns:220px 1fr 20px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.implementation-path li>span{font-size:.6875rem;letter-spacing:1.2px;color:var(--muted)}.implementation-path strong{font-size:1.625rem;font-weight:500;letter-spacing:-.7px}.implementation-path code{font-size:1.125rem;color:var(--case-blue)}.implementation-path b{font-size:1.25rem;font-weight:400;color:#7b7d76}.implementation-path li:last-child{border-bottom:1px solid var(--line)}.implementation-path li:last-child code{color:var(--accent)}.portable-pipeline{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:32px;color:var(--muted);font-size:.75rem;line-height:1.6}.portable-pipeline b{font-weight:400;color:#8d9589;flex-shrink:0}
.product-section{padding:90px 0;background:#e9edf0}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.product-heading h2{margin-top:23px;font-size:clamp(2rem,4.15vw,3.5rem)}.product-heading h2>span{color:#65737b}.system-product{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:.625rem;letter-spacing:1.5px;color:#596c79}.system-product b{font-size:1.5rem;font-weight:400}.product-intro{max-width:550px;margin-top:25px;color:#59666e;font-size:1rem}.mytricolor-case .product-figure{margin-top:58px}.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.screen-caption h3{font-size:1rem;letter-spacing:-.2px}.screen-caption p{font-size:.8125rem;color:#627079}.product-figure>img{width:100%;border:1px solid #d5dce0}.product-figure figcaption{display:flex;gap:30px;font-size:.75rem;color:#627079;padding-top:17px}.product-figure figcaption span+span{border-left:1px solid #bdc7cd;padding-left:30px}.mytricolor-case .payment-figure{margin-top:70px}.case-closing{padding-top:100px;padding-bottom:80px;text-align:center}.case-closing .eyebrow{color:var(--muted)}.case-closing h2{margin:24px 0;font-size:clamp(2rem,3.7vw,3.2rem)}.case-closing>p{font-size:1.3125rem;line-height:1.5;max-width:720px;margin:auto;letter-spacing:-.35px}.closing-relationship{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;margin:45px 0 0;padding-top:28px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.closing-relationship strong{font-weight:500;color:var(--ink);padding:0 25px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.case-footer{align-items:center}.mytricolor-case .case-footer>span:nth-child(2){display:block}
@media(min-width:1450px){.case-hero h1{font-size:4.45rem}}
@media(max-width:1000px){.case-hero{padding-top:55px}.case-hero h1{font-size:3.4rem;letter-spacing:-2px}.editorial-split,.ai-process-grid{gap:44px}.case-intro{gap:40px}.story-section{padding-top:75px;padding-bottom:75px}.architecture-heading{gap:35px}.architecture-heading>p{max-width:280px}.token-path,.token-example{gap:7px;grid-template-columns:1fr 10px 1.1fr 10px 1.2fr 10px .8fr}.token-path h3{font-size:1.0625rem}.token-example code{font-size:.6875rem}.naming-section{gap:35px;grid-template-columns:.85fr 1.15fr}.ai-process{padding-left:23px}.ai-process li{gap:10px}.portable-pipeline{flex-wrap:wrap;justify-content:center}.implementation-path li{grid-template-columns:180px 1fr 20px;gap:20px}.case-kicker .eyebrow{max-width:190px;text-align:right}}
@media(max-width:760px){.case-header{padding:22px}.case-back{font-size:.75rem;gap:8px}.case-header .identity-sub{display:none}.case-header .identity{font-size:.75rem}.mytricolor-case .wrap{padding-left:22px;padding-right:22px}.case-hero{padding-top:38px}.case-kicker{display:block;margin-bottom:22px}.case-kicker>p{font-size:1.0625rem}.case-kicker .eyebrow{text-align:left;max-width:none;font-size:.5625rem;margin-top:12px}.case-hero h1{font-size:clamp(2.2rem,6.6vw,3.2rem);letter-spacing:-1.6px;line-height:1.12}.case-intro{grid-template-columns:1fr;gap:14px;margin-top:30px}.case-intro p{font-size:1rem}.case-meta{grid-template-columns:1fr;gap:17px;margin-top:28px;margin-bottom:30px;padding-top:23px}.case-meta>div{display:grid;grid-template-columns:60px 1fr;gap:20px}.case-meta dt{margin-top:3px}.case-meta dd{font-size:.75rem}.case-meta dd br{display:none}.opening-stage{aspect-ratio:1.3;border-radius:5px}.opening-stage .opening-account{width:108%;left:3%;top:7%}.opening-stage .opening-payment{width:51%;right:3%;top:38%}.opening-visual figcaption{font-size:.6875rem;margin-top:12px}.opening-visual figcaption>span:last-child{display:none}.story-section{padding-top:60px;padding-bottom:60px}.editorial-split{grid-template-columns:1fr;gap:25px}.mytricolor-case h2{font-size:2.1875rem;letter-spacing:-1.2px}.editorial-split h2{margin-top:17px}.story-copy{padding-top:0}.story-copy p{font-size:1rem}.design-principles{margin-top:32px;gap:15px}.design-principles li{display:block;padding-top:20px}.design-principles h3{font-size:1.125rem;margin-top:14px;letter-spacing:-.4px}.identity-section{padding:55px 0}.identity-section .pull-line{font-size:1.125rem}.board-section{padding-top:60px;padding-bottom:60px}.visual-heading{display:block;margin-bottom:28px}.visual-heading h2{margin-top:17px}.visual-heading>p{font-size:.875rem;margin-top:20px}.system-board figcaption{font-size:.6875rem}.system-board figcaption>span:last-child{display:none}.architecture-section{padding:60px 0}.architecture-heading{display:block}.architecture-heading h2{margin-top:17px}.architecture-heading>p{max-width:100%;margin-top:22px}.token-path{grid-template-columns:1fr;gap:12px;margin-top:35px;padding-bottom:25px}.token-path>div{display:flex;align-items:center;gap:20px;justify-content:space-between}.token-path h3{font-size:1.1875rem;margin:0;text-align:right}.token-path>div>span{font-size:.625rem}.path-arrow{justify-self:end;transform:rotate(90deg);margin-right:8px}.token-example{grid-template-columns:1fr;gap:8px;padding:25px 0}.token-example code{font-size:.875rem}.token-example>span{transform:rotate(90deg);justify-self:start;margin-left:6px;font-size:.875rem}.token-example strong{font-size:.875rem}.naming-section{grid-template-columns:1fr;gap:28px;margin-top:40px}.naming-table td,.naming-table code{font-size:.6875rem}.naming-section>div>p{font-size:1.5rem}.naming-table th{font-size:.6875rem}.machine-section{padding-top:60px;padding-bottom:60px}.machine-ideas{gap:25px 23px;margin-top:10px}.machine-ideas h3{font-size:1.0625rem}.machine-ideas p{font-size:.875rem}.ai-process-section{padding:60px 0}.ai-process-grid{grid-template-columns:1fr;gap:40px}.ai-process-copy>p{font-size:1rem}.process-notes{margin-top:28px}.ai-process{border-left:0;padding:0}.ai-process li:first-child{border-top:1px solid #424a3e;padding-top:21px}.ai-process li h3{font-size:1.375rem}.implementation-path{margin-top:30px}.implementation-path li{grid-template-columns:1fr 20px;gap:10px;padding:20px 0}.implementation-path li>span{grid-column:1;grid-row:auto}.implementation-path li code,.implementation-path li strong{grid-column:1;font-size:.9375rem;line-height:1.5}.implementation-path li strong{font-size:1.375rem}.implementation-path li b{grid-column:2;grid-row:span 2;align-self:center}.portable-pipeline{gap:13px;font-size:.6875rem;line-height:1.6}.product-section{padding:60px 0}.product-heading{gap:18px}.product-heading h2{font-size:2.1875rem}.system-product{font-size:.5625rem;flex-shrink:0}.screen-caption{display:block;margin-bottom:16px}.screen-caption p{margin-top:6px}.mytricolor-case .product-figure{margin-top:35px}.product-figure figcaption{flex-wrap:wrap;gap:12px;font-size:.625rem;line-height:1.5}.product-figure figcaption span+span{padding-left:12px}.mytricolor-case .payment-figure{margin-top:42px}.case-closing{padding-top:65px;padding-bottom:55px}.case-closing h2{font-size:2.1rem}.case-closing>p{font-size:1.125rem}.closing-relationship{gap:17px;font-size:.6875rem;margin-top:32px}.closing-relationship strong{padding:0 15px}.case-footer{font-size:.625rem;gap:14px}.mytricolor-case .case-footer>span:nth-child(2){display:none}}
@media(max-width:380px){.case-header .identity>span:last-child{display:none}.case-hero h1{font-size:2.15rem}.machine-ideas{grid-template-columns:1fr}.mytricolor-case h2,.product-heading h2{font-size:1.95rem}.system-product{display:none}.case-closing h2 br{display:none}.design-principles h3{font-size:1rem}.implementation-path li code{font-size:.8125rem}}

/* Same transparent header logo and sizing as the homepage. */
.case-header .ac-brand{position:relative;width:160px;height:44px;flex-shrink:0}
.case-header .ac-brand img{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:160px;height:auto}
@media(max-width:700px){.case-header .ac-brand{width:130px;height:40px}.case-header .ac-brand img{width:130px}}