#jeph-complete .hc-hero { height:100svh; min-height:650px; overflow:hidden; touch-action:pan-y; }
#jeph-complete .hc-hero-image { z-index:-3; }
#jeph-complete .hc-hero-image > img,#jeph-complete .hc-hero-image > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#jeph-complete .hc-hero-image > video { opacity:1; }
#jeph-complete .hc-hero-veil { background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 24%,rgba(0,0,0,.08) 44%,rgba(0,0,0,.76)); pointer-events:none; }
#jeph-complete .hc-header { min-height:96px; align-items:start; padding-top:30px; }
#jeph-complete .hc-hero-role { font-size:12px; line-height:1.4; margin-left:auto; margin-right:10vw; padding-top:2px; }
#jeph-complete .hc-hero-copy { margin-top:auto; padding-top:120px; padding-bottom:30px; }
#jeph-complete .hc-hero-copy h1 { font-size:clamp(64px,8.5vw,132px); line-height:.94; letter-spacing:-.04em; max-width:11ch; text-wrap:balance; }
#jeph-complete .hc-hero-copy h1 span { display:block; }
#jeph-complete .hc-hero-info { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-top:26px; }
#jeph-complete .hc-hero-info p { font-size:13px; }
#jeph-complete .hc-hero-open { display:inline-flex; align-items:center; gap:32px; min-height:48px; border-bottom:1px solid #ffffff80; font-size:14px; }
#jeph-complete .hc-hero-open svg { width:24px; height:24px; transition:transform 250ms ease; }
#jeph-complete .hc-hero-open:hover svg { transform:translate(4px,-4px); }
#jeph-complete .hc-hero-bottom { display:grid; grid-template-columns:1fr auto; gap:40px; padding-block:22px 26px; border-top:1px solid #ffffff50; margin-inline:var(--hc-gutter); padding-inline:0; align-items:end; }
#jeph-complete .hc-hero-actions { gap:20px; }
#jeph-complete .hc-intro { padding-block:96px 24px; align-items:end; }
#jeph-complete .hc-intro p { font-size:clamp(27px,3.7vw,52px); line-height:1.15; letter-spacing:-.035em; max-width:25ch; }
#jeph-complete .hc-intro > span { font-size:12px; max-width:20ch; }
#jeph-complete .hc-work-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-bottom:36px; }
#jeph-complete .hc-work-heading h2 { font-size:16px; }
#jeph-complete .hc-layout-switch { display:flex; gap:24px; }
#jeph-complete .hc-layout-switch button { min-height:44px; font-size:12px; color:#707070; border-bottom:1px solid transparent; }
#jeph-complete .hc-layout-switch button[aria-pressed=true] { color:#181818; border-color:currentColor; }
#jeph-complete .hc-gallery { position:relative; }
#jeph-complete .hc-gallery .hc-photo { position:relative; }
#jeph-complete .hc-project-open .hc-photo::after { content:'Ver projeto'; position:absolute; left:24px; bottom:24px; padding:10px 18px; background:#fff; color:#181818; font-size:12px; opacity:0; transform:translateY(8px); transition:opacity 200ms ease,transform 300ms cubic-bezier(.16,1,.3,1); }
@media(hover:hover) { #jeph-complete .hc-project-open:hover .hc-photo::after,#jeph-complete .hc-project-open:focus-visible .hc-photo::after { opacity:1; transform:none; } }
#jeph-complete .hc-gallery[data-layout=index] { display:block; min-height:620px; padding-right:56%; }
#jeph-complete .hc-gallery[data-layout=index] .hc-project { padding:0; border-top:1px solid var(--hc-line); }
#jeph-complete .hc-gallery[data-layout=index] .hc-project:last-child { border-bottom:1px solid var(--hc-line); }
#jeph-complete .hc-gallery[data-layout=index] .hc-project-open { min-height:110px; }
#jeph-complete .hc-gallery[data-layout=index] .hc-caption { font-size:clamp(22px,2.6vw,40px); line-height:1.2; padding:26px 0; align-items:center; transition:opacity 200ms ease; }
#jeph-complete .hc-gallery[data-layout=index] .hc-caption small { font-size:12px; margin-top:8px; }
#jeph-complete .hc-gallery[data-layout=index] .hc-project .hc-photo { position:absolute; top:0; right:0; width:50%; height:620px; aspect-ratio:auto; opacity:0; pointer-events:none; transition:opacity 350ms ease; background:#f1f1ef; }
#jeph-complete .hc-gallery[data-layout=index] .hc-project[data-active=true] .hc-photo { opacity:1; }
#jeph-complete .hc-gallery[data-layout=index] .hc-project[data-active=false] .hc-caption { opacity:.68; }
#jeph-complete .hc-gallery[data-layout=index] .hc-project .hc-photo::after { display:none; }
#jeph-complete .hc-commerce-title { display:flex; justify-content:space-between; align-items:end; gap:24px; }
#jeph-complete .hc-commerce-title h2 { font-size:clamp(40px,6vw,84px); max-width:12ch; }
#jeph-complete .hc-commerce-title p { font-size:13px; line-height:1.6; max-width:28ch; }
#jeph-complete .hc-shop { margin-top:24px; }
#jeph-complete .hc-experiments-head h2 { font-size:clamp(44px,8vw,100px); }
#jeph-complete .hc-waze-stage { height:440px; user-select:none; }
#jeph-complete .hc-contact h2 { font-size:clamp(52px,7.5vw,110px); max-width:10ch; }
#jeph-complete .hc-contact > div > .hc-text-link { font-size:clamp(14px,1.6vw,22px); margin-top:32px; }
#jeph-complete .hc-shell :focus-visible { outline:2px solid currentColor; outline-offset:6px; }
#jeph-complete [data-page=case] { max-width:none; }
#jeph-complete .hc-case-top { padding-top:40px; }
#jeph-complete .hc-case-name h1 { font-size:clamp(52px,8vw,120px); }
#jeph-complete .hc-case-context,#jeph-complete .hc-case-related { max-width:1500px; margin-inline:auto; }
::view-transition-group(project-media) { animation-duration:650ms; animation-timing-function:cubic-bezier(.16,1,.3,1); }
::view-transition-old(project-media),::view-transition-new(project-media) { height:100%; object-fit:cover; }
@media(max-width:800px) {
 #jeph-complete .hc-hero { min-height:680px; height:94svh; }
 #jeph-complete .hc-header { min-height:90px; padding-top:24px; }
 #jeph-complete .hc-hero-role { display:none; }
 #jeph-complete .hc-hero-copy { padding-top:120px; padding-bottom:20px; }
 #jeph-complete .hc-hero-copy h1 { font-size:clamp(58px,12.5vw,88px); max-width:11ch; }
 #jeph-complete .hc-hero-info { align-items:center; margin-top:20px; }
 #jeph-complete .hc-hero-info p { font-size:12px; }
 #jeph-complete .hc-hero-open { font-size:12px; gap:16px; }
 #jeph-complete .hc-hero-bottom { grid-template-columns:1fr; gap:20px; padding-block:20px; }
 #jeph-complete .hc-hero-actions { gap:12px; }
 #jeph-complete .hc-intro { padding-top:56px; }
 #jeph-complete .hc-intro p { font-size:30px; }
 #jeph-complete .hc-intro > span { max-width:none; }
 #jeph-complete .hc-gallery[data-layout=index] { min-height:0; padding-right:0; display:flex; flex-direction:column; }
 #jeph-complete .hc-gallery[data-layout=index] .hc-project-open { min-height:76px; }
 #jeph-complete .hc-gallery[data-layout=index] .hc-caption { font-size:25px; padding:22px 0; }
 #jeph-complete .hc-gallery[data-layout=index] .hc-project .hc-photo { position:relative; width:100%; height:0; opacity:0; overflow:hidden; }
 #jeph-complete .hc-gallery[data-layout=index] .hc-project[data-active=true] .hc-photo { height:330px; opacity:1; }
 #jeph-complete .hc-gallery[data-layout=index] .hc-project[data-active=false] .hc-caption { opacity:.68; }
 #jeph-complete .hc-layout-switch { gap:18px; }
 #jeph-complete .hc-commerce-title { align-items:start; flex-direction:column; gap:20px; }
 #jeph-complete .hc-commerce-title h2 { font-size:48px; }
 #jeph-complete .hc-waze-stage { height:280px; }
 #jeph-complete .hc-case-top { padding-top:16px; }
}
@media(prefers-reduced-motion:reduce) {
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation-duration:1ms!important; }
 #jeph-complete .hc-gallery .hc-photo,#jeph-complete .hc-hero-image > video { transition:none; }
}

