/* shared Create Co. frame for case pages (2026-10-15): same font, header, closing CTA and footer as the home */
body{font-family:Outfit,system-ui,sans-serif;font-weight:400}
.intro h1{font-weight:700;letter-spacing:-.02em}
.intro h1 em{font-weight:400}
.nav{position:relative;z-index:5}
.nav .wrap{max-width:none;padding:0 16px;height:72px}
.nav .logo{font-weight:700;font-size:20px;color:#000}
.nav .links{display:flex;gap:18px;font-weight:600;font-size:15px}.nav .links a{color:#000}
.cta{background:#000;color:#fff;text-align:center;padding:160px 16px 120px;margin-top:120px}
.cta h2{font-weight:700;letter-spacing:-.02em;line-height:.95;font-size:clamp(44px,6.4vw,96px)}
.cta .mail{display:inline-block;margin-top:44px;font-weight:600;font-size:18px;color:#fff;border-bottom:1px solid #fff;padding-bottom:4px;text-decoration:none}
.ft{background:#000;color:#fff;padding:40px 16px 0;overflow:hidden}
.ft a{color:inherit;text-decoration:none}
.ft-cols{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:24px;font-weight:600;font-size:14px;color:#cfcfcf;line-height:1.6}
.ft-word{font-weight:700;font-size:clamp(80px,17vw,260px);letter-spacing:-.04em;line-height:.8;margin-top:100px;transform:translateY(8%)}
@media (max-width:820px){.nav .links a:nth-child(2),.nav .links a:nth-child(3){display:none}.ft-cols{grid-template-columns:1fr 1fr}}
/* one content width everywhere (Kay 2026-10-15): 1140px box with 40px sides, same as sixstonejars.com */
.wrap{max-width:1140px!important;padding:0 40px!important;margin-left:auto!important;margin-right:auto!important}
.nav .wrap,.cta,.ft{padding-left:max(40px,calc(50% - 530px))!important;padding-right:max(40px,calc(50% - 530px))!important;max-width:none!important}
@media (max-width:820px){.wrap{padding:0 20px!important}.nav .wrap,.cta,.ft{padding-left:20px!important;padding-right:20px!important}}
