/* Official Clapella artwork extracted from Benjamin's three supplied PDFs. */
html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand){--clapella-width:176px;direction:ltr;unicode-bidi:isolate;align-items:center}
html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand)::before{content:none!important;display:none!important;animation:none!important}
html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand)>.im-brand-word{position:relative;display:block;flex:0 0 auto;width:var(--clapella-width);aspect-ratio:2031/485;line-height:0;letter-spacing:normal;animation:none;clip-path:none}
.im-brand-art{position:absolute;inset:0;display:block}
.im-brand-art>.im-brand-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.im-brand-art>.im-brand-night{display:none}
html[data-theme=night] .im-brand-art>.im-brand-day{display:none}
html[data-theme=night] .im-brand-art>.im-brand-night{display:block}
.im-brand-arc{clip-path:inset(0 80% 0 0);mask-image:radial-gradient(ellipse 3.15% 13.2% at 10.59% 44.54%,transparent 98%,#000 100%)}
.im-brand-dot{clip-path:inset(31% 86% 42% 7%);transform-origin:10.59% 44.54%}
.im-brand-name{clip-path:inset(0 0 0 28%)}
.im-brand-pending .im-brand-name{opacity:0;clip-path:inset(0 72% 0 28%)}
.im-brand-ready .im-brand-dot{animation:clapella-shutter .88s .12s cubic-bezier(.45,0,.2,1) both}
.im-brand-ready .im-brand-name{animation:clapella-name 1.35s .57s cubic-bezier(.16,1,.3,1) both}
.im-brand-word::after{content:'';position:absolute;left:10.59%;top:44.54%;width:5.25%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7)}
.im-brand-ready>.im-brand-word::after{animation:clapella-shutter-light .85s .36s cubic-bezier(.16,1,.3,1) both}
html body .gallery .logo{--clapella-width:126px}
@keyframes clapella-shutter{0%,18%{transform:scale(1);opacity:1}38%{transform:scale(.16);opacity:.6}57%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes clapella-name{from{opacity:0;transform:translateX(7px);filter:blur(2px);clip-path:inset(0 72% 0 28%)}to{opacity:1;transform:translateX(0);filter:blur(0);clip-path:inset(0 0 0 28%)}}
@keyframes clapella-shutter-light{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}14%{opacity:.28}100%{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}
@media(max-width:750px){html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand){--clapella-width:148px}}
@media(max-width:550px){html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand){--clapella-width:126px}}
@media(max-width:370px){html body :is(.logo,header .brand,#instamood-prototype .brand,.client-landing-brand){--clapella-width:112px}}
@media(prefers-reduced-motion:reduce){.im-brand-art,.im-brand-word::after{animation:none!important;filter:none!important;transform:none!important}.im-brand-name,.im-brand-pending .im-brand-name{opacity:1!important;clip-path:inset(0 0 0 28%)!important}.im-brand-word::after{display:none}}