#jeph-complete .hc-film-credit { font-size:12px; line-height:1.6; color:#eee; }
#jeph-complete .hc-hero-bottom { display:flex; justify-content:space-between; align-items:center; }
#jeph-complete .hc-hero-actions .hc-text-link { font-size:12px; }
#jeph-complete .hc-hero-copy h1 { max-width:none; }
#jeph-complete .hc-waze-select { display:flex; gap:28px; flex-wrap:wrap; margin-top:24px; }
#jeph-complete .hc-waze-select button { min-height:44px; font-size:13px; color:#6b6b6b; border-bottom:1px solid transparent; }
#jeph-complete .hc-waze-select button[aria-pressed=true] { color:#181818; border-color:currentColor; }
#jeph-complete .hc-waze-select button:disabled { opacity:.4; cursor:wait; }
@media(max-width:800px) {
 #jeph-complete .hc-hero-bottom { gap:12px; }
 #jeph-complete .hc-hero-info { align-items:start; flex-direction:column; gap:20px; }
 #jeph-complete .hc-hero-copy h1 { font-size:clamp(54px,12vw,88px); }
 #jeph-complete .hc-hero-actions { flex-direction:column; gap:0; align-items:start; }
 #jeph-complete .hc-hero-actions .hc-text-link { font-size:12px; min-height:44px; }
 #jeph-complete .hc-film-credit { font-size:12px; }
 #jeph-complete .hc-waze-select { gap:18px; }
 #jeph-complete .hc-waze-select button { font-size:13px; }
}

