@keyframes hc-case-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#jeph-complete[data-current-page=case] .hc-case-name{animation:hc-case-enter .4s cubic-bezier(.16,1,.3,1) both}
.hc-skip{position:fixed;z-index:1000;left:16px;top:12px;background:#111;color:white;padding:12px 18px;transform:translateY(-180%)}
.hc-skip:focus{transform:none}
#jeph-complete .hc-project-open,#jeph-complete .hc-archive-project>a{display:block;width:100%;text-decoration:none;text-align:left;color:inherit}
#jeph-complete .hc-archive-project>a{border:0;background:transparent;padding:0}
#jeph-complete a:focus-visible,#jeph-complete button:focus-visible,#jeph-complete summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#jeph-complete .hc-case-top{padding-top:36px;padding-bottom:64px}
#jeph-complete .hc-case-name{margin:52px 0 24px}
#jeph-complete .hc-case-name h1{font-size:clamp(40px,6vw,100px);line-height:1.05;letter-spacing:-.055em;max-width:1100px}
#jeph-complete .hc-case-name h1:focus{outline:none}
#jeph-complete .hc-case-lead{font-size:clamp(20px,2.2vw,32px);line-height:1.45;max-width:880px;margin:0 0 0 auto;letter-spacing:-.025em}
#jeph-complete .hc-case-hero{aspect-ratio:auto;height:auto;min-height:0;max-height:none;background:#f3f3f0}
#jeph-complete .hc-case-hero figure{margin:0;width:100%}
#jeph-complete .hc-case-hero img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain}
#jeph-complete .hc-case-hero[data-orientation=portrait] img{max-height:78vh;min-height:420px}
#jeph-complete .hc-case-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;padding-top:100px;padding-bottom:40px}
#jeph-complete .hc-case-meta{display:block;margin:0;max-width:540px}
#jeph-complete .hc-case-meta>div{margin:0 0 26px}
#jeph-complete .hc-case-meta dt{font-size:12px;line-height:1.5;color:#666;margin-bottom:6px}
#jeph-complete .hc-case-meta dd{font-size:16px;line-height:1.6;margin:0}
#jeph-complete .hc-case-narrative h2,#jeph-complete .hc-case-motion h2,#jeph-complete .hc-case-development h2,#jeph-complete .hc-case-credits h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.15;margin:0 0 24px}
#jeph-complete .hc-case-narrative p{font-size:18px;line-height:1.8;margin:0 0 48px;max-width:720px}
#jeph-complete .hc-case-motion .hc-film-player{margin-top:32px;background:#f4f4f1}
#jeph-complete .hc-case-motion .hc-film-player[data-orientation=portrait]{max-width:560px;margin-left:auto;margin-right:auto}
#jeph-complete .hc-case-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px}
#jeph-complete .hc-case-section-head p{color:#666;font-size:14px}
#jeph-complete .hc-development-chapter{display:grid;grid-template-columns:1fr 1.65fr;gap:8vw;margin:0 0 80px;align-items:center}
#jeph-complete .hc-development-chapter h3{font-size:clamp(22px,2.2vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}
#jeph-complete .hc-development-chapter p{font-size:16px;line-height:1.8;max-width:420px}
#jeph-complete .hc-development-chapter:nth-of-type(even)>div{order:2}
#jeph-complete .hc-development-chapter figure,#jeph-complete .hc-case-editorial-gallery figure{margin:0}
#jeph-complete .hc-development-chapter img,#jeph-complete .hc-case-editorial-gallery img{display:block;width:100%;height:auto}
#jeph-complete .hc-development-chapter figcaption,#jeph-complete .hc-case-editorial-gallery figcaption{font-size:12px;line-height:1.6;color:#666;margin-top:12px}
#jeph-complete .hc-case-editorial-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
#jeph-complete .hc-case-editorial-gallery figure:only-child{grid-column:1/-1;width:80%;margin:auto}
#jeph-complete .hc-case-editorial-gallery figure:nth-child(even){padding-top:100px}
#jeph-complete .hc-case-credits{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;border-top:1px solid #e4e4df;padding-top:56px}
#jeph-complete .hc-case-next{display:flex;flex-direction:column;grid-column:1/-1;width:100%;margin-top:80px;padding-top:32px;border-top:1px solid #d8d8d3;gap:12px;text-decoration:none;color:inherit}
#jeph-complete .hc-case-next span{font-size:12px}
#jeph-complete .hc-case-next strong{font-size:clamp(28px,4vw,60px);font-weight:400;line-height:1.2;letter-spacing:-.04em}
#jeph-complete .hc-experience-application{display:flex;align-items:baseline;gap:8vw;margin-top:48px;padding-top:28px;border-top:1px solid #d8d8d3}
#jeph-complete .hc-experience-application p{font-size:15px;line-height:1.8;max-width:650px;margin:0;flex:1}
#jeph-complete .hc-experience-application a{font-size:13px;max-width:260px}
#jeph-complete .hc-waze-caption a{font:inherit;color:inherit;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
@media(max-width:760px){
 #jeph-complete .hc-case-top{padding-top:24px;padding-bottom:40px}
 #jeph-complete .hc-case-name{margin-top:40px}
 #jeph-complete .hc-case-lead{font-size:21px}
 #jeph-complete .hc-case-overview{grid-template-columns:1fr;gap:40px;padding-top:56px}
 #jeph-complete .hc-case-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #jeph-complete .hc-case-meta>div{margin:0}
 #jeph-complete .hc-case-meta dd{font-size:14px}
 #jeph-complete .hc-case-narrative p{font-size:16px;margin-bottom:32px}
 #jeph-complete .hc-development-chapter{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
 #jeph-complete .hc-development-chapter:nth-of-type(even)>div{order:0}
 #jeph-complete .hc-case-section-head{display:block;margin-bottom:32px}
 #jeph-complete .hc-case-editorial-gallery{grid-template-columns:1fr;gap:32px}
 #jeph-complete .hc-case-editorial-gallery figure:only-child{width:100%}
 #jeph-complete .hc-case-editorial-gallery figure:nth-child(even){padding-top:0}
 #jeph-complete .hc-case-credits{grid-template-columns:1fr;gap:24px}
 #jeph-complete .hc-experience-application{display:block;margin-top:32px}
 #jeph-complete .hc-experience-application a{display:inline-flex;margin-top:20px;max-width:none}
}
@media(prefers-reduced-motion:reduce){#jeph-complete[data-current-page=case] .hc-case-name{animation:none}}
#jeph-complete .hc-case-demo{display:flex;width:fit-content;margin:28px 0 0 auto;font-size:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#jeph-complete .hc-archive-project>a:hover img{transform:scale(1.025)}}
#jeph-complete .hc-development-chapter[data-format=panorama]{display:block}
#jeph-complete .hc-development-chapter[data-format=panorama]>div{display:grid;grid-template-columns:1fr 1.65fr;gap:8vw;margin-bottom:32px}
#jeph-complete .hc-development-chapter[data-format=panorama] p{max-width:650px;margin-top:0}
#jeph-complete .hc-panorama-link{display:inline-flex;margin-top:20px;font-size:13px}
@media(max-width:760px){#jeph-complete .hc-development-chapter[data-format=panorama]>div{display:block}}
#jeph-complete .hc-development-chapter[data-comparison=true]{display:block}
#jeph-complete .hc-development-chapter[data-comparison=true]>div:first-child{display:grid;grid-template-columns:1fr 1.65fr;gap:8vw;margin-bottom:32px}
#jeph-complete .hc-development-chapter[data-comparison=true]>div:first-child p{max-width:650px;margin-top:0}
#jeph-complete .hc-process-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
#jeph-complete .hc-process-pair img{aspect-ratio:16/10;object-fit:contain;background:#f5f5f2}
@media(max-width:760px){#jeph-complete .hc-development-chapter[data-comparison=true]>div:first-child{display:block}#jeph-complete .hc-process-pair{grid-template-columns:1fr;gap:28px}}
#jeph-complete .hc-measurement-consent{position:fixed;z-index:50;left:24px;bottom:24px;max-width:480px;padding:22px;background:#181818;color:#fff;box-shadow:0 4px 24px #0002}
#jeph-complete .hc-measurement-consent p{font-size:14px;line-height:1.6;margin:0 0 16px}
#jeph-complete .hc-measurement-consent a{color:inherit;text-decoration:underline}
#jeph-complete .hc-measurement-consent>div{display:flex;gap:16px}
#jeph-complete .hc-measurement-consent button{min-height:44px;padding:10px 18px;border:1px solid #fff;border-radius:0;background:transparent;color:#fff;font:500 14px/1.2 Manrope,sans-serif;cursor:pointer;transition:transform .12s ease-out,opacity .15s ease-out}#jeph-complete .hc-measurement-consent button[data-measurement-choice="granted"]{background:#fff;color:#181818}#jeph-complete .hc-measurement-consent button:hover{opacity:.86}#jeph-complete .hc-measurement-consent button:active{transform:scale(.97)}#jeph-complete .hc-measurement-consent button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#jeph-complete .hc-measurement-preferences{display:block;margin:12px 40px 24px;min-height:44px;padding:0;border:0;background:none;font:400 12px/1.4 Manrope,sans-serif;color:#555;text-decoration:underline;cursor:pointer}
#jeph-complete :is(.hc-measurement-consent,.hc-measurement-preferences)[hidden]{display:none}
@media(max-width:600px){#jeph-complete .hc-measurement-consent{left:16px;right:16px;bottom:90px;max-width:none}}

#jeph-complete .hc-brief-submit { background:#171717; color:#fff; border:0; font:inherit; cursor:pointer; padding:15px 22px; }
#jeph-complete .hc-brief-submit[hidden] { display:none; }
#jeph-complete .hc-brief-submit:disabled { opacity:.55; cursor:wait; }

#jeph-complete .hc-brief-channels { display:flex; flex-wrap:wrap; align-items:center; gap:16px 22px; }

/* Language is a navigation choice, independent from measurement preferences. */
#jeph-complete .hc-language-switch { display:flex; align-items:center; gap:9px; flex:none; margin-left:24px; font-size:12px; line-height:1; }
#jeph-complete .hc-language-switch a { display:grid; place-items:center; min-width:28px; min-height:44px; opacity:.65; }
#jeph-complete .hc-language-switch a[aria-current=page] { opacity:1; text-decoration:underline; text-underline-offset:5px; }
#jeph-complete .hc-language-switch span { opacity:.4; }
#jeph-complete :where(button,summary,.hc-action,.hc-whatsapp) { transition:scale 140ms cubic-bezier(.16,1,.3,1); }
#jeph-complete :where(button:not(:disabled),summary,.hc-action,.hc-whatsapp):active { scale:.97; transition:none; }
@media(max-width:800px) { #jeph-complete .hc-language-switch { margin-left:auto; gap:5px; } #jeph-complete .hc-language-switch a { min-width:30px; } }
@media(prefers-reduced-motion:reduce) { #jeph-complete :where(button,summary,.hc-action,.hc-whatsapp) { transition:none; } }

@media(max-width:800px) {
 #jeph-complete .hc-header { position:relative; }
 #jeph-complete .hc-mobile-menu { position:static; }
 #jeph-complete .hc-menu-panel { top:76px; left:var(--hc-gutter); right:var(--hc-gutter); width:auto; }
}