/* ENENINTA V11 — SHINY PLASTIC CONTROLS
   Brand primary: molded Volt Coral; secondary: frost/blue optical plastic.
   Service affordances: free play glyph until hover/focus adds an outline.
   Intentional override of V9 liquid-controls.css after media-player.css. */
:root {    }

/* Molded, translucent high-gloss CORAL buttons — deliberately unlike chrome metal. */
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill){
  appearance:none;-webkit-appearance:none;isolation:isolate;
  display:inline-flex;position:relative;justify-content:center;align-items:center;
  gap:0;min-height:56px;padding:15px 28px;
  border:1.5px solid transparent;border-radius:999px;
  background: var(--primary-surface);
  color:var(--on-primary);
  font-family:var(--body),sans-serif;font-weight:800;font-size:12px;line-height:1.25;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;text-align:center;
  text-shadow:0 1px color-mix(in srgb,var(--white) 13%,transparent);
  box-shadow:
    inset 0 2px 2px color-mix(in srgb,var(--white) 76%,transparent),
    inset 0 -5px 10px color-mix(in srgb,color-mix(in srgb,var(--ink) 40%,var(--lacquer)) 28%,transparent),
    inset 0 0 0 1px color-mix(in srgb,color-mix(in srgb,var(--mist) 5%,var(--frost)) 21%,transparent),
    0 1px 0 color-mix(in srgb,var(--white) 65%,transparent),
    0 8px 18px color-mix(in srgb,var(--ink) 15%,transparent),
    0 15px 33px color-mix(in srgb,color-mix(in srgb,var(--lacquer) 50%,var(--coral)) 13%,transparent);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,filter .3s ease;
  overflow:hidden;white-space:nowrap;cursor:pointer;
}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill)::before{
  content:'';position:absolute;pointer-events:none;z-index:0;
  left:6%;right:6%;top:3px;height:43%;
  border-radius:50% 50% 46% 46%/93% 93% 31% 31%;
  background:linear-gradient(180deg,color-mix(in srgb,var(--white) 84%,transparent),color-mix(in srgb,color-mix(in srgb,var(--frost) 80%,var(--white)) 38%,transparent) 24%,color-mix(in srgb,var(--white) 3.5%,transparent) 90%,transparent);
  filter:blur(.45px);opacity:.91;
  transition:opacity .26s ease;
}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill)::after{
  content:'';position:absolute;pointer-events:none;z-index:0;
  inset:3px;border:1px solid color-mix(in srgb,var(--white) 49%,transparent);border-bottom-color:color-mix(in srgb,color-mix(in srgb,var(--ink) 35%,var(--lacquer)) 29%,transparent);
  border-radius:inherit;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--white) 30%,transparent);
}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill) > .liquid-label{
  position:relative;z-index:1;line-height:1.25;
}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill):is(:hover,:focus-visible){
  transform:translateY(-2px);color:var(--on-primary);
  box-shadow:inset 0 1px 2px color-mix(in srgb,var(--white) 46%,transparent),
    inset 0 -3px 8px color-mix(in srgb,color-mix(in srgb,var(--ink) 40%,var(--lacquer)) 24%,transparent),0 2px 0 color-mix(in srgb,var(--white) 55%,transparent),
    0 10px 27px color-mix(in srgb,color-mix(in srgb,var(--ink) 85%,var(--storm)) 24%,transparent),0 0 25px color-mix(in srgb,var(--coral) 25%,transparent);
  filter:saturate(1.06);
}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill):is(:hover,:focus-visible)::before{opacity:0;}
:is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill):active{
  transform:translateY(1px);box-shadow:inset 0 4px 9px color-mix(in srgb,color-mix(in srgb,var(--ink) 50%,var(--lacquer)) 33%,transparent),0 2px 5px color-mix(in srgb,var(--black) 14%,transparent);
}
/* Secondary button: translucent cool plastic, not chrome. */
.shiny-button--outline{
  color:color-mix(in srgb,var(--frost) 90%,var(--white));
  background:var(--secondary-surface);
  text-shadow:none;
  box-shadow:inset 0 2px 2px color-mix(in srgb,var(--white) 33%,transparent),inset 0 -4px 8px color-mix(in srgb,var(--ink) 24%,transparent),0 7px 21px color-mix(in srgb,var(--black) 21%,transparent);
}
.shiny-button--outline:is(:hover,:focus-visible){color:var(--white);box-shadow:inset 0 2px 2px color-mix(in srgb,var(--white) 25%,transparent),0 8px 23px color-mix(in srgb,var(--black) 23%,transparent)}
/* Small nav/contact plastic capsules retain the same physical finish. */
.nav-contact,.back-btn{min-height:43px;padding:10px 21px;font-size:11px;}
/* No decorative play glyphs in action CTAs. Service affordances and actual player controls remain. */
.shiny-button > .action-glyph,.liquid-cta > .action-glyph,.nav-contact > .action-glyph,.back-btn > .action-glyph,.pill > .action-glyph{display:none!important}

/* WHAT WE DO: rest = unframed white triangle; hover/focus = outlined round control. */
.service-tile .circle-arrow{
  display:grid;place-items:center;
  width:49px;height:49px;flex:none;border:1.5px solid transparent;
  border-radius:50%;background:transparent!important;color:var(--white)!important;
  box-shadow:none;transform:none;
  transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.service-tile .circle-arrow::before,.service-tile .circle-arrow::after{content:none!important}
.service-tile .circle-arrow .action-glyph{width:23px;height:23px;color:inherit;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--black) 40%,transparent))}
.service-tile:is(:hover,:focus-visible) .circle-arrow{
  border-color:color-mix(in srgb,color-mix(in srgb,var(--frost) 35%,var(--white)) 93%,transparent);background:color-mix(in srgb,color-mix(in srgb,var(--ink) 85%,var(--storm)) 18%,transparent)!important;
  color:var(--white)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--white) 5%,transparent);
  transform:translateY(-2px);
}
/* Keep actual media-player/slider keys visibly physical. */
.work-player .work-player__button,.work-player__toggle{
  box-shadow:0 3px 6px color-mix(in srgb,color-mix(in srgb,var(--ink) 55%,var(--storm)) 45%,transparent),inset 0 2px 3px var(--white),inset 0 -3px 4px color-mix(in srgb,color-mix(in srgb,var(--ink) 40%,var(--storm)) 45%,transparent);
}
@media(max-width:500px){
  :is(.shiny-button,.liquid-cta,.pill){min-height:49px;padding:12px 19px;font-size:11px}
  .nav-contact,.back-btn{min-height:40px;padding:10px 15px}
  .service-tile .circle-arrow{width:39px;height:39px}
  .service-tile .circle-arrow .action-glyph{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){
  :is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill),
  :is(.shiny-button,.liquid-cta,.nav-contact,.back-btn,.pill)::before,
  .service-tile .circle-arrow{transition:none!important}
}