::view-transition-group(gallery-focus) { animation-duration:600ms; animation-timing-function:cubic-bezier(.16,1,.3,1); }
::view-transition-old(gallery-focus),::view-transition-new(gallery-focus) { height:100%; object-fit:cover; }
::view-transition-old(root) { animation-duration:280ms; }
::view-transition-new(root) { animation-duration:350ms; }

#jeph-complete .hc-gallery[data-layout=index] .hc-caption small { color:inherit; }
@media(max-width:800px) {
 #jeph-complete .hc-gallery[data-layout=index] .hc-project[data-active=true] .hc-photo::after { display:block; opacity:1; transform:none; }
}

#jeph-complete .hc-section-description { font-size:16px; line-height:1.65; color:#555; max-width:52ch; margin-top:24px; }
#jeph-complete .hc-experiments-head .hc-section-description { max-width:58ch; font-size:16px; }
#jeph-complete .hc-commerce-title .hc-section-description { font-size:16px; max-width:52ch; padding-top:0; }
#jeph-complete .hc-experiments-head { align-items:start; }
#jeph-complete .hc-experiments-head > span { padding-top:12px; }
#jeph-complete .hc-caption .hc-project-description { max-width:42ch; font-size:13px; line-height:1.6; margin-top:8px; }
#jeph-complete .hc-gallery[data-layout=index] .hc-caption .hc-project-description { max-width:36ch; font-size:12px; }
@media(max-width:800px) {
 #jeph-complete .hc-section-description,#jeph-complete .hc-commerce-title .hc-section-description { font-size:14px; margin-top:20px; }
 #jeph-complete .hc-experiments-head { gap:12px; }
 #jeph-complete .hc-experiments-head > span { display:none; }
 #jeph-complete .hc-experiments-head h2 { font-size:48px; }
}

