/* Shared CTA finish. Dark values are from Figma 467:2876. */
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button{
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;border:1px solid rgb(255 255 255 / 10%);border-radius:60px;
 font-weight:400;text-decoration:none;text-shadow:none;
 transition:transform 160ms cubic-bezier(.23,1,.32,1);
 -webkit-tap-highlight-color:transparent;
}
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button--dark{
 color:#fff;
 background:linear-gradient(180deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 0%)),linear-gradient(180deg,#252525 0%,#1f1f1f 50%,#252525 100%),linear-gradient(90deg,#ffa1ff,#ffa1ff);
 box-shadow:0 24px 24px rgb(0 0 0 / 10%),0 4px 20px rgb(255 255 255 / 10%),inset 0 0 20px rgb(255 255 255 / 20%);
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button--light{
 color:#252a35;background:#fff;
 backdrop-filter:none;-webkit-backdrop-filter:none;
 border-color:#fff;
 box-shadow:0 2px 4px rgb(22 49 100 / 8%);
}
@media(hover:hover) and (pointer:fine){
 :is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button:hover{transform:translateY(-1px)}
}
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button:active{transform:scale(.97);transition-duration:100ms}
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button:focus-visible{outline:2px solid #fe4116;outline-offset:5px}
.hero-two .actions a.soft-button:focus-visible{outline-color:#fe4116}
/* Keyboard and reduced-motion activation keep immediate, stationary feedback. */
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button:focus-visible{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button,:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button:is(:hover,:active){transform:none;transition:none}}

.hero-two .actions a.soft-button--glass{
 color:#fff;background:rgb(255 255 255 / 5%);border-color:rgb(255 255 255 / 30%);
 box-shadow:0 3px 6px rgb(22 49 100 / 5%),inset 0 1px 2px rgb(255 255 255 / 35%);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.hero-two .actions a.soft-button{font-size:16px;font-weight:500;letter-spacing:-.2px}
.hero-two .actions a.soft-button--light{color:#414146}
:is(.hero-two .actions,.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button--outline{
 color:#29272a;background:#fff;border:1px solid #d8d5da;box-shadow:0 2px 4px rgb(0 0 0 / 3%);
}

/* Footer and navigation use the same geometry and variants, not separate finishes. */
:is(.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button{
 min-height:40px;height:40px;min-width:0;padding:10px 16px;
 font:400 15px/15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 letter-spacing:normal;white-space:nowrap;box-sizing:border-box;
}
.creative-menu .contact-card{height:auto;min-height:62px}
@media(max-width:360px){
 .creative-menu .contact-card{flex-wrap:wrap;row-gap:12px}
 .creative-menu .contact-card h3{flex-basis:100%}
 .creative-menu .contact-actions{width:100%}
 .creative-menu .contact-actions a.soft-button{flex:1}
}
@media(pointer:coarse){
 :is(.footer-contact__actions,.playground-more,.creative-menu .contact-actions) a.soft-button{min-height:44px;height:44px}
}

/* Orange is the shared interface highlight, including browser text selection. */
::selection{background:#fe411626;color:#fe4116}

/* Only landing-page primary CTAs use the approved Explore Playground finish.
   Resume keeps its original outline style, alongside the white hero buttons. */
body.home-bubble-experience .footer-contact__actions{align-items:center}
body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 height:54px;min-height:54px;padding:16px 24px;
 color:#fff;font:400 16px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 letter-spacing:normal;white-space:nowrap;text-decoration:none;
 border:1px solid #ffffff2e;border-radius:999px;
 background:linear-gradient(180deg,#505050,#292929);
 box-shadow:0 7px 14px #2626261a,0 2px 3px #0000000f,inset 0 1px 1px #ffffff42,inset 0 -2px 2px #00000033;
 text-shadow:0 1px 1px #0000001f;
 backdrop-filter:none;-webkit-backdrop-filter:none;filter:brightness(1);
 transition:transform 180ms cubic-bezier(.23,1,.32,1),filter 180ms ease;
 -webkit-tap-highlight-color:transparent;
}
/* Keep the menu's compact layout while retaining the same material and depth. */
body.home-bubble-experience .creative-menu .contact-actions a.soft-button--dark{
 height:44px;min-height:44px;padding:11px 16px;font-size:15px;
}
/* Secondary buttons share the primary height while retaining their outline finish. */
body.home-bubble-experience .footer-contact__actions a.soft-button--outline{
 height:54px;min-height:54px;padding-inline:24px;
}
body.home-bubble-experience .creative-menu .contact-actions a.soft-button--outline{
 height:44px;min-height:44px;
}
@media(hover:hover) and (pointer:fine){
 body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark:hover{
  transform:translateY(-2px);filter:brightness(1.14);
 }
}
body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark:active{
 transform:translateY(1px) scale(.99);
}
body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark:focus-visible{
 outline:2px solid #3265ed;outline-offset:5px;transform:none;filter:brightness(1.14);
}
@media(prefers-reduced-motion:reduce){
 body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark{
  transition:none;
 }
 body.home-bubble-experience :is(.creative-menu .contact-actions,.footer-contact__actions) a.soft-button--dark:is(:hover,:active){
  transform:none;
 }
}