/* Shared finish for the homepage's standalone cards and interactive panels.
   Scene scripts own transform. Individual translate supplies pointer lift independently. */
:root{--card-radius:12px;--card-shadow:0 14px 40px #00000017;--card-shadow-raised:0 22px 54px #00000020;--card-ease:cubic-bezier(.22,.61,.36,1)}
#offer .split-system,#work .motion-card,.calc,.fit,form.enq,.modal .box{border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
#offer .split-system,#work .motion-card{transition:translate .55s var(--card-ease),box-shadow .55s var(--card-ease);border:1px solid #dedbd5}
#offer .split-system:nth-child(2),#work .motion-card:nth-child(even){border-color:#383838}
#work .motion-card:nth-child(3){border-color:#be2925}
.calc,.fit,form.enq{border:1px solid #dedbd5;transition:box-shadow .55s var(--card-ease),opacity 1s var(--card-ease),transform 1s var(--card-ease),filter 1s var(--card-ease)}
.calc.reveal:not(.revealed),.fit.reveal:not(.revealed),form.enq.reveal:not(.revealed){filter:blur(2px)}
.calc.revealed,.fit.revealed,form.enq.revealed{filter:none}
.calc:focus-within,.fit:focus-within,form.enq:focus-within{box-shadow:var(--card-shadow-raised)}
@media(hover:hover) and (pointer:fine){#offer .split-system:hover,#work .motion-card:hover{translate:0 -8px;box-shadow:var(--card-shadow-raised)}}
#offer .split-system:focus-within,#work .motion-card:focus-within{box-shadow:var(--card-shadow-raised)}
#work .motion-card:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(prefers-reduced-motion:reduce){#offer .split-system,#work .motion-card,.calc,.fit,form.enq,.modal .box{translate:none!important;transition:none!important;filter:none!important}}

#contact form.enq{border-radius:var(--card-radius)!important}