#jeph-complete .hc-pop-stage { background:#f2f2f0; }
#jeph-complete .hc-pop-stage .hc-watch-poster { object-fit:contain; padding:48px; }
#jeph-complete .hc-pop-stage .hc-3d-fallback { background:#f2f2f0; color:#181818; }
#jeph-complete .hc-pop-stage canvas { cursor:grab; }
#jeph-complete .hc-product-colors { padding:0; border:0; margin:32px 0 8px; }
#jeph-complete .hc-product-colors legend { font-size:12px; margin-bottom:16px; }
#jeph-complete .hc-product-colors legend span { margin-left:24px; color:#626262; }
#jeph-complete .hc-product-colors > div { display:flex; gap:12px; }
#jeph-complete .hc-product-colors button { width:44px; height:44px; border:7px solid #fff; border-radius:50%; background:var(--swatch); outline:1px solid transparent; }
#jeph-complete .hc-product-colors button[aria-pressed=true] { outline-color:#181818; }
#jeph-complete .hc-waze-family { display:flex; gap:28px; margin-top:32px; }
#jeph-complete .hc-waze-family button { min-height:44px; font-size:18px; color:#6b6b6b; border-bottom:1px solid transparent; }
#jeph-complete .hc-waze-family button[aria-pressed=true] { color:#181818; border-color:currentColor; }
#jeph-complete .hc-waze-select { margin-top:12px; }
@media(max-width:800px) { #jeph-complete .hc-experiments-head .hc-section-description { font-size:14px; } #jeph-complete .hc-waze-family button { font-size:16px; } }

#jeph-complete .hc-product-toggle { display:flex; align-items:center; justify-content:space-between; gap:28px; width:100%; max-width:300px; padding:16px 20px; min-height:56px; background:#181818; color:#fff; margin-top:28px; font-size:15px; }
#jeph-complete .hc-product-toggle[aria-pressed=true] svg { transform:rotate(180deg); }
#jeph-complete .hc-product-toggle:disabled { opacity:.45; cursor:wait; }
#jeph-complete .hc-pop-stage { height:560px; }
@media(max-width:800px) { #jeph-complete .hc-pop-stage { height:450px; } }

#jeph-complete .hc-gallery[data-layout=index] .hc-project .hc-photo { transform:translateY(var(--preview-offset,0px)); }
#jeph-complete .hc-all-projects { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:56px 8px; }
#jeph-complete .hc-all-projects a { display:inline-flex; gap:40px; align-items:center; min-height:48px; font-size:clamp(22px,3vw,38px); border-bottom:1px solid currentColor; padding-bottom:8px; }
#jeph-complete .hc-all-projects p { font-size:13px; color:#626262; }
#jeph-complete .hc-archive-intro { padding-block:72px 48px; }
#jeph-complete .hc-archive-intro h1 { font-size:clamp(52px,8vw,120px); }
#jeph-complete .hc-archive-intro > p { max-width:48ch; font-size:18px; line-height:1.6; margin-top:28px; }
#jeph-complete .hc-archive-filters { display:flex; flex-wrap:wrap; gap:28px; margin-top:44px; }
#jeph-complete .hc-archive-filters button { min-height:44px; font-size:13px; color:#626262; border-bottom:1px solid transparent; }
#jeph-complete .hc-archive-filters button[aria-pressed=true] { color:#181818; border-color:currentColor; }
#jeph-complete .hc-archive-filters span { margin-left:8px; font-size:12px; }
#jeph-complete .hc-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px 24px; }
#jeph-complete .hc-archive-project button { display:block; width:100%; }
#jeph-complete .hc-archive-project .hc-photo { aspect-ratio:1.2; overflow:hidden; }
#jeph-complete .hc-archive-project .hc-photo img { transition:transform 500ms cubic-bezier(.16,1,.3,1); }
#jeph-complete .hc-archive-project button:hover img { transform:scale(1.025); }
#jeph-complete .hc-archive-meta { display:flex; justify-content:space-between; margin-top:12px; font-size:12px; color:#626262; }
#jeph-complete .hc-archive-footer { display:flex; justify-content:space-between; gap:32px; margin-top:100px; padding-block:48px; border-top:1px solid var(--hc-line); }
#jeph-complete .hc-archive-footer a { display:flex; align-items:center; gap:20px; min-height:44px; font-size:14px; }
@media(max-width:800px) {
 #jeph-complete .hc-gallery[data-layout=index] .hc-project .hc-photo { transform:none; }
 #jeph-complete .hc-all-projects { align-items:start; flex-direction:column; gap:16px; padding-top:40px; }
 #jeph-complete .hc-archive-intro { padding-block:40px; }
 #jeph-complete .hc-archive-intro > p { font-size:16px; }
 #jeph-complete .hc-archive-grid { grid-template-columns:1fr; gap:40px; }
 #jeph-complete .hc-archive-footer { flex-direction:column; }
 #jeph-complete [data-page=archive] .hc-nav { display:flex; }
}



#jeph-complete [data-page=home] > .hc-commerce { max-width:none; background:#f2f2f0; padding-block:64px 56px; }
#jeph-complete .hc-commerce > .hc-commerce-title,#jeph-complete .hc-commerce > .hc-shop { max-width:1552px; margin-inline:auto; }
#jeph-complete .hc-commerce .hc-pop-stage { background:transparent; }
#jeph-complete .hc-commerce .hc-product-colors button { border-color:#f2f2f0; }
@media(max-width:800px) { #jeph-complete [data-page=home] > .hc-commerce { padding-block:40px; } }


#jeph-complete .hc-client-waze { display:flex; justify-content:center; gap:7px; }
#jeph-complete .hc-client-waze img { width:35px; height:35px; flex:none; }
#jeph-complete .hc-client-waze span { font-size:29px; font-weight:600; letter-spacing:-.04em; }
#jeph-complete .hc-waze-caption [hidden] { display:none; }
@media(max-width:800px) {
}


/* Approved featured composition. Keep each project ratio in one place. */
#jeph-complete .hc-gallery[data-layout=gallery] .hc-project { padding-top:0; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cidade-jardim-itau-faber-castell { grid-column:1/-1; }
#jeph-complete .hc-gallery[data-layout=gallery] :is(#hc-card-c6-bank-copa-do-mundo-gisele-bundchen,#hc-card-cidade-jardim-itau-faber-castell) .hc-caption { font-size:clamp(25px,3vw,44px); padding-top:24px; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cidade-jardim-itau-faber-castell .hc-photo { aspect-ratio:16/9; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen { grid-column:1/5; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-project-open { max-width:360px; margin-inline:auto; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-photo { aspect-ratio:9/16; background:#101010; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-photo :is(img,video) { left:0; width:100%; height:100%; object-fit:cover; background:#101010; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-photo img { position:absolute; inset:0 auto 0 0; object-position:50% 35%; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-caption { font-size:27px; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-her-code { grid-column:6/13; padding-top:100px; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-everlast { grid-column:3/13; }
#jeph-complete .hc-gallery[data-layout=gallery] :is(#hc-card-her-code,#hc-card-everlast) .hc-photo { aspect-ratio:16/9; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cbem { grid-column:1/6; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cbem .hc-photo { aspect-ratio:.8; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-fila { grid-column:8/13; padding-top:100px; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-fila .hc-photo { aspect-ratio:.7; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-havaianas { grid-column:1/6; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-havaianas .hc-photo { aspect-ratio:1440/2574; }
#jeph-complete #hc-card-havaianas .hc-photo :is(img,video) { object-fit:contain; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-mboom { grid-column:8/13; padding-top:160px; }
#jeph-complete .hc-gallery[data-layout=gallery] #hc-card-mboom .hc-photo { aspect-ratio:1.4; }
#jeph-complete .hc-waze-select[hidden] { display:none; }
@media(max-width:800px) {
 #jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen { grid-column:1/6; }
 #jeph-complete .hc-gallery[data-layout=gallery] #hc-card-c6-bank-copa-do-mundo-gisele-bundchen .hc-project-open { max-width:none; }
 #jeph-complete .hc-gallery[data-layout=gallery] :is(#hc-card-her-code,#hc-card-everlast) { grid-column:1/-1; padding-top:0; }
 #jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cbem { grid-column:1/6; }
 #jeph-complete .hc-gallery[data-layout=gallery] :is(#hc-card-fila,#hc-card-mboom) { grid-column:2/7; padding-top:0; }
 #jeph-complete .hc-gallery[data-layout=gallery] #hc-card-cidade-jardim-itau-faber-castell .hc-caption { font-size:27px; }
}

#jeph-complete .hc-whatsapp { position:fixed; right:24px; bottom:max(24px,env(safe-area-inset-bottom)); z-index:80; width:58px; height:58px; display:grid; place-items:center; background:#181818; border-radius:50%; box-shadow:0 5px 18px #00000024; transition:transform 180ms ease,background 180ms ease; }
#jeph-complete .hc-whatsapp img { width:28px; height:28px; filter:invert(1); }
#jeph-complete .hc-whatsapp:hover { background:#333; transform:translateY(-3px); }
#jeph-complete .hc-whatsapp:focus-visible { outline:2px solid #181818; outline-offset:4px; }
@media(max-width:800px) { #jeph-complete .hc-whatsapp { width:54px; height:54px; right:18px; bottom:max(18px,env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { #jeph-complete .hc-whatsapp { transition:none; } #jeph-complete .hc-whatsapp:hover { transform:none; } }

#jeph-complete #hc-lab > .hc-waze-select { margin-top:32px; display:flex; flex-wrap:wrap; gap:8px 24px; }

#jeph-complete .hc-waze-stage canvas { mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
#jeph-complete .hc-waze-stage[data-render-mode=wireframe] { background:#fff; }
#jeph-complete .hc-intro { gap:56px; align-items:center; }
#jeph-complete .hc-early-contact { justify-self:end; width:min(100%,390px); }
#jeph-complete .hc-contact-cta { display:flex; justify-content:space-between; gap:24px; align-items:center; min-height:64px; padding-block:15px; border-bottom:1px solid #181818; font-size:clamp(20px,2vw,28px); letter-spacing:-.025em; }
#jeph-complete .hc-contact-cta svg { width:30px; height:30px; flex:none; transition:transform 240ms cubic-bezier(.16,1,.3,1); }
#jeph-complete .hc-contact-cta:hover svg { transform:translate(4px,4px); }
#jeph-complete .hc-contact-shortcuts { display:flex; gap:28px; margin-top:12px; }
#jeph-complete .hc-contact-shortcuts a { display:flex; gap:8px; align-items:center; min-height:44px; font-size:12px; }
#jeph-complete .hc-contact-shortcuts svg { width:14px; height:14px; }
#jeph-complete .hc-logo-group .hc-client-itau img { width:48px; max-height:48px; filter:brightness(0); opacity:.8; }
#jeph-complete .hc-logo-group .hc-client-ze img { max-height:52px; width:100px; filter:none; opacity:1; }
#jeph-complete .hc-brief-channels { display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; }
#jeph-complete .hc-brief-channels .hc-text-link { min-height:44px; display:flex; align-items:center; gap:12px; font-size:13px; border-bottom:1px solid #181818; }
@media(max-width:800px) {
 #jeph-complete .hc-early-contact { width:100%; margin-top:28px; }
 #jeph-complete .hc-contact-cta { font-size:23px; }
 #jeph-complete .hc-intro { padding-bottom:8px; }
 #jeph-complete .hc-brief-channels { align-items:stretch; flex-direction:column; }
 #jeph-complete .hc-brief-channels .hc-text-link { align-self:start; }
}
@media(prefers-reduced-motion:reduce) { #jeph-complete .hc-contact-cta svg { transition:none; } }

#jeph-complete .hc-logo-group .hc-client-wella img { width:90px; max-height:52px; filter:none; opacity:1; }


/* Posters remain useful while WebGL loads or recovers. */
#jeph-complete :is([data-product-stage],[data-waze-stage]) { position:relative; }
#jeph-complete .hc-watch-poster { pointer-events:none; }
#jeph-complete .hc-viewer-poster { position:absolute; inset:0; width:100%; height:100%; padding:32px; object-fit:contain; pointer-events:none; }
#jeph-complete [data-waze-stage][data-ready=true] .hc-viewer-poster { visibility:hidden; }
#jeph-complete :is([data-product-stage],[data-waze-stage]):not([data-ready=true]) canvas { visibility:hidden; pointer-events:none; }
#jeph-complete .hc-viewer-retry { position:absolute; z-index:3; left:50%; bottom:12px; transform:translateX(-50%); min-height:44px; padding:10px 18px; color:#fff; background:#181818; font-size:13px; white-space:nowrap; }
#jeph-complete .hc-viewer-retry[hidden] { display:none; }
#jeph-complete [data-product-stage][data-ready=error] .hc-3d-fallback { bottom:62px; max-width:36ch; }
#jeph-complete .hc-viewer-retry:focus-visible { outline:2px solid #181818; outline-offset:4px; }

#jeph-complete .hc-waze-caption .hc-render-switch{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;white-space:nowrap}
#jeph-complete .hc-render-track{display:block;position:relative;width:42px;height:24px;border:1px solid #181818;border-radius:20px;background:#fff;transition:background-color 200ms ease;flex:none}
#jeph-complete .hc-render-track>span{display:block;position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#181818;transition:transform 260ms cubic-bezier(.65,0,.35,1),background-color 200ms ease}
#jeph-complete .hc-render-switch[aria-checked=true] .hc-render-track{background:#181818}
#jeph-complete .hc-render-switch[aria-checked=true] .hc-render-track>span{background:#fff;transform:translateX(18px)}
#jeph-complete .hc-render-switch .hc-render-label{color:#777;transition:color 180ms ease}
#jeph-complete .hc-render-switch[aria-checked=true] .hc-render-finished,#jeph-complete .hc-render-switch[aria-checked=false] .hc-render-wire{color:#181818}
#jeph-complete .hc-render-switch:disabled{opacity:.45;cursor:wait}
@media(prefers-reduced-motion:reduce){#jeph-complete .hc-render-track,#jeph-complete .hc-render-track>span,#jeph-complete .hc-render-switch .hc-render-label{transition:none}}

#jeph-complete[data-language=en] .hc-project-open .hc-photo::after { content:'View project'; }

#jeph-complete .hc-commerce .hc-pop-stage { height:620px; }
#jeph-complete .hc-product-viewport { position:absolute; inset:0 0 116px; display:grid; place-items:center; }
#jeph-complete .hc-product-viewport .hc-watch-poster { width:100%; height:100%; }
#jeph-complete .hc-product-controls { position:absolute; z-index:4; bottom:16px; left:50%; transform:translateX(-50%); display:flex; align-items:end; gap:16px; width:max-content; max-width:calc(100% - 32px); padding:12px; background:#fff; }
#jeph-complete .hc-product-controls .hc-product-colors { margin:0; width:176px; flex:none; }
#jeph-complete .hc-product-controls .hc-product-colors legend { margin:0 0 6px; font-size:12px; line-height:18px; }
#jeph-complete .hc-product-controls .hc-product-colors legend span { margin-left:8px; }
#jeph-complete .hc-product-controls .hc-product-colors>div { gap:0; }
#jeph-complete .hc-product-controls .hc-product-colors button { border-color:#fff; }
#jeph-complete .hc-product-controls .hc-product-toggle { width:124px; min-width:124px; max-width:none; min-height:44px; margin:0; padding:8px; gap:6px; font-size:12px; }
#jeph-complete .hc-product-controls .hc-product-toggle svg { width:16px; height:16px; flex:none; }
#jeph-complete .hc-pop-stage .hc-angle { position:absolute; z-index:4; top:12px; right:12px; padding:4px 8px; gap:4px; background:#fff; }
#jeph-complete .hc-pop-stage .hc-product-gesture { position:absolute; z-index:3; left:16px; top:28px; font-size:12px; line-height:18px; max-width:22ch; color:#626262; }
@media(max-width:800px) {
 #jeph-complete .hc-commerce .hc-pop-stage { height:clamp(400px,75svh,520px); }
 #jeph-complete .hc-product-controls { padding:8px; gap:8px; max-width:calc(100% - 24px); }
 #jeph-complete .hc-pop-stage .hc-product-gesture { top:66px; left:12px; max-width:none; font-size:12px; }
}
@media(max-width:380px) {
 #jeph-complete .hc-product-viewport { bottom:164px; }
 #jeph-complete .hc-product-controls { flex-direction:column; align-items:stretch; width:calc(100% - 32px); }
 #jeph-complete .hc-product-controls .hc-product-colors { align-self:center; }
 #jeph-complete .hc-product-controls .hc-product-toggle { width:100%; }
}