.signal{--accent:#dd754f;--accent-ink:#be5430;--ease:cubic-bezier(.22,1,.36,1)}
.signal h1 span{color:var(--accent-ink)}.signal .orange,.signal .orange-tag,.signal .contact-a{background:var(--accent)}.signal .pli-tile h3 span{color:var(--accent-ink)}.signal a:focus-visible,.signal button:focus-visible{outline-color:var(--accent-ink)}
.signal .showcase-a{animation:none;transform:perspective(1100px) rotate(-2deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--drift,0px));transition:transform .7s var(--ease)}
.signal .orange-tag{transition:transform .65s var(--ease)}.signal .showcase-a:hover .orange-tag{transform:rotate(2deg) translateY(-5px)}
.signal .pill{position:relative;isolation:isolate;overflow:hidden;transform:translate(var(--button-x,0px),var(--button-y,0px));transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.signal .pill::before{content:'';position:absolute;inset:0;background:#fff;opacity:0;transform:translateY(100%);transition:transform .45s var(--ease),opacity .45s;z-index:-1}.signal .pill:hover::before{transform:translateY(0);opacity:.16}.signal .pill:hover{box-shadow:0 6px 18px #11131812}.signal .pill:active{scale:.97}
.signal nav>a:not(.pill){position:relative}.signal nav>a:not(.pill)::after{content:'';position:absolute;height:1px;background:currentColor;left:0;right:0;bottom:-7px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.signal nav>a:hover::after,.signal nav>a:focus-visible::after{transform:scaleX(1)}
.signal .hero-line-mask{display:block;overflow:hidden;padding-bottom:.25em;margin-bottom:-.25em;color:inherit}.signal h1 .hero-word{display:inline-block;color:inherit}.signal h1 .hero-accent{color:var(--accent-ink)}
.signal.motion-ready .hero-word{animation:word-rise 1s var(--ease) both}.signal.motion-ready .hero-accent .hero-word{animation-delay:.13s}.signal.motion-ready .intro,.signal.motion-ready .hero-note{animation:soft-rise .8s var(--ease) .3s both}.signal.motion-ready .hero-grid>div>.pill{animation:soft-rise .8s var(--ease) .4s both}.signal.motion-ready .showcase-a{animation:stage-arrive 1.1s var(--ease) .15s both}
.signal.motion-ready .motion-reveal{opacity:0;translate:0 32px;transition:opacity .8s var(--ease),translate .9s var(--ease);transition-delay:var(--reveal-delay,0ms)}.signal.motion-ready .motion-reveal.is-visible{opacity:1;translate:0 0}
.signal .work-tile .tile-inner{overflow:hidden}.signal .work-tile .tile-inner img{transition:transform 1s var(--ease),filter .8s}.signal .pli-tile:hover img{transform:scale(1.045)}.signal .cafe-tile:hover img{transform:rotate(3deg) scale(1.045)}.signal .tile-caption{position:relative;padding-bottom:14px}.signal .tile-caption::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.signal .work-tile:hover .tile-caption::after{transform:scaleX(1)}
.signal .steps article{position:relative}.signal .steps article::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--accent-ink);transform:scaleX(var(--step-progress,0));transform-origin:left;transition:transform .6s var(--ease)}.signal .steps article>span{transition:color .5s}.signal .steps article.is-current>span{color:var(--accent-ink)}
.signal .contact-a{position:relative;overflow:hidden}.signal .contact-a>.wrap{position:relative;z-index:1}.signal .contact-a::before{content:'';position:absolute;inset:0;background:#e9a084;transform:translateX(calc(-100% + var(--contact-progress,0) * 100%));transition:transform .3s linear;opacity:.35}.signal .contact-details:not([hidden]){animation:soft-rise .45s var(--ease)}
.signal .reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--accent-ink);transform:scaleX(var(--read-progress,0));transform-origin:left;z-index:100;pointer-events:none}
@keyframes word-rise{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes soft-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes stage-arrive{from{opacity:0;translate:24px 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:760px){.signal.motion-ready .motion-reveal{translate:0 18px}.signal.motion-ready .motion-reveal.is-visible{translate:0 0}.signal .showcase-a{transform:rotate(-2deg)}.signal .steps article::before{width:100%}.signal .reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.signal .motion-reveal{opacity:1!important;translate:none!important}.signal .hero-word{transform:none!important}.signal .showcase-a{transform:rotate(-2deg)!important}.signal .pill{transform:none!important}.signal .contact-a::before,.signal .reading-progress{display:none}.signal .steps article::before{transform:scaleX(1)}.signal .work-tile:hover img{transform:none}.signal .cafe-tile:hover img{transform:rotate(8deg)}}
