/* Amasala signature motion: invitation and celebration, never a customer Site runtime. */

/* One tangible three-colour accent replaces the former non-interactive body pseudo-element. */
body:before{display:none!important}
.amasala-spice-rail{
 position:fixed;top:0;left:0;right:0;height:12px;z-index:20001;
 display:flex;align-items:flex-start;pointer-events:none;
}
.amasala-spice-band{height:4px;min-width:0;flex-basis:0;transition:flex-grow .38s cubic-bezier(.2,.75,.3,1),height .26s ease;pointer-events:auto}
.amasala-spice-band--chilli{flex-grow:42;background:var(--chilli)}
.amasala-spice-band--turmeric{flex-grow:19;background:var(--turmeric)}
.amasala-spice-band--leaf{flex-grow:16;background:var(--leaf)}
.amasala-spice-band--rest{flex-grow:23;pointer-events:none}
.amasala-home-copy h1 .amasala-motion-word,.amasala-home-copy h1 .amasala-motion-word .amasala-letter{color:var(--page-fg)}
.amasala-home-copy h1 .amasala-flavour,.amasala-home-copy h1 .amasala-flavour .amasala-letter{color:var(--chilli)}
.amasala-letter{display:inline-block;transform-origin:center 90%;white-space:pre;will-change:auto}
.amasala-motion-word{display:inline-flex;white-space:nowrap}
.amasala-flavour{display:inline-flex;white-space:nowrap;position:relative;isolation:isolate;cursor:crosshair;outline-offset:6px}
.amasala-flavour:focus-visible{outline:2px solid var(--turmeric);border-radius:4px}
.amasala-flavour .amasala-letter{color:var(--chilli)}
.amasala-burst-layer{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:4}
.amasala-burst-piece{
 position:absolute;left:50%;top:50%;width:7px;height:11px;border-radius:1px;
 opacity:0;pointer-events:none;
 animation:amasalaBurstFly .8s cubic-bezier(.12,.75,.32,1) var(--burst-delay,0ms) both;
}
.amasala-burst-tone-0{background:var(--chilli)}
.amasala-burst-tone-1{background:var(--turmeric);width:8px;height:8px;transform:rotate(45deg)}
.amasala-burst-tone-2{background:var(--clay);height:8px}
.amasala-burst-tone-3{background:var(--leaf);width:5px;height:13px}
@keyframes amasalaBurstFly{
 0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.25)}
 16%{opacity:1}
 100%{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) rotate(var(--burst-spin)) scale(.82)}
}
@keyframes amasalaLetterHop{
 0%,100%{transform:translateY(0) rotate(0) scale(1)}
 34%{transform:translateY(-.16em) rotate(-8deg) scale(1.08)}
 66%{transform:translateY(.035em) rotate(5deg) scale(.98)}
 84%{transform:translateY(-.04em) rotate(-2deg)}
}
@keyframes amasalaFlavourWobble{
 0%,100%{transform:rotate(0) scale(1)}
 24%{transform:rotate(-2.2deg) scale(1.015)}
 52%{transform:rotate(1.7deg) scale(1.035)}
 74%{transform:rotate(-.7deg) scale(1.012)}
}
.amasala-flavour-pop{animation:amasalaFlavourWobble .65s cubic-bezier(.18,.85,.2,1)}
/* The proposition moves a few pixels; the page still reads as stable editorial layout. */
.amasala-spice-card{transform-origin:center;transition:transform .48s cubic-bezier(.18,.85,.24,1),box-shadow .48s ease}
.amasala-spice-card:before,.amasala-spice-card:after{transition:transform .53s cubic-bezier(.18,.85,.24,1)}
.amasala-spice-card h2{transition:transform .45s cubic-bezier(.18,.85,.24,1)}
@keyframes amasalaSpiceReveal{
 0%{opacity:.65;transform:translateY(16px) rotate(-2deg)}
 55%{transform:translateY(-4px) rotate(1deg)}
 100%{opacity:1;transform:translateY(0) rotate(0)}
}
@keyframes amasalaSpiceSweep{
 0%,100%{transform:translateY(0) rotate(0)}
 36%{transform:translateY(-7px) rotate(-2deg)}
 67%{transform:translateY(2px) rotate(1.6deg)}
}
.amasala-home-possibilities h2 em.amasala-spice-word{
 display:inline-block;font-style:normal;color:var(--chilli);transform-origin:60% 80%;
}
.amasala-home-possibilities h2.amasala-motion-in-view em.amasala-spice-word{
 animation:amasalaSpiceReveal .82s cubic-bezier(.17,.85,.27,1) both;
}
/* During creative work the mark can turn gently; the actual progress is always truthful. */
@keyframes amasalaSlowTurn{
 0%,100%{transform:rotate(-6deg) scale(1)}
 50%{transform:rotate(6deg) scale(1.04)}
}
.amasala-creation-progress .website-progress-orb{animation:amasalaSlowTurn 3.3s ease-in-out infinite!important;transform-origin:center}
.amasala-creation-progress .website-progress-card:before{
 content:"";position:absolute;top:0;right:0;width:65px;height:65px;
 border:9px solid color-mix(in srgb,var(--turmeric) 28%,transparent);
 transform:translate(29px,-33px) rotate(45deg);
 pointer-events:none;
}
.amasala-creation-progress .website-progress-card{position:relative;overflow:hidden}
.publication-success-modal .website-progress-card{overflow:visible}
.publication-success-modal .website-progress-orb{position:relative;overflow:visible;isolation:isolate}
.amasala-signed-home .site-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.amasala-signed-home .site-card:after{
 content:"";position:absolute;left:18px;top:19px;width:7px;height:7px;
 background:var(--turmeric);transform:rotate(45deg);opacity:.7;pointer-events:none
}
@media(hover:hover) and (pointer:fine){
 .amasala-spice-band:not(.amasala-spice-band--rest):hover{flex-grow:72;height:9px}
 .amasala-letter:hover{animation:amasalaLetterHop .56s cubic-bezier(.17,.88,.32,1)}
 .amasala-spice-card:hover{transform:translateY(-6px) rotate(.55deg);box-shadow:0 36px 80px rgba(0,0,0,.18)}
 .amasala-spice-card:hover:before{transform:translate(-9px,12px) rotate(35deg)}
 .amasala-spice-card:hover:after{transform:translate(8px,-10px) rotate(55deg)}
 .amasala-spice-card:hover h2{transform:translateY(-2px)}
 .amasala-home-possibilities h2 em.amasala-spice-word:hover{animation:amasalaSpiceSweep .72s cubic-bezier(.17,.85,.27,1) both}
 .builder-rail button b{display:inline-block;transition:transform .23s cubic-bezier(.2,.85,.3,1)}
 .builder-rail button:hover b{transform:translateY(-3px) rotate(-6deg)}
 .builder-actions button:hover,.site-open:hover{transform:translateY(-1px)}
 .amasala-signed-home .site-card:hover{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
 .amasala-spice-band,.amasala-spice-card,.amasala-spice-card:before,
 .amasala-spice-card:after,.amasala-spice-card h2,.amasala-letter,
 .amasala-flavour,.amasala-spice-word,.builder-rail button b,
 .amasala-signed-home .site-card{animation:none!important;transition:none!important;transform:none!important}
 .amasala-burst-layer{display:none!important}
 .amasala-spice-band:not(.amasala-spice-band--rest):hover{height:4px}
 .amasala-spice-band--chilli:hover{flex-grow:42}
 .amasala-spice-band--turmeric:hover{flex-grow:19}
 .amasala-spice-band--leaf:hover{flex-grow:16}
 .amasala-creation-progress .website-progress-orb{animation:none!important;transform:none!important}
}

/* Eyebrow ink stamp: sweep a turmeric rectangle behind the existing sentence. */
.amasala-home-eyebrow{
 position:relative;
 isolation:isolate;
 width:fit-content;
 max-width:100%;
 transition:color .15s ease;
}
.amasala-home-eyebrow::before{
 content:"";
 position:absolute;
 z-index:-1;
 inset:-.25em -.48em;
 background:var(--turmeric);
 border-radius:1px;
 transform:scaleX(0);
 transform-origin:left center;
 pointer-events:none;
 transition:transform .44s cubic-bezier(.18,.8,.2,1);
}
@media(hover:hover) and (pointer:fine){
 .amasala-home-eyebrow:hover{color:#17120f!important;transition-delay:.17s}
 .amasala-home-eyebrow:hover::before{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
 .amasala-home-eyebrow,.amasala-home-eyebrow::before{transition:none!important}
 .amasala-home-eyebrow:hover{transition-delay:0s}
}