.ekl{--bg:#0b0b0e;--line:#26262f;--ink:#f2f2f5;--ink-2:#cfcfd8;--fire:#e5502a;--gold:#e0a13a;--maxw:1180px;--measure:720px;--sec-y:clamp(1.25rem,2vw,1.75rem);--fig-y:clamp(2.75rem,5vw,4rem);--cap-gap:1rem;--block:1.35rem;--sub-gap:2.6rem;--hero-pull:-24%;color:var(--ink);background:var(--bg) url(/case-studies/ekleipsis/bg-fold.webp) top center repeat;font:400 18px/1.65 neue-haas-grotesk-text,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-top:var(--header-height,60px)}.ekl>:first-child{margin-block-start:0!important}.ekl *{box-sizing:border-box}.ekl img{display:block;max-width:100%}.ekl .wrap{display:block;max-width:var(--maxw);margin:0 auto;padding:0 24px}.ekl .narrow{max-width:var(--measure);margin-left:auto;margin-right:auto;text-align:center}.ekl .hero{position:relative;overflow:hidden;aspect-ratio:100/66}.ekl .hero__img{width:100%;display:block;margin-top:var(--hero-pull)}.ekl .hero__scrim{position:absolute;inset:0 0 auto;height:50%;z-index:1;background:linear-gradient(to bottom,rgba(8,8,10,.78),rgba(8,8,10,.2) 55%,transparent)}.ekl .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(11,11,14,0),var(--bg) 96%)}.ekl .hero__text{position:absolute;top:0;left:0;right:0;z-index:2;text-align:center;padding-top:clamp(28px,7vh,72px);text-shadow:0 2px 26px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.95)}.ekl .hero+section{position:relative;z-index:2;padding-top:0;margin-top:calc(-1 * var(--story-lift,clamp(3rem,7vw,5.5rem)))}.ekl .hero+section :is(p,.lede){text-shadow:0 1px 16px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.7)}@media(max-width:767px){.ekl .hero{aspect-ratio:auto}.ekl .hero__img{margin-top:0;aspect-ratio:5/4;object-fit:cover;object-position:center 55%}.ekl .hero__scrim,.ekl .hero:after{display:none}.ekl .hero__text{position:static;padding-top:0;margin-top:1.5rem;text-shadow:none}.ekl .hero+section{margin-top:0;padding-top:var(--sec-y)}.ekl .hero+section :is(p,.lede){text-shadow:none}}.ekl .eyebrow{font-family:neue-haas-grotesk-display,sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.ekl h1{font-family:neue-haas-grotesk-display,sans-serif;font-size:clamp(2.376rem,calc(1.4008992857vw + 2.0607976607rem),3.2568154259rem);line-height:1.05;letter-spacing:-.01em;font-weight:600;margin:0;text-wrap:balance;color:var(--ink)}.ekl h1 em{font-style:normal;color:var(--fire)}.ekl .hero__sub{font-size:1.05rem;line-height:1.5;color:var(--ink);margin:16px auto 0;max-width:52ch;text-wrap:balance}.ekl section{padding:var(--sec-y) 0;background:transparent}.ekl .lede{font-size:clamp(1.3rem,2.5vw,1.85rem);line-height:1.42;letter-spacing:-.01em;margin:0;color:var(--ink)}.ekl .sec-head{max-width:var(--measure);margin:0 auto 2rem;text-align:center}.ekl h2{font-family:neue-haas-grotesk-display,sans-serif;font-size:clamp(1.65rem,calc(.2908548708vw + 1.5845576541rem),1.832875rem);line-height:1.14;letter-spacing:-.005em;font-weight:600;margin:0;text-align:center;text-wrap:balance;color:var(--ink)}.ekl h3{font-family:neue-haas-grotesk-display,sans-serif;font-size:clamp(1.65rem,calc(.2908548708vw + 1.5845576541rem),1.832875rem);line-height:1.14;letter-spacing:-.005em;font-weight:600;color:var(--ink);margin:var(--sub-gap) 0 .45em}.ekl p{margin:0 0 var(--block);text-wrap:pretty;color:var(--ink)}.ekl p:last-child{margin-bottom:0}.ekl p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.ekl p a:hover{color:var(--fire)}.ekl .q{font-style:normal}.ekl .lede,.ekl .callout,.ekl figcaption{text-wrap:balance}.ekl figure{margin:var(--fig-y) auto;max-width:var(--maxw);padding:0 24px}.ekl figcaption{font-family:neue-haas-grotesk-text,sans-serif;font-size:14px;line-height:1.55;color:var(--gold);text-align:center;max-width:64ch;margin:var(--cap-gap) auto 0}.ekl .frame{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000}.ekl .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ekl .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:680px){.ekl .grid4{grid-template-columns:1fr 1fr}}.ekl figure.duo{max-width:100%;margin:var(--fig-y) 0;padding:0}.ekl .duo__row{display:flex;gap:12px;align-items:flex-start}.ekl .duo__cell{flex-basis:0;min-width:0}.ekl .duo__cell img{display:block;width:100%;height:auto}.ekl .callout{max-width:720px;margin:var(--fig-y) auto;text-align:center;font-family:ivypresto-display,ivypresto-text,Georgia,Times New Roman,serif;font-style:italic;font-weight:100;font-size:clamp(1.55rem,3.1vw,2.4rem);line-height:1.22;letter-spacing:0;color:var(--ink)}.ekl .wordmark-final{display:block;margin:clamp(2.5rem,5vw,4.5rem) auto 0;max-width:300px;width:100%;height:auto}.ekl .buy-wrap{max-width:var(--measure);margin:0 auto;text-align:left}.ekl .buy{display:inline-block;background:var(--gold);color:#17130a;font-family:neue-haas-grotesk-display,sans-serif;font-weight:600;font-size:1rem;text-decoration:none;padding:15px 30px;border-radius:8px;min-height:44px}.ekl .buy:hover{filter:brightness(1.06)}.ekl .kicker{font-family:neue-haas-grotesk-display,sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}.ekl .section--light{background:#f3efe7 url(/case-studies/ekleipsis/bg-fold-white.webp) center/cover no-repeat;color:#17130a}.ekl .section--light .kicker{color:#b81d22}.ekl .section--light .lede,.ekl .section--light .credits,.ekl .section--light .credits b,.ekl .section--light figcaption{color:#17130a}.ekl .section--light .frame{background:transparent;border-color:#17130a29}.ekl section:has(+.section--light){padding-bottom:clamp(3.5rem,7vw,5.5rem)}.ekl .section--light{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:clamp(4.5rem,8vw,7rem)}.ekl .section--light .narrow{text-align:center}.ekl .section--light .buy-wrap{max-width:var(--measure);margin-inline:auto;text-align:center}.ekl .cs-credits{margin-top:var(--fig-y)}.ekl .cs-cred-label{font-family:neue-haas-grotesk-display,sans-serif;font-weight:700;color:#17130a;font-size:15px;margin:0 0 .15em}.ekl .cs-cred-text{color:#17130a;font-size:15px;line-height:1.55;margin:0 0 1.2em}.ekl .cs-cred-text:last-child{margin-bottom:0}
