.cs .hm-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;padding-top:56px}.cs .hm-hero h1{font-size:clamp(2.7rem,5.6vw,5rem);margin-top:0;max-width:15ch}.hm-stack{display:grid;gap:10px;justify-items:end}.hm-layer{position:relative;display:grid;gap:2px;width:100%;padding:18px 26px 22px;clip-path:var(--facet);transition:transform .25s}.hm-layer:first-child{width:70%;background:rgba(255,255,255,.11);color:#fff}.hm-layer:nth-child(2){width:85%;background:var(--neon);color:var(--neon-ink)}.hm-layer:nth-child(3){background:#fff;color:var(--ink)}.hm-layer span{font-size:15px;font-weight:600}.hm-layer b{font-family:var(--font-sofia-cond),sans-serif;font-weight:800;font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.05}.hm-layer em{font-style:normal;font-size:16px;line-height:1.3;margin-top:4px}.hm-layer svg{position:absolute;right:20px;top:18px;width:24px;height:24px}.hm-layer:hover{transform:translateX(-10px)}.cs .hm-layer:focus-visible{outline-offset:-4px}.cs .hm-layer:nth-child(n+2):focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion:no-preference){.hm-layer{animation:hm-rise .7s cubic-bezier(.2,.8,.2,1) backwards}.hm-layer:nth-child(3){animation-delay:.15s}.hm-layer:nth-child(2){animation-delay:.3s}.hm-layer:first-child{animation-delay:.45s}@keyframes hm-rise{0%{opacity:0;transform:translateY(26px)}}}.hm-svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}.hm-svc-card{background:#fff;clip-path:var(--facet);padding:26px 26px 28px;display:flex;flex-direction:column;min-height:310px;transition:background-color .2s,color .2s}.hm-svc-card svg{width:34px;height:34px;color:var(--green);transition:color .2s}.hm-svc-card h3{font-size:1.9rem;line-height:1;margin-top:44px}.hm-svc-card p{font-size:16.5px;margin:12px 0 22px}.hm-more{margin-top:auto;font-weight:700;text-decoration:underline;text-underline-offset:3px}.hm-svc-card:hover{background:var(--slate);color:#fff}.hm-svc-card:hover svg{color:var(--neon)}.cs .hm-svc-card:focus-visible{outline-offset:-4px}.hm-also{margin-top:16px;background:var(--slate);color:#fff;clip-path:var(--facet);padding:30px 34px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:32px;align-items:start}.hm-also h3{font-size:1.9rem;line-height:1.05}.hm-also .cs-ticks{-moz-columns:3;column-count:3;-moz-column-gap:40px;column-gap:40px}.hm-also .cs-ticks li:before{background:var(--neon)}.hm-also a{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}.hm-also a:hover{color:var(--neon)}.cs .hm-also :focus-visible{outline-color:var(--neon)}.hm-work .cs-slide{flex-basis:min(600px,84vw);display:flex;flex-direction:column}.hm-work .cs-shot figcaption{flex:1;display:flex;flex-direction:column}.hm-work .cs-more{margin-top:auto;padding-top:14px;align-self:flex-start}.hm-work-all{margin-top:28px}.hm-prob>div:first-child{position:sticky;top:40px;align-self:start}.hm-prob .cs-probs{margin-top:0}.hm-prob .cs-probs div:first-child{border-top:0;padding-top:4px}.hm-prob-q{margin:36px 0 16px;font-weight:700;max-width:30ch}.hm-how{margin-top:104px;padding:96px 0 104px;background:var(--slate) url(/images/case-studies/shell-neon.svg);color:#fff}.hm-how h2{max-width:24ch}.hm-how h2 span{display:block;color:var(--on-slate-mute)}.hm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}.hm-steps li{background:rgba(255,255,255,.07);clip-path:var(--facet);padding:24px 26px 30px}.hm-steps b{font-family:var(--font-sofia-cond),sans-serif;font-weight:800;font-size:1.5rem;line-height:1;color:var(--neon)}.hm-steps h3{font-size:2.1rem;line-height:1;margin:34px 0 8px}.hm-step-sub{font-weight:700}.hm-steps li p:last-child{color:var(--on-slate-soft);font-size:16px;margin-top:12px}.hm-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.hm-post{background:#fff;clip-path:var(--facet);display:flex;flex-direction:column}.hm-post-img{position:relative;aspect-ratio:1200/630;overflow:hidden}.hm-post-img img{-o-object-fit:cover;object-fit:cover;transition:transform .4s}.hm-post:hover img{transform:scale(1.04)}.hm-post-img span{position:absolute;left:0;bottom:0;background:var(--slate);color:#fff;font-weight:700;font-size:14.5px;line-height:1.4;padding:5px 12px}.hm-post-txt{flex:1;display:flex;flex-direction:column;padding:22px 26px 26px}.hm-post h3{font-size:1.55rem;line-height:1.08}.hm-post p{font-size:16px;margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hm-post small{margin-top:auto;font-size:15px;font-weight:600}.cs .hm-post:focus-visible{outline-offset:-4px}.hm-tail{padding-bottom:104px}@media (max-width:980px){.cs .hm-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:36px}.hm-stack{max-width:520px}.hm-svc{grid-template-columns:1fr 1fr}.hm-svc-card{min-height:0}.hm-also{grid-template-columns:1fr;gap:12px}.hm-also .cs-ticks{-moz-columns:2;column-count:2}.cs .hm-prob{gap:0}.hm-prob>div:first-child{display:contents}.hm-prob .cs-probs{order:1;margin-top:28px}.hm-prob-q{order:2;margin-top:28px}.hm-prob .cs-btn{order:3;justify-self:start}.hm-head{flex-direction:column;align-items:flex-start}.hm-how{margin-top:72px;padding:64px 0 72px}.hm-steps{grid-template-columns:1fr 1fr;margin-top:36px}.hm-steps h3{margin-top:22px}.hm-posts{grid-template-columns:1fr}.hm-tail{padding-bottom:72px}}@media (max-width:560px){.hm-hero .cs-btn{white-space:normal}.hm-layer{padding:12px 18px 14px}.hm-layer:first-child{width:78%}.hm-layer:nth-child(2){width:89%}.hm-layer em{display:none}.hm-layer svg{top:12px;right:14px;width:20px;height:20px}.hm-svc{gap:10px}.hm-svc-card{padding:18px 16px 20px}.hm-svc-card h3{font-size:1.45rem;margin-top:18px}.hm-svc-card p{font-size:15px;margin:8px 0 12px}.hm-svc-card svg{width:28px;height:28px}.hm-also{padding:22px 20px}.hm-also .cs-ticks{-moz-columns:1;column-count:1}.hm-steps{grid-template-columns:1fr;gap:10px}.hm-steps li{padding:18px 20px 22px}.hm-steps h3{font-size:1.8rem;margin-top:14px}.hm-posts{gap:10px}.hm-post{flex-direction:row}.hm-post-img{flex:0 0 118px;aspect-ratio:auto}.hm-post-img span{font-size:12.5px;padding:3px 8px}.hm-post-txt{padding:14px 16px 16px}.hm-post h3{font-size:1.25rem}.hm-post p{display:none}.hm-post small{margin-top:10px}}