.case-page{overflow-wrap:break-word}
.case-nav{display:flex;align-items:center;gap:40px}
.case-home{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.case-header-cta .case-cta-full,.case-header-cta .case-cta-short{font-size:11px;line-height:1.5}
.case-cta-short{display:none}
.case-arrival{border-top:1px solid var(--racai-rule);padding:32px 0 48px}
.case-arrival .section-rail{border:0;padding:0;margin-bottom:72px}
.case-title-grid{align-items:end}
.case-title-grid h1{grid-column:1/9;font-size:clamp(64px,7vw,100px);line-height:1.04;letter-spacing:-.04em}
.case-arrival-copy{grid-column:10/-1;font-size:16px;line-height:1.8;color:var(--racai-sand);padding-bottom:8px}
.case-facts{display:grid;grid-template-columns:3fr 4fr 2fr 3fr;gap:24px;border-top:1px solid var(--racai-rule);margin:88px 0 0;padding-top:24px}
.case-facts div{min-width:0}
.case-facts dt{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.16em;color:var(--racai-sand)}
.case-facts dd{margin:10px 0 0;font-size:12px;line-height:1.8}
.case-strategy,.case-identity,.case-experience{padding:96px 0}
.case-section-heading{grid-column:1/7}
.case-section-heading h2{font-size:56px;line-height:1.08}
.case-side-note{font-size:12px;line-height:1.8;color:var(--racai-slate);margin-top:32px}
.case-section-copy{grid-column:9/-1}
.case-section-copy>.lead{font-size:20px;line-height:1.5}
.case-section-copy>p:not(.lead){font-size:16px;line-height:1.8}
.dark .case-section-copy>p:not(.lead){color:var(--racai-sand)}
.case-section-copy .text-link{margin-top:24px}
.message-artifact{display:grid;grid-template-columns:7fr 5fr;gap:24px;margin-top:64px;padding:32px 40px 48px;background:var(--racai-sand)}
.artifact-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(11,11,12,.3);padding-bottom:20px}
.artifact-label .eyebrow{font-size:11px}
.message-brand{grid-column:1/-1;font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-.035em;margin:32px 0 16px}
.message-commercial{grid-column:2;padding-top:24px;border-top:1px solid rgba(11,11,12,.3);min-width:230px}
.message-commercial .eyebrow{font-size:11px}
.message-commercial p{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin-top:16px}
.case-artifact-caption{font-size:12px;line-height:1.8;color:var(--racai-slate);margin-top:16px;max-width:700px}
.case-architecture{display:grid;grid-template-columns:3fr 5fr 4fr;gap:24px;border-top:1px solid var(--racai-rule);margin-top:64px;padding-top:24px}
.case-architecture>.eyebrow{font-size:11px}
.case-architecture h3{font-size:13px;margin-bottom:14px}
.case-architecture div>p{font-size:12px;letter-spacing:.08em;line-height:1.9}
.case-architecture div>p span{display:inline-block;margin-inline:6px;color:var(--racai-slate)}
.case-identity-board{display:grid;grid-template-columns:8fr 4fr;margin:64px 0 0}
.case-logo-field{grid-column:1/-1;display:flex;flex-direction:column;justify-content:space-between;gap:64px;border:1px solid var(--racai-rule);padding:32px 48px 40px}
.case-logo-field .eyebrow{font-size:11px;color:var(--racai-sand)}
.case-logo-field img{width:100%;max-width:1000px;margin:32px auto;padding-inline:24px}
.case-letter-field{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:48px;background:var(--racai-slate);padding:32px 40px 56px}
.case-letter-field .eyebrow{align-self:start;font-size:11px;color:var(--racai-sand)}
.case-letter-field img{width:193px;height:auto;margin:32px 0}
.case-type-field{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:32px;background:var(--racai-sand);color:var(--racai-obsidian)}
.case-type-field>.eyebrow{grid-column:1/-1;font-size:11px}
.case-type-sample{grid-column:1/-1;font-size:104px;line-height:1.35;letter-spacing:-.07em}
.case-type-line{grid-column:1/-1;font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:0}
.case-identity-board figcaption{grid-column:1/-1;font-size:12px;line-height:1.8;color:var(--racai-sand);padding-top:20px;max-width:700px}
.case-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:48px}
.palette-color{display:block;height:64px;background:var(--swatch);border:1px solid rgba(255,255,255,.28)}
.case-palette p{font-size:12px;margin-top:14px}
.case-palette p span{display:block;color:var(--racai-sand);font-size:11px;letter-spacing:.1em;margin-top:3px}
.case-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:0;margin:64px 0 0}
.case-journey li{border-top:1px solid var(--racai-obsidian);padding-top:20px}
.case-journey .eyebrow{font-size:11px;color:var(--racai-slate)}
.case-journey h3{font-size:28px;line-height:1.3;margin-top:32px;font-weight:400;letter-spacing:-.025em}
.case-journey p{font-size:16px;line-height:1.8;max-width:280px;margin-top:24px}
.case-status{display:grid;grid-template-columns:4fr 5fr 3fr;gap:32px;padding-top:32px;border-top:1px solid var(--racai-rule);margin-top:64px}
.case-status .eyebrow{font-size:11px;color:var(--racai-slate)}
.case-status h3{font-size:20px;margin-top:12px}
.case-status>p{font-size:16px;line-height:1.8;margin:0}
.case-status>p:last-child{color:var(--racai-slate)}
.case-next{padding:96px 0}
.case-next-title{grid-column:1/8}
.case-next-title .eyebrow{font-size:11px;color:var(--racai-sand);margin-bottom:32px}
.case-next h2{font-size:64px;line-height:1.1}
.case-next-copy{grid-column:9/-1;align-self:end}
.case-next-copy>p{font-size:16px;line-height:1.8;color:var(--racai-sand)}
.case-next-copy .button{margin-top:32px}
.case-next-copy .case-next-note{font-size:12px;margin-top:16px;line-height:1.8}
.case-footer{padding-bottom:24px}
.case-footer .footer-bottom a:last-child{gap:8px}

@media(min-width:768px) and (max-width:1100px){.case-arrival-copy{grid-column:9/-1}
.case-title-grid h1{font-size:72px}
.case-section-copy{grid-column:8/-1}
.case-section-heading h2{font-size:48px}
.message-artifact{padding-inline:32px}
.message-commercial{grid-column:2}
.case-architecture{grid-template-columns:1fr 2fr}
.case-architecture>div:last-child{grid-column:2}
.case-type-field{padding:24px}
.case-type-sample{font-size:88px}
.case-journey{gap:24px}
.case-next h2{font-size:48px}
.case-next-copy{grid-column:8/-1}
}

@media(max-width:767px){.case-nav{gap:0}
.case-home,.case-cta-full{display:none}
.case-header-cta .case-cta-short{display:inline}
.case-header-cta{padding:11px 14px;gap:12px;min-width:112px}
.case-arrival{padding:24px 0 40px}
.case-arrival .section-rail{margin-bottom:48px;align-items:start}
.case-arrival .section-rail>.eyebrow{font-size:11px}
.case-title-grid h1{grid-column:1/-1;font-size:clamp(40px,11vw,64px);line-height:1.07;letter-spacing:-.035em}
.case-arrival-copy{grid-column:2/-1;font-size:16px;line-height:1.8;margin-top:24px;padding-bottom:0}
.case-facts{grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:48px;padding-top:24px}
.case-facts dt{font-size:11px;letter-spacing:.13em}
.case-facts dd{font-size:12px;line-height:1.7;margin-top:8px}
.case-strategy,.case-identity,.case-experience{padding:64px 0}
.case-section-heading{grid-column:1/-1}
.case-section-heading h2{font-size:40px}
.case-side-note{font-size:12px;margin-top:24px}
.case-section-copy{grid-column:2/-1;margin-top:24px}
.case-section-copy>.lead{font-size:18px;line-height:1.5}
.case-section-copy>p:not(.lead){font-size:16px;line-height:1.8}
.case-section-copy .text-link{font-size:12px;gap:16px}
.message-artifact{display:block;padding:24px;margin-top:40px}
.artifact-label{gap:16px;align-items:start;padding-bottom:16px}
.artifact-label>.eyebrow{font-size:11px}
.artifact-label>.eyebrow:first-child{max-width:140px}
.artifact-label>.eyebrow:last-child{text-align:right;max-width:70px}
.message-brand{font-size:clamp(24px,6.9vw,46px);line-height:1.12;margin:32px 0 40px;letter-spacing:-.035em}
.message-commercial{min-width:0;margin-left:20%;padding-top:20px}
.message-commercial .eyebrow{font-size:11px}
.message-commercial p{font-size:clamp(17px,4.3vw,27px);line-height:1.4;margin-top:12px}
.case-artifact-caption{font-size:12px;line-height:1.8}
.case-architecture{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:24px}
.case-architecture>.eyebrow{font-size:11px}
.case-architecture h3{font-size:13px;margin-bottom:12px}
.case-architecture div>p{font-size:12px;letter-spacing:.025em;line-height:1.8}
.case-architecture div>p span{margin-inline:3px}
.case-identity-board{grid-template-columns:1fr;margin-top:40px}
.case-logo-field{padding:24px;gap:32px}
.case-logo-field .eyebrow{font-size:11px}
.case-logo-field img{margin:16px auto;padding:0;min-width:120px}
.case-letter-field{padding:24px 24px 32px;gap:32px;min-height:288px}
.case-letter-field .eyebrow{font-size:11px}
.case-letter-field img{width:145px;margin:24px 0}
.case-type-field{grid-template-columns:1fr 1fr;padding:24px;gap:16px}
.case-type-field>.eyebrow{font-size:11px}
.case-type-sample{grid-column:1;font-size:76px;line-height:1.25}
.case-type-line{grid-column:1/-1;font-size:20px;line-height:1.45;align-self:start}
.case-identity-board figcaption{font-size:12px;line-height:1.8;padding-top:16px}
.case-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:32px}
.case-palette>div:last-child{grid-column:1/-1}
.palette-color{height:44px}
.case-palette p{font-size:12px;line-height:1.6;margin-top:10px}
.case-palette p span{font-size:11px;letter-spacing:0;margin-top:4px}
.case-journey{grid-template-columns:1fr;gap:32px;margin-top:40px}
.case-journey li{display:grid;grid-template-columns:1fr 3fr;gap:20px 16px;padding-top:20px}
.case-journey li .eyebrow{grid-column:1/-1;font-size:11px}
.case-journey h3{grid-column:1/-1;font-size:28px;line-height:1.3;margin:0}
.case-journey h3 br{display:none}
.case-journey p{grid-column:2;font-size:16px;margin:0;max-width:none}
.case-status{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:24px}
.case-status .eyebrow{font-size:11px}
.case-status h3{font-size:24px}
.case-status>p{font-size:16px}
.case-next{padding:64px 0}
.case-next-title{grid-column:1/-1}
.case-next-title .eyebrow{font-size:11px;max-width:220px;margin-bottom:24px}
.case-next h2{font-size:40px;line-height:1.1}
.case-next-copy{grid-column:1/-1;margin-top:24px}
.case-next-copy>p{font-size:16px;max-width:380px}
.case-next-copy .button{margin-top:24px}
.case-next-copy .case-next-note{font-size:12px}
.case-footer{padding-bottom:20px}
}


@media(max-width:767px){.case-logo-field{padding:32px}}